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

package/dist/types/components.d.ts

@@ -8,24 +8,29 @@ 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 { ICheckboxCard } from "./components/forms/bds-checkbox-card/types/ICheckboxCard";
+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/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/types/IRadio";
-import { RadioButtonChangeDetail } from "./components/forms/bds-radio-button/types/IRadioButton";
-import { IRadioCard, RadioCardChangeDetail } from "./components/forms/bds-radio-card/types/IRadioCard";
-import { IFormValidator, Orientation } from "./types/index";
-import { RadioGroupType } from "./components/forms/bds-radio-group/types/types";
-import { RadioGroupChangeDetail } from "./components/forms/bds-radio-group/types/IRadioGroup";
+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";
@@ -39,24 +44,29 @@ 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 { ICheckboxCard } from "./components/forms/bds-checkbox-card/types/ICheckboxCard";
+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/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/types/IRadio";
-export { RadioButtonChangeDetail } from "./components/forms/bds-radio-button/types/IRadioButton";
-export { IRadioCard, RadioCardChangeDetail } from "./components/forms/bds-radio-card/types/IRadioCard";
-export { IFormValidator, Orientation } from "./types/index";
-export { RadioGroupType } from "./components/forms/bds-radio-group/types/types";
-export { RadioGroupChangeDetail } from "./components/forms/bds-radio-group/types/IRadioGroup";
+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";
@@ -161,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.
@@ -282,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;
@@ -302,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 ''
@@ -309,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;
@@ -323,22 +423,70 @@ export namespace Components {
         "value": string;
     }
     /**
-     * Checkbox card component is a selectable card-based checkbox option.
-     * It presents a non-exclusive choice with optional descriptive text and icon,
-     * supporting checked, indeterminate, disabled, and error states.
-     * Can be used standalone or within a checkbox group for orchestration.
-     * @property {string}  name          - Name of the form control, submitted as a key in the form data.
-     * @property {boolean} disabled      - Disables the control. Defaults to `false`.
-     * @property {boolean} required      - Marks the control as required for form submission. Defaults to `false`.
-     * @property {string}  value         - Value submitted with the form data when checked. Defaults to `"on"`.
-     * @property {string}  label         - Label displayed next to the checkbox. If not provided, the default slot is used.
-     * @property {boolean} checked       - Whether the checkbox card is selected. Defaults to `false`.
-     * @property {boolean} indeterminate - Whether the checkbox card shows an indeterminate ("mixed") visual state. Defaults to `false`.
-     * @property {boolean} error         - Whether the checkbox card is in an error state. Defaults to `false`.
-     * @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
-     * @fires bdsChange   - Emitted when the user toggles the checkbox card. Payload: `{ checked: boolean, value: string }`.
+     * 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
@@ -368,6 +516,10 @@ export namespace Components {
           * 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
@@ -379,6 +531,79 @@ export namespace Components {
          */
         "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.
@@ -631,6 +856,25 @@ export namespace Components {
      * @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'];
+        /**
+          * Retrieves all child menu items.
+         */
+        "getAllItems": () => Promise<HTMLBdsListMenuItemElement[]>;
         /**
           * Retrieves the currently selected value(s) programmatically.
           * @method getSelectedValues
@@ -764,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
@@ -784,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
@@ -931,39 +1183,44 @@ export namespace Components {
           * @State for form-level disable support.
           * @default false
          */
-        "disabled": false;
+        "disabled": boolean;
         /**
           * Shows error styling on the group helper text. Propagated to all child radios.
           * @default false
          */
-        "error": false;
+        "error": boolean;
         /**
           * Error message rendered below the radio options when error is true. Replaces helperText.
           * @default ''
          */
-        "errorMessage": "";
+        "errorMessage": string;
         /**
           * Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state.
           * @default ''
          */
-        "helperText": "";
+        "helperText": string;
         /**
           * Tooltip text shown on the group label info icon.
           * @default ''
          */
-        "info": "";
+        "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": "";
+        "label": string;
         /**
           * Name of the form control; submitted as the field key in FormData.
          */
         "name": string;
         /**
           * Layout direction of the radio options.
-          * @default ORIENTATIONS.VERTICAL
+          * @default 'vertical'
          */
         "orientation": Orientation;
         /**
@@ -974,10 +1231,10 @@ export namespace Components {
           * Marks the group as required for form submission. Triggers validity error when no radio is selected.
           * @default false
          */
-        "required": 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_GROUP_TYPES.RADIO
+          * @default 'radio'
          */
         "type": RadioGroupType;
         /**
@@ -986,6 +1243,115 @@ export namespace Components {
          */
         "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.
@@ -1164,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 ''
@@ -1213,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 ''
@@ -1342,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 {
         /**
@@ -1432,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
@@ -1468,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;
@@ -1476,10 +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;
@@ -1508,6 +1862,14 @@ 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;
@@ -1584,6 +1946,49 @@ declare global {
         prototype: HTMLBdsBannerElement;
         new (): HTMLBdsBannerElement;
     };
+    interface HTMLBdsBreadcrumbElementEventMap {
+        "bdsClickCollapsed": BdsClickCollapsedEvent;
+        "bdsClickBreadcrumb": BdsClickBreadcrumbEvent;
+    }
+    /**
+     * @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;
     }
@@ -1671,25 +2076,37 @@ 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;
     }
     /**
-     * Checkbox card component is a selectable card-based checkbox option.
-     * It presents a non-exclusive choice with optional descriptive text and icon,
-     * supporting checked, indeterminate, disabled, and error states.
-     * Can be used standalone or within a checkbox group for orchestration.
-     * @property {string}  name          - Name of the form control, submitted as a key in the form data.
-     * @property {boolean} disabled      - Disables the control. Defaults to `false`.
-     * @property {boolean} required      - Marks the control as required for form submission. Defaults to `false`.
-     * @property {string}  value         - Value submitted with the form data when checked. Defaults to `"on"`.
-     * @property {string}  label         - Label displayed next to the checkbox. If not provided, the default slot is used.
-     * @property {boolean} checked       - Whether the checkbox card is selected. Defaults to `false`.
-     * @property {boolean} indeterminate - Whether the checkbox card shows an indeterminate ("mixed") visual state. Defaults to `false`.
-     * @property {boolean} error         - Whether the checkbox card is in an error state. Defaults to `false`.
-     * @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
-     * @fires bdsChange   - Emitted when the user toggles the checkbox card. Payload: `{ checked: boolean, value: string }`.
+     * @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;
@@ -1705,6 +2122,27 @@ declare global {
         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;
@@ -2005,6 +2443,64 @@ declare global {
         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.
@@ -2175,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 {
     }
@@ -2229,10 +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;
@@ -2245,6 +2702,8 @@ declare global {
         "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;
@@ -2346,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.
@@ -2481,7 +3032,7 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * Disables the control.
+          * Disables the checkbox.
           * @default false
          */
         "disabled"?: boolean;
@@ -2499,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 ''
@@ -2506,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.
          */
@@ -2517,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;
@@ -2528,20 +3085,68 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     /**
-     * Checkbox card component is a selectable card-based checkbox option.
-     * It presents a non-exclusive choice with optional descriptive text and icon,
-     * supporting checked, indeterminate, disabled, and error states.
-     * Can be used standalone or within a checkbox group for orchestration.
-     * @property {string}  name          - Name of the form control, submitted as a key in the form data.
-     * @property {boolean} disabled      - Disables the control. Defaults to `false`.
-     * @property {boolean} required      - Marks the control as required for form submission. Defaults to `false`.
-     * @property {string}  value         - Value submitted with the form data when checked. Defaults to `"on"`.
-     * @property {string}  label         - Label displayed next to the checkbox. If not provided, the default slot is used.
-     * @property {boolean} checked       - Whether the checkbox card is selected. Defaults to `false`.
-     * @property {boolean} indeterminate - Whether the checkbox card shows an indeterminate ("mixed") visual state. Defaults to `false`.
-     * @property {boolean} error         - Whether the checkbox card is in an error state. Defaults to `false`.
-     * @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
-     * @fires bdsChange   - Emitted when the user toggles the checkbox card. Payload: `{ checked: boolean, value: string }`.
+     * 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 {
+        /**
+          * 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;
+        /**
+          * 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 {
         /**
@@ -2596,6 +3201,83 @@ declare namespace LocalJSX {
          */
         "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.
@@ -2852,6 +3534,21 @@ declare namespace LocalJSX {
      * @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
@@ -3160,17 +3857,17 @@ declare namespace LocalJSX {
           * @State for form-level disable support.
           * @default false
          */
-        "disabled"?: false;
+        "disabled"?: boolean;
         /**
           * Shows error styling on the group helper text. Propagated to all child radios.
           * @default false
          */
-        "error"?: false;
+        "error"?: boolean;
         /**
           * Error message rendered below the radio options when error is true. Replaces helperText.
           * @default ''
          */
-        "errorMessage"?: "";
+        "errorMessage"?: string;
         /**
           * The `id` of a `<form>` element to associate this element with.
          */
@@ -3179,17 +3876,22 @@ declare namespace LocalJSX {
           * Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state.
           * @default ''
          */
-        "helperText"?: "";
+        "helperText"?: string;
         /**
           * Tooltip text shown on the group label info icon.
           * @default ''
          */
-        "info"?: "";
+        "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"?: "";
+        "label"?: string;
         /**
           * Name of the form control; submitted as the field key in FormData.
          */
@@ -3204,17 +3906,17 @@ declare namespace LocalJSX {
         "onValueChange"?: (event: BdsRadioGroupCustomEvent<string>) => void;
         /**
           * Layout direction of the radio options.
-          * @default ORIENTATIONS.VERTICAL
+          * @default 'vertical'
          */
         "orientation"?: Orientation;
         /**
           * Marks the group as required for form submission. Triggers validity error when no radio is selected.
           * @default false
          */
-        "required"?: 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_GROUP_TYPES.RADIO
+          * @default 'radio'
          */
         "type"?: RadioGroupType;
         /**
@@ -3223,6 +3925,130 @@ declare namespace LocalJSX {
          */
         "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;
+        /**
+          * Emitted when the selection change the value
+         */
+        "onBdsChange"?: (event: BdsSelectCustomEvent<string>) => void;
+        /**
+          * Emit value Change for vue implementation
+         */
+        "onValueChange"?: (event: BdsSelectCustomEvent<string>) => void;
+        /**
+          * 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;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * 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;
+        /**
+          * Emitted whenever the slider value(s) change due to user interaction. Payload: `{ value: number }` for single handle, `{ value: number[] }` for multi-handle.
+         */
+        "onBdsChange"?: (event: BdsSliderCustomEvent<SliderChangeDetail>) => void;
+        /**
+          * Emitted when the user clicks on the slider. Payload: `{ target: HTMLElement }` and `{ value: number[] }` for multi-handle.
+         */
+        "onBdsClick"?: (event: BdsSliderCustomEvent<{ target: HTMLElement; value: number[] }>) => void;
+        /**
+          * Native-style alias of `bdsChange`. Emitted simultaneously. Payload: `{ value: number[] }` for multi-handle.
+         */
+        "onValueChange"?: (event: BdsSliderCustomEvent<number[]>) => 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.
@@ -3409,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 ''
@@ -3488,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 ''
@@ -3629,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 {
         /**
@@ -3719,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
@@ -3766,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'];
@@ -3786,6 +4601,7 @@ declare namespace LocalJSX {
     }
     interface BdsCheckboxAttributes {
         "name": string;
+        "info": string;
         "disabled": boolean;
         "required": boolean;
         "checked": boolean;
@@ -3794,6 +4610,16 @@ 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'];
@@ -3804,6 +4630,19 @@ declare namespace LocalJSX {
         "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'];
@@ -3849,6 +4688,9 @@ declare namespace LocalJSX {
         "selectionMode": IListMenu['selectionMode'];
         "menuRole": IListMenu['menuRole'];
         "selectControls": IListMenu['selectControls'];
+        "empty": IListMenu['empty'];
+        "checkable": IListMenu['checkable'];
+        "emptyText": IListMenu['emptyText'];
     }
     interface BdsListMenuItemAttributes {
         "variant": IListMenuItem['variant'];
@@ -3897,17 +4739,37 @@ declare namespace LocalJSX {
         "error": IRadioCard['error'];
     }
     interface BdsRadioGroupAttributes {
-        "disabled": false;
-        "error": false;
-        "errorMessage": "";
-        "helperText": "";
-        "info": "";
-        "label": "";
+        "disabled": boolean;
+        "error": boolean;
+        "errorMessage": string;
+        "helperText": string;
+        "info": string;
+        "label": string;
         "name": string;
         "orientation": Orientation;
-        "required": false;
+        "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'];
@@ -3951,6 +4813,8 @@ declare namespace LocalJSX {
         "charCount": number;
         "counter": boolean;
         "customWidth": string;
+        "selectable": boolean;
+        "iconRight": string;
     }
     interface BdsToggleAttributes {
         "name": IToggle['name'];
@@ -3973,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'];
@@ -3991,10 +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-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] } & OneOf<"name", BdsCheckbox["name"], BdsCheckboxAttributes["name"]>;
+        "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] };
@@ -4007,6 +4876,8 @@ declare namespace LocalJSX {
         "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] };
@@ -4057,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.
@@ -4107,22 +4987,21 @@ declare module "@stencil/core" {
              */
             "bds-checkbox": LocalJSX.IntrinsicElements["bds-checkbox"] & JSXBase.HTMLAttributes<HTMLBdsCheckboxElement>;
             /**
-             * Checkbox card component is a selectable card-based checkbox option.
-             * It presents a non-exclusive choice with optional descriptive text and icon,
-             * supporting checked, indeterminate, disabled, and error states.
-             * Can be used standalone or within a checkbox group for orchestration.
-             * @property {string}  name          - Name of the form control, submitted as a key in the form data.
-             * @property {boolean} disabled      - Disables the control. Defaults to `false`.
-             * @property {boolean} required      - Marks the control as required for form submission. Defaults to `false`.
-             * @property {string}  value         - Value submitted with the form data when checked. Defaults to `"on"`.
-             * @property {string}  label         - Label displayed next to the checkbox. If not provided, the default slot is used.
-             * @property {boolean} checked       - Whether the checkbox card is selected. Defaults to `false`.
-             * @property {boolean} indeterminate - Whether the checkbox card shows an indeterminate ("mixed") visual state. Defaults to `false`.
-             * @property {boolean} error         - Whether the checkbox card is in an error state. Defaults to `false`.
-             * @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
-             * @fires bdsChange   - Emitted when the user toggles the checkbox card. Payload: `{ checked: boolean, value: string }`.
+             * 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.
@@ -4282,6 +5161,29 @@ declare module "@stencil/core" {
              * 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.
@@ -4375,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>;
         }