@telesign/boreal-web-components 0.1.0-alpha.0

package/dist/types/components.d.ts

@@ -0,0 +1,565 @@
+/* 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 { IBanner } from "./components/feedback/bds-banner/types/IBanner";
+import { ITypography } from "./components/titles-text/bds-typography/types/ITypography";
+export { IBanner } from "./components/feedback/bds-banner/types/IBanner";
+export { ITypography } from "./components/titles-text/bds-typography/types/ITypography";
+export namespace Components {
+    /**
+     * Banner component used to display important messages with different status variants.
+     * @summary Displays a dismissible banner with an icon, title, body content, and optional actions.
+     * @attr {"info"|"success"|"warning"|"danger"} variant - Status variant of the banner, affects color and icon. Defaults to "info".
+     * @attr {boolean} enable-close - When true, renders a close button that triggers the close event.
+     * @attr {string} idComponent - Unique identifier for the banner element.
+     * @property {string} idComponent - Unique identifier for the banner element.
+     * @property {"info"|"success"|"warning"|"danger"} variant - Visual style variant: 'info', 'success', 'warning', or 'danger'. Defaults to "info".
+     * @property {boolean} enableClose - Shows a close button that allows users to dismiss the banner. Defaults to false.
+     * @fires close - Emitted when the banner is closed via the close button or `closeBanner` method.
+     * @method closeBanner - Programmatic method to close the banner and emit the `close` event.
+     */
+    interface BdsBanner {
+        /**
+          * Programmatic method to close the banner and emit the `close` event
+         */
+        "closeBanner": () => Promise<void>;
+        /**
+          * Shows a close button that allows users to dismiss the banner.
+          * @default false
+         */
+        "enableClose": IBanner['enableClose'];
+        /**
+          * Unique identifier for the banner element.
+          * @default ''
+         */
+        "idComponent": string;
+        /**
+          * Visual style variant: 'info', 'success', 'warning', or 'danger'.
+          * @default "info"
+         */
+        "variant": IBanner['variant'];
+    }
+    /**
+     * Typography component for displaying text with various styles, sizes, and interactive features.
+     * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
+     * @attr {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+     * @attr {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+     * @attr {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+     * @attr {string} align - The text alignment. Options: start, center, end, inherit
+     * @attr {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+     * @attr {boolean} is-required - Shows a required indicator when used with `label` variant.
+     * @attr {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+     * @attr {number} max-lines - Maximum number of lines to show before truncating with ellipsis.
+     * @attr {string} href - URL when the typography is an `a` element and a `link` variant.
+     * @attr {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+     * @attr {boolean} is-downloadable - Makes the `link` download a file.
+     * @attr {string} filename - Suggested filename when downloading a file from the `link`.
+     * @attr {string} html-for - The for attribute when rendered as a label
+     * @attr {string} tooltip-text - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+     * @attr {string} custom-class - Additional custom CSS class
+     * @property {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+     * @property {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+     * @property {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+     * @property {string} align - The text alignment. Options: start, center, end, inherit
+     * @property {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+     * @property {boolean} isRequired - Shows a required indicator when used with `label` variant.
+     * @property {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+     * @property {number} maxLines - Maximum number of lines to show before truncating with ellipsis.
+     * @property {string} href - URL when the typography is an `a` element and a `link` variant.
+     * @property {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+     * @property {boolean} isDownloadable - Makes the `link` download a file.
+     * @property {string} filename - Suggested filename when downloading a file from the `link`.
+     * @property {string} htmlFor - The for attribute when rendered as a label
+     * @property {string} tooltipText - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+     * @property {string} customClass - Additional custom CSS class
+     * @default 'display' - Default variant value
+     * @default 'p' - Default element value
+     * @default 'start' - Default align value
+     * @default 'md' - Default size value
+     * @default 'default' - Default state value
+     * @default false - Default isRequired state
+     * @default false - Default ellipsis state
+     * @default 1 - Default maxLines value
+     * @default '' - Default href value
+     * @default '' - Default target value
+     * @default false - Default isDownloadable state
+     * @default 'download' - Default filename value
+     * @default '' - Default tooltipText value
+     */
+    interface BdsTypography {
+        /**
+          * Text alignment.
+          * @default ALIGNMENT.START
+         */
+        "align": ITypography['align'];
+        /**
+          * Additional custom CSS class.
+          * @default ''
+         */
+        "customClass": string;
+        /**
+          * HTML tag used for rendering.
+          * @default TAG_ELEMENT.P
+         */
+        "element": ITypography['element'];
+        /**
+          * Enables text ellipsis.
+          * @default false
+         */
+        "ellipsis": ITypography['ellipsis'];
+        /**
+          * Suggested download filename.
+          * @default FILENAME
+         */
+        "filename": ITypography['filename'];
+        /**
+          * Link href when rendered as anchor.
+          * @default null
+         */
+        "href": ITypography['href'];
+        /**
+          * For attribute when rendered as a label.
+          * @default undefined
+         */
+        "htmlFor": ITypography['htmlFor'];
+        /**
+          * Enables download behavior for anchor.
+          * @default false
+         */
+        "isDownloadable": ITypography['isDownloadable'];
+        /**
+          * Marks the field as required.
+          * @default false
+         */
+        "isRequired": ITypography['isRequired'];
+        /**
+          * Max lines when ellipsis is enabled.
+          * @default 1
+         */
+        "maxLines": ITypography['maxLines'];
+        /**
+          * Typography size token.
+          * @default SIZES.M
+         */
+        "size": ITypography['size'];
+        /**
+          * Visual state (if supported by variant).
+          * @default STATES.DEFAULT
+         */
+        "state": ITypography['state'];
+        /**
+          * Anchor target.
+          * @default null
+         */
+        "target": ITypography['target'];
+        /**
+          * Tooltip text (variant must support it).
+          * @default ''
+         */
+        "tooltipText": ITypography['tooltipText'];
+        /**
+          * Typography visual variant.
+          * @default VARIANT_TYPOGRAPHY.DISPLAY
+         */
+        "variant": ITypography['variant'];
+    }
+    interface MyComponent {
+        /**
+          * The first name
+          * @default ''
+         */
+        "first": string;
+        /**
+          * The last name
+          * @default ''
+         */
+        "last": string;
+        /**
+          * The middle name
+          * @default ''
+         */
+        "middle": string;
+    }
+}
+export interface BdsBannerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsBannerElement;
+}
+declare global {
+    interface HTMLBdsBannerElementEventMap {
+        "close": void;
+    }
+    /**
+     * Banner component used to display important messages with different status variants.
+     * @summary Displays a dismissible banner with an icon, title, body content, and optional actions.
+     * @attr {"info"|"success"|"warning"|"danger"} variant - Status variant of the banner, affects color and icon. Defaults to "info".
+     * @attr {boolean} enable-close - When true, renders a close button that triggers the close event.
+     * @attr {string} idComponent - Unique identifier for the banner element.
+     * @property {string} idComponent - Unique identifier for the banner element.
+     * @property {"info"|"success"|"warning"|"danger"} variant - Visual style variant: 'info', 'success', 'warning', or 'danger'. Defaults to "info".
+     * @property {boolean} enableClose - Shows a close button that allows users to dismiss the banner. Defaults to false.
+     * @fires close - Emitted when the banner is closed via the close button or `closeBanner` method.
+     * @method closeBanner - Programmatic method to close the banner and emit the `close` event.
+     */
+    interface HTMLBdsBannerElement extends Components.BdsBanner, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsBannerElementEventMap>(type: K, listener: (this: HTMLBdsBannerElement, ev: BdsBannerCustomEvent<HTMLBdsBannerElementEventMap[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 HTMLBdsBannerElementEventMap>(type: K, listener: (this: HTMLBdsBannerElement, ev: BdsBannerCustomEvent<HTMLBdsBannerElementEventMap[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 HTMLBdsBannerElement: {
+        prototype: HTMLBdsBannerElement;
+        new (): HTMLBdsBannerElement;
+    };
+    /**
+     * Typography component for displaying text with various styles, sizes, and interactive features.
+     * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
+     * @attr {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+     * @attr {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+     * @attr {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+     * @attr {string} align - The text alignment. Options: start, center, end, inherit
+     * @attr {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+     * @attr {boolean} is-required - Shows a required indicator when used with `label` variant.
+     * @attr {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+     * @attr {number} max-lines - Maximum number of lines to show before truncating with ellipsis.
+     * @attr {string} href - URL when the typography is an `a` element and a `link` variant.
+     * @attr {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+     * @attr {boolean} is-downloadable - Makes the `link` download a file.
+     * @attr {string} filename - Suggested filename when downloading a file from the `link`.
+     * @attr {string} html-for - The for attribute when rendered as a label
+     * @attr {string} tooltip-text - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+     * @attr {string} custom-class - Additional custom CSS class
+     * @property {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+     * @property {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+     * @property {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+     * @property {string} align - The text alignment. Options: start, center, end, inherit
+     * @property {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+     * @property {boolean} isRequired - Shows a required indicator when used with `label` variant.
+     * @property {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+     * @property {number} maxLines - Maximum number of lines to show before truncating with ellipsis.
+     * @property {string} href - URL when the typography is an `a` element and a `link` variant.
+     * @property {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+     * @property {boolean} isDownloadable - Makes the `link` download a file.
+     * @property {string} filename - Suggested filename when downloading a file from the `link`.
+     * @property {string} htmlFor - The for attribute when rendered as a label
+     * @property {string} tooltipText - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+     * @property {string} customClass - Additional custom CSS class
+     * @default 'display' - Default variant value
+     * @default 'p' - Default element value
+     * @default 'start' - Default align value
+     * @default 'md' - Default size value
+     * @default 'default' - Default state value
+     * @default false - Default isRequired state
+     * @default false - Default ellipsis state
+     * @default 1 - Default maxLines value
+     * @default '' - Default href value
+     * @default '' - Default target value
+     * @default false - Default isDownloadable state
+     * @default 'download' - Default filename value
+     * @default '' - Default tooltipText value
+     */
+    interface HTMLBdsTypographyElement extends Components.BdsTypography, HTMLStencilElement {
+    }
+    var HTMLBdsTypographyElement: {
+        prototype: HTMLBdsTypographyElement;
+        new (): HTMLBdsTypographyElement;
+    };
+    interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {
+    }
+    var HTMLMyComponentElement: {
+        prototype: HTMLMyComponentElement;
+        new (): HTMLMyComponentElement;
+    };
+    interface HTMLElementTagNameMap {
+        "bds-banner": HTMLBdsBannerElement;
+        "bds-typography": HTMLBdsTypographyElement;
+        "my-component": HTMLMyComponentElement;
+    }
+}
+declare namespace LocalJSX {
+    /**
+     * Banner component used to display important messages with different status variants.
+     * @summary Displays a dismissible banner with an icon, title, body content, and optional actions.
+     * @attr {"info"|"success"|"warning"|"danger"} variant - Status variant of the banner, affects color and icon. Defaults to "info".
+     * @attr {boolean} enable-close - When true, renders a close button that triggers the close event.
+     * @attr {string} idComponent - Unique identifier for the banner element.
+     * @property {string} idComponent - Unique identifier for the banner element.
+     * @property {"info"|"success"|"warning"|"danger"} variant - Visual style variant: 'info', 'success', 'warning', or 'danger'. Defaults to "info".
+     * @property {boolean} enableClose - Shows a close button that allows users to dismiss the banner. Defaults to false.
+     * @fires close - Emitted when the banner is closed via the close button or `closeBanner` method.
+     * @method closeBanner - Programmatic method to close the banner and emit the `close` event.
+     */
+    interface BdsBanner {
+        /**
+          * Shows a close button that allows users to dismiss the banner.
+          * @default false
+         */
+        "enableClose"?: IBanner['enableClose'];
+        /**
+          * Unique identifier for the banner element.
+          * @default ''
+         */
+        "idComponent"?: string;
+        /**
+          * Emitted when the banner is closed via the close button or handleClose method.
+         */
+        "onClose"?: (event: BdsBannerCustomEvent<void>) => void;
+        /**
+          * Visual style variant: 'info', 'success', 'warning', or 'danger'.
+          * @default "info"
+         */
+        "variant"?: IBanner['variant'];
+    }
+    /**
+     * Typography component for displaying text with various styles, sizes, and interactive features.
+     * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
+     * @attr {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+     * @attr {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+     * @attr {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+     * @attr {string} align - The text alignment. Options: start, center, end, inherit
+     * @attr {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+     * @attr {boolean} is-required - Shows a required indicator when used with `label` variant.
+     * @attr {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+     * @attr {number} max-lines - Maximum number of lines to show before truncating with ellipsis.
+     * @attr {string} href - URL when the typography is an `a` element and a `link` variant.
+     * @attr {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+     * @attr {boolean} is-downloadable - Makes the `link` download a file.
+     * @attr {string} filename - Suggested filename when downloading a file from the `link`.
+     * @attr {string} html-for - The for attribute when rendered as a label
+     * @attr {string} tooltip-text - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+     * @attr {string} custom-class - Additional custom CSS class
+     * @property {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+     * @property {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+     * @property {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+     * @property {string} align - The text alignment. Options: start, center, end, inherit
+     * @property {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+     * @property {boolean} isRequired - Shows a required indicator when used with `label` variant.
+     * @property {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+     * @property {number} maxLines - Maximum number of lines to show before truncating with ellipsis.
+     * @property {string} href - URL when the typography is an `a` element and a `link` variant.
+     * @property {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+     * @property {boolean} isDownloadable - Makes the `link` download a file.
+     * @property {string} filename - Suggested filename when downloading a file from the `link`.
+     * @property {string} htmlFor - The for attribute when rendered as a label
+     * @property {string} tooltipText - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+     * @property {string} customClass - Additional custom CSS class
+     * @default 'display' - Default variant value
+     * @default 'p' - Default element value
+     * @default 'start' - Default align value
+     * @default 'md' - Default size value
+     * @default 'default' - Default state value
+     * @default false - Default isRequired state
+     * @default false - Default ellipsis state
+     * @default 1 - Default maxLines value
+     * @default '' - Default href value
+     * @default '' - Default target value
+     * @default false - Default isDownloadable state
+     * @default 'download' - Default filename value
+     * @default '' - Default tooltipText value
+     */
+    interface BdsTypography {
+        /**
+          * Text alignment.
+          * @default ALIGNMENT.START
+         */
+        "align"?: ITypography['align'];
+        /**
+          * Additional custom CSS class.
+          * @default ''
+         */
+        "customClass"?: string;
+        /**
+          * HTML tag used for rendering.
+          * @default TAG_ELEMENT.P
+         */
+        "element"?: ITypography['element'];
+        /**
+          * Enables text ellipsis.
+          * @default false
+         */
+        "ellipsis"?: ITypography['ellipsis'];
+        /**
+          * Suggested download filename.
+          * @default FILENAME
+         */
+        "filename"?: ITypography['filename'];
+        /**
+          * Link href when rendered as anchor.
+          * @default null
+         */
+        "href"?: ITypography['href'];
+        /**
+          * For attribute when rendered as a label.
+          * @default undefined
+         */
+        "htmlFor"?: ITypography['htmlFor'];
+        /**
+          * Enables download behavior for anchor.
+          * @default false
+         */
+        "isDownloadable"?: ITypography['isDownloadable'];
+        /**
+          * Marks the field as required.
+          * @default false
+         */
+        "isRequired"?: ITypography['isRequired'];
+        /**
+          * Max lines when ellipsis is enabled.
+          * @default 1
+         */
+        "maxLines"?: ITypography['maxLines'];
+        /**
+          * Typography size token.
+          * @default SIZES.M
+         */
+        "size"?: ITypography['size'];
+        /**
+          * Visual state (if supported by variant).
+          * @default STATES.DEFAULT
+         */
+        "state"?: ITypography['state'];
+        /**
+          * Anchor target.
+          * @default null
+         */
+        "target"?: ITypography['target'];
+        /**
+          * Tooltip text (variant must support it).
+          * @default ''
+         */
+        "tooltipText"?: ITypography['tooltipText'];
+        /**
+          * Typography visual variant.
+          * @default VARIANT_TYPOGRAPHY.DISPLAY
+         */
+        "variant"?: ITypography['variant'];
+    }
+    interface MyComponent {
+        /**
+          * The first name
+          * @default ''
+         */
+        "first"?: string;
+        /**
+          * The last name
+          * @default ''
+         */
+        "last"?: string;
+        /**
+          * The middle name
+          * @default ''
+         */
+        "middle"?: string;
+    }
+
+    interface BdsBannerAttributes {
+        "idComponent": string;
+        "variant": IBanner['variant'];
+        "enableClose": IBanner['enableClose'];
+    }
+    interface BdsTypographyAttributes {
+        "variant": ITypography['variant'];
+        "size": ITypography['size'];
+        "state": ITypography['state'];
+        "customClass": string;
+        "element": ITypography['element'];
+        "align": ITypography['align'];
+        "ellipsis": ITypography['ellipsis'];
+        "maxLines": ITypography['maxLines'];
+        "tooltipText": ITypography['tooltipText'];
+        "isRequired": ITypography['isRequired'];
+        "htmlFor": ITypography['htmlFor'];
+        "href": ITypography['href'];
+        "target": ITypography['target'];
+        "isDownloadable": ITypography['isDownloadable'];
+        "filename": ITypography['filename'];
+    }
+    interface MyComponentAttributes {
+        "first": string;
+        "middle": string;
+        "last": string;
+    }
+
+    interface IntrinsicElements {
+        "bds-banner": Omit<BdsBanner, keyof BdsBannerAttributes> & { [K in keyof BdsBanner & keyof BdsBannerAttributes]?: BdsBanner[K] } & { [K in keyof BdsBanner & keyof BdsBannerAttributes as `attr:${K}`]?: BdsBannerAttributes[K] } & { [K in keyof BdsBanner & keyof BdsBannerAttributes as `prop:${K}`]?: BdsBanner[K] };
+        "bds-typography": Omit<BdsTypography, keyof BdsTypographyAttributes> & { [K in keyof BdsTypography & keyof BdsTypographyAttributes]?: BdsTypography[K] } & { [K in keyof BdsTypography & keyof BdsTypographyAttributes as `attr:${K}`]?: BdsTypographyAttributes[K] } & { [K in keyof BdsTypography & keyof BdsTypographyAttributes as `prop:${K}`]?: BdsTypography[K] };
+        "my-component": Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * Banner component used to display important messages with different status variants.
+             * @summary Displays a dismissible banner with an icon, title, body content, and optional actions.
+             * @attr {"info"|"success"|"warning"|"danger"} variant - Status variant of the banner, affects color and icon. Defaults to "info".
+             * @attr {boolean} enable-close - When true, renders a close button that triggers the close event.
+             * @attr {string} idComponent - Unique identifier for the banner element.
+             * @property {string} idComponent - Unique identifier for the banner element.
+             * @property {"info"|"success"|"warning"|"danger"} variant - Visual style variant: 'info', 'success', 'warning', or 'danger'. Defaults to "info".
+             * @property {boolean} enableClose - Shows a close button that allows users to dismiss the banner. Defaults to false.
+             * @fires close - Emitted when the banner is closed via the close button or `closeBanner` method.
+             * @method closeBanner - Programmatic method to close the banner and emit the `close` event.
+             */
+            "bds-banner": LocalJSX.IntrinsicElements["bds-banner"] & JSXBase.HTMLAttributes<HTMLBdsBannerElement>;
+            /**
+             * Typography component for displaying text with various styles, sizes, and interactive features.
+             * @summary A comprehensive typography component that supports multiple text variants, sizes, alignments, states, and link functionality.
+             * @attr {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+             * @attr {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+             * @attr {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+             * @attr {string} align - The text alignment. Options: start, center, end, inherit
+             * @attr {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+             * @attr {boolean} is-required - Shows a required indicator when used with `label` variant.
+             * @attr {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+             * @attr {number} max-lines - Maximum number of lines to show before truncating with ellipsis.
+             * @attr {string} href - URL when the typography is an `a` element and a `link` variant.
+             * @attr {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+             * @attr {boolean} is-downloadable - Makes the `link` download a file.
+             * @attr {string} filename - Suggested filename when downloading a file from the `link`.
+             * @attr {string} html-for - The for attribute when rendered as a label
+             * @attr {string} tooltip-text - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+             * @attr {string} custom-class - Additional custom CSS class
+             * @property {string} variant - The variant of the typography for styling the text. Options: label, display, heading, subheading, helper, link, code, caption
+             * @property {string} element - Defines the HTML element. For `heading` variant, the text size adjusts to the HTML heading level (`h1` through `h6`).
+             * @property {string} state - The state of the typography. Only available for the `helper` and `label` variants. Options: default, error, disabled, hover, active, focus, visited
+             * @property {string} align - The text alignment. Options: start, center, end, inherit
+             * @property {string} size - The size of the typography. For `display` variant all options are available (`xl`, `lg`, `md`, `sm`), while for `link` variant only `md` and `sm` are available.
+             * @property {boolean} isRequired - Shows a required indicator when used with `label` variant.
+             * @property {boolean} ellipsis - Truncates text with an ellipsis when it overflows.
+             * @property {number} maxLines - Maximum number of lines to show before truncating with ellipsis.
+             * @property {string} href - URL when the typography is an `a` element and a `link` variant.
+             * @property {string} target - Specifies where to open the link. Options: _self, _blank, _top, _parent
+             * @property {boolean} isDownloadable - Makes the `link` download a file.
+             * @property {string} filename - Suggested filename when downloading a file from the `link`.
+             * @property {string} htmlFor - The for attribute when rendered as a label
+             * @property {string} tooltipText - Text to display inside the tooltip when hovering the info icon. Only applicable for `heading`, `subheading`, and `label` variants.
+             * @property {string} customClass - Additional custom CSS class
+             * @default 'display' - Default variant value
+             * @default 'p' - Default element value
+             * @default 'start' - Default align value
+             * @default 'md' - Default size value
+             * @default 'default' - Default state value
+             * @default false - Default isRequired state
+             * @default false - Default ellipsis state
+             * @default 1 - Default maxLines value
+             * @default '' - Default href value
+             * @default '' - Default target value
+             * @default false - Default isDownloadable state
+             * @default 'download' - Default filename value
+             * @default '' - Default tooltipText value
+             */
+            "bds-typography": LocalJSX.IntrinsicElements["bds-typography"] & JSXBase.HTMLAttributes<HTMLBdsTypographyElement>;
+            "my-component": LocalJSX.IntrinsicElements["my-component"] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @file entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export type * from './components.d.ts';
+//# sourceMappingURL=index.d.ts.map