/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { AccordionColors, BadgeColors } from "./utils/colors";
import { Alignment, Direction, ElementSize, FontColor, FontSize, FontStyle, HeaderLevel, TargetProps } from "./utils/propTypes";
import { SpacingSize } from "./common/SpacingProps";
import { Assets } from "./components/bi-asset/assets";
import { Position } from "./components/bi-badge/bi-badge";
import { Placement } from "@floating-ui/dom";
import { LabelProps } from "./components/common/label/label";
import { Alignment as Alignment1, FontSize as FontSize1 } from "./components";
export { AccordionColors, BadgeColors } from "./utils/colors";
export { Alignment, Direction, ElementSize, FontColor, FontSize, FontStyle, HeaderLevel, TargetProps } from "./utils/propTypes";
export { SpacingSize } from "./common/SpacingProps";
export { Assets } from "./components/bi-asset/assets";
export { Position } from "./components/bi-badge/bi-badge";
export { Placement } from "@floating-ui/dom";
export { LabelProps } from "./components/common/label/label";
export { Alignment as Alignment1, FontSize as FontSize1 } from "./components";
export namespace Components {
    interface BaseModal {
        /**
          * Additional classes to apply to the modal.
         */
        "classes"?: string;
        /**
          * If true, clicking on the backdrop will not close the modal.
         */
        "disableBackdropClick": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "disable-backdrop-click"?: boolean;
        "handleClose": () => Promise<void>;
        "handleOpen": () => Promise<void>;
        /**
          * If true, the modal is open.
         */
        "isOpen": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
    }
    interface BiAccordion {
        /**
          * Alignment of the accordion content.
          * @default 'center'
         */
        "alignment": Alignment;
        /**
          * Background color of the accordion.
         */
        "backgroundColor": AccordionColors;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: AccordionColors;
        /**
          * Indicates if the accordion should have a border.
          * @default false
         */
        "border": boolean;
        "close": () => Promise<void>;
        /**
          * Should the accordion be expanded by default.
          * @default false
         */
        "defaultExpanded"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-expanded"?: boolean;
        /**
          * Determines if the accordion is expanded or not.
          * @default false
         */
        "isExpanded": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-expanded"?: boolean;
        /**
          * Remove the padding in the accordion.
          * @default false
         */
        "noPadding": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-padding"?: boolean;
        "open": () => Promise<void>;
        "toggle": () => Promise<void>;
        /**
          * Width of the accordion element.
          * @default 'medium'
         */
        "width": ElementSize;
    }
    interface BiAccordionContent {
        "noPadding": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-padding"?: boolean;
        /**
          * Size of the accordion content.
          * @default 'medium'
         */
        "size": ElementSize;
        "updateIsExpanded": () => Promise<void>;
    }
    interface BiAccordionGroup {
        /**
          * Alignment of the button group. Can be `left`, `center`, or `right`.
          * @default 'left'
         */
        "alignment": 'left' | 'center' | 'right';
        "closeAll": (excludeEl: HTMLBiAccordionElement) => Promise<void>;
        /**
          * Determines the collapse behavior. Single ensures that only one accordion be open at a time. Multiple allows for multiple accordions to be open at a time.
          * @default 'single'
         */
        "collapse"?: 'single' | 'multiple';
        /**
          * Direction of the button group. Can be `horizontal` or `vertical`.
          * @default 'vertical'
         */
        "direction"?: 'horizontal' | 'vertical';
        /**
          * Spacing size between accordions in the group.
          * @default 'small'
         */
        "spacing"?: SpacingSize;
    }
    interface BiAccordionHeader {
        /**
          * Size of the accordion header.
          * @default 'medium'
         */
        "size": ElementSize;
        "updateIsExpanded": () => Promise<void>;
    }
    interface BiAlert {
        /**
          * The aria-label for the close button
         */
        "closeAriaLabel": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "close-aria-label"?: string;
        /**
          * Whether the alert is non-dismissible. When not set to true, a close button will be shown.
          * @default false
         */
        "nonDismissible": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "non-dismissible"?: boolean;
        /**
          * The unique id of the alert. This not is necessary when `nonDismissible` is true. When a dismissible alert is closed, the `uniqueId` is stored in the user's LocalStorage, hiding all alerts with the same `uniqueId`.
         */
        "uniqueId": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "unique-id"?: string;
        /**
          * The type of alert
         */
        "variant": 'info' | 'warning';
    }
    interface BiArticle {
        /**
          * The body of the article
         */
        "body": string;
        /**
          * Whether the article should be expandable to show the content in the slot. Only has effect when the `bi-article` is in a `bi-article-container` with size='small'.
         */
        "expandable": boolean;
        /**
          * The header of the article
         */
        "header": string;
        /**
          * The alt text for the image
         */
        "imageAltText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-alt-text"?: string;
        /**
          * The URL of the image to display
         */
        "imageUrl": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-url"?: string;
        /**
          * The subtitle of the article
         */
        "subtitle": string;
        /**
          * The target for the link, defaulting to '_self'
         */
        "target"?: '_blank' | '_self';
        /**
          * The URL that the article will navigate to on click, if provided
         */
        "url"?: string;
    }
    interface BiArticleContainer {
        /**
          * The size of the article container  When the size is small, the container will have max 2 columns, and images will be displayed on the left side and hidden on small screens. When the size is large, the container will have max 4 columns, and images will be displayed on the top and always visible.  The articles will be placed in a grid starting at the left side.
          * @default 'small'
         */
        "size": 'small' | 'large';
    }
    interface BiAsset {
        /**
          * type of asset.
          * @default 'libraryLarge'
         */
        "asset": Assets;
    }
    interface BiBadge {
        /**
          * The color of the badge.
         */
        "color"?: BadgeColors;
        /**
          * The count to be displayed in the badge.
          * @type {number}
         */
        "count"?: number;
        /**
          * The position of the badge. Can be 'top-left', 'top-right', 'bottom-left', or 'bottom-right'.
         */
        "position": Position;
        /**
          * The size of the badge.
         */
        "size": ElementSize;
    }
    interface BiBreadcrumbItem {
        "href"?: string;
        "setIsLast": (last: boolean) => Promise<void>;
        "setSeparator": (separator: string) => Promise<void>;
    }
    interface BiBreadcrumbs {
    }
    interface BiBulletItem {
        "itemKey"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "item-key"?: string;
    }
    interface BiBulletList {
        "header"?: string;
        "listId"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "list-id"?: string;
        "name"?: string;
    }
    interface BiButton {
        /**
          * Make the button active by showing the focus-visible state.
          * @default false
         */
        "active": boolean;
        /**
          * Is the component displayed on a dark background.
          * @default false
         */
        "dark": boolean;
        /**
          * Decides if the button is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * The id of a form element the button should be associated with.
         */
        "form"?: string;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href": string | undefined;
        /**
          * Display as icon-button, only use when showing an icon as the label. Not compatible with the icon-slots or `stretch`. Always provide a descriptive aria-label for accessibility when set to true.
          * @default false
         */
        "icon": boolean;
        /**
          * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
         */
        "name"?: string;
        /**
          * The button size.
          * @default 'medium'
         */
        "size"?: 'small' | 'medium' | 'large';
        "stretch"?: boolean;
        /**
          * Used for displaying a loading animation, indicating its state. Overrides the "icon-left" slot when used
          * @default false
         */
        "submitting"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
         */
        "target": TargetProps;
        /**
          * The type of button.
          * @default 'button'
         */
        "type"?: 'reset' | 'submit' | 'button';
        /**
          * Defines the value associated with the button's name when it's submitted with the form data.
         */
        "value"?: string;
        /**
          * The button variant.
          * @default 'filled'
         */
        "variant"?: 'filled' | 'outlined' | 'text' | 'flat';
    }
    interface BiButtonGroup {
        /**
          * Alignment of the button group. Can be 'left', 'center', or 'right'.
          * @default 'left'
         */
        "alignment"?: 'left' | 'center' | 'right';
        /**
          * Spacing on bottom of the button group.
         */
        "bottom"?: SpacingSize;
        /**
          * Direction of the button group. Can be 'horizontal' or 'vertical'.
          * @default 'horizontal'
         */
        "direction"?: 'horizontal' | 'vertical';
        /**
          * Spacing on the left of the button group.
         */
        "left"?: SpacingSize;
        /**
          * Spacing on the right of the button group.
         */
        "right"?: SpacingSize;
        /**
          * Spacing size between buttons in the group. Will be applied to the gap property on the button group.
          * @default 'small'
         */
        "spacing"?: SpacingSize;
        /**
          * Spacing on top of the button group.
         */
        "top"?: SpacingSize;
    }
    interface BiCalendarContainer {
        "allEventsLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "all-events-label"?: string;
        "allEventsUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "all-events-url"?: string;
        "backgroundColor": 'bg-blue-black' | 'bg-gray-10' | 'bg-gray-25' | 'bg-blue';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: 'bg-blue-black' | 'bg-gray-10' | 'bg-gray-25' | 'bg-blue';
        "english"?: boolean;
        "header"?: string;
        "noEventsLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-events-label"?: string;
    }
    interface BiCalendarItem {
        "altText": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "alt-text"?: string;
        "header": string;
        "imageUrl": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-url"?: string;
        "location": string;
        "schedule": string;
        "url": string;
    }
    interface BiCard {
        /**
          * The color of the card
          * @default 'neutral'
         */
        "color": 'neutral' | 'info' | 'warning';
        "error": boolean;
        /**
          * The orientation of the card
          * @default 'horizontal'
         */
        "orientation": 'horizontal' | 'vertical';
        /**
          * Set the size of the card. Will use the full width if not set
         */
        "size"?: 'compact' | 'default';
    }
    interface BiCardAction {
        /**
          * Disable the card action.
          * @default false
         */
        "disabled": boolean;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string;
        /**
          * /**   Indicates whether the card action is loading.
          * @default false
         */
        "loading": boolean;
        /**
          * Specifies where to open the linked URL. Only applies when an `href` is provided.
         */
        "target"?: '_blank' | '_self' | '_parent' | '_top';
    }
    interface BiCardActionArea {
        /**
          * Disable the card action area.
          * @default false
         */
        "disabled": boolean;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string;
        /**
          * Specifies where to open the linked URL. Only applies when an `href` is provided.
         */
        "target"?: '_blank' | '_self' | '_parent' | '_top';
    }
    interface BiCardActions {
        /**
          * The background of the card actions
         */
        "background": 'neutral' | 'primary';
        /**
          * The orientation of the card actions
          * @default 'horizontal'
         */
        "orientation": 'horizontal' | 'vertical';
    }
    interface BiCardContent {
    }
    interface BiCardHeader {
        /**
          * The color of the card
          * @default 'neutral'
         */
        "color": 'neutral' | 'info' | 'warning';
        /**
          * The header of the card
         */
        "header"?: string;
        /**
          * The label of the card, displayed above the header
         */
        "label"?: string;
        /**
          * The sublabel of the card, displayed next to the label
         */
        "subLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "sub-label"?: string;
    }
    interface BiCardMedia {
        /**
          * The alt text of the media
         */
        "alt": string;
        /**
          * The source of the media
         */
        "src": string;
    }
    interface BiCheckbox {
        /**
          * Reflects the checkbox current checked state and allows setting the initial checked state.
         */
        "checked": boolean;
        /**
          * Is the component displayed on a dark background.
         */
        "dark": boolean;
        /**
          * You can set the initial checked state of the checkbox. Don't set this if you're also setting the `checked`-prop
         */
        "defaultChecked"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-checked"?: boolean;
        /**
          * Marks the checkbox field as disabled.
         */
        "disabled": boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * If `true`, the checkbox will be in an indeterminate state. Used when a checkbox is part of a group of checkboxes and some of the checkboxes are checked, but not all of them.
         */
        "indeterminate": boolean;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the checkbox field.
         */
        "name": string;
        /**
          * Marks the checkbox field as required.
         */
        "required": boolean;
        /**
          * @readonly
         */
        "type": string;
        /**
          * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
          * @default 'on'
         */
        "value": string;
    }
    interface BiChip {
        /**
          * Decides if the chip is clickable and rendered as a button.
         */
        "clickable"?: boolean;
        /**
          * The color of the chip
          * @default 'primary'
         */
        "color": 'neutral' | 'primary-light' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';
        /**
          * When href is set, the chip will render as a link. This will override the clickable property if both is set.
         */
        "href"?: string;
        /**
          * The size of the chip
         */
        "size": 'small' | 'medium' | 'large';
    }
    interface BiDialog {
        /**
          * The background color of the dialog. Can be 'white' or 'blue-strong'.
         */
        "backgroundColor"?: 'white' | 'blue-strong';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: 'white' | 'blue-strong';
        /**
          * If true, clicking on the backdrop will not close the dialog.
         */
        "disableBackdropClick": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "disable-backdrop-click"?: boolean;
        /**
          * If true, the dialog is open.
         */
        "isOpen": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * By default, a padding is applied to the content. This option removes that padding.
         */
        "removePadding"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "remove-padding"?: boolean;
    }
    interface BiDrawer {
        /**
          * The background color of the drawer. Can be 'white' or 'blue-strong'.
         */
        "backgroundColor": 'white' | 'primary' | 'neutral';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: 'white' | 'primary' | 'neutral';
        /**
          * If true, clicking on the backdrop will not close the drawer.
         */
        "disableBackdropClick": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "disable-backdrop-click"?: boolean;
        /**
          * If true, the drawer is open.
         */
        "isOpen": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * The position of the drawer. Can be 'top', 'bottom', 'left', or 'right'.
         */
        "position": 'top' | 'bottom' | 'left' | 'right';
    }
    interface BiDropdown {
        "handleClose": (focusTrigger?: boolean) => Promise<void>;
        /**
          * If true, the dropdown is open
          * @default false
         */
        "isOpen": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * The default placement of the dropdown
          * @default 'bottom'
          * @see https://floating-ui.com/docs/placement
         */
        "placement"?: Placement;
        /**
          * The id of the bi-button that should trigger the dropdown to open. Only bi-button elements are supported. Other elements will not work.
         */
        "trigger": string;
    }
    interface BiDropdownItem {
        /**
          * Disable the dropdown item.
          * @default false
         */
        "disabled": boolean;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string;
        /**
          * Don't close the dropdown which the item belongs to when clicked. This is useful when you want to keep the dropdown open after selecting an item.
          * @default false
         */
        "preventCloseOnClick": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "prevent-close-on-click"?: boolean;
        /**
          * Specifies where to open the linked URL. Only applies when an `href` is provided.
         */
        "target"?: '_blank' | '_self' | '_parent' | '_top';
    }
    interface BiFieldset {
        /**
          * Is the component displayed on a dark background.
         */
        "dark"?: boolean;
        /**
          * Marks the fieldset as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the fieldset will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message to show if `error` is true.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The help text to show below the fieldset.
         */
        "helptext"?: string;
        /**
          * The label of the fieldset.
         */
        "label": string;
        /**
          * The font style of the label.
         */
        "labelFontStyle": LabelProps['labelFontStyle'];
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "label-font-style"?: LabelProps['labelFontStyle'];
        /**
          * Marks the fieldset as required.
         */
        "required"?: boolean;
        /**
          * Display the contents in a row/horizontal direction. Use with caution, the standard should be vertical direction
         */
        "row"?: boolean;
    }
    interface BiFooter {
        "borderTop"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "border-top"?: boolean;
        "copyRightText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "copy-right-text"?: string;
        "dark"?: boolean;
        "hideAccreditationIcons"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-accreditation-icons"?: boolean;
        "hideCopyRight"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-copy-right"?: boolean;
        "hideSocialMediaIcons"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-social-media-icons"?: boolean;
    }
    interface BiFooterLinks {
        /**
          * Leading text.
         */
        "leadingText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "leading-text"?: string;
    }
    interface BiGridContainer {
        "columns"?: number;
        "gap"?: string;
        "header"?: string;
    }
    interface BiHeader {
        "color"?: 'dark' | 'light';
        "font"?: 'slab' | 'sans';
        "fontSize"?: FontSize;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-size"?: FontSize;
        "fontStyle"?: FontStyle;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-style"?: FontStyle;
        "level"?: HeaderLevel;
    }
    interface BiHeroCard {
        "dark"?: boolean;
    }
    interface BiHeroCardContent {
        "alignment"?: 'left' | 'center' | 'right';
        "cardSubtitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-subtitle"?: string;
        "cardText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-text"?: string;
        "cardTitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-title"?: string;
        "cardUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-url"?: string;
        "ctaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "cta-label"?: string;
        "dark"?: boolean;
        "openInNewTab": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "open-in-new-tab"?: boolean;
        "size"?: 'small' | 'regular';
    }
    interface BiHeroModule {
        /**
          * The subtitle of the hero
         */
        "cardSubtitle": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-subtitle"?: string;
        /**
          * The main text of the hero
         */
        "cardText": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-text"?: string;
        /**
          * The title of the hero
         */
        "cardTitle": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-title"?: string;
        /**
          * The url the user is taken to if the button is clicked
         */
        "cardUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-url"?: string;
        /**
          * The label of the button in the hero
         */
        "ctaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "cta-label"?: string;
        /**
          * The placement of the image
          * @default 'left
         */
        "imagePlacement"?: 'left' | 'right';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-placement"?: 'left' | 'right';
        /**
          * The alternative text for the image
         */
        "imgAlt": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "img-alt"?: string;
        /**
          * Sets the target for when the user clicks the link
         */
        "openInNewTab": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "open-in-new-tab"?: boolean;
    }
    interface BiInPageLinks {
        /**
          * Fallback text for the dropdown trigger when no pagelinks have been scrolled past.
         */
        "dropdownFallbackText": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "dropdown-fallback-text"?: string;
        /**
          * The title of the InPageLinks.
         */
        "header": string;
        /**
          * Make the InPageLinks sticky to the top of the page on scroll.
          * @default false
         */
        "sticky": boolean;
    }
    interface BiInputField {
        /**
          * Specifies whether the input can be autofilled by the browser
         */
        "autocomplete": 'on' | 'off' | 'name' | 'given-name' | 'family-name' | 'email' | 'username' | 'tel';
        /**
          * Is the component displayed on a dark background.
         */
        "dark": boolean;
        /**
          * You can set the initial value of the input field. Don't set this if you're also setting the `value`-prop
         */
        "defaultValue"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-value"?: string;
        /**
          * Marks the input field as disabled.
         */
        "disabled": boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The helper text below the label.
         */
        "helptext"?: string;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The max length of the input field.
         */
        "maxLength"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "max-length"?: number;
        /**
          * The min length of the input field.
         */
        "minLength"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "min-length"?: number;
        /**
          * The name of the input field.
         */
        "name": string;
        /**
          * The pattern the input field value must match.
         */
        "pattern"?: string;
        /**
          * The placeholder text.
         */
        "placeholder"?: string;
        /**
          * Marks the input field as required.
         */
        "required": boolean;
        /**
          * Controls whether the textarea is resizable and in which direction.
         */
        "resize": 'vertical' | 'none';
        /**
          * The number of rows of the textarea when size: `long`.
         */
        "rows"?: number;
        /**
          * The size of the input field. Size `normal` renders a normal input field, while `long` will render a textarea.
         */
        "size": 'normal' | 'long';
        /**
          * Stretch the input to use full available width.
         */
        "stretch": boolean;
        /**
          * The type of the input field.
         */
        "type": 'text' | 'password' | 'email' | 'tel' | 'url' | 'number';
        /**
          * The input field value.
         */
        "value": string;
        /**
          * Handles wrapping behaviour of elements.
         */
        "wrap": 'hard' | 'soft' | 'off';
    }
    interface BiLink {
        /**
          * The spacing on the bottom of the element
         */
        "bottom"?: SpacingSize;
        /**
          * The color of the link, with a default value of 'dark'
         */
        "color"?: 'dark' | 'light' | 'blue';
        /**
          * The URL that the link will navigate to
         */
        "href": string;
        /**
          * The spacing on the left of the element
         */
        "left"?: SpacingSize;
        /**
          * The spacing on the right of the element
         */
        "right"?: SpacingSize;
        /**
          * The size of the link, with a default value of 'medium'
         */
        "size"?: Exclude<FontSize1, '8xl' | '4xl' | 'xs'>;
        /**
          * The state of the link, indicating whether it is underlined or not, with a default value of 'underline'
         */
        "state"?: 'underline' | 'noline';
        /**
          * The target of the link, with a default value of '_self'
         */
        "target"?: '_blank' | '_parent' | '_self' | '_top' | '_unfencedTop';
        /**
          * The spacing on the top of the element
         */
        "top"?: SpacingSize;
    }
    interface BiLinkCard {
        "alignment": 'left' | 'center';
        "linkTitle": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "link-title"?: string;
        "openInNewTab"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "open-in-new-tab"?: boolean;
        "size": 'big' | 'small';
        "url": string;
    }
    interface BiList {
        "listId"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "list-id"?: string;
        "name"?: string;
        "noGap": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-gap"?: boolean;
    }
    interface BiListItem {
        /**
          * Alignment of the list item
          * @default 'center'
         */
        "alignment": Alignment1;
        "itemKey"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "item-key"?: string;
        "srOnly"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "sr-only"?: string;
    }
    interface BiLogo {
        /**
          * Determines if the logo should be displayed in the negative version, useful when displaying the logo on a dark background.
          * @default false
         */
        "dark"?: boolean;
        /**
          * Determines if the international logo should be used.
          * @default false
         */
        "international"?: boolean;
        /**
          * Determines the height of the logo.
          * @default 'medium'
         */
        "size"?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
        /**
          * Determines if the logo text should be displayed vertically. Only applies when `international` is `true`.
          * @default false
         */
        "vertical"?: boolean;
    }
    interface BiMessageBox {
        "heading"?: string;
        /**
          * @deprecated Use the `slot` instead
         */
        "message"?: string;
        "variant"?: 'error' | 'success' | 'warning' | 'info';
    }
    interface BiNavbar {
        /**
          * Determines if the navbar should be dark or light.
          * @default 'false'
         */
        "dark"?: boolean;
        /**
          * Determines if the navbar should be fixed.
          * @default 'false'
         */
        "fixed": boolean;
        /**
          * Aria label for the home link.
         */
        "homeAriaLabel": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "home-aria-label"?: string;
        /**
          * Href for the home link.
         */
        "homeHref": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "home-href"?: string;
        /**
          * Text for menu area label.
         */
        "menuAreaLabel": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "menu-area-label"?: string;
        /**
          * Text for skip link.
         */
        "skipLinkText": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "skip-link-text"?: string;
    }
    interface BiNotification {
        /**
          * The aria-label for the close button area.
         */
        "closeAreaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "close-area-label"?: string;
        /**
          * The color of the notification. Can be one of 'red', 'yellow', 'blue', or 'green'. Defaults to 'green'.
         */
        "color"?: 'red' | 'yellow' | 'blue' | 'green';
        /**
          * The heading text of the notification.
         */
        "heading": string;
        /**
          * Whether to hide the close button. Defaults to false.
         */
        "hideCloseButton"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-close-button"?: boolean;
        /**
          * The icon to display in the notification. Can be one of 'warning', 'info', or 'check'.
         */
        "icon": 'warning' | 'information' | 'checkmark';
        /**
          * The message text of the notification.
         */
        "message": string;
        /**
          * The aria-label for the notification icon area.
         */
        "notificationIconAreaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "notification-icon-area-label"?: string;
    }
    interface BiPagination {
        /**
          * Number of always visible pages at the beginning and end.
          * @default 1
         */
        "boundaryCount"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "boundary-count"?: number;
        /**
          * The number of pages
         */
        "count": number;
        /**
          * If `true`, the component is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * If `true`, hide the next-page button.
          * @default false
         */
        "hideNextButton": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-next-button"?: boolean;
        /**
          * If `true`, hide the previous-page button.
          * @default false
         */
        "hidePrevButton": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-prev-button"?: boolean;
        "page": number;
        /**
          * Number of always visible pages before and after the current page.
          * @default 1
         */
        "siblingCount"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "sibling-count"?: number;
    }
    interface BiRadioButton {
        /**
          * Reflects the radio button current checked state and allows setting the initial checked state.
         */
        "checked": boolean;
        /**
          * Is the component displayed on a dark background.
         */
        "dark"?: boolean;
        /**
          * You can set the initial checked-state for the input. Don't set this if you're also setting the `checked`-prop
         */
        "defaultChecked"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-checked"?: boolean;
        /**
          * Marks the radio button field as disabled.
         */
        "disabled": boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error": boolean;
        /**
          * A hidden method to reset the group controls `checked` state to `false`.
         */
        "groupReset": () => Promise<void>;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the radio button field.
         */
        "name": string;
        /**
          * Marks the radio button field as required.
         */
        "required": boolean;
        /**
          * @readonly
         */
        "type": string;
        /**
          * The radio button value. When a form is submitted, only a radio button which is currently checked is included in the submission.
         */
        "value": string;
    }
    interface BiSearch {
        /**
          * The label for the clear button, defaulting to 'Clear'
         */
        "clearLabel": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "clear-label"?: string;
        /**
          * The URL that the search component will navigate to, if provided
         */
        "href"?: string;
        /**
          * Placeholder text for the search input field
         */
        "placeholder"?: string;
        /**
          * The current query string, which is mutable
         */
        "query": string;
        /**
          * The label for the search button, defaulting to 'Search'
         */
        "searchLabel": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "search-label"?: string;
        /**
          * The size of the search component, defaulting to 'large'
         */
        "size": 'small' | 'large';
        /**
          * The target for the link, defaulting to '_self'
         */
        "target"?: '_blank' | '_self';
        /**
          * The width of the search component, defaulting to 'fixed'
         */
        "width": 'fixed' | 'fill';
    }
    interface BiSelect {
        /**
          * You can set the initial value of the select-field. Don't set this if you're also setting the `value`-prop
         */
        "defaultValue"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-value"?: string;
        /**
          * Marks the select field as disabled.
         */
        "disabled": boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error": boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The helper text below the label.
         */
        "helptext"?: string;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the input field.
         */
        "name"?: string;
        /**
          * Available for `bi-select-option` to call when the option is selected or unselected
          * @param value The value that was selected or unselected
          * @param initialLoad If it's used on the initial load of the component
         */
        "onOptionChange": (value: string, initialLoad?: boolean) => Promise<void>;
        /**
          * A readonly property to get the options of the select
          * @readonly
         */
        "options": HTMLBiSelectOptionElement[];
        /**
          * The placeholder text.
         */
        "placeholder": string;
        /**
          * Marks the select field as required.
         */
        "required": boolean;
        /**
          * Get and set the selected options of the select.
          * @readonly
         */
        "selectedOptions": HTMLBiSelectOptionElement[];
        /**
          * Size of the select field
         */
        "size": 'small' | 'medium';
        /**
          * Stretch the select to use full available width.
         */
        "stretch": boolean;
        /**
          * Truncate the value if it's too wide. Wraps it to a new line by default
         */
        "truncate": boolean;
        /**
          * @readonly
         */
        "type": string;
        /**
          * The select field value.
         */
        "value": string;
    }
    interface BiSelectMultiple {
        /**
          * You can set the initial value of the select-multiple-field. Don't set this if you're also setting the `value`-prop
         */
        "defaultValue"?: string[];
        /**
          * Marks the select field as disabled.
         */
        "disabled": boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error": boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The helper text below the label.
         */
        "helptext"?: string;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the input field.
         */
        "name"?: string;
        /**
          * Available for `bi-select-option` to call when the option is selected or unselected
          * @param value The value that was selected or unselected
          * @param initialLoad If it's used on the initial load of the component
         */
        "onOptionChange": (value: string, initialLoad?: boolean) => Promise<void>;
        /**
          * A readonly property to get the options of the select
          * @readonly
         */
        "options": HTMLBiSelectOptionElement[];
        /**
          * The placeholder text.
         */
        "placeholder": string;
        /**
          * Marks the select field as required.
         */
        "required": boolean;
        /**
          * Get and set the selected options of the select.
          * @readonly
         */
        "selectedOptions": HTMLBiSelectOptionElement[];
        /**
          * Size of the select field
         */
        "size": 'small' | 'medium';
        /**
          * Stretch the select to use full available width.
         */
        "stretch": boolean;
        /**
          * Truncate the value if it's too wide. Wraps it to a new line by default
         */
        "truncate": boolean;
        /**
          * @readonly
         */
        "type": string;
        /**
          * The select field value.
         */
        "value": string[];
    }
    interface BiSelectOption {
        /**
          * You can set the initial selected-state for the selected-option. Don't set this if you're also setting the `selected`-prop
         */
        "defaultSelected"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-selected"?: boolean;
        /**
          * If the option is disabled.
         */
        "disabled": boolean;
        /**
          * The label text.
         */
        "label": string;
        /**
          * If the option is selected.
         */
        "selected": boolean;
        /**
          * Updates the selected without sending the new selected state back to the parent bi-select/bi-select-multiple
         */
        "updateSelected": (val: boolean) => Promise<void>;
        /**
          * The value of the option.
         */
        "value": string;
    }
    interface BiShare {
        /**
          * The margin size of the bottom
         */
        "bottom"?: SpacingSize;
        /**
          * The dark mode of the social media buttons
         */
        "dark": boolean;
        /**
          * The direction of the social media buttons
         */
        "direction"?: Direction;
        /**
          * Hide the Facebook button
         */
        "hideFacebook": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-facebook"?: boolean;
        /**
          * Hide the LinkedIn button
         */
        "hideLinkedIn": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-linked-in"?: boolean;
        /**
          * Hide the X button
         */
        "hideX": boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-x"?: boolean;
        /**
          * The leading title of the social media buttons
         */
        "leadingTitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "leading-title"?: string;
        /**
          * The margin size of the left
         */
        "left"?: SpacingSize;
        /**
          * The margin size of the right
         */
        "right"?: SpacingSize;
        /**
          * The margin size of the top
         */
        "top"?: SpacingSize;
    }
    interface BiSpinner {
        /**
          * The color of the spinner.
          * @default 'inherit'
         */
        "color"?: 'inherit' | 'black';
        /**
          * The size of the spinner. Can be 'small', 'medium', or 'large'. It sets the font-size as the width and height is `1em`. If not set, the spinner will inherit the font size of its parent.
         */
        "size"?: 'small' | 'medium' | 'large' | 'xl' | '2xl';
    }
    interface BiTitleSeparator {
        "headerLevel": HeaderLevel;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "header-level"?: HeaderLevel;
        "variant": 'tight' | 'comfortable';
    }
    interface BiTypography {
        "dark": boolean;
        "font": 'slab' | 'sans';
        "fontColor": FontColor;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-color"?: FontColor;
        "fontSize": FontSize;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-size"?: FontSize;
        "fontStyle": FontStyle;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-style"?: FontStyle;
    }
}
export interface BaseModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBaseModalElement;
}
export interface BiAccordionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiAccordionElement;
}
export interface BiCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiCheckboxElement;
}
export interface BiDialogCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiDialogElement;
}
export interface BiDrawerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiDrawerElement;
}
export interface BiDropdownCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiDropdownElement;
}
export interface BiInputFieldCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiInputFieldElement;
}
export interface BiPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiPaginationElement;
}
export interface BiRadioButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiRadioButtonElement;
}
export interface BiSearchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiSearchElement;
}
export interface BiSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiSelectElement;
}
export interface BiSelectMultipleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLBiSelectMultipleElement;
}
declare global {
    interface HTMLBaseModalElementEventMap {
        "close": any;
    }
    interface HTMLBaseModalElement extends Components.BaseModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBaseModalElementEventMap>(type: K, listener: (this: HTMLBaseModalElement, ev: BaseModalCustomEvent<HTMLBaseModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBaseModalElementEventMap>(type: K, listener: (this: HTMLBaseModalElement, ev: BaseModalCustomEvent<HTMLBaseModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBaseModalElement: {
        prototype: HTMLBaseModalElement;
        new (): HTMLBaseModalElement;
    };
    interface HTMLBiAccordionElementEventMap {
        "toggle": { expanded: boolean };
        "open": any;
        "close": any;
    }
    interface HTMLBiAccordionElement extends Components.BiAccordion, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiAccordionElementEventMap>(type: K, listener: (this: HTMLBiAccordionElement, ev: BiAccordionCustomEvent<HTMLBiAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiAccordionElementEventMap>(type: K, listener: (this: HTMLBiAccordionElement, ev: BiAccordionCustomEvent<HTMLBiAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiAccordionElement: {
        prototype: HTMLBiAccordionElement;
        new (): HTMLBiAccordionElement;
    };
    interface HTMLBiAccordionContentElement extends Components.BiAccordionContent, HTMLStencilElement {
    }
    var HTMLBiAccordionContentElement: {
        prototype: HTMLBiAccordionContentElement;
        new (): HTMLBiAccordionContentElement;
    };
    interface HTMLBiAccordionGroupElement extends Components.BiAccordionGroup, HTMLStencilElement {
    }
    var HTMLBiAccordionGroupElement: {
        prototype: HTMLBiAccordionGroupElement;
        new (): HTMLBiAccordionGroupElement;
    };
    interface HTMLBiAccordionHeaderElement extends Components.BiAccordionHeader, HTMLStencilElement {
    }
    var HTMLBiAccordionHeaderElement: {
        prototype: HTMLBiAccordionHeaderElement;
        new (): HTMLBiAccordionHeaderElement;
    };
    interface HTMLBiAlertElement extends Components.BiAlert, HTMLStencilElement {
    }
    var HTMLBiAlertElement: {
        prototype: HTMLBiAlertElement;
        new (): HTMLBiAlertElement;
    };
    interface HTMLBiArticleElement extends Components.BiArticle, HTMLStencilElement {
    }
    var HTMLBiArticleElement: {
        prototype: HTMLBiArticleElement;
        new (): HTMLBiArticleElement;
    };
    interface HTMLBiArticleContainerElement extends Components.BiArticleContainer, HTMLStencilElement {
    }
    var HTMLBiArticleContainerElement: {
        prototype: HTMLBiArticleContainerElement;
        new (): HTMLBiArticleContainerElement;
    };
    interface HTMLBiAssetElement extends Components.BiAsset, HTMLStencilElement {
    }
    var HTMLBiAssetElement: {
        prototype: HTMLBiAssetElement;
        new (): HTMLBiAssetElement;
    };
    interface HTMLBiBadgeElement extends Components.BiBadge, HTMLStencilElement {
    }
    var HTMLBiBadgeElement: {
        prototype: HTMLBiBadgeElement;
        new (): HTMLBiBadgeElement;
    };
    interface HTMLBiBreadcrumbItemElement extends Components.BiBreadcrumbItem, HTMLStencilElement {
    }
    var HTMLBiBreadcrumbItemElement: {
        prototype: HTMLBiBreadcrumbItemElement;
        new (): HTMLBiBreadcrumbItemElement;
    };
    interface HTMLBiBreadcrumbsElement extends Components.BiBreadcrumbs, HTMLStencilElement {
    }
    var HTMLBiBreadcrumbsElement: {
        prototype: HTMLBiBreadcrumbsElement;
        new (): HTMLBiBreadcrumbsElement;
    };
    interface HTMLBiBulletItemElement extends Components.BiBulletItem, HTMLStencilElement {
    }
    var HTMLBiBulletItemElement: {
        prototype: HTMLBiBulletItemElement;
        new (): HTMLBiBulletItemElement;
    };
    interface HTMLBiBulletListElement extends Components.BiBulletList, HTMLStencilElement {
    }
    var HTMLBiBulletListElement: {
        prototype: HTMLBiBulletListElement;
        new (): HTMLBiBulletListElement;
    };
    interface HTMLBiButtonElement extends Components.BiButton, HTMLStencilElement {
    }
    var HTMLBiButtonElement: {
        prototype: HTMLBiButtonElement;
        new (): HTMLBiButtonElement;
    };
    interface HTMLBiButtonGroupElement extends Components.BiButtonGroup, HTMLStencilElement {
    }
    var HTMLBiButtonGroupElement: {
        prototype: HTMLBiButtonGroupElement;
        new (): HTMLBiButtonGroupElement;
    };
    interface HTMLBiCalendarContainerElement extends Components.BiCalendarContainer, HTMLStencilElement {
    }
    var HTMLBiCalendarContainerElement: {
        prototype: HTMLBiCalendarContainerElement;
        new (): HTMLBiCalendarContainerElement;
    };
    interface HTMLBiCalendarItemElement extends Components.BiCalendarItem, HTMLStencilElement {
    }
    var HTMLBiCalendarItemElement: {
        prototype: HTMLBiCalendarItemElement;
        new (): HTMLBiCalendarItemElement;
    };
    interface HTMLBiCardElement extends Components.BiCard, HTMLStencilElement {
    }
    var HTMLBiCardElement: {
        prototype: HTMLBiCardElement;
        new (): HTMLBiCardElement;
    };
    interface HTMLBiCardActionElement extends Components.BiCardAction, HTMLStencilElement {
    }
    var HTMLBiCardActionElement: {
        prototype: HTMLBiCardActionElement;
        new (): HTMLBiCardActionElement;
    };
    interface HTMLBiCardActionAreaElement extends Components.BiCardActionArea, HTMLStencilElement {
    }
    var HTMLBiCardActionAreaElement: {
        prototype: HTMLBiCardActionAreaElement;
        new (): HTMLBiCardActionAreaElement;
    };
    interface HTMLBiCardActionsElement extends Components.BiCardActions, HTMLStencilElement {
    }
    var HTMLBiCardActionsElement: {
        prototype: HTMLBiCardActionsElement;
        new (): HTMLBiCardActionsElement;
    };
    interface HTMLBiCardContentElement extends Components.BiCardContent, HTMLStencilElement {
    }
    var HTMLBiCardContentElement: {
        prototype: HTMLBiCardContentElement;
        new (): HTMLBiCardContentElement;
    };
    interface HTMLBiCardHeaderElement extends Components.BiCardHeader, HTMLStencilElement {
    }
    var HTMLBiCardHeaderElement: {
        prototype: HTMLBiCardHeaderElement;
        new (): HTMLBiCardHeaderElement;
    };
    interface HTMLBiCardMediaElement extends Components.BiCardMedia, HTMLStencilElement {
    }
    var HTMLBiCardMediaElement: {
        prototype: HTMLBiCardMediaElement;
        new (): HTMLBiCardMediaElement;
    };
    interface HTMLBiCheckboxElementEventMap {
        "change": globalThis.Event;
        "blur": globalThis.Event;
    }
    interface HTMLBiCheckboxElement extends Components.BiCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiCheckboxElementEventMap>(type: K, listener: (this: HTMLBiCheckboxElement, ev: BiCheckboxCustomEvent<HTMLBiCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiCheckboxElementEventMap>(type: K, listener: (this: HTMLBiCheckboxElement, ev: BiCheckboxCustomEvent<HTMLBiCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiCheckboxElement: {
        prototype: HTMLBiCheckboxElement;
        new (): HTMLBiCheckboxElement;
    };
    interface HTMLBiChipElement extends Components.BiChip, HTMLStencilElement {
    }
    var HTMLBiChipElement: {
        prototype: HTMLBiChipElement;
        new (): HTMLBiChipElement;
    };
    interface HTMLBiDialogElementEventMap {
        "close": any;
    }
    interface HTMLBiDialogElement extends Components.BiDialog, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiDialogElementEventMap>(type: K, listener: (this: HTMLBiDialogElement, ev: BiDialogCustomEvent<HTMLBiDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiDialogElementEventMap>(type: K, listener: (this: HTMLBiDialogElement, ev: BiDialogCustomEvent<HTMLBiDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiDialogElement: {
        prototype: HTMLBiDialogElement;
        new (): HTMLBiDialogElement;
    };
    interface HTMLBiDrawerElementEventMap {
        "close": any;
    }
    interface HTMLBiDrawerElement extends Components.BiDrawer, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiDrawerElementEventMap>(type: K, listener: (this: HTMLBiDrawerElement, ev: BiDrawerCustomEvent<HTMLBiDrawerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiDrawerElementEventMap>(type: K, listener: (this: HTMLBiDrawerElement, ev: BiDrawerCustomEvent<HTMLBiDrawerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiDrawerElement: {
        prototype: HTMLBiDrawerElement;
        new (): HTMLBiDrawerElement;
    };
    interface HTMLBiDropdownElementEventMap {
        "open": globalThis.Event;
        "close": globalThis.Event;
    }
    interface HTMLBiDropdownElement extends Components.BiDropdown, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiDropdownElementEventMap>(type: K, listener: (this: HTMLBiDropdownElement, ev: BiDropdownCustomEvent<HTMLBiDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiDropdownElementEventMap>(type: K, listener: (this: HTMLBiDropdownElement, ev: BiDropdownCustomEvent<HTMLBiDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiDropdownElement: {
        prototype: HTMLBiDropdownElement;
        new (): HTMLBiDropdownElement;
    };
    interface HTMLBiDropdownItemElement extends Components.BiDropdownItem, HTMLStencilElement {
    }
    var HTMLBiDropdownItemElement: {
        prototype: HTMLBiDropdownItemElement;
        new (): HTMLBiDropdownItemElement;
    };
    interface HTMLBiFieldsetElement extends Components.BiFieldset, HTMLStencilElement {
    }
    var HTMLBiFieldsetElement: {
        prototype: HTMLBiFieldsetElement;
        new (): HTMLBiFieldsetElement;
    };
    interface HTMLBiFooterElement extends Components.BiFooter, HTMLStencilElement {
    }
    var HTMLBiFooterElement: {
        prototype: HTMLBiFooterElement;
        new (): HTMLBiFooterElement;
    };
    interface HTMLBiFooterLinksElement extends Components.BiFooterLinks, HTMLStencilElement {
    }
    var HTMLBiFooterLinksElement: {
        prototype: HTMLBiFooterLinksElement;
        new (): HTMLBiFooterLinksElement;
    };
    interface HTMLBiGridContainerElement extends Components.BiGridContainer, HTMLStencilElement {
    }
    var HTMLBiGridContainerElement: {
        prototype: HTMLBiGridContainerElement;
        new (): HTMLBiGridContainerElement;
    };
    interface HTMLBiHeaderElement extends Components.BiHeader, HTMLStencilElement {
    }
    var HTMLBiHeaderElement: {
        prototype: HTMLBiHeaderElement;
        new (): HTMLBiHeaderElement;
    };
    interface HTMLBiHeroCardElement extends Components.BiHeroCard, HTMLStencilElement {
    }
    var HTMLBiHeroCardElement: {
        prototype: HTMLBiHeroCardElement;
        new (): HTMLBiHeroCardElement;
    };
    interface HTMLBiHeroCardContentElement extends Components.BiHeroCardContent, HTMLStencilElement {
    }
    var HTMLBiHeroCardContentElement: {
        prototype: HTMLBiHeroCardContentElement;
        new (): HTMLBiHeroCardContentElement;
    };
    interface HTMLBiHeroModuleElement extends Components.BiHeroModule, HTMLStencilElement {
    }
    var HTMLBiHeroModuleElement: {
        prototype: HTMLBiHeroModuleElement;
        new (): HTMLBiHeroModuleElement;
    };
    interface HTMLBiInPageLinksElement extends Components.BiInPageLinks, HTMLStencilElement {
    }
    var HTMLBiInPageLinksElement: {
        prototype: HTMLBiInPageLinksElement;
        new (): HTMLBiInPageLinksElement;
    };
    interface HTMLBiInputFieldElementEventMap {
        "change": globalThis.Event;
        "blur": globalThis.Event;
        "input": InputEvent;
    }
    interface HTMLBiInputFieldElement extends Components.BiInputField, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiInputFieldElementEventMap>(type: K, listener: (this: HTMLBiInputFieldElement, ev: BiInputFieldCustomEvent<HTMLBiInputFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiInputFieldElementEventMap>(type: K, listener: (this: HTMLBiInputFieldElement, ev: BiInputFieldCustomEvent<HTMLBiInputFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiInputFieldElement: {
        prototype: HTMLBiInputFieldElement;
        new (): HTMLBiInputFieldElement;
    };
    interface HTMLBiLinkElement extends Components.BiLink, HTMLStencilElement {
    }
    var HTMLBiLinkElement: {
        prototype: HTMLBiLinkElement;
        new (): HTMLBiLinkElement;
    };
    interface HTMLBiLinkCardElement extends Components.BiLinkCard, HTMLStencilElement {
    }
    var HTMLBiLinkCardElement: {
        prototype: HTMLBiLinkCardElement;
        new (): HTMLBiLinkCardElement;
    };
    interface HTMLBiListElement extends Components.BiList, HTMLStencilElement {
    }
    var HTMLBiListElement: {
        prototype: HTMLBiListElement;
        new (): HTMLBiListElement;
    };
    interface HTMLBiListItemElement extends Components.BiListItem, HTMLStencilElement {
    }
    var HTMLBiListItemElement: {
        prototype: HTMLBiListItemElement;
        new (): HTMLBiListItemElement;
    };
    interface HTMLBiLogoElement extends Components.BiLogo, HTMLStencilElement {
    }
    var HTMLBiLogoElement: {
        prototype: HTMLBiLogoElement;
        new (): HTMLBiLogoElement;
    };
    interface HTMLBiMessageBoxElement extends Components.BiMessageBox, HTMLStencilElement {
    }
    var HTMLBiMessageBoxElement: {
        prototype: HTMLBiMessageBoxElement;
        new (): HTMLBiMessageBoxElement;
    };
    interface HTMLBiNavbarElement extends Components.BiNavbar, HTMLStencilElement {
    }
    var HTMLBiNavbarElement: {
        prototype: HTMLBiNavbarElement;
        new (): HTMLBiNavbarElement;
    };
    interface HTMLBiNotificationElement extends Components.BiNotification, HTMLStencilElement {
    }
    var HTMLBiNotificationElement: {
        prototype: HTMLBiNotificationElement;
        new (): HTMLBiNotificationElement;
    };
    interface HTMLBiPaginationElementEventMap {
        "pageChanged": number;
    }
    interface HTMLBiPaginationElement extends Components.BiPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiPaginationElementEventMap>(type: K, listener: (this: HTMLBiPaginationElement, ev: BiPaginationCustomEvent<HTMLBiPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiPaginationElementEventMap>(type: K, listener: (this: HTMLBiPaginationElement, ev: BiPaginationCustomEvent<HTMLBiPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiPaginationElement: {
        prototype: HTMLBiPaginationElement;
        new (): HTMLBiPaginationElement;
    };
    interface HTMLBiRadioButtonElementEventMap {
        "change": globalThis.Event;
        "blur": globalThis.Event;
    }
    interface HTMLBiRadioButtonElement extends Components.BiRadioButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiRadioButtonElementEventMap>(type: K, listener: (this: HTMLBiRadioButtonElement, ev: BiRadioButtonCustomEvent<HTMLBiRadioButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiRadioButtonElementEventMap>(type: K, listener: (this: HTMLBiRadioButtonElement, ev: BiRadioButtonCustomEvent<HTMLBiRadioButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiRadioButtonElement: {
        prototype: HTMLBiRadioButtonElement;
        new (): HTMLBiRadioButtonElement;
    };
    interface HTMLBiSearchElementEventMap {
        "queryChange": any;
        "search": any;
    }
    interface HTMLBiSearchElement extends Components.BiSearch, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiSearchElementEventMap>(type: K, listener: (this: HTMLBiSearchElement, ev: BiSearchCustomEvent<HTMLBiSearchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiSearchElementEventMap>(type: K, listener: (this: HTMLBiSearchElement, ev: BiSearchCustomEvent<HTMLBiSearchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiSearchElement: {
        prototype: HTMLBiSearchElement;
        new (): HTMLBiSearchElement;
    };
    interface HTMLBiSelectElementEventMap {
        "change": globalThis.Event;
        "blur": globalThis.Event;
    }
    interface HTMLBiSelectElement extends Components.BiSelect, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiSelectElementEventMap>(type: K, listener: (this: HTMLBiSelectElement, ev: BiSelectCustomEvent<HTMLBiSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiSelectElementEventMap>(type: K, listener: (this: HTMLBiSelectElement, ev: BiSelectCustomEvent<HTMLBiSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiSelectElement: {
        prototype: HTMLBiSelectElement;
        new (): HTMLBiSelectElement;
    };
    interface HTMLBiSelectMultipleElementEventMap {
        "change": globalThis.Event;
        "blur": globalThis.Event;
    }
    interface HTMLBiSelectMultipleElement extends Components.BiSelectMultiple, HTMLStencilElement {
        addEventListener<K extends keyof HTMLBiSelectMultipleElementEventMap>(type: K, listener: (this: HTMLBiSelectMultipleElement, ev: BiSelectMultipleCustomEvent<HTMLBiSelectMultipleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLBiSelectMultipleElementEventMap>(type: K, listener: (this: HTMLBiSelectMultipleElement, ev: BiSelectMultipleCustomEvent<HTMLBiSelectMultipleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLBiSelectMultipleElement: {
        prototype: HTMLBiSelectMultipleElement;
        new (): HTMLBiSelectMultipleElement;
    };
    interface HTMLBiSelectOptionElement extends Components.BiSelectOption, HTMLStencilElement {
    }
    var HTMLBiSelectOptionElement: {
        prototype: HTMLBiSelectOptionElement;
        new (): HTMLBiSelectOptionElement;
    };
    interface HTMLBiShareElement extends Components.BiShare, HTMLStencilElement {
    }
    var HTMLBiShareElement: {
        prototype: HTMLBiShareElement;
        new (): HTMLBiShareElement;
    };
    interface HTMLBiSpinnerElement extends Components.BiSpinner, HTMLStencilElement {
    }
    var HTMLBiSpinnerElement: {
        prototype: HTMLBiSpinnerElement;
        new (): HTMLBiSpinnerElement;
    };
    interface HTMLBiTitleSeparatorElement extends Components.BiTitleSeparator, HTMLStencilElement {
    }
    var HTMLBiTitleSeparatorElement: {
        prototype: HTMLBiTitleSeparatorElement;
        new (): HTMLBiTitleSeparatorElement;
    };
    interface HTMLBiTypographyElement extends Components.BiTypography, HTMLStencilElement {
    }
    var HTMLBiTypographyElement: {
        prototype: HTMLBiTypographyElement;
        new (): HTMLBiTypographyElement;
    };
    interface HTMLElementTagNameMap {
        "base-modal": HTMLBaseModalElement;
        "bi-accordion": HTMLBiAccordionElement;
        "bi-accordion-content": HTMLBiAccordionContentElement;
        "bi-accordion-group": HTMLBiAccordionGroupElement;
        "bi-accordion-header": HTMLBiAccordionHeaderElement;
        "bi-alert": HTMLBiAlertElement;
        "bi-article": HTMLBiArticleElement;
        "bi-article-container": HTMLBiArticleContainerElement;
        "bi-asset": HTMLBiAssetElement;
        "bi-badge": HTMLBiBadgeElement;
        "bi-breadcrumb-item": HTMLBiBreadcrumbItemElement;
        "bi-breadcrumbs": HTMLBiBreadcrumbsElement;
        "bi-bullet-item": HTMLBiBulletItemElement;
        "bi-bullet-list": HTMLBiBulletListElement;
        "bi-button": HTMLBiButtonElement;
        "bi-button-group": HTMLBiButtonGroupElement;
        "bi-calendar-container": HTMLBiCalendarContainerElement;
        "bi-calendar-item": HTMLBiCalendarItemElement;
        "bi-card": HTMLBiCardElement;
        "bi-card-action": HTMLBiCardActionElement;
        "bi-card-action-area": HTMLBiCardActionAreaElement;
        "bi-card-actions": HTMLBiCardActionsElement;
        "bi-card-content": HTMLBiCardContentElement;
        "bi-card-header": HTMLBiCardHeaderElement;
        "bi-card-media": HTMLBiCardMediaElement;
        "bi-checkbox": HTMLBiCheckboxElement;
        "bi-chip": HTMLBiChipElement;
        "bi-dialog": HTMLBiDialogElement;
        "bi-drawer": HTMLBiDrawerElement;
        "bi-dropdown": HTMLBiDropdownElement;
        "bi-dropdown-item": HTMLBiDropdownItemElement;
        "bi-fieldset": HTMLBiFieldsetElement;
        "bi-footer": HTMLBiFooterElement;
        "bi-footer-links": HTMLBiFooterLinksElement;
        "bi-grid-container": HTMLBiGridContainerElement;
        "bi-header": HTMLBiHeaderElement;
        "bi-hero-card": HTMLBiHeroCardElement;
        "bi-hero-card-content": HTMLBiHeroCardContentElement;
        "bi-hero-module": HTMLBiHeroModuleElement;
        "bi-in-page-links": HTMLBiInPageLinksElement;
        "bi-input-field": HTMLBiInputFieldElement;
        "bi-link": HTMLBiLinkElement;
        "bi-link-card": HTMLBiLinkCardElement;
        "bi-list": HTMLBiListElement;
        "bi-list-item": HTMLBiListItemElement;
        "bi-logo": HTMLBiLogoElement;
        "bi-message-box": HTMLBiMessageBoxElement;
        "bi-navbar": HTMLBiNavbarElement;
        "bi-notification": HTMLBiNotificationElement;
        "bi-pagination": HTMLBiPaginationElement;
        "bi-radio-button": HTMLBiRadioButtonElement;
        "bi-search": HTMLBiSearchElement;
        "bi-select": HTMLBiSelectElement;
        "bi-select-multiple": HTMLBiSelectMultipleElement;
        "bi-select-option": HTMLBiSelectOptionElement;
        "bi-share": HTMLBiShareElement;
        "bi-spinner": HTMLBiSpinnerElement;
        "bi-title-separator": HTMLBiTitleSeparatorElement;
        "bi-typography": HTMLBiTypographyElement;
    }
}
declare namespace LocalJSX {
    interface BaseModal {
        /**
          * Additional classes to apply to the modal.
         */
        "classes"?: string;
        /**
          * If true, clicking on the backdrop will not close the modal.
         */
        "disableBackdropClick"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "disable-backdrop-click"?: boolean;
        /**
          * If true, the modal is open.
         */
        "isOpen"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * Event emitted when the modal is closed.
         */
        "onClose"?: (event: BaseModalCustomEvent<any>) => void;
    }
    interface BiAccordion {
        /**
          * Alignment of the accordion content.
          * @default 'center'
         */
        "alignment"?: Alignment;
        /**
          * Background color of the accordion.
         */
        "backgroundColor"?: AccordionColors;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: AccordionColors;
        /**
          * Indicates if the accordion should have a border.
          * @default false
         */
        "border"?: boolean;
        /**
          * Should the accordion be expanded by default.
          * @default false
         */
        "defaultExpanded"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-expanded"?: boolean;
        /**
          * Determines if the accordion is expanded or not.
          * @default false
         */
        "isExpanded"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-expanded"?: boolean;
        /**
          * Remove the padding in the accordion.
          * @default false
         */
        "noPadding"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-padding"?: boolean;
        "onClose"?: (event: BiAccordionCustomEvent<any>) => void;
        "onOpen"?: (event: BiAccordionCustomEvent<any>) => void;
        "onToggle"?: (event: BiAccordionCustomEvent<{ expanded: boolean }>) => void;
        /**
          * Width of the accordion element.
          * @default 'medium'
         */
        "width"?: ElementSize;
    }
    interface BiAccordionContent {
        "noPadding"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-padding"?: boolean;
        /**
          * Size of the accordion content.
          * @default 'medium'
         */
        "size"?: ElementSize;
    }
    interface BiAccordionGroup {
        /**
          * Alignment of the button group. Can be `left`, `center`, or `right`.
          * @default 'left'
         */
        "alignment"?: 'left' | 'center' | 'right';
        /**
          * Determines the collapse behavior. Single ensures that only one accordion be open at a time. Multiple allows for multiple accordions to be open at a time.
          * @default 'single'
         */
        "collapse"?: 'single' | 'multiple';
        /**
          * Direction of the button group. Can be `horizontal` or `vertical`.
          * @default 'vertical'
         */
        "direction"?: 'horizontal' | 'vertical';
        /**
          * Spacing size between accordions in the group.
          * @default 'small'
         */
        "spacing"?: SpacingSize;
    }
    interface BiAccordionHeader {
        /**
          * Size of the accordion header.
          * @default 'medium'
         */
        "size"?: ElementSize;
    }
    interface BiAlert {
        /**
          * The aria-label for the close button
         */
        "closeAriaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "close-aria-label"?: string;
        /**
          * Whether the alert is non-dismissible. When not set to true, a close button will be shown.
          * @default false
         */
        "nonDismissible"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "non-dismissible"?: boolean;
        /**
          * The unique id of the alert. This not is necessary when `nonDismissible` is true. When a dismissible alert is closed, the `uniqueId` is stored in the user's LocalStorage, hiding all alerts with the same `uniqueId`.
         */
        "uniqueId"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "unique-id"?: string;
        /**
          * The type of alert
         */
        "variant"?: 'info' | 'warning';
    }
    interface BiArticle {
        /**
          * The body of the article
         */
        "body"?: string;
        /**
          * Whether the article should be expandable to show the content in the slot. Only has effect when the `bi-article` is in a `bi-article-container` with size='small'.
         */
        "expandable"?: boolean;
        /**
          * The header of the article
         */
        "header"?: string;
        /**
          * The alt text for the image
         */
        "imageAltText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-alt-text"?: string;
        /**
          * The URL of the image to display
         */
        "imageUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-url"?: string;
        /**
          * The subtitle of the article
         */
        "subtitle"?: string;
        /**
          * The target for the link, defaulting to '_self'
         */
        "target"?: '_blank' | '_self';
        /**
          * The URL that the article will navigate to on click, if provided
         */
        "url"?: string;
    }
    interface BiArticleContainer {
        /**
          * The size of the article container  When the size is small, the container will have max 2 columns, and images will be displayed on the left side and hidden on small screens. When the size is large, the container will have max 4 columns, and images will be displayed on the top and always visible.  The articles will be placed in a grid starting at the left side.
          * @default 'small'
         */
        "size"?: 'small' | 'large';
    }
    interface BiAsset {
        /**
          * type of asset.
          * @default 'libraryLarge'
         */
        "asset"?: Assets;
    }
    interface BiBadge {
        /**
          * The color of the badge.
         */
        "color"?: BadgeColors;
        /**
          * The count to be displayed in the badge.
          * @type {number}
         */
        "count"?: number;
        /**
          * The position of the badge. Can be 'top-left', 'top-right', 'bottom-left', or 'bottom-right'.
         */
        "position"?: Position;
        /**
          * The size of the badge.
         */
        "size"?: ElementSize;
    }
    interface BiBreadcrumbItem {
        "href"?: string;
    }
    interface BiBreadcrumbs {
    }
    interface BiBulletItem {
        "itemKey"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "item-key"?: string;
    }
    interface BiBulletList {
        "header"?: string;
        "listId"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "list-id"?: string;
        "name"?: string;
    }
    interface BiButton {
        /**
          * Make the button active by showing the focus-visible state.
          * @default false
         */
        "active"?: boolean;
        /**
          * Is the component displayed on a dark background.
          * @default false
         */
        "dark"?: boolean;
        /**
          * Decides if the button is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The id of a form element the button should be associated with.
         */
        "form"?: string;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string | undefined;
        /**
          * Display as icon-button, only use when showing an icon as the label. Not compatible with the icon-slots or `stretch`. Always provide a descriptive aria-label for accessibility when set to true.
          * @default false
         */
        "icon"?: boolean;
        /**
          * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
         */
        "name"?: string;
        /**
          * The button size.
          * @default 'medium'
         */
        "size"?: 'small' | 'medium' | 'large';
        "stretch"?: boolean;
        /**
          * Used for displaying a loading animation, indicating its state. Overrides the "icon-left" slot when used
          * @default false
         */
        "submitting"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
         */
        "target"?: TargetProps;
        /**
          * The type of button.
          * @default 'button'
         */
        "type"?: 'reset' | 'submit' | 'button';
        /**
          * Defines the value associated with the button's name when it's submitted with the form data.
         */
        "value"?: string;
        /**
          * The button variant.
          * @default 'filled'
         */
        "variant"?: 'filled' | 'outlined' | 'text' | 'flat';
    }
    interface BiButtonGroup {
        /**
          * Alignment of the button group. Can be 'left', 'center', or 'right'.
          * @default 'left'
         */
        "alignment"?: 'left' | 'center' | 'right';
        /**
          * Spacing on bottom of the button group.
         */
        "bottom"?: SpacingSize;
        /**
          * Direction of the button group. Can be 'horizontal' or 'vertical'.
          * @default 'horizontal'
         */
        "direction"?: 'horizontal' | 'vertical';
        /**
          * Spacing on the left of the button group.
         */
        "left"?: SpacingSize;
        /**
          * Spacing on the right of the button group.
         */
        "right"?: SpacingSize;
        /**
          * Spacing size between buttons in the group. Will be applied to the gap property on the button group.
          * @default 'small'
         */
        "spacing"?: SpacingSize;
        /**
          * Spacing on top of the button group.
         */
        "top"?: SpacingSize;
    }
    interface BiCalendarContainer {
        "allEventsLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "all-events-label"?: string;
        "allEventsUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "all-events-url"?: string;
        "backgroundColor"?: 'bg-blue-black' | 'bg-gray-10' | 'bg-gray-25' | 'bg-blue';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: 'bg-blue-black' | 'bg-gray-10' | 'bg-gray-25' | 'bg-blue';
        "english"?: boolean;
        "header"?: string;
        "noEventsLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-events-label"?: string;
    }
    interface BiCalendarItem {
        "altText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "alt-text"?: string;
        "header"?: string;
        "imageUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-url"?: string;
        "location"?: string;
        "schedule"?: string;
        "url"?: string;
    }
    interface BiCard {
        /**
          * The color of the card
          * @default 'neutral'
         */
        "color"?: 'neutral' | 'info' | 'warning';
        "error"?: boolean;
        /**
          * The orientation of the card
          * @default 'horizontal'
         */
        "orientation"?: 'horizontal' | 'vertical';
        /**
          * Set the size of the card. Will use the full width if not set
         */
        "size"?: 'compact' | 'default';
    }
    interface BiCardAction {
        /**
          * Disable the card action.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string;
        /**
          * /**   Indicates whether the card action is loading.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Specifies where to open the linked URL. Only applies when an `href` is provided.
         */
        "target"?: '_blank' | '_self' | '_parent' | '_top';
    }
    interface BiCardActionArea {
        /**
          * Disable the card action area.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string;
        /**
          * Specifies where to open the linked URL. Only applies when an `href` is provided.
         */
        "target"?: '_blank' | '_self' | '_parent' | '_top';
    }
    interface BiCardActions {
        /**
          * The background of the card actions
         */
        "background"?: 'neutral' | 'primary';
        /**
          * The orientation of the card actions
          * @default 'horizontal'
         */
        "orientation"?: 'horizontal' | 'vertical';
    }
    interface BiCardContent {
    }
    interface BiCardHeader {
        /**
          * The color of the card
          * @default 'neutral'
         */
        "color"?: 'neutral' | 'info' | 'warning';
        /**
          * The header of the card
         */
        "header"?: string;
        /**
          * The label of the card, displayed above the header
         */
        "label"?: string;
        /**
          * The sublabel of the card, displayed next to the label
         */
        "subLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "sub-label"?: string;
    }
    interface BiCardMedia {
        /**
          * The alt text of the media
         */
        "alt": string;
        /**
          * The source of the media
         */
        "src": string;
    }
    interface BiCheckbox {
        /**
          * Reflects the checkbox current checked state and allows setting the initial checked state.
         */
        "checked"?: boolean;
        /**
          * Is the component displayed on a dark background.
         */
        "dark"?: boolean;
        /**
          * You can set the initial checked state of the checkbox. Don't set this if you're also setting the `checked`-prop
         */
        "defaultChecked"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-checked"?: boolean;
        /**
          * Marks the checkbox field as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * If `true`, the checkbox will be in an indeterminate state. Used when a checkbox is part of a group of checkboxes and some of the checkboxes are checked, but not all of them.
         */
        "indeterminate"?: boolean;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the checkbox field.
         */
        "name"?: string;
        /**
          * Emitted when the checkbox has lost focus.
         */
        "onBlur"?: (event: BiCheckboxCustomEvent<globalThis.Event>) => void;
        /**
          * Emitted when checkbox checked property is changed.
         */
        "onChange"?: (event: BiCheckboxCustomEvent<globalThis.Event>) => void;
        /**
          * Marks the checkbox field as required.
         */
        "required"?: boolean;
        /**
          * @readonly
         */
        "type"?: string;
        /**
          * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
          * @default 'on'
         */
        "value"?: string;
    }
    interface BiChip {
        /**
          * Decides if the chip is clickable and rendered as a button.
         */
        "clickable"?: boolean;
        /**
          * The color of the chip
          * @default 'primary'
         */
        "color"?: 'neutral' | 'primary-light' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';
        /**
          * When href is set, the chip will render as a link. This will override the clickable property if both is set.
         */
        "href"?: string;
        /**
          * The size of the chip
         */
        "size"?: 'small' | 'medium' | 'large';
    }
    interface BiDialog {
        /**
          * The background color of the dialog. Can be 'white' or 'blue-strong'.
         */
        "backgroundColor"?: 'white' | 'blue-strong';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: 'white' | 'blue-strong';
        /**
          * If true, clicking on the backdrop will not close the dialog.
         */
        "disableBackdropClick"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "disable-backdrop-click"?: boolean;
        /**
          * If true, the dialog is open.
         */
        "isOpen"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * Event emitted when the dialog is closed.
         */
        "onClose"?: (event: BiDialogCustomEvent<any>) => void;
        /**
          * By default, a padding is applied to the content. This option removes that padding.
         */
        "removePadding"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "remove-padding"?: boolean;
    }
    interface BiDrawer {
        /**
          * The background color of the drawer. Can be 'white' or 'blue-strong'.
         */
        "backgroundColor"?: 'white' | 'primary' | 'neutral';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "background-color"?: 'white' | 'primary' | 'neutral';
        /**
          * If true, clicking on the backdrop will not close the drawer.
         */
        "disableBackdropClick"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "disable-backdrop-click"?: boolean;
        /**
          * If true, the drawer is open.
         */
        "isOpen"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * Event emitted when the dialog is closed.
         */
        "onClose"?: (event: BiDrawerCustomEvent<any>) => void;
        /**
          * The position of the drawer. Can be 'top', 'bottom', 'left', or 'right'.
         */
        "position"?: 'top' | 'bottom' | 'left' | 'right';
    }
    interface BiDropdown {
        /**
          * If true, the dropdown is open
          * @default false
         */
        "isOpen"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "is-open"?: boolean;
        /**
          * Event emitted when the dialog is closed.
         */
        "onClose"?: (event: BiDropdownCustomEvent<globalThis.Event>) => void;
        /**
          * Event emitted when the dialog is opened by the trigger.
         */
        "onOpen"?: (event: BiDropdownCustomEvent<globalThis.Event>) => void;
        /**
          * The default placement of the dropdown
          * @default 'bottom'
          * @see https://floating-ui.com/docs/placement
         */
        "placement"?: Placement;
        /**
          * The id of the bi-button that should trigger the dropdown to open. Only bi-button elements are supported. Other elements will not work.
         */
        "trigger": string;
    }
    interface BiDropdownItem {
        /**
          * Disable the dropdown item.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, a link styled as a button will be rendered.
         */
        "href"?: string;
        /**
          * Don't close the dropdown which the item belongs to when clicked. This is useful when you want to keep the dropdown open after selecting an item.
          * @default false
         */
        "preventCloseOnClick"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "prevent-close-on-click"?: boolean;
        /**
          * Specifies where to open the linked URL. Only applies when an `href` is provided.
         */
        "target"?: '_blank' | '_self' | '_parent' | '_top';
    }
    interface BiFieldset {
        /**
          * Is the component displayed on a dark background.
         */
        "dark"?: boolean;
        /**
          * Marks the fieldset as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the fieldset will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message to show if `error` is true.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The help text to show below the fieldset.
         */
        "helptext"?: string;
        /**
          * The label of the fieldset.
         */
        "label"?: string;
        /**
          * The font style of the label.
         */
        "labelFontStyle"?: LabelProps['labelFontStyle'];
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "label-font-style"?: LabelProps['labelFontStyle'];
        /**
          * Marks the fieldset as required.
         */
        "required"?: boolean;
        /**
          * Display the contents in a row/horizontal direction. Use with caution, the standard should be vertical direction
         */
        "row"?: boolean;
    }
    interface BiFooter {
        "borderTop"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "border-top"?: boolean;
        "copyRightText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "copy-right-text"?: string;
        "dark"?: boolean;
        "hideAccreditationIcons"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-accreditation-icons"?: boolean;
        "hideCopyRight"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-copy-right"?: boolean;
        "hideSocialMediaIcons"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-social-media-icons"?: boolean;
    }
    interface BiFooterLinks {
        /**
          * Leading text.
         */
        "leadingText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "leading-text"?: string;
    }
    interface BiGridContainer {
        "columns"?: number;
        "gap"?: string;
        "header"?: string;
    }
    interface BiHeader {
        "color"?: 'dark' | 'light';
        "font"?: 'slab' | 'sans';
        "fontSize"?: FontSize;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-size"?: FontSize;
        "fontStyle"?: FontStyle;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-style"?: FontStyle;
        "level"?: HeaderLevel;
    }
    interface BiHeroCard {
        "dark"?: boolean;
    }
    interface BiHeroCardContent {
        "alignment"?: 'left' | 'center' | 'right';
        "cardSubtitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-subtitle"?: string;
        "cardText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-text"?: string;
        "cardTitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-title"?: string;
        "cardUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-url"?: string;
        "ctaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "cta-label"?: string;
        "dark"?: boolean;
        "openInNewTab"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "open-in-new-tab"?: boolean;
        "size"?: 'small' | 'regular';
    }
    interface BiHeroModule {
        /**
          * The subtitle of the hero
         */
        "cardSubtitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-subtitle"?: string;
        /**
          * The main text of the hero
         */
        "cardText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-text"?: string;
        /**
          * The title of the hero
         */
        "cardTitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-title"?: string;
        /**
          * The url the user is taken to if the button is clicked
         */
        "cardUrl"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "card-url"?: string;
        /**
          * The label of the button in the hero
         */
        "ctaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "cta-label"?: string;
        /**
          * The placement of the image
          * @default 'left
         */
        "imagePlacement"?: 'left' | 'right';
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "image-placement"?: 'left' | 'right';
        /**
          * The alternative text for the image
         */
        "imgAlt"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "img-alt"?: string;
        /**
          * Sets the target for when the user clicks the link
         */
        "openInNewTab"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "open-in-new-tab"?: boolean;
    }
    interface BiInPageLinks {
        /**
          * Fallback text for the dropdown trigger when no pagelinks have been scrolled past.
         */
        "dropdownFallbackText": string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "dropdown-fallback-text"?: string;
        /**
          * The title of the InPageLinks.
         */
        "header": string;
        /**
          * Make the InPageLinks sticky to the top of the page on scroll.
          * @default false
         */
        "sticky"?: boolean;
    }
    interface BiInputField {
        /**
          * Specifies whether the input can be autofilled by the browser
         */
        "autocomplete"?: 'on' | 'off' | 'name' | 'given-name' | 'family-name' | 'email' | 'username' | 'tel';
        /**
          * Is the component displayed on a dark background.
         */
        "dark"?: boolean;
        /**
          * You can set the initial value of the input field. Don't set this if you're also setting the `value`-prop
         */
        "defaultValue"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-value"?: string;
        /**
          * Marks the input field as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The helper text below the label.
         */
        "helptext"?: string;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The max length of the input field.
         */
        "maxLength"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "max-length"?: number;
        /**
          * The min length of the input field.
         */
        "minLength"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "min-length"?: number;
        /**
          * The name of the input field.
         */
        "name"?: string;
        /**
          * Emitted when the input field has lost focus.
         */
        "onBlur"?: (event: BiInputFieldCustomEvent<globalThis.Event>) => void;
        /**
          * Emitted when the input field loses focus after its value was changed.
         */
        "onChange"?: (event: BiInputFieldCustomEvent<globalThis.Event>) => void;
        /**
          * Emitted when the value has been changed as a direct result of a user action.
         */
        "onInput"?: (event: BiInputFieldCustomEvent<InputEvent>) => void;
        /**
          * The pattern the input field value must match.
         */
        "pattern"?: string;
        /**
          * The placeholder text.
         */
        "placeholder"?: string;
        /**
          * Marks the input field as required.
         */
        "required"?: boolean;
        /**
          * Controls whether the textarea is resizable and in which direction.
         */
        "resize"?: 'vertical' | 'none';
        /**
          * The number of rows of the textarea when size: `long`.
         */
        "rows"?: number;
        /**
          * The size of the input field. Size `normal` renders a normal input field, while `long` will render a textarea.
         */
        "size"?: 'normal' | 'long';
        /**
          * Stretch the input to use full available width.
         */
        "stretch"?: boolean;
        /**
          * The type of the input field.
         */
        "type"?: 'text' | 'password' | 'email' | 'tel' | 'url' | 'number';
        /**
          * The input field value.
         */
        "value"?: string;
        /**
          * Handles wrapping behaviour of elements.
         */
        "wrap"?: 'hard' | 'soft' | 'off';
    }
    interface BiLink {
        /**
          * The spacing on the bottom of the element
         */
        "bottom"?: SpacingSize;
        /**
          * The color of the link, with a default value of 'dark'
         */
        "color"?: 'dark' | 'light' | 'blue';
        /**
          * The URL that the link will navigate to
         */
        "href"?: string;
        /**
          * The spacing on the left of the element
         */
        "left"?: SpacingSize;
        /**
          * The spacing on the right of the element
         */
        "right"?: SpacingSize;
        /**
          * The size of the link, with a default value of 'medium'
         */
        "size"?: Exclude<FontSize1, '8xl' | '4xl' | 'xs'>;
        /**
          * The state of the link, indicating whether it is underlined or not, with a default value of 'underline'
         */
        "state"?: 'underline' | 'noline';
        /**
          * The target of the link, with a default value of '_self'
         */
        "target"?: '_blank' | '_parent' | '_self' | '_top' | '_unfencedTop';
        /**
          * The spacing on the top of the element
         */
        "top"?: SpacingSize;
    }
    interface BiLinkCard {
        "alignment"?: 'left' | 'center';
        "linkTitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "link-title"?: string;
        "openInNewTab"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "open-in-new-tab"?: boolean;
        "size"?: 'big' | 'small';
        "url"?: string;
    }
    interface BiList {
        "listId"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "list-id"?: string;
        "name"?: string;
        "noGap"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "no-gap"?: boolean;
    }
    interface BiListItem {
        /**
          * Alignment of the list item
          * @default 'center'
         */
        "alignment"?: Alignment1;
        "itemKey"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "item-key"?: string;
        "srOnly"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "sr-only"?: string;
    }
    interface BiLogo {
        /**
          * Determines if the logo should be displayed in the negative version, useful when displaying the logo on a dark background.
          * @default false
         */
        "dark"?: boolean;
        /**
          * Determines if the international logo should be used.
          * @default false
         */
        "international"?: boolean;
        /**
          * Determines the height of the logo.
          * @default 'medium'
         */
        "size"?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
        /**
          * Determines if the logo text should be displayed vertically. Only applies when `international` is `true`.
          * @default false
         */
        "vertical"?: boolean;
    }
    interface BiMessageBox {
        "heading"?: string;
        /**
          * @deprecated Use the `slot` instead
         */
        "message"?: string;
        "variant"?: 'error' | 'success' | 'warning' | 'info';
    }
    interface BiNavbar {
        /**
          * Determines if the navbar should be dark or light.
          * @default 'false'
         */
        "dark"?: boolean;
        /**
          * Determines if the navbar should be fixed.
          * @default 'false'
         */
        "fixed"?: boolean;
        /**
          * Aria label for the home link.
         */
        "homeAriaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "home-aria-label"?: string;
        /**
          * Href for the home link.
         */
        "homeHref"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "home-href"?: string;
        /**
          * Text for menu area label.
         */
        "menuAreaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "menu-area-label"?: string;
        /**
          * Text for skip link.
         */
        "skipLinkText"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "skip-link-text"?: string;
    }
    interface BiNotification {
        /**
          * The aria-label for the close button area.
         */
        "closeAreaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "close-area-label"?: string;
        /**
          * The color of the notification. Can be one of 'red', 'yellow', 'blue', or 'green'. Defaults to 'green'.
         */
        "color"?: 'red' | 'yellow' | 'blue' | 'green';
        /**
          * The heading text of the notification.
         */
        "heading"?: string;
        /**
          * Whether to hide the close button. Defaults to false.
         */
        "hideCloseButton"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-close-button"?: boolean;
        /**
          * The icon to display in the notification. Can be one of 'warning', 'info', or 'check'.
         */
        "icon": 'warning' | 'information' | 'checkmark';
        /**
          * The message text of the notification.
         */
        "message"?: string;
        /**
          * The aria-label for the notification icon area.
         */
        "notificationIconAreaLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "notification-icon-area-label"?: string;
    }
    interface BiPagination {
        /**
          * Number of always visible pages at the beginning and end.
          * @default 1
         */
        "boundaryCount"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "boundary-count"?: number;
        /**
          * The number of pages
         */
        "count": number;
        /**
          * If `true`, the component is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * If `true`, hide the next-page button.
          * @default false
         */
        "hideNextButton"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-next-button"?: boolean;
        /**
          * If `true`, hide the previous-page button.
          * @default false
         */
        "hidePrevButton"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-prev-button"?: boolean;
        /**
          * Emitted when the page changes
         */
        "onPageChanged"?: (event: BiPaginationCustomEvent<number>) => void;
        "page": number;
        /**
          * Number of always visible pages before and after the current page.
          * @default 1
         */
        "siblingCount"?: number;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "sibling-count"?: number;
    }
    interface BiRadioButton {
        /**
          * Reflects the radio button current checked state and allows setting the initial checked state.
         */
        "checked"?: boolean;
        /**
          * Is the component displayed on a dark background.
         */
        "dark"?: boolean;
        /**
          * You can set the initial checked-state for the input. Don't set this if you're also setting the `checked`-prop
         */
        "defaultChecked"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-checked"?: boolean;
        /**
          * Marks the radio button field as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the radio button field.
         */
        "name"?: string;
        /**
          * Emitted when the radio button has lost focus.
         */
        "onBlur"?: (event: BiRadioButtonCustomEvent<globalThis.Event>) => void;
        /**
          * Emitted when radio button checked property is changed.
         */
        "onChange"?: (event: BiRadioButtonCustomEvent<globalThis.Event>) => void;
        /**
          * Marks the radio button field as required.
         */
        "required"?: boolean;
        /**
          * @readonly
         */
        "type"?: string;
        /**
          * The radio button value. When a form is submitted, only a radio button which is currently checked is included in the submission.
         */
        "value"?: string;
    }
    interface BiSearch {
        /**
          * The label for the clear button, defaulting to 'Clear'
         */
        "clearLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "clear-label"?: string;
        /**
          * The URL that the search component will navigate to, if provided
         */
        "href"?: string;
        /**
          * Event emitted when the query changes
         */
        "onQueryChange"?: (event: BiSearchCustomEvent<any>) => void;
        /**
          * Event emitted when a search is initiated
         */
        "onSearch"?: (event: BiSearchCustomEvent<any>) => void;
        /**
          * Placeholder text for the search input field
         */
        "placeholder"?: string;
        /**
          * The current query string, which is mutable
         */
        "query"?: string;
        /**
          * The label for the search button, defaulting to 'Search'
         */
        "searchLabel"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "search-label"?: string;
        /**
          * The size of the search component, defaulting to 'large'
         */
        "size"?: 'small' | 'large';
        /**
          * The target for the link, defaulting to '_self'
         */
        "target"?: '_blank' | '_self';
        /**
          * The width of the search component, defaulting to 'fixed'
         */
        "width"?: 'fixed' | 'fill';
    }
    interface BiSelect {
        /**
          * You can set the initial value of the select-field. Don't set this if you're also setting the `value`-prop
         */
        "defaultValue"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-value"?: string;
        /**
          * Marks the select field as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The helper text below the label.
         */
        "helptext"?: string;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the input field.
         */
        "name"?: string;
        /**
          * Emitted when the select field has lost focus.
         */
        "onBlur"?: (event: BiSelectCustomEvent<globalThis.Event>) => void;
        /**
          * Emitted when the select field loses focus after its value was changed. Not emitted when value is changed from outside.
         */
        "onChange"?: (event: BiSelectCustomEvent<globalThis.Event>) => void;
        /**
          * A readonly property to get the options of the select
          * @readonly
         */
        "options"?: HTMLBiSelectOptionElement[];
        /**
          * The placeholder text.
         */
        "placeholder"?: string;
        /**
          * Marks the select field as required.
         */
        "required"?: boolean;
        /**
          * Get and set the selected options of the select.
          * @readonly
         */
        "selectedOptions"?: HTMLBiSelectOptionElement[];
        /**
          * Size of the select field
         */
        "size"?: 'small' | 'medium';
        /**
          * Stretch the select to use full available width.
         */
        "stretch"?: boolean;
        /**
          * Truncate the value if it's too wide. Wraps it to a new line by default
         */
        "truncate"?: boolean;
        /**
          * @readonly
         */
        "type"?: string;
        /**
          * The select field value.
         */
        "value"?: string;
    }
    interface BiSelectMultiple {
        /**
          * You can set the initial value of the select-multiple-field. Don't set this if you're also setting the `value`-prop
         */
        "defaultValue"?: string[];
        /**
          * Marks the select field as disabled.
         */
        "disabled"?: boolean;
        /**
          * If `true`, the component will indicate an error.
          * @default false
         */
        "error"?: boolean;
        /**
          * The error message shown when `error` is `true`.
         */
        "errorMessage"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "error-message"?: string;
        /**
          * The helper text below the label.
         */
        "helptext"?: string;
        /**
          * The label text.
         */
        "label"?: string;
        /**
          * The name of the input field.
         */
        "name"?: string;
        /**
          * Emitted when the select field has lost focus.
         */
        "onBlur"?: (event: BiSelectMultipleCustomEvent<globalThis.Event>) => void;
        /**
          * Emitted when the selected options of the select field was changed. Not emitted when value is changed from outside.
         */
        "onChange"?: (event: BiSelectMultipleCustomEvent<globalThis.Event>) => void;
        /**
          * A readonly property to get the options of the select
          * @readonly
         */
        "options"?: HTMLBiSelectOptionElement[];
        /**
          * The placeholder text.
         */
        "placeholder"?: string;
        /**
          * Marks the select field as required.
         */
        "required"?: boolean;
        /**
          * Get and set the selected options of the select.
          * @readonly
         */
        "selectedOptions"?: HTMLBiSelectOptionElement[];
        /**
          * Size of the select field
         */
        "size"?: 'small' | 'medium';
        /**
          * Stretch the select to use full available width.
         */
        "stretch"?: boolean;
        /**
          * Truncate the value if it's too wide. Wraps it to a new line by default
         */
        "truncate"?: boolean;
        /**
          * @readonly
         */
        "type"?: string;
        /**
          * The select field value.
         */
        "value"?: string[];
    }
    interface BiSelectOption {
        /**
          * You can set the initial selected-state for the selected-option. Don't set this if you're also setting the `selected`-prop
         */
        "defaultSelected"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "default-selected"?: boolean;
        /**
          * If the option is disabled.
         */
        "disabled"?: boolean;
        /**
          * The label text.
         */
        "label": string;
        /**
          * If the option is selected.
         */
        "selected"?: boolean;
        /**
          * The value of the option.
         */
        "value": string;
    }
    interface BiShare {
        /**
          * The margin size of the bottom
         */
        "bottom"?: SpacingSize;
        /**
          * The dark mode of the social media buttons
         */
        "dark"?: boolean;
        /**
          * The direction of the social media buttons
         */
        "direction"?: Direction;
        /**
          * Hide the Facebook button
         */
        "hideFacebook"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-facebook"?: boolean;
        /**
          * Hide the LinkedIn button
         */
        "hideLinkedIn"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-linked-in"?: boolean;
        /**
          * Hide the X button
         */
        "hideX"?: boolean;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "hide-x"?: boolean;
        /**
          * The leading title of the social media buttons
         */
        "leadingTitle"?: string;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "leading-title"?: string;
        /**
          * The margin size of the left
         */
        "left"?: SpacingSize;
        /**
          * The margin size of the right
         */
        "right"?: SpacingSize;
        /**
          * The margin size of the top
         */
        "top"?: SpacingSize;
    }
    interface BiSpinner {
        /**
          * The color of the spinner.
          * @default 'inherit'
         */
        "color"?: 'inherit' | 'black';
        /**
          * The size of the spinner. Can be 'small', 'medium', or 'large'. It sets the font-size as the width and height is `1em`. If not set, the spinner will inherit the font size of its parent.
         */
        "size"?: 'small' | 'medium' | 'large' | 'xl' | '2xl';
    }
    interface BiTitleSeparator {
        "headerLevel"?: HeaderLevel;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "header-level"?: HeaderLevel;
        "variant"?: 'tight' | 'comfortable';
    }
    interface BiTypography {
        "dark"?: boolean;
        "font"?: 'slab' | 'sans';
        "fontColor"?: FontColor;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-color"?: FontColor;
        "fontSize"?: FontSize;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-size"?: FontSize;
        "fontStyle"?: FontStyle;
        /**
         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
         */
        "font-style"?: FontStyle;
    }
    interface IntrinsicElements {
        "base-modal": BaseModal;
        "bi-accordion": BiAccordion;
        "bi-accordion-content": BiAccordionContent;
        "bi-accordion-group": BiAccordionGroup;
        "bi-accordion-header": BiAccordionHeader;
        "bi-alert": BiAlert;
        "bi-article": BiArticle;
        "bi-article-container": BiArticleContainer;
        "bi-asset": BiAsset;
        "bi-badge": BiBadge;
        "bi-breadcrumb-item": BiBreadcrumbItem;
        "bi-breadcrumbs": BiBreadcrumbs;
        "bi-bullet-item": BiBulletItem;
        "bi-bullet-list": BiBulletList;
        "bi-button": BiButton;
        "bi-button-group": BiButtonGroup;
        "bi-calendar-container": BiCalendarContainer;
        "bi-calendar-item": BiCalendarItem;
        "bi-card": BiCard;
        "bi-card-action": BiCardAction;
        "bi-card-action-area": BiCardActionArea;
        "bi-card-actions": BiCardActions;
        "bi-card-content": BiCardContent;
        "bi-card-header": BiCardHeader;
        "bi-card-media": BiCardMedia;
        "bi-checkbox": BiCheckbox;
        "bi-chip": BiChip;
        "bi-dialog": BiDialog;
        "bi-drawer": BiDrawer;
        "bi-dropdown": BiDropdown;
        "bi-dropdown-item": BiDropdownItem;
        "bi-fieldset": BiFieldset;
        "bi-footer": BiFooter;
        "bi-footer-links": BiFooterLinks;
        "bi-grid-container": BiGridContainer;
        "bi-header": BiHeader;
        "bi-hero-card": BiHeroCard;
        "bi-hero-card-content": BiHeroCardContent;
        "bi-hero-module": BiHeroModule;
        "bi-in-page-links": BiInPageLinks;
        "bi-input-field": BiInputField;
        "bi-link": BiLink;
        "bi-link-card": BiLinkCard;
        "bi-list": BiList;
        "bi-list-item": BiListItem;
        "bi-logo": BiLogo;
        "bi-message-box": BiMessageBox;
        "bi-navbar": BiNavbar;
        "bi-notification": BiNotification;
        "bi-pagination": BiPagination;
        "bi-radio-button": BiRadioButton;
        "bi-search": BiSearch;
        "bi-select": BiSelect;
        "bi-select-multiple": BiSelectMultiple;
        "bi-select-option": BiSelectOption;
        "bi-share": BiShare;
        "bi-spinner": BiSpinner;
        "bi-title-separator": BiTitleSeparator;
        "bi-typography": BiTypography;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "base-modal": LocalJSX.BaseModal & JSXBase.HTMLAttributes<HTMLBaseModalElement>;
            "bi-accordion": LocalJSX.BiAccordion & JSXBase.HTMLAttributes<HTMLBiAccordionElement>;
            "bi-accordion-content": LocalJSX.BiAccordionContent & JSXBase.HTMLAttributes<HTMLBiAccordionContentElement>;
            "bi-accordion-group": LocalJSX.BiAccordionGroup & JSXBase.HTMLAttributes<HTMLBiAccordionGroupElement>;
            "bi-accordion-header": LocalJSX.BiAccordionHeader & JSXBase.HTMLAttributes<HTMLBiAccordionHeaderElement>;
            "bi-alert": LocalJSX.BiAlert & JSXBase.HTMLAttributes<HTMLBiAlertElement>;
            "bi-article": LocalJSX.BiArticle & JSXBase.HTMLAttributes<HTMLBiArticleElement>;
            "bi-article-container": LocalJSX.BiArticleContainer & JSXBase.HTMLAttributes<HTMLBiArticleContainerElement>;
            "bi-asset": LocalJSX.BiAsset & JSXBase.HTMLAttributes<HTMLBiAssetElement>;
            "bi-badge": LocalJSX.BiBadge & JSXBase.HTMLAttributes<HTMLBiBadgeElement>;
            "bi-breadcrumb-item": LocalJSX.BiBreadcrumbItem & JSXBase.HTMLAttributes<HTMLBiBreadcrumbItemElement>;
            "bi-breadcrumbs": LocalJSX.BiBreadcrumbs & JSXBase.HTMLAttributes<HTMLBiBreadcrumbsElement>;
            "bi-bullet-item": LocalJSX.BiBulletItem & JSXBase.HTMLAttributes<HTMLBiBulletItemElement>;
            "bi-bullet-list": LocalJSX.BiBulletList & JSXBase.HTMLAttributes<HTMLBiBulletListElement>;
            "bi-button": LocalJSX.BiButton & JSXBase.HTMLAttributes<HTMLBiButtonElement>;
            "bi-button-group": LocalJSX.BiButtonGroup & JSXBase.HTMLAttributes<HTMLBiButtonGroupElement>;
            "bi-calendar-container": LocalJSX.BiCalendarContainer & JSXBase.HTMLAttributes<HTMLBiCalendarContainerElement>;
            "bi-calendar-item": LocalJSX.BiCalendarItem & JSXBase.HTMLAttributes<HTMLBiCalendarItemElement>;
            "bi-card": LocalJSX.BiCard & JSXBase.HTMLAttributes<HTMLBiCardElement>;
            "bi-card-action": LocalJSX.BiCardAction & JSXBase.HTMLAttributes<HTMLBiCardActionElement>;
            "bi-card-action-area": LocalJSX.BiCardActionArea & JSXBase.HTMLAttributes<HTMLBiCardActionAreaElement>;
            "bi-card-actions": LocalJSX.BiCardActions & JSXBase.HTMLAttributes<HTMLBiCardActionsElement>;
            "bi-card-content": LocalJSX.BiCardContent & JSXBase.HTMLAttributes<HTMLBiCardContentElement>;
            "bi-card-header": LocalJSX.BiCardHeader & JSXBase.HTMLAttributes<HTMLBiCardHeaderElement>;
            "bi-card-media": LocalJSX.BiCardMedia & JSXBase.HTMLAttributes<HTMLBiCardMediaElement>;
            "bi-checkbox": LocalJSX.BiCheckbox & JSXBase.HTMLAttributes<HTMLBiCheckboxElement>;
            "bi-chip": LocalJSX.BiChip & JSXBase.HTMLAttributes<HTMLBiChipElement>;
            "bi-dialog": LocalJSX.BiDialog & JSXBase.HTMLAttributes<HTMLBiDialogElement>;
            "bi-drawer": LocalJSX.BiDrawer & JSXBase.HTMLAttributes<HTMLBiDrawerElement>;
            "bi-dropdown": LocalJSX.BiDropdown & JSXBase.HTMLAttributes<HTMLBiDropdownElement>;
            "bi-dropdown-item": LocalJSX.BiDropdownItem & JSXBase.HTMLAttributes<HTMLBiDropdownItemElement>;
            "bi-fieldset": LocalJSX.BiFieldset & JSXBase.HTMLAttributes<HTMLBiFieldsetElement>;
            "bi-footer": LocalJSX.BiFooter & JSXBase.HTMLAttributes<HTMLBiFooterElement>;
            "bi-footer-links": LocalJSX.BiFooterLinks & JSXBase.HTMLAttributes<HTMLBiFooterLinksElement>;
            "bi-grid-container": LocalJSX.BiGridContainer & JSXBase.HTMLAttributes<HTMLBiGridContainerElement>;
            "bi-header": LocalJSX.BiHeader & JSXBase.HTMLAttributes<HTMLBiHeaderElement>;
            "bi-hero-card": LocalJSX.BiHeroCard & JSXBase.HTMLAttributes<HTMLBiHeroCardElement>;
            "bi-hero-card-content": LocalJSX.BiHeroCardContent & JSXBase.HTMLAttributes<HTMLBiHeroCardContentElement>;
            "bi-hero-module": LocalJSX.BiHeroModule & JSXBase.HTMLAttributes<HTMLBiHeroModuleElement>;
            "bi-in-page-links": LocalJSX.BiInPageLinks & JSXBase.HTMLAttributes<HTMLBiInPageLinksElement>;
            "bi-input-field": LocalJSX.BiInputField & JSXBase.HTMLAttributes<HTMLBiInputFieldElement>;
            "bi-link": LocalJSX.BiLink & JSXBase.HTMLAttributes<HTMLBiLinkElement>;
            "bi-link-card": LocalJSX.BiLinkCard & JSXBase.HTMLAttributes<HTMLBiLinkCardElement>;
            "bi-list": LocalJSX.BiList & JSXBase.HTMLAttributes<HTMLBiListElement>;
            "bi-list-item": LocalJSX.BiListItem & JSXBase.HTMLAttributes<HTMLBiListItemElement>;
            "bi-logo": LocalJSX.BiLogo & JSXBase.HTMLAttributes<HTMLBiLogoElement>;
            "bi-message-box": LocalJSX.BiMessageBox & JSXBase.HTMLAttributes<HTMLBiMessageBoxElement>;
            "bi-navbar": LocalJSX.BiNavbar & JSXBase.HTMLAttributes<HTMLBiNavbarElement>;
            "bi-notification": LocalJSX.BiNotification & JSXBase.HTMLAttributes<HTMLBiNotificationElement>;
            "bi-pagination": LocalJSX.BiPagination & JSXBase.HTMLAttributes<HTMLBiPaginationElement>;
            "bi-radio-button": LocalJSX.BiRadioButton & JSXBase.HTMLAttributes<HTMLBiRadioButtonElement>;
            "bi-search": LocalJSX.BiSearch & JSXBase.HTMLAttributes<HTMLBiSearchElement>;
            "bi-select": LocalJSX.BiSelect & JSXBase.HTMLAttributes<HTMLBiSelectElement>;
            "bi-select-multiple": LocalJSX.BiSelectMultiple & JSXBase.HTMLAttributes<HTMLBiSelectMultipleElement>;
            "bi-select-option": LocalJSX.BiSelectOption & JSXBase.HTMLAttributes<HTMLBiSelectOptionElement>;
            "bi-share": LocalJSX.BiShare & JSXBase.HTMLAttributes<HTMLBiShareElement>;
            "bi-spinner": LocalJSX.BiSpinner & JSXBase.HTMLAttributes<HTMLBiSpinnerElement>;
            "bi-title-separator": LocalJSX.BiTitleSeparator & JSXBase.HTMLAttributes<HTMLBiTitleSeparatorElement>;
            "bi-typography": LocalJSX.BiTypography & JSXBase.HTMLAttributes<HTMLBiTypographyElement>;
        }
    }
}