@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts

@@ -0,0 +1,122 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { ComponentState } from "../../../../types/index";
+import { IListMenuItem, IListMenuItemEvent } from './types/IListMenuItem';
+declare const BdsListMenuItem_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    disabled: boolean;
+    selected: boolean;
+    activeItem: boolean;
+    readonly parent: HTMLElement | null;
+    readonly parentRole: import("@/types").MenuRole | null;
+    readonly menuItemRole: import("@/types").MenuItemRole;
+    readonly ariaSelected: string | null;
+    readonly itemTabIndex: number;
+    handleKeyDownLogic(e: KeyboardEvent, onActivate: () => void): void;
+} & {
+    el: HTMLElement;
+    href: string;
+    newTab: boolean;
+    download: string;
+    readonly isLink: boolean;
+    readonly linkAttributes: import("@/types").LinksAttrs;
+    _isExternalLink(url: string): boolean;
+    handleLinkKeyDown(event: KeyboardEvent): void;
+    handleLinkClick(event: MouseEvent): void;
+    sanitizeUrl(url: string): string;
+};
+/**
+ * Component representing an individual item within a list menu for navigations and selection.
+ *
+ * @summary A menu item component that supports different variants, disabled state, and selection state, it also supports link behavior when the href prop is provided.
+ *
+ * @slot - Default slot for the content of the menu item.
+ *
+ * @attr {string} variant - Defines the visual style of the list menu item. Can be 'button' or 'label'. Default is 'button'.
+ * @attr {string} name - The name of the list menu item.
+ * @attr {boolean} disabled - If true, the menu item is non-interactive and styled as disabled.
+ * @attr {boolean} selected - If true, the menu item is styled as selected.
+ * @attr {boolean} activeItem - If true, the menu item is styled as active.
+ * @attr {string} value - The value associated with the menu item, emitted in events when activated.\
+ * @attr {string} href - The URL for the link. If provided, the menu item will behave as a link.
+ * @attr {boolean} newTab - If true, the link will open in a new tab. Only applicable if href is provided.
+ * @attr {boolean} downloadable - If true, the link will be treated as a download link. Only applicable if href is provided.
+ * @attr {string} filename - The suggested filename for the download. Only applicable if downloadable is true.
+ *
+ * @property {string} variant - Defines the visual style of the list menu item. Can be 'button' or 'label'. Default is 'button'.
+ * @property {string} name - The name of the list menu item.
+ * @property {boolean} disabled - If true, the menu item is non-interactive and styled as disabled.
+ * @property {boolean} selected - If true, the menu item is styled as selected.
+ * @property {boolean} activeItem - If true, the menu item is styled as active.
+ * @property {string} value - The value associated with the menu item, emitted in events when activated.
+ * @property {string} href - The URL for the link. If provided, the menu item will behave as a link.
+ * @property {boolean} newTab - If true, the link will open in a new tab. Only applicable if href is provided.
+ * @property {boolean} downloadable - If true, the link will be treated as a download link. Only applicable if href is provided.
+ * @property {string} filename - The suggested filename for the download. Only applicable if downloadable is true.
+ *
+ * @default 'button' - The default variant for the menu item is 'button', which is a standard clickable item.
+ * @default '' - By default, the name of the menu item is an empty string.
+ * @default false - By default, the menu item is not disabled and is interactive.
+ * @default false - By default, the menu item is not selected.
+ * @default false - By default, the menu item is not active.
+ * @default '' - By default, the value of the menu item is an empty string.
+ * @default '' - By default, the href is an empty string, meaning the menu item will not behave as a link.
+ * @default false - By default, the newTab property is false, meaning links will open in the same tab.
+ * @default false - By default, the downloadable property is false, meaning links will not be treated as download links.
+ * @default '' - By default, the filename is an empty string, meaning no suggested filename for downloads.
+ */
+export declare class BdsListMenuItem extends BdsListMenuItem_base implements IListMenuItem {
+    /** The host element */
+    el: HTMLBdsListMenuItemElement;
+    /**
+     * Defines the visual style of the list menu item.
+     * - 'button': A standard clickable item.
+     * - 'label': A non-interactive label, typically used for grouping items.
+     */
+    readonly variant: IListMenuItem['variant'];
+    /** The name of the list menu item */
+    readonly name: IListMenuItem['name'];
+    /** Disabled state item */
+    readonly disabled: IListMenuItem['disabled'];
+    /** Selected item state */
+    selected: IListMenuItem['selected'];
+    /** Value associated with the menu item */
+    readonly value: IListMenuItem['value'];
+    /** Checkable state item, if is activated should be visible a checkbox */
+    readonly checkable: IListMenuItem['checkable'];
+    /** Active state item */
+    readonly activeItem: IListMenuItem['activeItem'];
+    /** Link behavior props */
+    readonly href: IListMenuItem['href'];
+    /** Opens the link in a new tab if true */
+    readonly newTab: IListMenuItem['newTab'];
+    /** Makes the link downloadable if true */
+    readonly download: IListMenuItem['download'];
+    /** State to manage click and keyboard interaction states */
+    currentState: ComponentState;
+    /** Event handler for activation */
+    readonly bdsSelectItem: EventEmitter<IListMenuItemEvent>;
+    checkPropsVariant(): void;
+    /** Lifecycle method called before the component is loaded */
+    componentWillLoad(): void;
+    /** Improve aria resolve for checkable items */
+    get menuItemRoleExtended(): import("@/types").MenuItemRole | "checkbox" | "menuitemcheckbox";
+    /** Event to notify when the menu item is clicked */
+    private handleClick;
+    /** Event to handle keydown navigation and trigger click */
+    private handleKeyDown;
+    /** Event to handle keyup navigation and reset active state */
+    private handleKeyUp;
+    /** Checks if the variant is a label */
+    private get isLabelVariant();
+    /** Returns the class map for the list menu item */
+    private get classMap();
+    /** Return the render for the label variant of the list menu item */
+    private renderTypeLabel;
+    private renderCheckbox;
+    /** Return the render for the button variant of the list menu item */
+    private renderTypeButton;
+    /** Main render */
+    render(): any;
+}
+export {};
+//# sourceMappingURL=bds-list-menu-item.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts

@@ -0,0 +1,13 @@
+import { IWithLinks, IMenuBehavior } from "../../../../../types/index";
+import { ListMenuItemVariants } from './types';
+export interface IListMenuItem extends IMenuBehavior, IWithLinks {
+    variant: ListMenuItemVariants;
+    name: string;
+    value: string;
+    checkable: boolean;
+}
+export interface IListMenuItemEvent {
+    value: string;
+    selected: boolean;
+}
+//# sourceMappingURL=IListMenuItem.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/enum.d.ts

@@ -0,0 +1,5 @@
+export declare const LIST_MENU_ITEM_VARIANTS: {
+    readonly LABEL: "label";
+    readonly BUTTON: "button";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/types.d.ts

@@ -0,0 +1,3 @@
+import { LIST_MENU_ITEM_VARIANTS } from './enum';
+export type ListMenuItemVariants = (typeof LIST_MENU_ITEM_VARIANTS)[keyof typeof LIST_MENU_ITEM_VARIANTS];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/actions/bds-toggle/bds-toggle.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IFormControl } from "../../../mixins/index";
+import { IToggle } from './types';
+import { IToggleEventChange } from './types/IEventChange';
+declare const BdsToggle_base: abstract new (...args: any[]) => {
+    formDisabledCallback(disabled: boolean): void;
+};
+/**
+ * Toggle/Switch component for boolean selection.
+ *
+ * @summary A toggle switch form control with label positioning support.
+ *
+ * @slot - Default slot for label content (used when `label` prop is not provided).
+ * @slot help-text - Slot for help text below the toggle (used when `helperText` prop is not provided).
+ *
+ * @property {string}  name        - Name of the form control, submitted as a key in the form data.
+ * @property {boolean} disabled    - Disables the control. Defaults to `false`.
+ * @property {boolean} required    - Marks the control as required for form submission. Defaults to `false`.
+ * @property {boolean} checked     - Whether the toggle is on. Defaults to `false`.
+ * @property {string}  placement   - Position of the label relative to the switch. Accepts `TOGGLE_PLACEMENT` values. Defaults to `"left"`.
+ * @property {string}  label       - Label displayed next to the toggle. Defaults to `""`.
+ * @property {string}  helperText  - Help text displayed below the toggle. Defaults to `""`.
+ * @property {string}  value       - Value submitted with the form data when checked. Defaults to `"on"`.
+ *
+ * @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
+ * @fires bdsChange   - Emitted when the user toggles the switch. Payload: `IToggleEventChange`.
+ */
+export declare class BdsToggle extends BdsToggle_base implements IToggle, IFormControl<boolean> {
+    private inheritedAttributes;
+    el: HTMLBdsToggleElement;
+    internals: ElementInternals;
+    /** Name of the form control, submitted as a key in the form data. */
+    readonly name: IToggle['name'];
+    /** Disables the control. Defaults to `false`. */
+    readonly disabled: IToggle['disabled'];
+    /** Marks the control as required for form submission. Defaults to `false`. */
+    readonly required: IToggle['required'];
+    /** Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop. */
+    readonly info: IToggle['info'];
+    /** When `true`, applies the error visual state. */
+    readonly error: IToggle['error'];
+    /** Message shown below the input when `error` is `true`. Replaces `helperText`. */
+    readonly errorMessage: IToggle['errorMessage'];
+    /** Whether the toggle is on. Defaults to `false`. */
+    readonly checked: IToggle['checked'];
+    /**
+     * Position of the label relative to the switch.
+     * Accepts `TOGGLE_PLACEMENT` values. Defaults to `TOGGLE_PLACEMENT.LEFT`.
+     */
+    readonly placement: IToggle['placement'];
+    /** Label displayed next to the toggle. Defaults to `""`. */
+    readonly label: IToggle['label'];
+    /** Help text displayed below the toggle. Defaults to `""`. */
+    readonly helperText: IToggle['helperText'];
+    /**
+     * Value submitted with the form data when checked.
+     * Behaves like the `value` attribute of a native `<input type="checkbox">`. Defaults to `"on"`.
+     */
+    readonly value: IToggle['value'];
+    /** Emitted when the checked state changes. Useful for 2-way binding / v-model. Payload: `boolean`. */
+    valueChange: EventEmitter<boolean>;
+    /** Emitted when the user toggles the switch. Payload: `{ checked: boolean, value: string }`. */
+    bdsChange: EventEmitter<IToggleEventChange>;
+    private readonly _id;
+    /** Internal mirror of the `disabled` prop, kept in sync via `@Watch` and `formDisabledCallback`. */
+    private isDisabled;
+    /** `true` when the last triggered validation run returned invalid. Drives the error visual state. */
+    private validationError;
+    /** Error message from the last failed validator. Shown in the footer when `validationError` is `true`. */
+    private validationMessage;
+    /** Local mirror of the `checked` prop, kept in sync via `@Watch` and `formStateRestoreCallback`. */
+    private isChecked;
+    componentWillLoad(): void;
+    onCheckedChange(newValue: boolean): void;
+    onDisabledChange(next: boolean): void;
+    formAssociatedCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: unknown, _mode: string): void;
+    private syncFormValue;
+    private validate;
+    private toggle;
+    private handleClick;
+    private handleKeyDown;
+    private get containerClasses();
+    private get canShowLabel();
+    private handleInvalid;
+    render(): any;
+}
+export {};
+//# sourceMappingURL=bds-toggle.d.ts.map

package/dist/types/components/actions/bds-toggle/types/IEventChange.d.ts

@@ -0,0 +1,5 @@
+export interface IToggleEventChange {
+    checked: boolean;
+    value: string;
+}
+//# sourceMappingURL=IEventChange.d.ts.map

package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts

@@ -0,0 +1,12 @@
+import { ComponentInterface } from '../../../../stencil-public-runtime';
+import { TogglePlacementType } from './types';
+import { IFormProps } from "../../../../types/IFormProps";
+export interface IToggle extends ComponentInterface, IFormProps {
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    placement: TogglePlacementType;
+    checked: boolean;
+    value: string;
+}
+//# sourceMappingURL=IToggle.d.ts.map

package/dist/types/components/actions/bds-toggle/types/enum.d.ts

@@ -0,0 +1,5 @@
+export declare const TOGGLE_PLACEMENT: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/actions/bds-toggle/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './IToggle';
+export * from './types';
+export * from './enum';
+export * from './IEventChange';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/actions/bds-toggle/types/types.d.ts

@@ -0,0 +1,3 @@
+import { TOGGLE_PLACEMENT } from './enum';
+export type TogglePlacementType = (typeof TOGGLE_PLACEMENT)[keyof typeof TOGGLE_PLACEMENT];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/feedback/bds-badge/bds-badge.d.ts

@@ -0,0 +1,31 @@
+import type { IBadge } from './types/IBadge';
+/**
+ * Badge component for displaying contextual status information with optional icon support.
+ *
+ * @summary A compact label component that communicates status or category using color-coded variants. Supports an optional icon slot and a disabled state.
+ *
+ * @slot - The text content of the badge.
+ * @slot icon - An icon displayed before the badge text content.
+ *
+ * @attr {string} variant - Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'.
+ * @attr {boolean} disabled - Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false.
+ *
+ * @property {string} variant - Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'.
+ * @property {boolean} disabled - Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false.
+ */
+export declare class BdsBadge implements IBadge {
+    /** Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'. */
+    readonly variant: IBadge['variant'];
+    /** Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false. */
+    readonly disabled: IBadge['disabled'];
+    /** Reference to the host element, used for prop validation warnings. */
+    el: HTMLBdsBadgeElement;
+    /** Validates the `variant` prop against allowed values and resets to the default if invalid. */
+    private checkPropValues;
+    /** Runs prop validation before the component is first rendered. */
+    componentWillLoad(): void;
+    /** Builds the BEM class map applied to the host element based on the current prop values. */
+    private get badgeClasses();
+    render(): any;
+}
+//# sourceMappingURL=bds-badge.d.ts.map

package/dist/types/components/feedback/bds-badge/types/IBadge.d.ts

@@ -0,0 +1,6 @@
+import { BadgeVariant } from './enum';
+export interface IBadge {
+    variant: BadgeVariant;
+    disabled: boolean;
+}
+//# sourceMappingURL=IBadge.d.ts.map

package/dist/types/components/feedback/bds-badge/types/enum.d.ts

@@ -0,0 +1,9 @@
+export declare const BADGE_VARIANT: {
+    readonly DEFAULT: "default";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+};
+export type BadgeVariant = (typeof BADGE_VARIANT)[keyof typeof BADGE_VARIANT];
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/feedback/bds-banner/bds-banner.d.ts

@@ -16,9 +16,9 @@ import type { IBanner } from './types/IBanner';
  * @property {boolean} closable - Shows a close button that allows users to close the banner. Defaults to false.
  * @property {boolean} closeButtonLabel - Aria label for the close button when visible.
  *
- * @fires bdsClose - Emitted when the banner is closed via the close button or `closeBanner` method.
+ * @fires bdsClose - Emitted when the banner is closed via the close button or `close` method.
  *
- * @method closeBanner - Programmatic method to close the banner and emit the `bdsClose` event.
+ * @method close - Programmatic method to close the banner and emit the `bdsClose` event.
  *
  */
 export declare class BdsBanner implements IBanner {
@@ -51,14 +51,18 @@ export declare class BdsBanner implements IBanner {
      */
     readonly closeButtonLabel: IBanner['closeButtonLabel'];
     /**
-     * Emitted when the banner is closed via the close button or closeBanner method.
+     * Emitted when the banner is closed via the close button or close method.
      */
     bdsClose: EventEmitter<void>;
     componentWillLoad(): void;
     /**
      * Programmatic method to close the banner and emit the `bdsClose` event
      */
-    closeBanner(): Promise<void>;
+    open(): Promise<void>;
+    /**
+     * Programmatic method to close the banner and emit the `bdsClose` event
+     */
+    close(): Promise<void>;
     private handleCloseBanner;
     private handleEscapeKeyClose;
     private handleAnimationEnd;

package/dist/types/components/feedback/bds-status/bds-status.d.ts

@@ -0,0 +1,26 @@
+import { IStatus } from './types/IStatus';
+/**
+ * Status badge component for communicating the current state of an item or process.
+ *
+ * @slot - The label content of the badge, typically plain text.
+ * @slot icon - Icon content rendered before the label.
+ *
+ */
+export declare class BdsStatus implements IStatus {
+    /** state is a string attribute. Controls the visual state variant of the status badge.
+     * Determines the background, accent, and text colors applied to the element.
+     * An invalid value falls back to `"neutral"` and a warning is set on the host element. */
+    readonly state: IStatus['state'];
+    /** indicator is a string attribute. Controls the type of indicator rendered before the slotted label.
+     * An invalid value falls back to `"none"` and a warning is set on the host element. */
+    readonly indicator: IStatus['indicator'];
+    el: HTMLBdsStatusElement;
+    /** Validates the `state` prop against the set of allowed values.
+     * Falls back to `"neutral"` when an invalid value is detected. */
+    checkPropValues(): void;
+    /** Before component rendered */
+    componentWillLoad(): void;
+    private get classMap();
+    render(): any;
+}
+//# sourceMappingURL=bds-status.d.ts.map

package/dist/types/components/feedback/bds-status/types/IStatus.d.ts

@@ -0,0 +1,7 @@
+import { Status } from "../../../../types/states";
+import { IndicatorTypes } from './types';
+export interface IStatus {
+    state: Status;
+    indicator: IndicatorTypes;
+}
+//# sourceMappingURL=IStatus.d.ts.map

package/dist/types/components/feedback/bds-status/types/enum.d.ts

@@ -0,0 +1,6 @@
+export declare const INDICATOR_TYPES: {
+    readonly NONE: "none";
+    readonly DOT: "dot";
+    readonly ICON: "icon";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/feedback/bds-status/types/types.d.ts

@@ -0,0 +1,3 @@
+import { INDICATOR_TYPES } from './enum';
+export type IndicatorTypes = (typeof INDICATOR_TYPES)[keyof typeof INDICATOR_TYPES];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/feedback/bds-tag/bds-tag.d.ts

@@ -0,0 +1,71 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TagEventPayload, type ITag } from './types';
+/**
+ * Tag component used to represent categories, metadata, or removable filters.
+ *
+ * @summary Displays a label with optional leading/trailing icons and dismissal capability.
+ *
+ * @slot - Default slot for custom text content after the icon.
+ * @slot icon - Icon slot for icon content before the text.
+ *
+ * @fires bdsClose - Emitted when the tag is closed via the close button or Delete key.
+ * @fires bdsSelect - Emitted when the tag is selected via a click or Space/Enter key.
+ *
+ */
+export declare class BdsTag implements ITag {
+    private readonly _id;
+    private internalSelected;
+    /**
+     * Reference to the host element.
+     */
+    el: HTMLBdsTagElement;
+    /**
+     * Whether the tag is selectable or not.
+     * @default false
+     */
+    readonly multiselect: ITag['multiselect'];
+    /**
+     * Whether the tag is selected or not.
+     * @default false
+     */
+    readonly selected: ITag['selected'];
+    /**
+     * Aria label for the close button when visible.
+     */
+    readonly closeButtonLabel: ITag['closeButtonLabel'];
+    /**
+     * Visual color variant: 'gray', 'cyan', 'cobalt', 'teal', 'lime', 'orange', 'rose', or 'purple'.
+     * @default "gray"
+     */
+    readonly color: ITag['color'];
+    /**
+     * Hides the close button that allows users to dismiss the tag.
+     * @default false
+     */
+    readonly readonly: ITag['readonly'];
+    /**
+     * Disables interaction with the tag. Reduces opacity and prevents interactions.
+     * @default false
+     */
+    readonly disabled: ITag['disabled'];
+    /**
+     * Emitted when the tag is closed via the close button or Delete key.
+     */
+    bdsClose: EventEmitter<TagEventPayload>;
+    /**
+     * Emitted when the tag is selected via a click or Space/Enter key.
+     */
+    bdsSelect: EventEmitter<TagEventPayload>;
+    private handleClose;
+    private handleKeyDown;
+    private handleSelection;
+    componentWillLoad(): void;
+    private checkPropValues;
+    syncSelectedFromProp(newValue: boolean): void;
+    private validateMultiselectRole;
+    private getClasses;
+    private renderTag;
+    private renderCloseIcon;
+    render(): any;
+}
+//# sourceMappingURL=bds-tag.d.ts.map

package/dist/types/components/feedback/bds-tag/types/ITag.d.ts

@@ -0,0 +1,13 @@
+import type { EventEmitter } from '../../../../stencil-public-runtime';
+import { TagEventPayload, TagColor } from './types';
+export interface ITag {
+    color: TagColor;
+    readonly: boolean;
+    selected: boolean;
+    multiselect: boolean;
+    disabled: boolean;
+    closeButtonLabel: string;
+    bdsClose: EventEmitter<TagEventPayload>;
+    bdsSelect: EventEmitter<TagEventPayload>;
+}
+//# sourceMappingURL=ITag.d.ts.map

package/dist/types/components/feedback/bds-tag/types/enum.d.ts

@@ -0,0 +1,11 @@
+export declare const TAG_COLORS: {
+    readonly GRAY: "gray";
+    readonly CYAN: "cyan";
+    readonly TEAL: "teal";
+    readonly LIME: "lime";
+    readonly ORANGE: "orange";
+    readonly COBALT: "cobalt";
+    readonly ROSE: "rose";
+    readonly PURPLE: "purple";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/feedback/bds-tag/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './enum';
+export * from './ITag';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/feedback/bds-tag/types/types.d.ts

@@ -0,0 +1,8 @@
+import { TAG_COLORS } from './enum';
+export type TagColor = (typeof TAG_COLORS)[keyof typeof TAG_COLORS];
+export type TagEventPayload = {
+    id: string;
+    selected: boolean;
+    el: HTMLElement;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/forms/bds-checkbox/bds-checkbox.d.ts

@@ -58,7 +58,9 @@ export declare class BdsCheckbox extends BdsCheckbox_base implements ICheckbox,
     private handleClick;
     private handleKeyDown;
     private getAriaChecked;
+    private get hideFromScreenReaders();
     private renderCheckIcon;
+    private get canShowLabel();
     render(): any;
 }
 export {};

package/dist/types/components/forms/bds-checkbox-card/bds-checkbox-card.d.ts

@@ -0,0 +1,70 @@
+import { IFormControl } from "../../../mixins/index";
+import { ICheckboxCard } from './types/ICheckboxCard';
+declare const BdsCheckboxCard_base: abstract new (...args: any[]) => {
+    formDisabledCallback(disabled: boolean): void;
+};
+/**
+ * Checkbox card component is a selectable card-based checkbox option.
+ * It presents a non-exclusive choice with optional descriptive text and icon,
+ * supporting checked, indeterminate, disabled, and error states.
+ * Can be used standalone or within a checkbox group for orchestration.
+ *
+ * @slot - Label content when no `label` prop is provided.
+ * @slot icon - Optional icon rendered to the left of the label.
+ * @slot description - Optional descriptive text rendered below the label.
+ *
+ * @property {string}  name          - Name of the form control, submitted as a key in the form data.
+ * @property {boolean} disabled      - Disables the control. Defaults to `false`.
+ * @property {boolean} required      - Marks the control as required for form submission. Defaults to `false`.
+ * @property {string}  value         - Value submitted with the form data when checked. Defaults to `"on"`.
+ * @property {string}  label         - Label displayed next to the checkbox. If not provided, the default slot is used.
+ * @property {boolean} checked       - Whether the checkbox card is selected. Defaults to `false`.
+ * @property {boolean} indeterminate - Whether the checkbox card shows an indeterminate ("mixed") visual state. Defaults to `false`.
+ * @property {boolean} error         - Whether the checkbox card is in an error state. Defaults to `false`.
+ *
+ * @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
+ * @fires bdsChange   - Emitted when the user toggles the checkbox card. Payload: `{ checked: boolean, value: string }`.
+ */
+export declare class BdsCheckboxCard extends BdsCheckboxCard_base implements ICheckboxCard, IFormControl<boolean> {
+    private isDisabled;
+    private isIndeterminate;
+    private isChecked;
+    el: HTMLBdsCheckboxCardElement;
+    internals: ElementInternals;
+    /** Name of the form control, submitted as a key in the form data. */
+    readonly name: ICheckboxCard['name'];
+    /** Disables the control. */
+    readonly disabled: ICheckboxCard['disabled'];
+    /** Marks the control as required for form submission. */
+    readonly required: ICheckboxCard['required'];
+    /** Value submitted with the form when this checkbox is selected. */
+    readonly value: ICheckboxCard['value'];
+    /** Label text displayed next to the checkbox indicator. Falls back to the default slot when empty. */
+    readonly label: ICheckboxCard['label'];
+    /** Whether this checkbox card is selected. */
+    checked: ICheckboxCard['checked'];
+    /** Whether the checkbox card shows an indeterminate visual state. */
+    indeterminate: ICheckboxCard['indeterminate'];
+    /** Whether the checkbox card is in an error state. */
+    readonly error: ICheckboxCard['error'];
+    /** Emitted when the checked state changes. Useful for 2-way binding / v-model. */
+    valueChange: ICheckboxCard['valueChange'];
+    /** Emitted when the user toggles this checkbox card. */
+    bdsChange: ICheckboxCard['bdsChange'];
+    componentWillLoad(): void;
+    onDisabledChange(next: boolean): void;
+    onIndeterminateChange(next: boolean): void;
+    onCheckedChange(next: boolean): void;
+    private toggle;
+    private handleClick;
+    private handleKeyDown;
+    private get hostClasses();
+    private syncFormValue;
+    formAssociatedCallback(): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: unknown, _mode: string): void;
+    formDisabledCallback(disabled: boolean): void;
+    render(): any;
+}
+export {};
+//# sourceMappingURL=bds-checkbox-card.d.ts.map

package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts

@@ -0,0 +1,8 @@
+import { ComponentInterface } from '../../../../stencil-public-runtime';
+import { ICheckbox } from '../../bds-checkbox/types/ICheckbox';
+export interface ICheckboxCard extends ComponentInterface, ICheckbox {
+    name: string;
+    disabled: boolean;
+    required: boolean;
+}
+//# sourceMappingURL=ICheckboxCard.d.ts.map

package/dist/types/components/forms/bds-flag/bds-flag.d.ts

@@ -1,4 +1,3 @@
-import { StyleModifiers } from "../../../types/index";
 import { IFlag } from './interfaces/IFlag';
 /**
  * Flag component used to display a country flag together with its corresponding label.
@@ -119,17 +118,17 @@ export declare class BdsFlag implements IFlag {
      * Determines if the current flag is the global flag based on the resolved country entry.
      * @returns `true` if the current flag is the global flag, `false` otherwise.
      */
-    get isGlobal(): boolean;
+    private get isGlobal();
     /**
      * Returns the CSS class map for the Host element, reflecting the current alignment.
      * @returns Class map applied to the Host element.
      */
-    get flagClass(): StyleModifiers;
+    private get flagClass();
     /**
      * Returns the CSS class map for the inner flag span, reflecting shape and global state.
      * @returns Class map applied to the flag image span.
      */
-    get flagContentClass(): StyleModifiers;
+    private get flagContentClass();
     render(): any;
 }
 //# sourceMappingURL=bds-flag.d.ts.map