@telesign/boreal-web-components 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/types/components.d.ts

@@ -8,19 +8,32 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAvatar } from "./components/images-icons/bds-avatar/types";
 import { IBadge } from "./components/feedback/bds-badge/types/IBadge";
 import { IBanner } from "./components/feedback/bds-banner/types/IBanner";
+import { BdsClickBreadcrumbEvent, BdsClickCollapsedEvent } from "./components/navigation/bds-breadcrumb/types/IBreadcrumb";
+import { BdsClickCollapseEvent, BdsClickItemEvent } from "./components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem";
 import { IButton } from "./components/actions/bds-button/types/IButton";
+import { IButtonGroup } from "./components/actions/bds-button-group/types/IButtonGroup";
 import { CheckboxChangeDetail } from "./components/forms/bds-checkbox/types/ICheckbox";
+import { CheckboxButtonChangeDetail } from "./components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton";
+import { ICheckboxCard } from "./components/forms/bds-checkbox/bds-checkbox-card/types/ICheckboxCard";
+import { IFormValidator, Orientation } from "./types/index";
+import { CheckboxGroupChangeDetail, CheckboxGroupType } from "./components/forms/bds-checkbox/bds-checkbox-group/types";
 import { IDialog } from "./components/overlays/bds-dialog/types";
-import { IDivider } from "./components/helpers/types/IDivider";
+import { IDivider } from "./components/helpers/bds-divider/types/IDivider";
 import { IFlag } from "./components/forms/bds-flag/interfaces/IFlag";
-import { IGrid } from "./components/layouts/bds-grid/grid/types";
-import { IGridItem } from "./components/layouts/bds-grid/grid-item/types";
+import { IGrid } from "./components/layouts/bds-grid/bds-grid/types";
+import { IGridItem } from "./components/layouts/bds-grid/bds-grid-item/types";
+import { IListMenu, ListMenuChangeDetail } from "./components/actions/bds-list-menu/bds-list-menu/types/IListMenu";
 import { IListMenuItem, IListMenuItemEvent } from "./components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem";
 import { IPopover } from "./components/overlays/bds-popover/types/IPopover";
+import { RadioChangeDetail } from "./components/forms/bds-radio/bds-radio/types/IRadio";
+import { RadioButtonChangeDetail } from "./components/forms/bds-radio/bds-radio-button/types/IRadioButton";
+import { IRadioCard, RadioCardChangeDetail } from "./components/forms/bds-radio/bds-radio-card/types/IRadioCard";
+import { RadioGroupType } from "./components/forms/bds-radio/bds-radio-group/types/types";
+import { RadioGroupChangeDetail } from "./components/forms/bds-radio/bds-radio-group/types/IRadioGroup";
+import { SliderChangeDetail, SliderRawValue, SliderTooltipType, SliderType } from "./components/forms/bds-slider/types";
 import { ISpinner } from "./components/feedback/bds-spinner/types/ISpinner";
 import { IStatus } from "./components/feedback/bds-status/types/IStatus";
 import { ITag, TagEventPayload } from "./components/feedback/bds-tag/types";
-import { IFormValidator } from "./types/index";
 import { TextFieldType, TextFieldValidationTiming, TextFieldVariant } from "./components/forms/bds-text-field/types";
 import { Event } from "./stencil-public-runtime";
 import { IToggle } from "./components/actions/bds-toggle/types";
@@ -31,19 +44,32 @@ import { ITypography } from "./components/titles-text/bds-typography/types/ITypo
 export { IAvatar } from "./components/images-icons/bds-avatar/types";
 export { IBadge } from "./components/feedback/bds-badge/types/IBadge";
 export { IBanner } from "./components/feedback/bds-banner/types/IBanner";
+export { BdsClickBreadcrumbEvent, BdsClickCollapsedEvent } from "./components/navigation/bds-breadcrumb/types/IBreadcrumb";
+export { BdsClickCollapseEvent, BdsClickItemEvent } from "./components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem";
 export { IButton } from "./components/actions/bds-button/types/IButton";
+export { IButtonGroup } from "./components/actions/bds-button-group/types/IButtonGroup";
 export { CheckboxChangeDetail } from "./components/forms/bds-checkbox/types/ICheckbox";
+export { CheckboxButtonChangeDetail } from "./components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton";
+export { ICheckboxCard } from "./components/forms/bds-checkbox/bds-checkbox-card/types/ICheckboxCard";
+export { IFormValidator, Orientation } from "./types/index";
+export { CheckboxGroupChangeDetail, CheckboxGroupType } from "./components/forms/bds-checkbox/bds-checkbox-group/types";
 export { IDialog } from "./components/overlays/bds-dialog/types";
-export { IDivider } from "./components/helpers/types/IDivider";
+export { IDivider } from "./components/helpers/bds-divider/types/IDivider";
 export { IFlag } from "./components/forms/bds-flag/interfaces/IFlag";
-export { IGrid } from "./components/layouts/bds-grid/grid/types";
-export { IGridItem } from "./components/layouts/bds-grid/grid-item/types";
+export { IGrid } from "./components/layouts/bds-grid/bds-grid/types";
+export { IGridItem } from "./components/layouts/bds-grid/bds-grid-item/types";
+export { IListMenu, ListMenuChangeDetail } from "./components/actions/bds-list-menu/bds-list-menu/types/IListMenu";
 export { IListMenuItem, IListMenuItemEvent } from "./components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem";
 export { IPopover } from "./components/overlays/bds-popover/types/IPopover";
+export { RadioChangeDetail } from "./components/forms/bds-radio/bds-radio/types/IRadio";
+export { RadioButtonChangeDetail } from "./components/forms/bds-radio/bds-radio-button/types/IRadioButton";
+export { IRadioCard, RadioCardChangeDetail } from "./components/forms/bds-radio/bds-radio-card/types/IRadioCard";
+export { RadioGroupType } from "./components/forms/bds-radio/bds-radio-group/types/types";
+export { RadioGroupChangeDetail } from "./components/forms/bds-radio/bds-radio-group/types/IRadioGroup";
+export { SliderChangeDetail, SliderRawValue, SliderTooltipType, SliderType } from "./components/forms/bds-slider/types";
 export { ISpinner } from "./components/feedback/bds-spinner/types/ISpinner";
 export { IStatus } from "./components/feedback/bds-status/types/IStatus";
 export { ITag, TagEventPayload } from "./components/feedback/bds-tag/types";
-export { IFormValidator } from "./types/index";
 export { TextFieldType, TextFieldValidationTiming, TextFieldVariant } from "./components/forms/bds-text-field/types";
 export { Event } from "./stencil-public-runtime";
 export { IToggle } from "./components/actions/bds-toggle/types";
@@ -145,6 +171,82 @@ export namespace Components {
          */
         "variant": IBanner['variant'];
     }
+    /**
+     * @summary Breadcrumb navigation container component. Provides a structured navigation trail and
+     * handles overflow using a collapse mechanism when the number of items exceeds `maxItems`.
+     */
+    interface BdsBreadcrumb {
+        /**
+          * Number of items visible at the end after collapse occurs.
+          * @default 1
+         */
+        "itemsAfterCollapse": number;
+        /**
+          * Number of items visible at the start before collapse occurs.
+          * @default 1
+         */
+        "itemsBeforeCollapse": number;
+        /**
+          * Maximum number of breadcrumb items visible before collapsing. If set to 0 or undefined, no collapsing is applied.
+          * @default 0
+         */
+        "maxItems": number;
+        /**
+          * Separator rendered between breadcrumb items.
+          * @default "/"
+         */
+        "separator": string;
+    }
+    /**
+     * @summary Breadcrumb navigation item component that represents a single step within a breadcrumb navigation trail.
+     */
+    interface BdsBreadcrumbItem {
+        /**
+          * Marks this breadcrumb item as the current page.  When true, the item is non-interactive and has aria-current="page".
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Internal prop controlled by the parent breadcrumb. Indicates that this item is part of a collapsed range.
+          * @default false
+         */
+        "collapsed": boolean;
+        /**
+          * Enables download behavior for the link.
+          * @default false
+         */
+        "downloadable": boolean;
+        /**
+          * Suggested filename for the downloaded file.
+          * @default 'filename'
+         */
+        "filename": string;
+        /**
+          * URL for the breadcrumb link.
+          * @default ''
+         */
+        "href": string;
+        /**
+          * Relationship between the current document and the linked resource.
+          * @default ''
+         */
+        "rel": string;
+        /**
+          * Enables router-based navigation instead of native link navigation.
+          * @default false
+         */
+        "router": boolean;
+        /**
+          * Internal prop controlled by the parent breadcrumb. Renders the collapse indicator ("...") for hidden items.
+          * @default false
+         */
+        "showCollapse": boolean;
+        /**
+          * Specifies where to open the linked document.
+          * @default '_self'
+         */
+        "target": '_blank' | '_parent' | '_self' | '_top';
+    }
     /**
      * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
      * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
@@ -154,7 +256,7 @@ export namespace Components {
      * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
      * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
      * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-     * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @attr {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
      * @attr {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
      * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
      * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
@@ -163,13 +265,13 @@ export namespace Components {
      * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
      * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
      * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-     * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @property {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
      * @property {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
      * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
      * @default 'button' - Default type value
      * @default 'default' - Default color value
      * @default 'default' - Default variant value
-     * @default 'medium' - Default size value
+     * @default 'md' - Default size value
      * @default 'default' - Default status value
      * @default false - Default disabled value
      * @default '' - Default label value
@@ -209,7 +311,7 @@ export namespace Components {
          */
         "name": IButton['name'];
         /**
-          * size is a string attribute. The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+          * size is a string attribute. The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
           * @default BUTTON_SIZES.MEDIUM
          */
         "size": IButton['size'];
@@ -224,6 +326,36 @@ export namespace Components {
          */
         "variant": IButton['variant'];
     }
+    /**
+     * Button group component for grouping related buttons together in a unified visual unit.
+     */
+    interface BdsButtonGroup {
+        /**
+          * Controls the color applied to all child `<bds-button>` elements. Accepted values: see `CoreColors`. Default is `default`.
+          * @default CORE_COLORS.DEFAULT
+         */
+        "color": IButtonGroup['color'];
+        /**
+          * Provides an accessible label for the button group.
+          * @default 'Button group'
+         */
+        "label": IButtonGroup['label'];
+        /**
+          * Controls the layout direction of the grouped buttons. Accepted values: `'horizontal'`, `'vertical'`. Default is `'horizontal'`.
+          * @default ORIENTATIONS.HORIZONTAL
+         */
+        "orientation": IButtonGroup['orientation'];
+        /**
+          * Controls the size applied to all child `<bds-button>` elements. Accepted values: `'sm'`, `'md'`, `'lg'`. Default is `'md'`.
+          * @default BUTTON_SIZES.MEDIUM
+         */
+        "size": IButtonGroup['size'];
+        /**
+          * Controls the variant applied to all child `<bds-button>` elements. Accepted values: `'default'`, `'outline'`, `'plain'`. Default is `'default'`.
+          * @default BUTTON_VARIANTS.DEFAULT
+         */
+        "variant": IButtonGroup['variant'];
+    }
     /**
      * Checkbox component for boolean selection with three visual states.
      * @summary A checkbox form control with default, selected, and indeterminate states.
@@ -236,13 +368,17 @@ export namespace Components {
      * @fires bdsChange - Emitted when the user toggles the checkbox. Payload: `{ checked: boolean, value: string }`.
      */
     interface BdsCheckbox {
+        /**
+          * Reports the group's validity state to the user, showing native validation UI if invalid.
+         */
+        "checkValidity": () => Promise<boolean>;
         /**
           * Whether the checkbox is selected.
           * @default false
          */
         "checked": boolean;
         /**
-          * Disables the control.
+          * Disables the checkbox.
           * @default false
          */
         "disabled": boolean;
@@ -256,6 +392,11 @@ export namespace Components {
           * @default false
          */
         "indeterminate": boolean;
+        /**
+          * Tooltip text for the checkbox.
+          * @default ''
+         */
+        "info": string;
         /**
           * Label displayed next to the checkbox. If not provided, the default slot is used.
           * @default ''
@@ -263,10 +404,15 @@ export namespace Components {
         "label": string;
         /**
           * Name of the form control, submitted as a key in the form data.
+          * @default ''
          */
         "name": string;
         /**
-          * Marks the control as required for form submission.
+          * Reports the group's validity state to the user, showing native validation UI if invalid.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+          * Marks the checkbox as required for form submission.
           * @default false
          */
         "required": boolean;
@@ -276,6 +422,188 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Button-shaped checkbox option that toggles independently on each interaction.
+     * Renders as a pill-button with the same visual language as `bds-radio-button`, but uses
+     * `role="checkbox"` and multi-select semantics — toggling one button has no effect on others.
+     * Can be used standalone (with `name` and optional `required`) or inside a `bds-checkbox-group`,
+     * which is the recommended approach for coordinated form state and group-level validation.
+     */
+    interface BdsCheckboxButton {
+        /**
+          * Returns whether this button satisfies its validation constraints.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+          * Toggle state of this button. Flips on every interaction when not disabled.
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Disables the button, preventing interaction. Propagated by `bds-checkbox-group` when the group is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Shows error styling on the button.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Tooltip text shown on an info icon next to the label.
+          * @default ''
+         */
+        "info": string;
+        /**
+          * Label text displayed inside the button. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Name of the form control, submitted as a key in the form data.
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Reports validity to the user, showing native validation UI if invalid.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+          * Marks this button as required for form submission. Has no effect when used inside `bds-checkbox-group`.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Value associated with this button; submitted with form data when checked.
+          * @default 'on'
+         */
+        "value": string;
+    }
+    /**
+     * @summary Checkbox card component is a selectable card-based checkbox option.
+     */
+    interface BdsCheckboxCard {
+        /**
+          * Reports the group's validity state to the user, showing native validation UI if invalid.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+          * Whether this checkbox card is selected.
+          * @default false
+         */
+        "checked": ICheckboxCard['checked'];
+        /**
+          * Disables the control.
+          * @default false
+         */
+        "disabled": ICheckboxCard['disabled'];
+        /**
+          * Whether the checkbox card is in an error state.
+          * @default false
+         */
+        "error": ICheckboxCard['error'];
+        /**
+          * Whether the checkbox card shows an indeterminate visual state.
+          * @default false
+         */
+        "indeterminate": ICheckboxCard['indeterminate'];
+        /**
+          * Label text displayed next to the checkbox indicator. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label": ICheckboxCard['label'];
+        /**
+          * Name of the form control, submitted as a key in the form data.
+         */
+        "name": ICheckboxCard['name'];
+        /**
+          * Reports the group's validity state to the user, showing native validation UI if invalid.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+          * Marks the control as required for form submission.
+          * @default false
+         */
+        "required": ICheckboxCard['required'];
+        /**
+          * Value submitted with the form when this checkbox is selected.
+          * @default 'on'
+         */
+        "value": ICheckboxCard['value'];
+    }
+    /**
+     * Checkbox group component that orchestrates multi-selection across a set of `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` children.
+     */
+    interface BdsCheckboxGroup {
+        /**
+          * Returns whether the group's current value satisfies the browser's built-in constraint validation.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+          * Disables all child checkboxes and prevents selection. Also mirrored to isDisabled
+          * @State for form-level disable support.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Shows error styling on the group helper text. Propagated to all child checkboxes.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error message rendered below the checkbox options when error is true. Replaces helperText.
+          * @default ''
+         */
+        "errorMessage": string;
+        /**
+          * Helper text rendered below the checkbox options. Shown in default state; replaced by errorMessage in error state.
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * Tooltip text shown on the group label info icon.
+          * @default ''
+         */
+        "info": string;
+        /**
+          * Hides the divider between checkbox buttons when type is 'checkboxbutton'.
+          * @default false
+         */
+        "joined": false;
+        /**
+          * Group label rendered above the checkbox options.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Name of the form control; submitted as the field key in FormData.
+         */
+        "name": string;
+        /**
+          * Layout direction of the checkbox options.
+          * @default 'horizontal'
+         */
+        "orientation": Orientation;
+        /**
+          * Reports the group's validity state to the user, showing native validation UI if invalid.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+          * Marks the group as required for form submission. Triggers validity error when no checkboxes are selected.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Identifies this group variant. 'checkbox' renders bds-checkbox children; 'checkboxbutton' renders bds-checkbox-button segmented control; 'checkboxcard' renders bds-checkbox-card element.
+          * @default 'checkbox'
+         */
+        "type": CheckboxGroupType;
+        /**
+          * Currently selected checkbox values. Synced to children on change.
+          * @default []
+         */
+        "value": string[];
+    }
     /**
      * Modal dialog component for displaying content in an overlay.
      * @summary Modal overlay for alerts, forms, and confirmations with customizable layout and behavior.
@@ -522,17 +850,31 @@ export namespace Components {
      * Container component that manages a list of menu items.
      * It handles selection logic (single/multiple) and maintains the data state.
      * @summary A list menu component that can contain multiple menu items and manage their selection state.
-     * @attr {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-     * @attr {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-     * @property {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-     * @property {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-     * @event bdsChange - Emitted when the selection changes, providing the current selected value(s).
+     * @fires bdsChange - Emitted when the selection changes, providing the current selected value(s).
+     * @fires bdsSelect - Emmited when item is selected in menu-role="menu" is clicked
      * @method getSelectedValues - Returns the currently selected value(s). If multiple is true, returns an array of strings; otherwise, returns a single string or undefined.
      * @method setSelectedValues - Sets the selected value(s). Accepts a string for single selection or an array of strings for multiple selection.
-     * @default false - By default, the menu does not allow multiple selections (single selection mode).
-     * @default 'menu' - The default ARIA role for the menu is 'menu'.
      */
     interface BdsListMenu {
+        /**
+          * Prop to show in all items a checkbox
+          * @default false
+         */
+        "checkable": IListMenu['checkable'];
+        /**
+          * is empty state item
+          * @default false
+         */
+        "empty": IListMenu['empty'];
+        /**
+          * Prop to show empty text
+          * @default 'No options available'
+         */
+        "emptyText": IListMenu['emptyText'];
+        /**
+          * Retrieves all child menu items.
+         */
+        "getAllItems": () => Promise<HTMLBdsListMenuItemElement[]>;
         /**
           * Retrieves the currently selected value(s) programmatically.
           * @method getSelectedValues
@@ -541,14 +883,19 @@ export namespace Components {
         "getSelectedValues": () => Promise<string | string[]>;
         /**
           * Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-          * @default 'menu'
+          * @default MENU_ROLES.MENU
          */
-        "menuRole": 'menu' | 'listbox';
+        "menuRole": IListMenu['menuRole'];
         /**
-          * If true, allows multiple items to be selected. Default is false (single selection).
+          * Determines if the menu items have selectall/deselectall controls
           * @default false
          */
-        "multiple": boolean;
+        "selectControls": IListMenu['selectControls'];
+        /**
+          * The selection mode of the menu. Can be 'SINGLE' or 'MULTIPLE'. Default is 'SINGLE'.
+          * @default LIST_MENU_SELECTION_MODE.SINGLE
+         */
+        "selectionMode": IListMenu['selectionMode'];
         /**
           * Sets the selected values programmatically. Useful for initializing the menu from an external data source or form reset.
           * @method setSelectedValues
@@ -596,6 +943,11 @@ export namespace Components {
           * @default false
          */
         "activeItem": IListMenuItem['activeItem'];
+        /**
+          * Checkable state item, if is activated should be visible a checkbox
+          * @default false
+         */
+        "checkable": IListMenuItem['checkable'];
         /**
           * Disabled state item
           * @default false
@@ -656,6 +1008,10 @@ export namespace Components {
           * @default false
          */
         "closable"?: boolean;
+        /**
+          * Programmatically closes the popover, running the full hide lifecycle.
+         */
+        "closePopover": () => Promise<void>;
         /**
           * If true, disables the popover.
           * @default false
@@ -676,6 +1032,10 @@ export namespace Components {
           * @default false
          */
         "header"?: boolean;
+        /**
+          * Programmatically opens the popover, running the full show lifecycle.
+         */
+        "openPopover": () => Promise<void>;
         /**
           * Width of the popover content. - number: width in pixels (e.g. 320 → "320px") - 'full': 100% of the trigger/parent width - 'auto': fits the content
           * @default 320
@@ -683,46 +1043,356 @@ export namespace Components {
         "width"?: IPopover['width'];
     }
     /**
-     * Spinner component used to indicate a loading or processing state.
-     * @summary Displays an animated circular spinner to communicate that content is loading.
-     * @attr {"small"|"medium"|"large"} size - Size of the spinner. Defaults to "small".
-     * @attr {string} label - Accessible label announced by screen readers. Defaults to "Loading".
-     * @property {"small"|"medium"|"large"} size - Controls the visual size of the spinner.
-     * @property {string} label - Text used as the accessible label for screen readers.
+     * Radio button component for single-selection within a group.
+     * Use inside `bds-radio-group` for managed selection and form binding.
+     * Can also be used standalone with the `name`, `value`, and `checked` props.
      */
-    interface BdsSpinner {
+    interface BdsRadio {
         /**
-          * Accessible label announced by screen readers to describe the loading state.
-          * @default "Loading"
+          * Whether this radio is selected. Managed by bds-radio-group; can be set directly when used standalone.
+          * @default false
          */
-        "label": ISpinner['label'];
+        "checked": boolean;
         /**
-          * Controls the visual size of the spinner.
-          * @default "small"
+          * Disables the radio, preventing interaction and selection.
+          * @default false
          */
-        "size": ISpinner['size'];
-    }
-    /**
-     * Status badge component for communicating the current state of an item or process.
-     */
-    interface BdsStatus {
+        "disabled": boolean;
         /**
-          * 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.
-          * @default INDICATOR_TYPES.NONE
+          * Shows error styling on the radio indicator. Propagated by bds-radio-group.
+          * @default false
          */
-        "indicator": IStatus['indicator'];
+        "error": boolean;
         /**
-          * 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.
-          * @default PROCESS_STATUS.NEUTRAL
+          * Tooltip text shown on an info icon next to the label.
+          * @default ''
          */
-        "state": IStatus['state'];
-    }
-    /**
-     * Tag component used to represent categories, metadata, or removable filters.
-     * @summary Displays a label with optional leading/trailing icons and dismissal capability.
-     * @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.
-     */
+        "info": string;
+        /**
+          * Label text displayed next to the radio indicator. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone.
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Value submitted with the form when this radio is selected.
+          * @default 'on'
+         */
+        "value": string;
+    }
+    /**
+     * Button-shaped radio option for use inside `bds-radio-group[type="radiobutton"]`.
+     * Creates a segmented control appearance when grouped. Not form-associated — the parent
+     * `bds-radio-group` owns form state and single-selection enforcement.
+     */
+    interface BdsRadioButton {
+        /**
+          * Whether this button is selected. Managed by bds-radio-group; can be set directly when used standalone.
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Disables the button, preventing interaction and selection.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Shows error styling on the button. Propagated by bds-radio-group.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Tooltip text shown on an info icon next to the label.
+          * @default ''
+         */
+        "info": string;
+        /**
+          * Label text displayed inside the button. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone.
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Value submitted with the form when this button is selected.
+          * @default 'on'
+         */
+        "value": string;
+    }
+    /**
+     * Radio card component is a selectable card-based radio option.
+     * It presents a mutually exclusive choice with optional descriptive text and icon,
+     * designed for integration with bds-radio-group for orchestration.
+     * Can also be used standalone with the `name`, `value`, and `checked` props.
+     * @fires bdsChange - Emitted when the user selects this radio card. Listened to by the parent bds-radio-group to enforce single selection.
+     */
+    interface BdsRadioCard {
+        /**
+          * Whether this radio card is selected. Managed by bds-radio-group; can be set directly when used standalone.
+          * @default false
+         */
+        "checked": IRadioCard['checked'];
+        /**
+          * Disables the radio card, preventing it from being selected and interacted with.
+          * @default false
+         */
+        "disabled": IRadioCard['disabled'];
+        /**
+          * Whether the radio card is in an error state.
+          * @default false
+         */
+        "error": IRadioCard['error'];
+        /**
+          * Tooltip content attached to the radio card content. If empty, the info icon will not be rendered.
+          * @default ''
+         */
+        "info": IRadioCard['info'];
+        /**
+          * Label text displayed next to the radio indicator. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label": IRadioCard['label'];
+        /**
+          * Name attribute stamped by the parent bds-radio-group. Set directly when used standalone.
+          * @default ''
+         */
+        "name": IRadioCard['name'];
+        /**
+          * Value submitted with the form when this radio is selected.
+          * @default 'on'
+         */
+        "value": IRadioCard['value'];
+    }
+    /**
+     * Radio group component that orchestrates single-selection across a set of `bds-radio` children.
+     */
+    interface BdsRadioGroup {
+        /**
+          * Returns whether the group's current value satisfies the browser's built-in constraint validation.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+          * Disables all child radios and prevents selection. Also mirrored to isDisabled
+          * @State for form-level disable support.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Shows error styling on the group helper text. Propagated to all child radios.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error message rendered below the radio options when error is true. Replaces helperText.
+          * @default ''
+         */
+        "errorMessage": string;
+        /**
+          * Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state.
+          * @default ''
+         */
+        "helperText": string;
+        /**
+          * Tooltip text shown on the group label info icon.
+          * @default ''
+         */
+        "info": string;
+        /**
+          * Hides the divider between radio buttons when type is 'radiobutton'.
+          * @default false
+         */
+        "joined": boolean;
+        /**
+          * Group label rendered above the radio options.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Name of the form control; submitted as the field key in FormData.
+         */
+        "name": string;
+        /**
+          * Layout direction of the radio options.
+          * @default 'vertical'
+         */
+        "orientation": Orientation;
+        /**
+          * Reports the group's validity state to the user, showing native validation UI if invalid.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+          * Marks the group as required for form submission. Triggers validity error when no radio is selected.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Identifies this group variant. 'radio' renders circular bds-radio children; 'radiobutton' renders bds-radio-button segmented control; 'radiocard' renders bds-radio-card element.
+          * @default 'radio'
+         */
+        "type": RadioGroupType;
+        /**
+          * Currently selected radio value. Synced to children on change.
+          * @default ''
+         */
+        "value": string;
+    }
+    /**
+     * Component representing a select dropdown, allowing users to choose an option from a list.
+     * It consists of a text field that triggers the dropdown and a list menu that contains the options.
+     * The component supports both single selection and searchable functionality.
+     */
+    interface BdsSelect {
+        /**
+          * Name to assign in form
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Prop to define if its searchable. It allows to write and filter the options
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * The value of the select component.
+          * @default ''
+         */
+        "value": string;
+    }
+    /**
+     * Slider component for selecting a numeric value or a range of values.
+     * @summary An accessible, single or multi-handle range slider built on HTML `<input type="range">`.
+     * Supports discrete tick marks, tooltips, disabled state, and N-handle multi-value mode
+     * with automatic collision prevention between handles.
+     * @property {number}          min      - Minimum selectable value. Defaults to `0`.
+     * @property {number}          max      - Maximum selectable value. Defaults to `100`.
+     * @property {number}          step     - Step size for each increment/decrement. Defaults to `1`.
+     * @property {number[]} value   - Current value(s). A single number for one handle;
+     *                              an array for multi-handle mode. Defaults to `0`.
+     * @property {boolean}         disabled - Disables interaction with the slider. Defaults to `false`.
+     * @property {boolean}         discrete - Shows tick marks at each step position along the track. Defaults to `false`.
+     * @property {string}          tooltip  - Controls tooltip visibility: `"never"`, or `"focus"`. Defaults to `"focus"`.
+     * @method getValues - Returns the current value(s) as `number | number[]`.
+     * @method setValues - Programmatically sets the slider value(s).
+     */
+    interface BdsSlider {
+        /**
+          * Disables the slider, preventing all user interaction. Defaults to `false`.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * JSON string array of handle values that should be individually disabled. Each number must match a value present in the `value` prop. Accepts `number`, `number[]`, or JSON string: `"[5, 30]"`. Defaults to `"[]"`.
+          * @default '[]'
+         */
+        "disabledHandlers": SliderRawValue;
+        /**
+          * When `true`, renders discrete tick marks along the track at every step position between `min` and `max`. Defaults to `false`.
+          * @default false
+         */
+        "discrete": boolean;
+        /**
+          * Returns the current value(s) of the slider. - Single-handle → `number` - Multi-handle  → `number[]`
+         */
+        "getValues": () => Promise<number[]>;
+        /**
+          * Label for the slider. Defaults to `""`.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Maximum selectable value. Defaults to `100`.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * Minimum selectable value. Defaults to `0`.
+          * @default 0
+         */
+        "min": number;
+        /**
+          * Name of the form control, submitted as a key in the form data.
+          * @default ''
+         */
+        "name": string;
+        /**
+          * Programmatically sets the slider value(s).
+          * @param next - A single `number` or an array of `number[]` matching the number of handles.
+         */
+        "setValues": (next: SliderRawValue) => Promise<void>;
+        /**
+          * Shows the min and max values of the slider. Defaults to `false`.
+          * @default false
+         */
+        "showLimits": boolean;
+        /**
+          * Step size for each increment/decrement. Must be a positive number. Defaults to `1`.
+          * @default 1
+         */
+        "step": number;
+        /**
+          * Controls tooltip visibility on each handle. - `"never"`  — tooltip is hidden. - `"focus"`  — tooltip appears only when the handle is active/focused. Defa ults to `"focus"`.
+          * @default SLIDER_TOOLTIP.FOCUS
+         */
+        "tooltip": SliderTooltipType;
+        /**
+          * Slider type that defines the slider behavior. Defaults to `single`.
+          * @default SLIDER_TYPE.SINGLE
+         */
+        "type": SliderType;
+        /**
+          * Current value(s) of the slider. Accepts `number`, `number[]`, or a JSON string for HTML vanilla usage. - Single handle: `50` or `"50"` - Multi-handle:  `[10, 50, 80]` or `"[10, 50, 80]"` - Defaults to `0`.
+          * @default [0]
+         */
+        "value": SliderRawValue;
+    }
+    /**
+     * Spinner component used to indicate a loading or processing state.
+     * @summary Displays an animated circular spinner to communicate that content is loading.
+     * @attr {"small"|"medium"|"large"} size - Size of the spinner. Defaults to "small".
+     * @attr {string} label - Accessible label announced by screen readers. Defaults to "Loading".
+     * @property {"small"|"medium"|"large"} size - Controls the visual size of the spinner.
+     * @property {string} label - Text used as the accessible label for screen readers.
+     */
+    interface BdsSpinner {
+        /**
+          * Accessible label announced by screen readers to describe the loading state.
+          * @default "Loading"
+         */
+        "label": ISpinner['label'];
+        /**
+          * Controls the visual size of the spinner.
+          * @default "small"
+         */
+        "size": ISpinner['size'];
+    }
+    /**
+     * Status badge component for communicating the current state of an item or process.
+     */
+    interface BdsStatus {
+        /**
+          * 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.
+          * @default INDICATOR_TYPES.NONE
+         */
+        "indicator": IStatus['indicator'];
+        /**
+          * 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.
+          * @default PROCESS_STATUS.NEUTRAL
+         */
+        "state": IStatus['state'];
+    }
+    /**
+     * Tag component used to represent categories, metadata, or removable filters.
+     * @summary Displays a label with optional leading/trailing icons and dismissal capability.
+     * @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.
+     */
     interface BdsTag {
         /**
           * Aria label for the close button when visible.
@@ -860,6 +1530,11 @@ export namespace Components {
           * @default ''
          */
         "icon": string;
+        /**
+          * Icon rendered on the right side of the input, on the actions containers. (e.g., 'bds-icon-settings')
+          * @default ''
+         */
+        "iconRight": string;
         /**
           * Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop.
           * @default ''
@@ -909,6 +1584,11 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
+        /**
+          * Set mode readonly to use in selects
+          * @default false
+         */
+        "selectable": boolean;
         /**
           * Sublabel rendered inside the input container, before the text area.
           * @default ''
@@ -1038,49 +1718,6 @@ export namespace Components {
     /**
      * 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} 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} 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} required - 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} downloadable - 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 required state
-     * @default false - Default ellipsis state
-     * @default 1 - Default maxLines value
-     * @default '' - Default href value
-     * @default '' - Default target value
-     * @default false - Default downloadable state
-     * @default 'download' - Default filename value
-     * @default '' - Default tooltipText value
      */
     interface BdsTypography {
         /**
@@ -1128,6 +1765,11 @@ export namespace Components {
           * @default 1
          */
         "maxLines": ITypography['maxLines'];
+        /**
+          * Relationship between the current document and the linked resource.
+          * @default ''
+         */
+        "rel": ITypography['rel'];
         /**
           * Marks the field as required.
           * @default false
@@ -1164,6 +1806,14 @@ export interface BdsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsBannerElement;
 }
+export interface BdsBreadcrumbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsBreadcrumbElement;
+}
+export interface BdsBreadcrumbItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsBreadcrumbItemElement;
+}
 export interface BdsButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsButtonElement;
@@ -1172,6 +1822,18 @@ export interface BdsCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsCheckboxElement;
 }
+export interface BdsCheckboxButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsCheckboxButtonElement;
+}
+export interface BdsCheckboxCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsCheckboxCardElement;
+}
+export interface BdsCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsCheckboxGroupElement;
+}
 export interface BdsDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsDialogElement;
@@ -1184,6 +1846,30 @@ export interface BdsListMenuItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsListMenuItemElement;
 }
+export interface BdsRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsRadioElement;
+}
+export interface BdsRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsRadioButtonElement;
+}
+export interface BdsRadioCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsRadioCardElement;
+}
+export interface BdsRadioGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsRadioGroupElement;
+}
+export interface BdsSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsSelectElement;
+}
+export interface BdsSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBdsSliderElement;
+}
 export interface BdsTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBdsTagElement;
@@ -1260,19 +1946,62 @@ declare global {
         prototype: HTMLBdsBannerElement;
         new (): HTMLBdsBannerElement;
     };
-    interface HTMLBdsButtonElementEventMap {
-        "bdsClick": UIEvent;
+    interface HTMLBdsBreadcrumbElementEventMap {
+        "bdsClickCollapsed": BdsClickCollapsedEvent;
+        "bdsClickBreadcrumb": BdsClickBreadcrumbEvent;
     }
     /**
-     * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
-     * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
-     * @attr {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
-     * @attr {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
-     * @attr {string} name - The name attribute for the button, useful for form submissions.
+     * @summary Breadcrumb navigation container component. Provides a structured navigation trail and
+     * handles overflow using a collapse mechanism when the number of items exceeds `maxItems`.
+     */
+    interface HTMLBdsBreadcrumbElement extends Components.BdsBreadcrumb, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLBdsBreadcrumbElement, ev: BdsBreadcrumbCustomEvent<HTMLBdsBreadcrumbElementEventMap[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 HTMLBdsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLBdsBreadcrumbElement, ev: BdsBreadcrumbCustomEvent<HTMLBdsBreadcrumbElementEventMap[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 HTMLBdsBreadcrumbElement: {
+        prototype: HTMLBdsBreadcrumbElement;
+        new (): HTMLBdsBreadcrumbElement;
+    };
+    interface HTMLBdsBreadcrumbItemElementEventMap {
+        "bdsClick": BdsClickItemEvent;
+        "bdsClickCollapse": BdsClickCollapseEvent;
+    }
+    /**
+     * @summary Breadcrumb navigation item component that represents a single step within a breadcrumb navigation trail.
+     */
+    interface HTMLBdsBreadcrumbItemElement extends Components.BdsBreadcrumbItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsBreadcrumbItemElementEventMap>(type: K, listener: (this: HTMLBdsBreadcrumbItemElement, ev: BdsBreadcrumbItemCustomEvent<HTMLBdsBreadcrumbItemElementEventMap[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 HTMLBdsBreadcrumbItemElementEventMap>(type: K, listener: (this: HTMLBdsBreadcrumbItemElement, ev: BdsBreadcrumbItemCustomEvent<HTMLBdsBreadcrumbItemElementEventMap[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 HTMLBdsBreadcrumbItemElement: {
+        prototype: HTMLBdsBreadcrumbItemElement;
+        new (): HTMLBdsBreadcrumbItemElement;
+    };
+    interface HTMLBdsButtonElementEventMap {
+        "bdsClick": UIEvent;
+    }
+    /**
+     * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
+     * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
+     * @attr {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
+     * @attr {boolean} disabled - Disables the button when true, preventing user interaction and applying disabled styles.
+     * @attr {string} name - The name attribute for the button, useful for form submissions.
      * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
      * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
      * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-     * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @attr {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
      * @attr {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
      * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
      * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
@@ -1281,13 +2010,13 @@ declare global {
      * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
      * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
      * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-     * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @property {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
      * @property {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
      * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
      * @default 'button' - Default type value
      * @default 'default' - Default color value
      * @default 'default' - Default variant value
-     * @default 'medium' - Default size value
+     * @default 'md' - Default size value
      * @default 'default' - Default status value
      * @default false - Default disabled value
      * @default '' - Default label value
@@ -1309,6 +2038,15 @@ declare global {
         prototype: HTMLBdsButtonElement;
         new (): HTMLBdsButtonElement;
     };
+    /**
+     * Button group component for grouping related buttons together in a unified visual unit.
+     */
+    interface HTMLBdsButtonGroupElement extends Components.BdsButtonGroup, HTMLStencilElement {
+    }
+    var HTMLBdsButtonGroupElement: {
+        prototype: HTMLBdsButtonGroupElement;
+        new (): HTMLBdsButtonGroupElement;
+    };
     interface HTMLBdsCheckboxElementEventMap {
         "valueChange": boolean;
         "bdsChange": CheckboxChangeDetail;
@@ -1338,6 +2076,73 @@ declare global {
         prototype: HTMLBdsCheckboxElement;
         new (): HTMLBdsCheckboxElement;
     };
+    interface HTMLBdsCheckboxButtonElementEventMap {
+        "valueChange": boolean;
+        "bdsChange": CheckboxButtonChangeDetail;
+    }
+    /**
+     * Button-shaped checkbox option that toggles independently on each interaction.
+     * Renders as a pill-button with the same visual language as `bds-radio-button`, but uses
+     * `role="checkbox"` and multi-select semantics — toggling one button has no effect on others.
+     * Can be used standalone (with `name` and optional `required`) or inside a `bds-checkbox-group`,
+     * which is the recommended approach for coordinated form state and group-level validation.
+     */
+    interface HTMLBdsCheckboxButtonElement extends Components.BdsCheckboxButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsCheckboxButtonElementEventMap>(type: K, listener: (this: HTMLBdsCheckboxButtonElement, ev: BdsCheckboxButtonCustomEvent<HTMLBdsCheckboxButtonElementEventMap[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 HTMLBdsCheckboxButtonElementEventMap>(type: K, listener: (this: HTMLBdsCheckboxButtonElement, ev: BdsCheckboxButtonCustomEvent<HTMLBdsCheckboxButtonElementEventMap[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 HTMLBdsCheckboxButtonElement: {
+        prototype: HTMLBdsCheckboxButtonElement;
+        new (): HTMLBdsCheckboxButtonElement;
+    };
+    interface HTMLBdsCheckboxCardElementEventMap {
+        "valueChange": any;
+        "bdsChange": any;
+    }
+    /**
+     * @summary Checkbox card component is a selectable card-based checkbox option.
+     */
+    interface HTMLBdsCheckboxCardElement extends Components.BdsCheckboxCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsCheckboxCardElementEventMap>(type: K, listener: (this: HTMLBdsCheckboxCardElement, ev: BdsCheckboxCardCustomEvent<HTMLBdsCheckboxCardElementEventMap[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 HTMLBdsCheckboxCardElementEventMap>(type: K, listener: (this: HTMLBdsCheckboxCardElement, ev: BdsCheckboxCardCustomEvent<HTMLBdsCheckboxCardElementEventMap[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 HTMLBdsCheckboxCardElement: {
+        prototype: HTMLBdsCheckboxCardElement;
+        new (): HTMLBdsCheckboxCardElement;
+    };
+    interface HTMLBdsCheckboxGroupElementEventMap {
+        "bdsChange": CheckboxGroupChangeDetail;
+        "valueChange": string[];
+    }
+    /**
+     * Checkbox group component that orchestrates multi-selection across a set of `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` children.
+     */
+    interface HTMLBdsCheckboxGroupElement extends Components.BdsCheckboxGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLBdsCheckboxGroupElement, ev: BdsCheckboxGroupCustomEvent<HTMLBdsCheckboxGroupElementEventMap[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 HTMLBdsCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLBdsCheckboxGroupElement, ev: BdsCheckboxGroupCustomEvent<HTMLBdsCheckboxGroupElementEventMap[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 HTMLBdsCheckboxGroupElement: {
+        prototype: HTMLBdsCheckboxGroupElement;
+        new (): HTMLBdsCheckboxGroupElement;
+    };
     interface HTMLBdsDialogElementEventMap {
         "bdsOpen": void;
         "bdsClose": void;
@@ -1454,21 +2259,16 @@ declare global {
     };
     interface HTMLBdsListMenuElementEventMap {
         "bdsChange": string | string[];
-        "bdsClicked": HTMLElement;
+        "bdsSelect": ListMenuChangeDetail;
     }
     /**
      * Container component that manages a list of menu items.
      * It handles selection logic (single/multiple) and maintains the data state.
      * @summary A list menu component that can contain multiple menu items and manage their selection state.
-     * @attr {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-     * @attr {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-     * @property {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-     * @property {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-     * @event bdsChange - Emitted when the selection changes, providing the current selected value(s).
+     * @fires bdsChange - Emitted when the selection changes, providing the current selected value(s).
+     * @fires bdsSelect - Emmited when item is selected in menu-role="menu" is clicked
      * @method getSelectedValues - Returns the currently selected value(s). If multiple is true, returns an array of strings; otherwise, returns a single string or undefined.
      * @method setSelectedValues - Sets the selected value(s). Accepts a string for single selection or an array of strings for multiple selection.
-     * @default false - By default, the menu does not allow multiple selections (single selection mode).
-     * @default 'menu' - The default ARIA role for the menu is 'menu'.
      */
     interface HTMLBdsListMenuElement extends Components.BdsListMenu, HTMLStencilElement {
         addEventListener<K extends keyof HTMLBdsListMenuElementEventMap>(type: K, listener: (this: HTMLBdsListMenuElement, ev: BdsListMenuCustomEvent<HTMLBdsListMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1485,7 +2285,7 @@ declare global {
         new (): HTMLBdsListMenuElement;
     };
     interface HTMLBdsListMenuItemElementEventMap {
-        "bdsSelect": IListMenuItemEvent;
+        "bdsSelectItem": IListMenuItemEvent;
     }
     /**
      * Component representing an individual item within a list menu for navigations and selection.
@@ -1554,6 +2354,153 @@ declare global {
         prototype: HTMLBdsPopoverElement;
         new (): HTMLBdsPopoverElement;
     };
+    interface HTMLBdsRadioElementEventMap {
+        "bdsChange": RadioChangeDetail;
+    }
+    /**
+     * Radio button component for single-selection within a group.
+     * Use inside `bds-radio-group` for managed selection and form binding.
+     * Can also be used standalone with the `name`, `value`, and `checked` props.
+     */
+    interface HTMLBdsRadioElement extends Components.BdsRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsRadioElementEventMap>(type: K, listener: (this: HTMLBdsRadioElement, ev: BdsRadioCustomEvent<HTMLBdsRadioElementEventMap[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 HTMLBdsRadioElementEventMap>(type: K, listener: (this: HTMLBdsRadioElement, ev: BdsRadioCustomEvent<HTMLBdsRadioElementEventMap[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 HTMLBdsRadioElement: {
+        prototype: HTMLBdsRadioElement;
+        new (): HTMLBdsRadioElement;
+    };
+    interface HTMLBdsRadioButtonElementEventMap {
+        "bdsChange": RadioButtonChangeDetail;
+    }
+    /**
+     * Button-shaped radio option for use inside `bds-radio-group[type="radiobutton"]`.
+     * Creates a segmented control appearance when grouped. Not form-associated — the parent
+     * `bds-radio-group` owns form state and single-selection enforcement.
+     */
+    interface HTMLBdsRadioButtonElement extends Components.BdsRadioButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsRadioButtonElementEventMap>(type: K, listener: (this: HTMLBdsRadioButtonElement, ev: BdsRadioButtonCustomEvent<HTMLBdsRadioButtonElementEventMap[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 HTMLBdsRadioButtonElementEventMap>(type: K, listener: (this: HTMLBdsRadioButtonElement, ev: BdsRadioButtonCustomEvent<HTMLBdsRadioButtonElementEventMap[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 HTMLBdsRadioButtonElement: {
+        prototype: HTMLBdsRadioButtonElement;
+        new (): HTMLBdsRadioButtonElement;
+    };
+    interface HTMLBdsRadioCardElementEventMap {
+        "bdsChange": RadioCardChangeDetail;
+    }
+    /**
+     * Radio card component is a selectable card-based radio option.
+     * It presents a mutually exclusive choice with optional descriptive text and icon,
+     * designed for integration with bds-radio-group for orchestration.
+     * Can also be used standalone with the `name`, `value`, and `checked` props.
+     * @fires bdsChange - Emitted when the user selects this radio card. Listened to by the parent bds-radio-group to enforce single selection.
+     */
+    interface HTMLBdsRadioCardElement extends Components.BdsRadioCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsRadioCardElementEventMap>(type: K, listener: (this: HTMLBdsRadioCardElement, ev: BdsRadioCardCustomEvent<HTMLBdsRadioCardElementEventMap[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 HTMLBdsRadioCardElementEventMap>(type: K, listener: (this: HTMLBdsRadioCardElement, ev: BdsRadioCardCustomEvent<HTMLBdsRadioCardElementEventMap[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 HTMLBdsRadioCardElement: {
+        prototype: HTMLBdsRadioCardElement;
+        new (): HTMLBdsRadioCardElement;
+    };
+    interface HTMLBdsRadioGroupElementEventMap {
+        "bdsChange": RadioGroupChangeDetail;
+        "valueChange": string;
+    }
+    /**
+     * Radio group component that orchestrates single-selection across a set of `bds-radio` children.
+     */
+    interface HTMLBdsRadioGroupElement extends Components.BdsRadioGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsRadioGroupElementEventMap>(type: K, listener: (this: HTMLBdsRadioGroupElement, ev: BdsRadioGroupCustomEvent<HTMLBdsRadioGroupElementEventMap[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 HTMLBdsRadioGroupElementEventMap>(type: K, listener: (this: HTMLBdsRadioGroupElement, ev: BdsRadioGroupCustomEvent<HTMLBdsRadioGroupElementEventMap[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 HTMLBdsRadioGroupElement: {
+        prototype: HTMLBdsRadioGroupElement;
+        new (): HTMLBdsRadioGroupElement;
+    };
+    interface HTMLBdsSelectElementEventMap {
+        "bdsChange": string;
+        "valueChange": string;
+    }
+    /**
+     * Component representing a select dropdown, allowing users to choose an option from a list.
+     * It consists of a text field that triggers the dropdown and a list menu that contains the options.
+     * The component supports both single selection and searchable functionality.
+     */
+    interface HTMLBdsSelectElement extends Components.BdsSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsSelectElementEventMap>(type: K, listener: (this: HTMLBdsSelectElement, ev: BdsSelectCustomEvent<HTMLBdsSelectElementEventMap[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 HTMLBdsSelectElementEventMap>(type: K, listener: (this: HTMLBdsSelectElement, ev: BdsSelectCustomEvent<HTMLBdsSelectElementEventMap[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 HTMLBdsSelectElement: {
+        prototype: HTMLBdsSelectElement;
+        new (): HTMLBdsSelectElement;
+    };
+    interface HTMLBdsSliderElementEventMap {
+        "bdsChange": SliderChangeDetail;
+        "valueChange": number[];
+        "bdsClick": { target: HTMLElement; value: number[] };
+    }
+    /**
+     * Slider component for selecting a numeric value or a range of values.
+     * @summary An accessible, single or multi-handle range slider built on HTML `<input type="range">`.
+     * Supports discrete tick marks, tooltips, disabled state, and N-handle multi-value mode
+     * with automatic collision prevention between handles.
+     * @property {number}          min      - Minimum selectable value. Defaults to `0`.
+     * @property {number}          max      - Maximum selectable value. Defaults to `100`.
+     * @property {number}          step     - Step size for each increment/decrement. Defaults to `1`.
+     * @property {number[]} value   - Current value(s). A single number for one handle;
+     *                              an array for multi-handle mode. Defaults to `0`.
+     * @property {boolean}         disabled - Disables interaction with the slider. Defaults to `false`.
+     * @property {boolean}         discrete - Shows tick marks at each step position along the track. Defaults to `false`.
+     * @property {string}          tooltip  - Controls tooltip visibility: `"never"`, or `"focus"`. Defaults to `"focus"`.
+     * @method getValues - Returns the current value(s) as `number | number[]`.
+     * @method setValues - Programmatically sets the slider value(s).
+     */
+    interface HTMLBdsSliderElement extends Components.BdsSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBdsSliderElementEventMap>(type: K, listener: (this: HTMLBdsSliderElement, ev: BdsSliderCustomEvent<HTMLBdsSliderElementEventMap[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 HTMLBdsSliderElementEventMap>(type: K, listener: (this: HTMLBdsSliderElement, ev: BdsSliderCustomEvent<HTMLBdsSliderElementEventMap[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 HTMLBdsSliderElement: {
+        prototype: HTMLBdsSliderElement;
+        new (): HTMLBdsSliderElement;
+    };
     /**
      * Spinner component used to indicate a loading or processing state.
      * @summary Displays an animated circular spinner to communicate that content is loading.
@@ -1724,49 +2671,6 @@ declare global {
     /**
      * 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} 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} 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} required - 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} downloadable - 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 required state
-     * @default false - Default ellipsis state
-     * @default 1 - Default maxLines value
-     * @default '' - Default href value
-     * @default '' - Default target value
-     * @default false - Default downloadable state
-     * @default 'download' - Default filename value
-     * @default '' - Default tooltipText value
      */
     interface HTMLBdsTypographyElement extends Components.BdsTypography, HTMLStencilElement {
     }
@@ -1778,8 +2682,14 @@ declare global {
         "bds-avatar": HTMLBdsAvatarElement;
         "bds-badge": HTMLBdsBadgeElement;
         "bds-banner": HTMLBdsBannerElement;
+        "bds-breadcrumb": HTMLBdsBreadcrumbElement;
+        "bds-breadcrumb-item": HTMLBdsBreadcrumbItemElement;
         "bds-button": HTMLBdsButtonElement;
+        "bds-button-group": HTMLBdsButtonGroupElement;
         "bds-checkbox": HTMLBdsCheckboxElement;
+        "bds-checkbox-button": HTMLBdsCheckboxButtonElement;
+        "bds-checkbox-card": HTMLBdsCheckboxCardElement;
+        "bds-checkbox-group": HTMLBdsCheckboxGroupElement;
         "bds-dialog": HTMLBdsDialogElement;
         "bds-divider": HTMLBdsDividerElement;
         "bds-flag": HTMLBdsFlagElement;
@@ -1788,6 +2698,12 @@ declare global {
         "bds-list-menu": HTMLBdsListMenuElement;
         "bds-list-menu-item": HTMLBdsListMenuItemElement;
         "bds-popover": HTMLBdsPopoverElement;
+        "bds-radio": HTMLBdsRadioElement;
+        "bds-radio-button": HTMLBdsRadioButtonElement;
+        "bds-radio-card": HTMLBdsRadioCardElement;
+        "bds-radio-group": HTMLBdsRadioGroupElement;
+        "bds-select": HTMLBdsSelectElement;
+        "bds-slider": HTMLBdsSliderElement;
         "bds-spinner": HTMLBdsSpinnerElement;
         "bds-status": HTMLBdsStatusElement;
         "bds-tag": HTMLBdsTagElement;
@@ -1889,6 +2805,98 @@ declare namespace LocalJSX {
          */
         "variant"?: IBanner['variant'];
     }
+    /**
+     * @summary Breadcrumb navigation container component. Provides a structured navigation trail and
+     * handles overflow using a collapse mechanism when the number of items exceeds `maxItems`.
+     */
+    interface BdsBreadcrumb {
+        /**
+          * Number of items visible at the end after collapse occurs.
+          * @default 1
+         */
+        "itemsAfterCollapse"?: number;
+        /**
+          * Number of items visible at the start before collapse occurs.
+          * @default 1
+         */
+        "itemsBeforeCollapse"?: number;
+        /**
+          * Maximum number of breadcrumb items visible before collapsing. If set to 0 or undefined, no collapsing is applied.
+          * @default 0
+         */
+        "maxItems"?: number;
+        /**
+          * Emitted when a breadcrumb item is clicked.
+         */
+        "onBdsClickBreadcrumb"?: (event: BdsBreadcrumbCustomEvent<BdsClickBreadcrumbEvent>) => void;
+        /**
+          * Emitted when the collapse indicator ("...") is clicked. Returns a reference to the clicked element and the list of collapsed breadcrumb items.
+         */
+        "onBdsClickCollapsed"?: (event: BdsBreadcrumbCustomEvent<BdsClickCollapsedEvent>) => void;
+        /**
+          * Separator rendered between breadcrumb items.
+          * @default "/"
+         */
+        "separator"?: string;
+    }
+    /**
+     * @summary Breadcrumb navigation item component that represents a single step within a breadcrumb navigation trail.
+     */
+    interface BdsBreadcrumbItem {
+        /**
+          * Marks this breadcrumb item as the current page.  When true, the item is non-interactive and has aria-current="page".
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Internal prop controlled by the parent breadcrumb. Indicates that this item is part of a collapsed range.
+          * @default false
+         */
+        "collapsed"?: boolean;
+        /**
+          * Enables download behavior for the link.
+          * @default false
+         */
+        "downloadable"?: boolean;
+        /**
+          * Suggested filename for the downloaded file.
+          * @default 'filename'
+         */
+        "filename"?: string;
+        /**
+          * URL for the breadcrumb link.
+          * @default ''
+         */
+        "href"?: string;
+        /**
+          * Emitted when a breadcrumb item is clicked.
+         */
+        "onBdsClick"?: (event: BdsBreadcrumbItemCustomEvent<BdsClickItemEvent>) => void;
+        /**
+          * Emitted when the collapse indicator ("...") is activated.
+         */
+        "onBdsClickCollapse"?: (event: BdsBreadcrumbItemCustomEvent<BdsClickCollapseEvent>) => void;
+        /**
+          * Relationship between the current document and the linked resource.
+          * @default ''
+         */
+        "rel"?: string;
+        /**
+          * Enables router-based navigation instead of native link navigation.
+          * @default false
+         */
+        "router"?: boolean;
+        /**
+          * Internal prop controlled by the parent breadcrumb. Renders the collapse indicator ("...") for hidden items.
+          * @default false
+         */
+        "showCollapse"?: boolean;
+        /**
+          * Specifies where to open the linked document.
+          * @default '_self'
+         */
+        "target"?: '_blank' | '_parent' | '_self' | '_top';
+    }
     /**
      * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
      * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
@@ -1898,7 +2906,7 @@ declare namespace LocalJSX {
      * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
      * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
      * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-     * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @attr {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
      * @attr {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
      * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
      * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
@@ -1907,13 +2915,13 @@ declare namespace LocalJSX {
      * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
      * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
      * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-     * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+     * @property {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
      * @property {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
      * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
      * @default 'button' - Default type value
      * @default 'default' - Default color value
      * @default 'default' - Default variant value
-     * @default 'medium' - Default size value
+     * @default 'md' - Default size value
      * @default 'default' - Default status value
      * @default false - Default disabled value
      * @default '' - Default label value
@@ -1961,7 +2969,7 @@ declare namespace LocalJSX {
          */
         "onBdsClick"?: (event: BdsButtonCustomEvent<UIEvent>) => void;
         /**
-          * size is a string attribute. The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+          * size is a string attribute. The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
           * @default BUTTON_SIZES.MEDIUM
          */
         "size"?: IButton['size'];
@@ -1976,6 +2984,36 @@ declare namespace LocalJSX {
          */
         "variant"?: IButton['variant'];
     }
+    /**
+     * Button group component for grouping related buttons together in a unified visual unit.
+     */
+    interface BdsButtonGroup {
+        /**
+          * Controls the color applied to all child `<bds-button>` elements. Accepted values: see `CoreColors`. Default is `default`.
+          * @default CORE_COLORS.DEFAULT
+         */
+        "color"?: IButtonGroup['color'];
+        /**
+          * Provides an accessible label for the button group.
+          * @default 'Button group'
+         */
+        "label"?: IButtonGroup['label'];
+        /**
+          * Controls the layout direction of the grouped buttons. Accepted values: `'horizontal'`, `'vertical'`. Default is `'horizontal'`.
+          * @default ORIENTATIONS.HORIZONTAL
+         */
+        "orientation"?: IButtonGroup['orientation'];
+        /**
+          * Controls the size applied to all child `<bds-button>` elements. Accepted values: `'sm'`, `'md'`, `'lg'`. Default is `'md'`.
+          * @default BUTTON_SIZES.MEDIUM
+         */
+        "size"?: IButtonGroup['size'];
+        /**
+          * Controls the variant applied to all child `<bds-button>` elements. Accepted values: `'default'`, `'outline'`, `'plain'`. Default is `'default'`.
+          * @default BUTTON_VARIANTS.DEFAULT
+         */
+        "variant"?: IButtonGroup['variant'];
+    }
     /**
      * Checkbox component for boolean selection with three visual states.
      * @summary A checkbox form control with default, selected, and indeterminate states.
@@ -1994,7 +3032,7 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * Disables the control.
+          * Disables the checkbox.
           * @default false
          */
         "disabled"?: boolean;
@@ -2012,6 +3050,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "indeterminate"?: boolean;
+        /**
+          * Tooltip text for the checkbox.
+          * @default ''
+         */
+        "info"?: string;
         /**
           * Label displayed next to the checkbox. If not provided, the default slot is used.
           * @default ''
@@ -2019,8 +3062,9 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * Name of the form control, submitted as a key in the form data.
+          * @default ''
          */
-        "name": string;
+        "name"?: string;
         /**
           * Emitted when the user toggles the checkbox.
          */
@@ -2030,7 +3074,7 @@ declare namespace LocalJSX {
          */
         "onValueChange"?: (event: BdsCheckboxCustomEvent<boolean>) => void;
         /**
-          * Marks the control as required for form submission.
+          * Marks the checkbox as required for form submission.
           * @default false
          */
         "required"?: boolean;
@@ -2041,56 +3085,250 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     /**
-     * Modal dialog component for displaying content in an overlay.
-     * @summary Modal overlay for alerts, forms, and confirmations with customizable layout and behavior.
-     * @attr {boolean} active - Controls dialog visibility.
-     * @attr {boolean} prevent-close - Disables closing the dialog.
-     * @attr {string} layout - Layout type: 'default', 'headerless', or 'footerless'.
-     * @attr {string} content-padding - Content padding: 'default' or 'none'.
-     * @attr {boolean} backdrop-close - Close on backdrop click.
-     * @attr {boolean} escape-close - Close on Escape key.
-     * @attr {string} size - Dialog size: 'sm', 'md', 'lg', or 'full'.
-     * @attr {string} variant - Visual variant: 'default', 'info', 'success', 'warning', or 'danger'.
-     * @attr {string} title-dialog - Dialog title text.
-     * @attr {boolean} maximizable - Show maximize button.
-     * @attr {boolean} closable - Show close button.
-     * @attr {string} width - Custom width for the dialog.
-     * @attr {string} height - Custom height for the dialog.
-     * @property {boolean} active - Controls whether the dialog is open.
-     * @property {boolean} preventClose - Disables closing the dialog.
-     * @property {string} height - Custom height for the dialog.
-     * @property {string} width - Custom width for the dialog.
-     * @property {string} layout - Layout type: 'default', 'headerless', or 'footerless'.
-     * @property {string} contentPadding - Content padding: 'default' or 'none'.
-     * @property {boolean} backdropClose - Close dialog when clicking the backdrop.
-     * @property {boolean} escapeClose - Close dialog when pressing Escape.
-     * @property {string} size - Dialog size: 'sm', 'md', 'lg', or 'full'.
-     * @property {string} variant - Visual variant: 'default', 'info', 'success', 'warning', or 'danger'.
-     * @property {string} titleDialog - Title text displayed in the header.
-     * @property {boolean} maximizable - Show maximize button.
-     * @property {boolean} closable - Hide the close button in the header.
-     * @fires bdsOpen - Emitted when the dialog opens.
-     * @fires bdsClose - Emitted when the dialog closes.
-     * @fires bdsMaximize - Emitted when the maximize button is clicked.
-     * @cssprop --bds-dialog-width - Custom width for the dialog.
-     * @cssprop --bds-dialog-height - Custom height for the dialog.
+     * Button-shaped checkbox option that toggles independently on each interaction.
+     * Renders as a pill-button with the same visual language as `bds-radio-button`, but uses
+     * `role="checkbox"` and multi-select semantics — toggling one button has no effect on others.
+     * Can be used standalone (with `name` and optional `required`) or inside a `bds-checkbox-group`,
+     * which is the recommended approach for coordinated form state and group-level validation.
      */
-    interface BdsDialog {
+    interface BdsCheckboxButton {
         /**
-          * Controls whether the dialog is open.
+          * Toggle state of this button. Flips on every interaction when not disabled.
           * @default false
          */
-        "active"?: IDialog['active'];
+        "checked"?: boolean;
         /**
-          * Close dialog when clicking the backdrop.
+          * Disables the button, preventing interaction. Propagated by `bds-checkbox-group` when the group is disabled.
           * @default false
          */
-        "backdropClose"?: IDialog['backdropClose'];
+        "disabled"?: boolean;
         /**
-          * Hide the close button in the header.
+          * Shows error styling on the button.
           * @default false
          */
-        "closable"?: IDialog['closable'];
+        "error"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Tooltip text shown on an info icon next to the label.
+          * @default ''
+         */
+        "info"?: string;
+        /**
+          * Label text displayed inside the button. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Name of the form control, submitted as a key in the form data.
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Emitted on every toggle — both when the button becomes checked and when it becomes unchecked. Payload: `{ checked: boolean, value: string }`.
+         */
+        "onBdsChange"?: (event: BdsCheckboxButtonCustomEvent<CheckboxButtonChangeDetail>) => void;
+        /**
+          * Emitted when the checked state changes. Used for `v-model` two-way binding in Vue. Payload: `boolean`.
+         */
+        "onValueChange"?: (event: BdsCheckboxButtonCustomEvent<boolean>) => void;
+        /**
+          * Marks this button as required for form submission. Has no effect when used inside `bds-checkbox-group`.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Value associated with this button; submitted with form data when checked.
+          * @default 'on'
+         */
+        "value"?: string;
+    }
+    /**
+     * @summary Checkbox card component is a selectable card-based checkbox option.
+     */
+    interface BdsCheckboxCard {
+        /**
+          * Whether this checkbox card is selected.
+          * @default false
+         */
+        "checked"?: ICheckboxCard['checked'];
+        /**
+          * Disables the control.
+          * @default false
+         */
+        "disabled"?: ICheckboxCard['disabled'];
+        /**
+          * Whether the checkbox card is in an error state.
+          * @default false
+         */
+        "error"?: ICheckboxCard['error'];
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Whether the checkbox card shows an indeterminate visual state.
+          * @default false
+         */
+        "indeterminate"?: ICheckboxCard['indeterminate'];
+        /**
+          * Label text displayed next to the checkbox indicator. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label"?: ICheckboxCard['label'];
+        /**
+          * Name of the form control, submitted as a key in the form data.
+         */
+        "name": ICheckboxCard['name'];
+        /**
+          * Emitted when the user toggles this checkbox card.
+         */
+        "onBdsChange"?: (event: BdsCheckboxCardCustomEvent<any>) => void;
+        /**
+          * Emitted when the checked state changes. Useful for 2-way binding / v-model.
+         */
+        "onValueChange"?: (event: BdsCheckboxCardCustomEvent<any>) => void;
+        /**
+          * Marks the control as required for form submission.
+          * @default false
+         */
+        "required"?: ICheckboxCard['required'];
+        /**
+          * Value submitted with the form when this checkbox is selected.
+          * @default 'on'
+         */
+        "value"?: ICheckboxCard['value'];
+    }
+    /**
+     * Checkbox group component that orchestrates multi-selection across a set of `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` children.
+     */
+    interface BdsCheckboxGroup {
+        /**
+          * Disables all child checkboxes and prevents selection. Also mirrored to isDisabled
+          * @State for form-level disable support.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Shows error styling on the group helper text. Propagated to all child checkboxes.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error message rendered below the checkbox options when error is true. Replaces helperText.
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Helper text rendered below the checkbox options. Shown in default state; replaced by errorMessage in error state.
+          * @default ''
+         */
+        "helperText"?: string;
+        /**
+          * Tooltip text shown on the group label info icon.
+          * @default ''
+         */
+        "info"?: string;
+        /**
+          * Hides the divider between checkbox buttons when type is 'checkboxbutton'.
+          * @default false
+         */
+        "joined"?: false;
+        /**
+          * Group label rendered above the checkbox options.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Name of the form control; submitted as the field key in FormData.
+         */
+        "name": string;
+        /**
+          * Emitted when any checkbox is toggled. Payload includes the complete updated values array.
+         */
+        "onBdsChange"?: (event: BdsCheckboxGroupCustomEvent<CheckboxGroupChangeDetail>) => void;
+        /**
+          * Emitted when any checkbox is toggled. Used for v-model two-way binding in Vue.
+         */
+        "onValueChange"?: (event: BdsCheckboxGroupCustomEvent<string[]>) => void;
+        /**
+          * Layout direction of the checkbox options.
+          * @default 'horizontal'
+         */
+        "orientation"?: Orientation;
+        /**
+          * Marks the group as required for form submission. Triggers validity error when no checkboxes are selected.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Identifies this group variant. 'checkbox' renders bds-checkbox children; 'checkboxbutton' renders bds-checkbox-button segmented control; 'checkboxcard' renders bds-checkbox-card element.
+          * @default 'checkbox'
+         */
+        "type"?: CheckboxGroupType;
+        /**
+          * Currently selected checkbox values. Synced to children on change.
+          * @default []
+         */
+        "value"?: string[];
+    }
+    /**
+     * Modal dialog component for displaying content in an overlay.
+     * @summary Modal overlay for alerts, forms, and confirmations with customizable layout and behavior.
+     * @attr {boolean} active - Controls dialog visibility.
+     * @attr {boolean} prevent-close - Disables closing the dialog.
+     * @attr {string} layout - Layout type: 'default', 'headerless', or 'footerless'.
+     * @attr {string} content-padding - Content padding: 'default' or 'none'.
+     * @attr {boolean} backdrop-close - Close on backdrop click.
+     * @attr {boolean} escape-close - Close on Escape key.
+     * @attr {string} size - Dialog size: 'sm', 'md', 'lg', or 'full'.
+     * @attr {string} variant - Visual variant: 'default', 'info', 'success', 'warning', or 'danger'.
+     * @attr {string} title-dialog - Dialog title text.
+     * @attr {boolean} maximizable - Show maximize button.
+     * @attr {boolean} closable - Show close button.
+     * @attr {string} width - Custom width for the dialog.
+     * @attr {string} height - Custom height for the dialog.
+     * @property {boolean} active - Controls whether the dialog is open.
+     * @property {boolean} preventClose - Disables closing the dialog.
+     * @property {string} height - Custom height for the dialog.
+     * @property {string} width - Custom width for the dialog.
+     * @property {string} layout - Layout type: 'default', 'headerless', or 'footerless'.
+     * @property {string} contentPadding - Content padding: 'default' or 'none'.
+     * @property {boolean} backdropClose - Close dialog when clicking the backdrop.
+     * @property {boolean} escapeClose - Close dialog when pressing Escape.
+     * @property {string} size - Dialog size: 'sm', 'md', 'lg', or 'full'.
+     * @property {string} variant - Visual variant: 'default', 'info', 'success', 'warning', or 'danger'.
+     * @property {string} titleDialog - Title text displayed in the header.
+     * @property {boolean} maximizable - Show maximize button.
+     * @property {boolean} closable - Hide the close button in the header.
+     * @fires bdsOpen - Emitted when the dialog opens.
+     * @fires bdsClose - Emitted when the dialog closes.
+     * @fires bdsMaximize - Emitted when the maximize button is clicked.
+     * @cssprop --bds-dialog-width - Custom width for the dialog.
+     * @cssprop --bds-dialog-height - Custom height for the dialog.
+     */
+    interface BdsDialog {
+        /**
+          * Controls whether the dialog is open.
+          * @default false
+         */
+        "active"?: IDialog['active'];
+        /**
+          * Close dialog when clicking the backdrop.
+          * @default false
+         */
+        "backdropClose"?: IDialog['backdropClose'];
+        /**
+          * Hide the close button in the header.
+          * @default false
+         */
+        "closable"?: IDialog['closable'];
         /**
           * Content padding: 'default' or 'none'.
           * @default DIALOG_CONTENT_PADDING.DEFAULT
@@ -2238,217 +3476,578 @@ declare namespace LocalJSX {
      */
     interface BdsGrid {
         /**
-          * `'fluid'` fills full width; `'fixed'` caps the column area at 960px and centres the container.
-          * @default GRID_LAYOUT.FLUID
+          * `'fluid'` fills full width; `'fixed'` caps the column area at 960px and centres the container.
+          * @default GRID_LAYOUT.FLUID
+         */
+        "layout"?: IGrid['layout'];
+        /**
+          * Overrides the row gap independently of the column gutter.
+         */
+        "rowGap"?: IGrid['rowGap'];
+    }
+    /**
+     * Grid item child of `bds-grid`. Must be a direct child of `bds-grid`.
+     */
+    interface BdsGridItem {
+        /**
+          * Column span at all breakpoints (fallback). `'full'` spans all columns (`grid-column: 1 / -1`).
+          * @default GRID_ITEM_COL_SPAN.DEFAULT
+         */
+        "colSpan"?: IGridItem['colSpan'];
+        /**
+          * Override col-span at the `2xl` breakpoint (≥1344px).
+         */
+        "colSpan2xl"?: IGridItem['colSpan2xl'];
+        /**
+          * Override col-span at the `lg` breakpoint (≥960px).
+         */
+        "colSpanLg"?: IGridItem['colSpanLg'];
+        /**
+          * Override col-span at the `md` breakpoint (≥769px).
+         */
+        "colSpanMd"?: IGridItem['colSpanMd'];
+        /**
+          * Override col-span at the `sm` breakpoint (≥320px).
+         */
+        "colSpanSm"?: IGridItem['colSpanSm'];
+        /**
+          * Override col-span at the `xl` breakpoint (≥1152px).
+         */
+        "colSpanXl"?: IGridItem['colSpanXl'];
+        /**
+          * Column offset: shifts the item right by N columns (0–11).
+          * @default 0
+         */
+        "offset"?: IGridItem['offset'];
+        /**
+          * Row span. `'full'` maps to `grid-row: 1 / -1`.
+         */
+        "rowSpan"?: IGridItem['rowSpan'];
+    }
+    /**
+     * Container component that manages a list of menu items.
+     * It handles selection logic (single/multiple) and maintains the data state.
+     * @summary A list menu component that can contain multiple menu items and manage their selection state.
+     * @fires bdsChange - Emitted when the selection changes, providing the current selected value(s).
+     * @fires bdsSelect - Emmited when item is selected in menu-role="menu" is clicked
+     * @method getSelectedValues - Returns the currently selected value(s). If multiple is true, returns an array of strings; otherwise, returns a single string or undefined.
+     * @method setSelectedValues - Sets the selected value(s). Accepts a string for single selection or an array of strings for multiple selection.
+     */
+    interface BdsListMenu {
+        /**
+          * Prop to show in all items a checkbox
+          * @default false
+         */
+        "checkable"?: IListMenu['checkable'];
+        /**
+          * is empty state item
+          * @default false
+         */
+        "empty"?: IListMenu['empty'];
+        /**
+          * Prop to show empty text
+          * @default 'No options available'
+         */
+        "emptyText"?: IListMenu['emptyText'];
+        /**
+          * Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
+          * @default MENU_ROLES.MENU
+         */
+        "menuRole"?: IListMenu['menuRole'];
+        /**
+          * Emitted when the selection changes, providing the current selected value(s).
+         */
+        "onBdsChange"?: (event: BdsListMenuCustomEvent<string | string[]>) => void;
+        /**
+          * Emitted when the selection changes, providing the current selected value(s).
+         */
+        "onBdsSelect"?: (event: BdsListMenuCustomEvent<ListMenuChangeDetail>) => void;
+        /**
+          * Determines if the menu items have selectall/deselectall controls
+          * @default false
+         */
+        "selectControls"?: IListMenu['selectControls'];
+        /**
+          * The selection mode of the menu. Can be 'SINGLE' or 'MULTIPLE'. Default is 'SINGLE'.
+          * @default LIST_MENU_SELECTION_MODE.SINGLE
+         */
+        "selectionMode"?: IListMenu['selectionMode'];
+    }
+    /**
+     * 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.
+     * @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.
+     */
+    interface BdsListMenuItem {
+        /**
+          * Active state item
+          * @default false
+         */
+        "activeItem"?: IListMenuItem['activeItem'];
+        /**
+          * Checkable state item, if is activated should be visible a checkbox
+          * @default false
+         */
+        "checkable"?: IListMenuItem['checkable'];
+        /**
+          * Disabled state item
+          * @default false
+         */
+        "disabled"?: IListMenuItem['disabled'];
+        /**
+          * Makes the link downloadable if true
+          * @default ''
+         */
+        "download"?: IListMenuItem['download'];
+        /**
+          * Link behavior props
+          * @default ''
+         */
+        "href"?: IListMenuItem['href'];
+        /**
+          * The name of the list menu item
+          * @default ''
+         */
+        "name"?: IListMenuItem['name'];
+        /**
+          * Opens the link in a new tab if true
+          * @default false
+         */
+        "newTab"?: IListMenuItem['newTab'];
+        /**
+          * Event handler for activation
+         */
+        "onBdsSelectItem"?: (event: BdsListMenuItemCustomEvent<IListMenuItemEvent>) => void;
+        /**
+          * Selected item state
+          * @default false
+         */
+        "selected"?: IListMenuItem['selected'];
+        /**
+          * Value associated with the menu item
+          * @default ''
+         */
+        "value"?: IListMenuItem['value'];
+        /**
+          * Defines the visual style of the list menu item. - 'button': A standard clickable item. - 'label': A non-interactive label, typically used for grouping items.
+          * @default LIST_MENU_ITEM_VARIANTS.BUTTON
+         */
+        "variant"?: IListMenuItem['variant'];
+    }
+    /**
+     * @attr {boolean} disabled - When true, prevents the popover from being shown.
+     * @attr {number | 'full' | 'auto'} width - Controls the width of the popover content.
+     * @attr {boolean} header - When true, displays the popover header.
+     * @attr {boolean} footer - When true, displays the popover footer.
+     * @attr {boolean} closable - When true, displays the close button in the header.
+     * @attr {IPopoverFloatingOptions} floatingOptions - Configuration object for floating behavior.
+     * @csspart popover-content - The main popover container element.
+     * @csspart arrow - The arrow element pointing toward the trigger.
+     * @csspart popover-trigger - The trigger element for the popover.
+     * @cssprop data-placement - Reflects the resolved placement on the popover element.
+     * @cssprop data-hidearrow - Reflects the hideArrow option.
+     */
+    interface BdsPopover {
+        /**
+          * If true, displays a close button inside the header. Requires `header` to be true.
+          * @default false
+         */
+        "closable"?: boolean;
+        /**
+          * If true, disables the popover.
+          * @default false
+         */
+        "disabled"?: IPopover['disabled'];
+        /**
+          * Override default options for the floating mixin. This can be overridden by passing a different object to the `floatingOptions` prop.
+          * @default {}
+         */
+        "floatingOptions"?: IPopover['floatingOptions'];
+        /**
+          * If true, displays the footer section with helper and button slots.
+          * @default false
+         */
+        "footer"?: boolean;
+        /**
+          * If true, displays the header section with icon and title slots.
+          * @default false
+         */
+        "header"?: boolean;
+        /**
+          * Width of the popover content. - number: width in pixels (e.g. 320 → "320px") - 'full': 100% of the trigger/parent width - 'auto': fits the content
+          * @default 320
+         */
+        "width"?: IPopover['width'];
+    }
+    /**
+     * Radio button component for single-selection within a group.
+     * Use inside `bds-radio-group` for managed selection and form binding.
+     * Can also be used standalone with the `name`, `value`, and `checked` props.
+     */
+    interface BdsRadio {
+        /**
+          * Whether this radio is selected. Managed by bds-radio-group; can be set directly when used standalone.
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Disables the radio, preventing interaction and selection.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Shows error styling on the radio indicator. Propagated by bds-radio-group.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Tooltip text shown on an info icon next to the label.
+          * @default ''
+         */
+        "info"?: string;
+        /**
+          * Label text displayed next to the radio indicator. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone.
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Emitted when the user selects this radio. Listened to by the parent bds-radio-group to enforce single selection.
+         */
+        "onBdsChange"?: (event: BdsRadioCustomEvent<RadioChangeDetail>) => void;
+        /**
+          * Value submitted with the form when this radio is selected.
+          * @default 'on'
+         */
+        "value"?: string;
+    }
+    /**
+     * Button-shaped radio option for use inside `bds-radio-group[type="radiobutton"]`.
+     * Creates a segmented control appearance when grouped. Not form-associated — the parent
+     * `bds-radio-group` owns form state and single-selection enforcement.
+     */
+    interface BdsRadioButton {
+        /**
+          * Whether this button is selected. Managed by bds-radio-group; can be set directly when used standalone.
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Disables the button, preventing interaction and selection.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Shows error styling on the button. Propagated by bds-radio-group.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Tooltip text shown on an info icon next to the label.
+          * @default ''
+         */
+        "info"?: string;
+        /**
+          * Label text displayed inside the button. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone.
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Emitted when the user selects this button. Listened to by the parent bds-radio-group to enforce single selection.
+         */
+        "onBdsChange"?: (event: BdsRadioButtonCustomEvent<RadioButtonChangeDetail>) => void;
+        /**
+          * Value submitted with the form when this button is selected.
+          * @default 'on'
+         */
+        "value"?: string;
+    }
+    /**
+     * Radio card component is a selectable card-based radio option.
+     * It presents a mutually exclusive choice with optional descriptive text and icon,
+     * designed for integration with bds-radio-group for orchestration.
+     * Can also be used standalone with the `name`, `value`, and `checked` props.
+     * @fires bdsChange - Emitted when the user selects this radio card. Listened to by the parent bds-radio-group to enforce single selection.
+     */
+    interface BdsRadioCard {
+        /**
+          * Whether this radio card is selected. Managed by bds-radio-group; can be set directly when used standalone.
+          * @default false
+         */
+        "checked"?: IRadioCard['checked'];
+        /**
+          * Disables the radio card, preventing it from being selected and interacted with.
+          * @default false
+         */
+        "disabled"?: IRadioCard['disabled'];
+        /**
+          * Whether the radio card is in an error state.
+          * @default false
+         */
+        "error"?: IRadioCard['error'];
+        /**
+          * Tooltip content attached to the radio card content. If empty, the info icon will not be rendered.
+          * @default ''
+         */
+        "info"?: IRadioCard['info'];
+        /**
+          * Label text displayed next to the radio indicator. Falls back to the default slot when empty.
+          * @default ''
+         */
+        "label"?: IRadioCard['label'];
+        /**
+          * Name attribute stamped by the parent bds-radio-group. Set directly when used standalone.
+          * @default ''
+         */
+        "name"?: IRadioCard['name'];
+        /**
+          * Emitted when the user selects this radio. Listened to by the parent bds-radio-group to enforce single selection.
+         */
+        "onBdsChange"?: (event: BdsRadioCardCustomEvent<RadioCardChangeDetail>) => void;
+        /**
+          * Value submitted with the form when this radio is selected.
+          * @default 'on'
+         */
+        "value"?: IRadioCard['value'];
+    }
+    /**
+     * Radio group component that orchestrates single-selection across a set of `bds-radio` children.
+     */
+    interface BdsRadioGroup {
+        /**
+          * Disables all child radios and prevents selection. Also mirrored to isDisabled
+          * @State for form-level disable support.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Shows error styling on the group helper text. Propagated to all child radios.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error message rendered below the radio options when error is true. Replaces helperText.
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state.
+          * @default ''
          */
-        "layout"?: IGrid['layout'];
+        "helperText"?: string;
         /**
-          * Overrides the row gap independently of the column gutter.
+          * Tooltip text shown on the group label info icon.
+          * @default ''
          */
-        "rowGap"?: IGrid['rowGap'];
-    }
-    /**
-     * Grid item child of `bds-grid`. Must be a direct child of `bds-grid`.
-     */
-    interface BdsGridItem {
+        "info"?: string;
         /**
-          * Column span at all breakpoints (fallback). `'full'` spans all columns (`grid-column: 1 / -1`).
-          * @default GRID_ITEM_COL_SPAN.DEFAULT
+          * Hides the divider between radio buttons when type is 'radiobutton'.
+          * @default false
          */
-        "colSpan"?: IGridItem['colSpan'];
+        "joined"?: boolean;
         /**
-          * Override col-span at the `2xl` breakpoint (≥1344px).
+          * Group label rendered above the radio options.
+          * @default ''
          */
-        "colSpan2xl"?: IGridItem['colSpan2xl'];
+        "label"?: string;
         /**
-          * Override col-span at the `lg` breakpoint (≥960px).
+          * Name of the form control; submitted as the field key in FormData.
          */
-        "colSpanLg"?: IGridItem['colSpanLg'];
+        "name": string;
         /**
-          * Override col-span at the `md` breakpoint (≥769px).
+          * Emitted when the selected radio changes. Payload includes the new value.
          */
-        "colSpanMd"?: IGridItem['colSpanMd'];
+        "onBdsChange"?: (event: BdsRadioGroupCustomEvent<RadioGroupChangeDetail>) => void;
         /**
-          * Override col-span at the `sm` breakpoint (≥320px).
+          * Emitted when the selected radio changes. Used for v-model two-way binding in Vue.
          */
-        "colSpanSm"?: IGridItem['colSpanSm'];
+        "onValueChange"?: (event: BdsRadioGroupCustomEvent<string>) => void;
         /**
-          * Override col-span at the `xl` breakpoint (≥1152px).
+          * Layout direction of the radio options.
+          * @default 'vertical'
          */
-        "colSpanXl"?: IGridItem['colSpanXl'];
+        "orientation"?: Orientation;
         /**
-          * Column offset: shifts the item right by N columns (0–11).
-          * @default 0
+          * Marks the group as required for form submission. Triggers validity error when no radio is selected.
+          * @default false
          */
-        "offset"?: IGridItem['offset'];
+        "required"?: boolean;
         /**
-          * Row span. `'full'` maps to `grid-row: 1 / -1`.
+          * Identifies this group variant. 'radio' renders circular bds-radio children; 'radiobutton' renders bds-radio-button segmented control; 'radiocard' renders bds-radio-card element.
+          * @default 'radio'
          */
-        "rowSpan"?: IGridItem['rowSpan'];
+        "type"?: RadioGroupType;
+        /**
+          * Currently selected radio value. Synced to children on change.
+          * @default ''
+         */
+        "value"?: string;
     }
     /**
-     * Container component that manages a list of menu items.
-     * It handles selection logic (single/multiple) and maintains the data state.
-     * @summary A list menu component that can contain multiple menu items and manage their selection state.
-     * @attr {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-     * @attr {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-     * @property {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-     * @property {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-     * @event bdsChange - Emitted when the selection changes, providing the current selected value(s).
-     * @method getSelectedValues - Returns the currently selected value(s). If multiple is true, returns an array of strings; otherwise, returns a single string or undefined.
-     * @method setSelectedValues - Sets the selected value(s). Accepts a string for single selection or an array of strings for multiple selection.
-     * @default false - By default, the menu does not allow multiple selections (single selection mode).
-     * @default 'menu' - The default ARIA role for the menu is 'menu'.
+     * Component representing a select dropdown, allowing users to choose an option from a list.
+     * It consists of a text field that triggers the dropdown and a list menu that contains the options.
+     * The component supports both single selection and searchable functionality.
      */
-    interface BdsListMenu {
+    interface BdsSelect {
         /**
-          * Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-          * @default 'menu'
+          * Name to assign in form
+          * @default ''
          */
-        "menuRole"?: 'menu' | 'listbox';
+        "name"?: string;
         /**
-          * If true, allows multiple items to be selected. Default is false (single selection).
-          * @default false
+          * Emitted when the selection change the value
          */
-        "multiple"?: boolean;
+        "onBdsChange"?: (event: BdsSelectCustomEvent<string>) => void;
         /**
-          * Emitted when the selection changes, providing the current selected value(s).
+          * Emit value Change for vue implementation
          */
-        "onBdsChange"?: (event: BdsListMenuCustomEvent<string | string[]>) => void;
+        "onValueChange"?: (event: BdsSelectCustomEvent<string>) => void;
         /**
-          * Emitted when the selection changes, providing the current selected value(s).
+          * Prop to define if its searchable. It allows to write and filter the options
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * The value of the select component.
+          * @default ''
          */
-        "onBdsClicked"?: (event: BdsListMenuCustomEvent<HTMLElement>) => void;
+        "value"?: 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.
-     * @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.
+     * Slider component for selecting a numeric value or a range of values.
+     * @summary An accessible, single or multi-handle range slider built on HTML `<input type="range">`.
+     * Supports discrete tick marks, tooltips, disabled state, and N-handle multi-value mode
+     * with automatic collision prevention between handles.
+     * @property {number}          min      - Minimum selectable value. Defaults to `0`.
+     * @property {number}          max      - Maximum selectable value. Defaults to `100`.
+     * @property {number}          step     - Step size for each increment/decrement. Defaults to `1`.
+     * @property {number[]} value   - Current value(s). A single number for one handle;
+     *                              an array for multi-handle mode. Defaults to `0`.
+     * @property {boolean}         disabled - Disables interaction with the slider. Defaults to `false`.
+     * @property {boolean}         discrete - Shows tick marks at each step position along the track. Defaults to `false`.
+     * @property {string}          tooltip  - Controls tooltip visibility: `"never"`, or `"focus"`. Defaults to `"focus"`.
+     * @method getValues - Returns the current value(s) as `number | number[]`.
+     * @method setValues - Programmatically sets the slider value(s).
      */
-    interface BdsListMenuItem {
+    interface BdsSlider {
         /**
-          * Active state item
+          * Disables the slider, preventing all user interaction. Defaults to `false`.
           * @default false
          */
-        "activeItem"?: IListMenuItem['activeItem'];
+        "disabled"?: boolean;
         /**
-          * Disabled state item
-          * @default false
+          * JSON string array of handle values that should be individually disabled. Each number must match a value present in the `value` prop. Accepts `number`, `number[]`, or JSON string: `"[5, 30]"`. Defaults to `"[]"`.
+          * @default '[]'
          */
-        "disabled"?: IListMenuItem['disabled'];
+        "disabledHandlers"?: SliderRawValue;
         /**
-          * Makes the link downloadable if true
-          * @default ''
+          * When `true`, renders discrete tick marks along the track at every step position between `min` and `max`. Defaults to `false`.
+          * @default false
          */
-        "download"?: IListMenuItem['download'];
+        "discrete"?: boolean;
         /**
-          * Link behavior props
-          * @default ''
+          * The `id` of a `<form>` element to associate this element with.
          */
-        "href"?: IListMenuItem['href'];
+        "form"?: string;
         /**
-          * The name of the list menu item
+          * Label for the slider. Defaults to `""`.
           * @default ''
          */
-        "name"?: IListMenuItem['name'];
+        "label"?: string;
         /**
-          * Opens the link in a new tab if true
-          * @default false
+          * Maximum selectable value. Defaults to `100`.
+          * @default 100
          */
-        "newTab"?: IListMenuItem['newTab'];
+        "max"?: number;
         /**
-          * Event handler for activation
+          * Minimum selectable value. Defaults to `0`.
+          * @default 0
          */
-        "onBdsSelect"?: (event: BdsListMenuItemCustomEvent<IListMenuItemEvent>) => void;
+        "min"?: number;
         /**
-          * Selected item state
-          * @default false
+          * Name of the form control, submitted as a key in the form data.
+          * @default ''
          */
-        "selected"?: IListMenuItem['selected'];
+        "name"?: string;
         /**
-          * Value associated with the menu item
-          * @default ''
+          * Emitted whenever the slider value(s) change due to user interaction. Payload: `{ value: number }` for single handle, `{ value: number[] }` for multi-handle.
          */
-        "value"?: IListMenuItem['value'];
+        "onBdsChange"?: (event: BdsSliderCustomEvent<SliderChangeDetail>) => void;
         /**
-          * Defines the visual style of the list menu item. - 'button': A standard clickable item. - 'label': A non-interactive label, typically used for grouping items.
-          * @default LIST_MENU_ITEM_VARIANTS.BUTTON
+          * Emitted when the user clicks on the slider. Payload: `{ target: HTMLElement }` and `{ value: number[] }` for multi-handle.
          */
-        "variant"?: IListMenuItem['variant'];
-    }
-    /**
-     * @attr {boolean} disabled - When true, prevents the popover from being shown.
-     * @attr {number | 'full' | 'auto'} width - Controls the width of the popover content.
-     * @attr {boolean} header - When true, displays the popover header.
-     * @attr {boolean} footer - When true, displays the popover footer.
-     * @attr {boolean} closable - When true, displays the close button in the header.
-     * @attr {IPopoverFloatingOptions} floatingOptions - Configuration object for floating behavior.
-     * @csspart popover-content - The main popover container element.
-     * @csspart arrow - The arrow element pointing toward the trigger.
-     * @csspart popover-trigger - The trigger element for the popover.
-     * @cssprop data-placement - Reflects the resolved placement on the popover element.
-     * @cssprop data-hidearrow - Reflects the hideArrow option.
-     */
-    interface BdsPopover {
+        "onBdsClick"?: (event: BdsSliderCustomEvent<{ target: HTMLElement; value: number[] }>) => void;
         /**
-          * If true, displays a close button inside the header. Requires `header` to be true.
-          * @default false
+          * Native-style alias of `bdsChange`. Emitted simultaneously. Payload: `{ value: number[] }` for multi-handle.
          */
-        "closable"?: boolean;
+        "onValueChange"?: (event: BdsSliderCustomEvent<number[]>) => void;
         /**
-          * If true, disables the popover.
+          * Shows the min and max values of the slider. Defaults to `false`.
           * @default false
          */
-        "disabled"?: IPopover['disabled'];
+        "showLimits"?: boolean;
         /**
-          * Override default options for the floating mixin. This can be overridden by passing a different object to the `floatingOptions` prop.
-          * @default {}
+          * Step size for each increment/decrement. Must be a positive number. Defaults to `1`.
+          * @default 1
          */
-        "floatingOptions"?: IPopover['floatingOptions'];
+        "step"?: number;
         /**
-          * If true, displays the footer section with helper and button slots.
-          * @default false
+          * Controls tooltip visibility on each handle. - `"never"`  — tooltip is hidden. - `"focus"`  — tooltip appears only when the handle is active/focused. Defa ults to `"focus"`.
+          * @default SLIDER_TOOLTIP.FOCUS
          */
-        "footer"?: boolean;
+        "tooltip"?: SliderTooltipType;
         /**
-          * If true, displays the header section with icon and title slots.
-          * @default false
+          * Slider type that defines the slider behavior. Defaults to `single`.
+          * @default SLIDER_TYPE.SINGLE
          */
-        "header"?: boolean;
+        "type"?: SliderType;
         /**
-          * Width of the popover content. - number: width in pixels (e.g. 320 → "320px") - 'full': 100% of the trigger/parent width - 'auto': fits the content
-          * @default 320
+          * Current value(s) of the slider. Accepts `number`, `number[]`, or a JSON string for HTML vanilla usage. - Single handle: `50` or `"50"` - Multi-handle:  `[10, 50, 80]` or `"[10, 50, 80]"` - Defaults to `0`.
+          * @default [0]
          */
-        "width"?: IPopover['width'];
+        "value"?: SliderRawValue;
     }
     /**
      * Spinner component used to indicate a loading or processing state.
@@ -2636,6 +4235,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "icon"?: string;
+        /**
+          * Icon rendered on the right side of the input, on the actions containers. (e.g., 'bds-icon-settings')
+          * @default ''
+         */
+        "iconRight"?: string;
         /**
           * Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop.
           * @default ''
@@ -2715,6 +4319,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * Set mode readonly to use in selects
+          * @default false
+         */
+        "selectable"?: boolean;
         /**
           * Sublabel rendered inside the input container, before the text area.
           * @default ''
@@ -2856,49 +4465,6 @@ declare namespace LocalJSX {
     /**
      * 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} 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} 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} required - 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} downloadable - 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 required state
-     * @default false - Default ellipsis state
-     * @default 1 - Default maxLines value
-     * @default '' - Default href value
-     * @default '' - Default target value
-     * @default false - Default downloadable state
-     * @default 'download' - Default filename value
-     * @default '' - Default tooltipText value
      */
     interface BdsTypography {
         /**
@@ -2946,6 +4512,11 @@ declare namespace LocalJSX {
           * @default 1
          */
         "maxLines"?: ITypography['maxLines'];
+        /**
+          * Relationship between the current document and the linked resource.
+          * @default ''
+         */
+        "rel"?: ITypography['rel'];
         /**
           * Marks the field as required.
           * @default false
@@ -2993,6 +4564,23 @@ declare namespace LocalJSX {
         "closable": boolean;
         "closeButtonLabel": IBanner['closeButtonLabel'];
     }
+    interface BdsBreadcrumbAttributes {
+        "separator": string;
+        "maxItems": number;
+        "itemsBeforeCollapse": number;
+        "itemsAfterCollapse": number;
+    }
+    interface BdsBreadcrumbItemAttributes {
+        "active": boolean;
+        "router": boolean;
+        "collapsed": boolean;
+        "showCollapse": boolean;
+        "href": string;
+        "target": '_blank' | '_parent' | '_self' | '_top';
+        "downloadable": boolean;
+        "filename": string;
+        "rel": string;
+    }
     interface BdsButtonAttributes {
         "label": IButton['label'];
         "disabled": IButton['disabled'];
@@ -3004,8 +4592,16 @@ declare namespace LocalJSX {
         "loading": IButton['loading'];
         "disclosure": IButton['disclosure'];
     }
+    interface BdsButtonGroupAttributes {
+        "size": IButtonGroup['size'];
+        "orientation": IButtonGroup['orientation'];
+        "label": IButtonGroup['label'];
+        "color": IButtonGroup['color'];
+        "variant": IButtonGroup['variant'];
+    }
     interface BdsCheckboxAttributes {
         "name": string;
+        "info": string;
         "disabled": boolean;
         "required": boolean;
         "checked": boolean;
@@ -3014,6 +4610,39 @@ declare namespace LocalJSX {
         "value": string;
         "label": string;
     }
+    interface BdsCheckboxButtonAttributes {
+        "name": string;
+        "disabled": boolean;
+        "required": boolean;
+        "checked": boolean;
+        "error": boolean;
+        "value": string;
+        "label": string;
+        "info": string;
+    }
+    interface BdsCheckboxCardAttributes {
+        "name": ICheckboxCard['name'];
+        "disabled": ICheckboxCard['disabled'];
+        "required": ICheckboxCard['required'];
+        "value": ICheckboxCard['value'];
+        "label": ICheckboxCard['label'];
+        "checked": ICheckboxCard['checked'];
+        "indeterminate": ICheckboxCard['indeterminate'];
+        "error": ICheckboxCard['error'];
+    }
+    interface BdsCheckboxGroupAttributes {
+        "disabled": boolean;
+        "error": boolean;
+        "errorMessage": string;
+        "helperText": string;
+        "info": string;
+        "label": string;
+        "name": string;
+        "orientation": Orientation;
+        "required": boolean;
+        "type": CheckboxGroupType;
+        "joined": false;
+    }
     interface BdsDialogAttributes {
         "active": IDialog['active'];
         "preventClose": IDialog['preventClose'];
@@ -3056,8 +4685,12 @@ declare namespace LocalJSX {
         "offset": IGridItem['offset'];
     }
     interface BdsListMenuAttributes {
-        "multiple": boolean;
-        "menuRole": 'menu' | 'listbox';
+        "selectionMode": IListMenu['selectionMode'];
+        "menuRole": IListMenu['menuRole'];
+        "selectControls": IListMenu['selectControls'];
+        "empty": IListMenu['empty'];
+        "checkable": IListMenu['checkable'];
+        "emptyText": IListMenu['emptyText'];
     }
     interface BdsListMenuItemAttributes {
         "variant": IListMenuItem['variant'];
@@ -3065,6 +4698,7 @@ declare namespace LocalJSX {
         "disabled": IListMenuItem['disabled'];
         "selected": IListMenuItem['selected'];
         "value": IListMenuItem['value'];
+        "checkable": IListMenuItem['checkable'];
         "activeItem": IListMenuItem['activeItem'];
         "href": IListMenuItem['href'];
         "newTab": IListMenuItem['newTab'];
@@ -3077,6 +4711,66 @@ declare namespace LocalJSX {
         "footer": boolean;
         "closable": boolean;
     }
+    interface BdsRadioAttributes {
+        "checked": boolean;
+        "disabled": boolean;
+        "value": string;
+        "name": string;
+        "label": string;
+        "error": boolean;
+        "info": string;
+    }
+    interface BdsRadioButtonAttributes {
+        "checked": boolean;
+        "disabled": boolean;
+        "error": boolean;
+        "value": string;
+        "name": string;
+        "label": string;
+        "info": string;
+    }
+    interface BdsRadioCardAttributes {
+        "value": IRadioCard['value'];
+        "info": IRadioCard['info'];
+        "name": IRadioCard['name'];
+        "label": IRadioCard['label'];
+        "checked": IRadioCard['checked'];
+        "disabled": IRadioCard['disabled'];
+        "error": IRadioCard['error'];
+    }
+    interface BdsRadioGroupAttributes {
+        "disabled": boolean;
+        "error": boolean;
+        "errorMessage": string;
+        "helperText": string;
+        "info": string;
+        "label": string;
+        "name": string;
+        "orientation": Orientation;
+        "required": boolean;
+        "type": RadioGroupType;
+        "value": string;
+        "joined": boolean;
+    }
+    interface BdsSelectAttributes {
+        "value": string;
+        "searchable": boolean;
+        "name": string;
+    }
+    interface BdsSliderAttributes {
+        "min": number;
+        "max": number;
+        "type": SliderType;
+        "label": string;
+        "step": number;
+        "showLimits": boolean;
+        "value": SliderRawValue;
+        "disabled": boolean;
+        "name": string;
+        "disabledHandlers": SliderRawValue;
+        "discrete": boolean;
+        "tooltip": SliderTooltipType;
+    }
     interface BdsSpinnerAttributes {
         "size": ISpinner['size'];
         "label": ISpinner['label'];
@@ -3119,6 +4813,8 @@ declare namespace LocalJSX {
         "charCount": number;
         "counter": boolean;
         "customWidth": string;
+        "selectable": boolean;
+        "iconRight": string;
     }
     interface BdsToggleAttributes {
         "name": IToggle['name'];
@@ -3141,6 +4837,7 @@ declare namespace LocalJSX {
         "variant": ITypography['variant'];
         "size": ITypography['size'];
         "state": ITypography['state'];
+        "rel": ITypography['rel'];
         "customClass": string;
         "element": ITypography['element'];
         "align": ITypography['align'];
@@ -3159,8 +4856,14 @@ declare namespace LocalJSX {
         "bds-avatar": Omit<BdsAvatar, keyof BdsAvatarAttributes> & { [K in keyof BdsAvatar & keyof BdsAvatarAttributes]?: BdsAvatar[K] } & { [K in keyof BdsAvatar & keyof BdsAvatarAttributes as `attr:${K}`]?: BdsAvatarAttributes[K] } & { [K in keyof BdsAvatar & keyof BdsAvatarAttributes as `prop:${K}`]?: BdsAvatar[K] };
         "bds-badge": Omit<BdsBadge, keyof BdsBadgeAttributes> & { [K in keyof BdsBadge & keyof BdsBadgeAttributes]?: BdsBadge[K] } & { [K in keyof BdsBadge & keyof BdsBadgeAttributes as `attr:${K}`]?: BdsBadgeAttributes[K] } & { [K in keyof BdsBadge & keyof BdsBadgeAttributes as `prop:${K}`]?: BdsBadge[K] };
         "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-breadcrumb": Omit<BdsBreadcrumb, keyof BdsBreadcrumbAttributes> & { [K in keyof BdsBreadcrumb & keyof BdsBreadcrumbAttributes]?: BdsBreadcrumb[K] } & { [K in keyof BdsBreadcrumb & keyof BdsBreadcrumbAttributes as `attr:${K}`]?: BdsBreadcrumbAttributes[K] } & { [K in keyof BdsBreadcrumb & keyof BdsBreadcrumbAttributes as `prop:${K}`]?: BdsBreadcrumb[K] };
+        "bds-breadcrumb-item": Omit<BdsBreadcrumbItem, keyof BdsBreadcrumbItemAttributes> & { [K in keyof BdsBreadcrumbItem & keyof BdsBreadcrumbItemAttributes]?: BdsBreadcrumbItem[K] } & { [K in keyof BdsBreadcrumbItem & keyof BdsBreadcrumbItemAttributes as `attr:${K}`]?: BdsBreadcrumbItemAttributes[K] } & { [K in keyof BdsBreadcrumbItem & keyof BdsBreadcrumbItemAttributes as `prop:${K}`]?: BdsBreadcrumbItem[K] };
         "bds-button": Omit<BdsButton, keyof BdsButtonAttributes> & { [K in keyof BdsButton & keyof BdsButtonAttributes]?: BdsButton[K] } & { [K in keyof BdsButton & keyof BdsButtonAttributes as `attr:${K}`]?: BdsButtonAttributes[K] } & { [K in keyof BdsButton & keyof BdsButtonAttributes as `prop:${K}`]?: BdsButton[K] };
-        "bds-checkbox": Omit<BdsCheckbox, keyof BdsCheckboxAttributes> & { [K in keyof BdsCheckbox & keyof BdsCheckboxAttributes]?: BdsCheckbox[K] } & { [K in keyof BdsCheckbox & keyof BdsCheckboxAttributes as `attr:${K}`]?: BdsCheckboxAttributes[K] } & { [K in keyof BdsCheckbox & keyof BdsCheckboxAttributes as `prop:${K}`]?: BdsCheckbox[K] } & OneOf<"name", BdsCheckbox["name"], BdsCheckboxAttributes["name"]>;
+        "bds-button-group": Omit<BdsButtonGroup, keyof BdsButtonGroupAttributes> & { [K in keyof BdsButtonGroup & keyof BdsButtonGroupAttributes]?: BdsButtonGroup[K] } & { [K in keyof BdsButtonGroup & keyof BdsButtonGroupAttributes as `attr:${K}`]?: BdsButtonGroupAttributes[K] } & { [K in keyof BdsButtonGroup & keyof BdsButtonGroupAttributes as `prop:${K}`]?: BdsButtonGroup[K] };
+        "bds-checkbox": Omit<BdsCheckbox, keyof BdsCheckboxAttributes> & { [K in keyof BdsCheckbox & keyof BdsCheckboxAttributes]?: BdsCheckbox[K] } & { [K in keyof BdsCheckbox & keyof BdsCheckboxAttributes as `attr:${K}`]?: BdsCheckboxAttributes[K] } & { [K in keyof BdsCheckbox & keyof BdsCheckboxAttributes as `prop:${K}`]?: BdsCheckbox[K] };
+        "bds-checkbox-button": Omit<BdsCheckboxButton, keyof BdsCheckboxButtonAttributes> & { [K in keyof BdsCheckboxButton & keyof BdsCheckboxButtonAttributes]?: BdsCheckboxButton[K] } & { [K in keyof BdsCheckboxButton & keyof BdsCheckboxButtonAttributes as `attr:${K}`]?: BdsCheckboxButtonAttributes[K] } & { [K in keyof BdsCheckboxButton & keyof BdsCheckboxButtonAttributes as `prop:${K}`]?: BdsCheckboxButton[K] };
+        "bds-checkbox-card": Omit<BdsCheckboxCard, keyof BdsCheckboxCardAttributes> & { [K in keyof BdsCheckboxCard & keyof BdsCheckboxCardAttributes]?: BdsCheckboxCard[K] } & { [K in keyof BdsCheckboxCard & keyof BdsCheckboxCardAttributes as `attr:${K}`]?: BdsCheckboxCardAttributes[K] } & { [K in keyof BdsCheckboxCard & keyof BdsCheckboxCardAttributes as `prop:${K}`]?: BdsCheckboxCard[K] } & OneOf<"name", BdsCheckboxCard["name"], BdsCheckboxCardAttributes["name"]>;
+        "bds-checkbox-group": Omit<BdsCheckboxGroup, keyof BdsCheckboxGroupAttributes> & { [K in keyof BdsCheckboxGroup & keyof BdsCheckboxGroupAttributes]?: BdsCheckboxGroup[K] } & { [K in keyof BdsCheckboxGroup & keyof BdsCheckboxGroupAttributes as `attr:${K}`]?: BdsCheckboxGroupAttributes[K] } & { [K in keyof BdsCheckboxGroup & keyof BdsCheckboxGroupAttributes as `prop:${K}`]?: BdsCheckboxGroup[K] } & OneOf<"name", BdsCheckboxGroup["name"], BdsCheckboxGroupAttributes["name"]>;
         "bds-dialog": Omit<BdsDialog, keyof BdsDialogAttributes> & { [K in keyof BdsDialog & keyof BdsDialogAttributes]?: BdsDialog[K] } & { [K in keyof BdsDialog & keyof BdsDialogAttributes as `attr:${K}`]?: BdsDialogAttributes[K] } & { [K in keyof BdsDialog & keyof BdsDialogAttributes as `prop:${K}`]?: BdsDialog[K] };
         "bds-divider": Omit<BdsDivider, keyof BdsDividerAttributes> & { [K in keyof BdsDivider & keyof BdsDividerAttributes]?: BdsDivider[K] } & { [K in keyof BdsDivider & keyof BdsDividerAttributes as `attr:${K}`]?: BdsDividerAttributes[K] } & { [K in keyof BdsDivider & keyof BdsDividerAttributes as `prop:${K}`]?: BdsDivider[K] };
         "bds-flag": Omit<BdsFlag, keyof BdsFlagAttributes> & { [K in keyof BdsFlag & keyof BdsFlagAttributes]?: BdsFlag[K] } & { [K in keyof BdsFlag & keyof BdsFlagAttributes as `attr:${K}`]?: BdsFlagAttributes[K] } & { [K in keyof BdsFlag & keyof BdsFlagAttributes as `prop:${K}`]?: BdsFlag[K] };
@@ -3169,6 +4872,12 @@ declare namespace LocalJSX {
         "bds-list-menu": Omit<BdsListMenu, keyof BdsListMenuAttributes> & { [K in keyof BdsListMenu & keyof BdsListMenuAttributes]?: BdsListMenu[K] } & { [K in keyof BdsListMenu & keyof BdsListMenuAttributes as `attr:${K}`]?: BdsListMenuAttributes[K] } & { [K in keyof BdsListMenu & keyof BdsListMenuAttributes as `prop:${K}`]?: BdsListMenu[K] };
         "bds-list-menu-item": Omit<BdsListMenuItem, keyof BdsListMenuItemAttributes> & { [K in keyof BdsListMenuItem & keyof BdsListMenuItemAttributes]?: BdsListMenuItem[K] } & { [K in keyof BdsListMenuItem & keyof BdsListMenuItemAttributes as `attr:${K}`]?: BdsListMenuItemAttributes[K] } & { [K in keyof BdsListMenuItem & keyof BdsListMenuItemAttributes as `prop:${K}`]?: BdsListMenuItem[K] };
         "bds-popover": Omit<BdsPopover, keyof BdsPopoverAttributes> & { [K in keyof BdsPopover & keyof BdsPopoverAttributes]?: BdsPopover[K] } & { [K in keyof BdsPopover & keyof BdsPopoverAttributes as `attr:${K}`]?: BdsPopoverAttributes[K] } & { [K in keyof BdsPopover & keyof BdsPopoverAttributes as `prop:${K}`]?: BdsPopover[K] };
+        "bds-radio": Omit<BdsRadio, keyof BdsRadioAttributes> & { [K in keyof BdsRadio & keyof BdsRadioAttributes]?: BdsRadio[K] } & { [K in keyof BdsRadio & keyof BdsRadioAttributes as `attr:${K}`]?: BdsRadioAttributes[K] } & { [K in keyof BdsRadio & keyof BdsRadioAttributes as `prop:${K}`]?: BdsRadio[K] };
+        "bds-radio-button": Omit<BdsRadioButton, keyof BdsRadioButtonAttributes> & { [K in keyof BdsRadioButton & keyof BdsRadioButtonAttributes]?: BdsRadioButton[K] } & { [K in keyof BdsRadioButton & keyof BdsRadioButtonAttributes as `attr:${K}`]?: BdsRadioButtonAttributes[K] } & { [K in keyof BdsRadioButton & keyof BdsRadioButtonAttributes as `prop:${K}`]?: BdsRadioButton[K] };
+        "bds-radio-card": Omit<BdsRadioCard, keyof BdsRadioCardAttributes> & { [K in keyof BdsRadioCard & keyof BdsRadioCardAttributes]?: BdsRadioCard[K] } & { [K in keyof BdsRadioCard & keyof BdsRadioCardAttributes as `attr:${K}`]?: BdsRadioCardAttributes[K] } & { [K in keyof BdsRadioCard & keyof BdsRadioCardAttributes as `prop:${K}`]?: BdsRadioCard[K] };
+        "bds-radio-group": Omit<BdsRadioGroup, keyof BdsRadioGroupAttributes> & { [K in keyof BdsRadioGroup & keyof BdsRadioGroupAttributes]?: BdsRadioGroup[K] } & { [K in keyof BdsRadioGroup & keyof BdsRadioGroupAttributes as `attr:${K}`]?: BdsRadioGroupAttributes[K] } & { [K in keyof BdsRadioGroup & keyof BdsRadioGroupAttributes as `prop:${K}`]?: BdsRadioGroup[K] } & OneOf<"name", BdsRadioGroup["name"], BdsRadioGroupAttributes["name"]>;
+        "bds-select": Omit<BdsSelect, keyof BdsSelectAttributes> & { [K in keyof BdsSelect & keyof BdsSelectAttributes]?: BdsSelect[K] } & { [K in keyof BdsSelect & keyof BdsSelectAttributes as `attr:${K}`]?: BdsSelectAttributes[K] } & { [K in keyof BdsSelect & keyof BdsSelectAttributes as `prop:${K}`]?: BdsSelect[K] };
+        "bds-slider": Omit<BdsSlider, keyof BdsSliderAttributes> & { [K in keyof BdsSlider & keyof BdsSliderAttributes]?: BdsSlider[K] } & { [K in keyof BdsSlider & keyof BdsSliderAttributes as `attr:${K}`]?: BdsSliderAttributes[K] } & { [K in keyof BdsSlider & keyof BdsSliderAttributes as `prop:${K}`]?: BdsSlider[K] };
         "bds-spinner": Omit<BdsSpinner, keyof BdsSpinnerAttributes> & { [K in keyof BdsSpinner & keyof BdsSpinnerAttributes]?: BdsSpinner[K] } & { [K in keyof BdsSpinner & keyof BdsSpinnerAttributes as `attr:${K}`]?: BdsSpinnerAttributes[K] } & { [K in keyof BdsSpinner & keyof BdsSpinnerAttributes as `prop:${K}`]?: BdsSpinner[K] };
         "bds-status": Omit<BdsStatus, keyof BdsStatusAttributes> & { [K in keyof BdsStatus & keyof BdsStatusAttributes]?: BdsStatus[K] } & { [K in keyof BdsStatus & keyof BdsStatusAttributes as `attr:${K}`]?: BdsStatusAttributes[K] } & { [K in keyof BdsStatus & keyof BdsStatusAttributes as `prop:${K}`]?: BdsStatus[K] };
         "bds-tag": Omit<BdsTag, keyof BdsTagAttributes> & { [K in keyof BdsTag & keyof BdsTagAttributes]?: BdsTag[K] } & { [K in keyof BdsTag & keyof BdsTagAttributes as `attr:${K}`]?: BdsTagAttributes[K] } & { [K in keyof BdsTag & keyof BdsTagAttributes as `prop:${K}`]?: BdsTag[K] };
@@ -3219,6 +4928,15 @@ declare module "@stencil/core" {
              * @method close - Programmatic method to close the banner and emit the `bdsClose` event.
              */
             "bds-banner": LocalJSX.IntrinsicElements["bds-banner"] & JSXBase.HTMLAttributes<HTMLBdsBannerElement>;
+            /**
+             * @summary Breadcrumb navigation container component. Provides a structured navigation trail and
+             * handles overflow using a collapse mechanism when the number of items exceeds `maxItems`.
+             */
+            "bds-breadcrumb": LocalJSX.IntrinsicElements["bds-breadcrumb"] & JSXBase.HTMLAttributes<HTMLBdsBreadcrumbElement>;
+            /**
+             * @summary Breadcrumb navigation item component that represents a single step within a breadcrumb navigation trail.
+             */
+            "bds-breadcrumb-item": LocalJSX.IntrinsicElements["bds-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLBdsBreadcrumbItemElement>;
             /**
              * Button component for user interactions, form submissions, supporting various styles, sizes, and states.
              * @summary A versatile button component that can be customized with different colors, sizes, variants and states to fit various use cases in the application.
@@ -3228,7 +4946,7 @@ declare module "@stencil/core" {
              * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
              * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
              * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-             * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+             * @attr {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
              * @attr {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
              * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
              * @property {string} label - The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.
@@ -3237,13 +4955,13 @@ declare module "@stencil/core" {
              * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
              * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
              * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
-             * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+             * @property {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
              * @property {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
              * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
              * @default 'button' - Default type value
              * @default 'default' - Default color value
              * @default 'default' - Default variant value
-             * @default 'medium' - Default size value
+             * @default 'md' - Default size value
              * @default 'default' - Default status value
              * @default false - Default disabled value
              * @default '' - Default label value
@@ -3252,6 +4970,10 @@ declare module "@stencil/core" {
              * @default false - Default disclosure value
              */
             "bds-button": LocalJSX.IntrinsicElements["bds-button"] & JSXBase.HTMLAttributes<HTMLBdsButtonElement>;
+            /**
+             * Button group component for grouping related buttons together in a unified visual unit.
+             */
+            "bds-button-group": LocalJSX.IntrinsicElements["bds-button-group"] & JSXBase.HTMLAttributes<HTMLBdsButtonGroupElement>;
             /**
              * Checkbox component for boolean selection with three visual states.
              * @summary A checkbox form control with default, selected, and indeterminate states.
@@ -3264,6 +4986,22 @@ declare module "@stencil/core" {
              * @fires bdsChange - Emitted when the user toggles the checkbox. Payload: `{ checked: boolean, value: string }`.
              */
             "bds-checkbox": LocalJSX.IntrinsicElements["bds-checkbox"] & JSXBase.HTMLAttributes<HTMLBdsCheckboxElement>;
+            /**
+             * Button-shaped checkbox option that toggles independently on each interaction.
+             * Renders as a pill-button with the same visual language as `bds-radio-button`, but uses
+             * `role="checkbox"` and multi-select semantics — toggling one button has no effect on others.
+             * Can be used standalone (with `name` and optional `required`) or inside a `bds-checkbox-group`,
+             * which is the recommended approach for coordinated form state and group-level validation.
+             */
+            "bds-checkbox-button": LocalJSX.IntrinsicElements["bds-checkbox-button"] & JSXBase.HTMLAttributes<HTMLBdsCheckboxButtonElement>;
+            /**
+             * @summary Checkbox card component is a selectable card-based checkbox option.
+             */
+            "bds-checkbox-card": LocalJSX.IntrinsicElements["bds-checkbox-card"] & JSXBase.HTMLAttributes<HTMLBdsCheckboxCardElement>;
+            /**
+             * Checkbox group component that orchestrates multi-selection across a set of `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` children.
+             */
+            "bds-checkbox-group": LocalJSX.IntrinsicElements["bds-checkbox-group"] & JSXBase.HTMLAttributes<HTMLBdsCheckboxGroupElement>;
             /**
              * Modal dialog component for displaying content in an overlay.
              * @summary Modal overlay for alerts, forms, and confirmations with customizable layout and behavior.
@@ -3344,15 +5082,10 @@ declare module "@stencil/core" {
              * Container component that manages a list of menu items.
              * It handles selection logic (single/multiple) and maintains the data state.
              * @summary A list menu component that can contain multiple menu items and manage their selection state.
-             * @attr {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-             * @attr {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-             * @property {boolean} multiple - If true, allows multiple items to be selected. Default is false (single selection).
-             * @property {string} menuRole - Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.
-             * @event bdsChange - Emitted when the selection changes, providing the current selected value(s).
+             * @fires bdsChange - Emitted when the selection changes, providing the current selected value(s).
+             * @fires bdsSelect - Emmited when item is selected in menu-role="menu" is clicked
              * @method getSelectedValues - Returns the currently selected value(s). If multiple is true, returns an array of strings; otherwise, returns a single string or undefined.
              * @method setSelectedValues - Sets the selected value(s). Accepts a string for single selection or an array of strings for multiple selection.
-             * @default false - By default, the menu does not allow multiple selections (single selection mode).
-             * @default 'menu' - The default ARIA role for the menu is 'menu'.
              */
             "bds-list-menu": LocalJSX.IntrinsicElements["bds-list-menu"] & JSXBase.HTMLAttributes<HTMLBdsListMenuElement>;
             /**
@@ -3404,6 +5137,53 @@ declare module "@stencil/core" {
              * @cssprop data-hidearrow - Reflects the hideArrow option.
              */
             "bds-popover": LocalJSX.IntrinsicElements["bds-popover"] & JSXBase.HTMLAttributes<HTMLBdsPopoverElement>;
+            /**
+             * Radio button component for single-selection within a group.
+             * Use inside `bds-radio-group` for managed selection and form binding.
+             * Can also be used standalone with the `name`, `value`, and `checked` props.
+             */
+            "bds-radio": LocalJSX.IntrinsicElements["bds-radio"] & JSXBase.HTMLAttributes<HTMLBdsRadioElement>;
+            /**
+             * Button-shaped radio option for use inside `bds-radio-group[type="radiobutton"]`.
+             * Creates a segmented control appearance when grouped. Not form-associated — the parent
+             * `bds-radio-group` owns form state and single-selection enforcement.
+             */
+            "bds-radio-button": LocalJSX.IntrinsicElements["bds-radio-button"] & JSXBase.HTMLAttributes<HTMLBdsRadioButtonElement>;
+            /**
+             * Radio card component is a selectable card-based radio option.
+             * It presents a mutually exclusive choice with optional descriptive text and icon,
+             * designed for integration with bds-radio-group for orchestration.
+             * Can also be used standalone with the `name`, `value`, and `checked` props.
+             * @fires bdsChange - Emitted when the user selects this radio card. Listened to by the parent bds-radio-group to enforce single selection.
+             */
+            "bds-radio-card": LocalJSX.IntrinsicElements["bds-radio-card"] & JSXBase.HTMLAttributes<HTMLBdsRadioCardElement>;
+            /**
+             * Radio group component that orchestrates single-selection across a set of `bds-radio` children.
+             */
+            "bds-radio-group": LocalJSX.IntrinsicElements["bds-radio-group"] & JSXBase.HTMLAttributes<HTMLBdsRadioGroupElement>;
+            /**
+             * Component representing a select dropdown, allowing users to choose an option from a list.
+             * It consists of a text field that triggers the dropdown and a list menu that contains the options.
+             * The component supports both single selection and searchable functionality.
+             */
+            "bds-select": LocalJSX.IntrinsicElements["bds-select"] & JSXBase.HTMLAttributes<HTMLBdsSelectElement>;
+            /**
+             * Slider component for selecting a numeric value or a range of values.
+             * @summary An accessible, single or multi-handle range slider built on HTML `<input type="range">`.
+             * Supports discrete tick marks, tooltips, disabled state, and N-handle multi-value mode
+             * with automatic collision prevention between handles.
+             * @property {number}          min      - Minimum selectable value. Defaults to `0`.
+             * @property {number}          max      - Maximum selectable value. Defaults to `100`.
+             * @property {number}          step     - Step size for each increment/decrement. Defaults to `1`.
+             * @property {number[]} value   - Current value(s). A single number for one handle;
+             *                              an array for multi-handle mode. Defaults to `0`.
+             * @property {boolean}         disabled - Disables interaction with the slider. Defaults to `false`.
+             * @property {boolean}         discrete - Shows tick marks at each step position along the track. Defaults to `false`.
+             * @property {string}          tooltip  - Controls tooltip visibility: `"never"`, or `"focus"`. Defaults to `"focus"`.
+             * @method getValues - Returns the current value(s) as `number | number[]`.
+             * @method setValues - Programmatically sets the slider value(s).
+             */
+            "bds-slider": LocalJSX.IntrinsicElements["bds-slider"] & JSXBase.HTMLAttributes<HTMLBdsSliderElement>;
             /**
              * Spinner component used to indicate a loading or processing state.
              * @summary Displays an animated circular spinner to communicate that content is loading.
@@ -3497,49 +5277,6 @@ declare module "@stencil/core" {
             /**
              * 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} 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} 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} required - 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} downloadable - 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 required state
-             * @default false - Default ellipsis state
-             * @default 1 - Default maxLines value
-             * @default '' - Default href value
-             * @default '' - Default target value
-             * @default false - Default downloadable state
-             * @default 'download' - Default filename value
-             * @default '' - Default tooltipText value
              */
             "bds-typography": LocalJSX.IntrinsicElements["bds-typography"] & JSXBase.HTMLAttributes<HTMLBdsTypographyElement>;
         }