@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

package/dist/types/components.d.ts

@@ -25,6 +25,7 @@ import { FileUploadBlurDetail, FileUploadChangeDetail, FileUploadFilesAddedDetai
 import { FooterContainer, FooterLanguageChangeDetail } from "./components/footer/footer.interfaces";
 import { PopupDismissDetail, PopupPlacement, PopupPresentDetail, PopupRole } from "./components/popup/popup.interfaces";
 import { IconColor, IconShape, IconSize, IconTileColor } from "./components/icon/icon.interfaces";
+import { InputSliderBlurDetail, InputSliderBrandColor, InputSliderChangeDetail, InputSliderClickDetail, InputSliderFocusDetail, InputSliderInputDetail } from "./components/input-slider/input-slider.interfaces";
 import { ItemActionIcon, ItemLabelLevel, ItemLabelSize, ItemVariant } from "./components/list/item/item.interfaces";
 import { LabelSize } from "./components/label/label.interfaces";
 import { LogoBrand, LogoColor, LogoSize } from "./components/logo/logo.interfaces";
@@ -68,6 +69,7 @@ export { FileUploadBlurDetail, FileUploadChangeDetail, FileUploadFilesAddedDetai
 export { FooterContainer, FooterLanguageChangeDetail } from "./components/footer/footer.interfaces";
 export { PopupDismissDetail, PopupPlacement, PopupPresentDetail, PopupRole } from "./components/popup/popup.interfaces";
 export { IconColor, IconShape, IconSize, IconTileColor } from "./components/icon/icon.interfaces";
+export { InputSliderBlurDetail, InputSliderBrandColor, InputSliderChangeDetail, InputSliderClickDetail, InputSliderFocusDetail, InputSliderInputDetail } from "./components/input-slider/input-slider.interfaces";
 export { ItemActionIcon, ItemLabelLevel, ItemLabelSize, ItemVariant } from "./components/list/item/item.interfaces";
 export { LabelSize } from "./components/label/label.interfaces";
 export { LogoBrand, LogoColor, LogoSize } from "./components/logo/logo.interfaces";
@@ -223,6 +225,9 @@ export namespace Components {
           * @default false
          */
         "ready": boolean;
+        /**
+          * Sets focus on the given elements using the app's focus-visible handling.
+         */
         "setFocus": (elements: HTMLElement[]) => Promise<void>;
     }
     /**
@@ -231,19 +236,17 @@ export namespace Components {
     interface DsBadge {
         /**
           * Define the color for the badge.
-          * @default ''
          */
-        "color": BadgeColor;
+        "color"?: BadgeColor;
         /**
           * Name of the icon to show. If an icon is present, text should be hidden.
           * @default ''
          */
         "icon": string;
         /**
-          * If `true` the badge is added to the top right corner of the card.
-          * @default ''
+          * Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.
          */
-        "position": BadgePosition;
+        "position"?: BadgePosition;
         /**
           * If `true` the badge is added to the top right corner of the card.
           * @default false
@@ -251,9 +254,8 @@ export namespace Components {
         "pulse": boolean;
         /**
           * Define the size of badge. Small is recommended for tabs.
-          * @default ''
          */
-        "size": BadgeSize;
+        "size"?: BadgeSize;
     }
     /**
      * Button provides a clickable element for triggering actions, submitting forms, or navigating — supporting text, icons, or both.
@@ -461,9 +463,9 @@ export namespace Components {
         "fullheight": boolean;
         /**
           * If `true` the card image is displayed as a teaser, which means it is displayed with a large image.
-          * @default ''
+          * @default undefined
          */
-        "imageTeaser": CardImageTeaser;
+        "imageTeaser"?: CardImageTeaser;
         /**
           * If `true` the card background color becomes blue.
           * @default false
@@ -529,9 +531,8 @@ export namespace Components {
         "bold": boolean;
         /**
           * If `true` the card text color becomes white.
-          * @default ''
          */
-        "color": HeadingColor;
+        "color"?: HeadingColor;
         /**
           * If `true` the card text color becomes white.
           * @default false
@@ -554,9 +555,8 @@ export namespace Components {
         "level": HeadingLevel;
         /**
           * Make the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
-          * @default ''
          */
-        "visualLevel": HeadingVisualLevel;
+        "visualLevel"?: HeadingVisualLevel;
     }
     /**
      * Carousel coordinates ds-carousel-item children into a scrollable, accessible slide interface. Supports an image slider and a product tile strip.
@@ -663,6 +663,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible.
+          * @default false
+         */
+        "hideTrigger": boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -749,6 +754,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group.
+          * @default false
+         */
+        "hideTrigger": boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -821,9 +831,8 @@ export namespace Components {
         "button": boolean;
         /**
           * Defines the color of the button variant. Only applicable if `button` is `true`.
-          * @default ''
          */
-        "buttonColor": ButtonColor;
+        "buttonColor"?: ButtonColor;
         "configChanged": (state: DsConfigState) => Promise<void>;
         /**
           * If `true` the close component will be disabled and not interactive.
@@ -837,9 +846,8 @@ export namespace Components {
         "inverted": boolean;
         /**
           * Define the size of badge. Small is recommended for tabs.
-          * @default ''
          */
-        "size": CloseSize;
+        "size"?: CloseSize;
     }
     /**
      * Content arranges content with flexible layout, alignment, and spacing options for structural layouts.
@@ -847,33 +855,25 @@ export namespace Components {
     interface DsContent {
         /**
           * Defines the positioning like center, end or default to start.
-          * @default ''
-         */
-        "align": ContentAlignment;
-        /**
-          * @default ''
          */
-        "alignment": StackAlignment;
+        "align"?: ContentAlignment;
+        "alignment"?: StackAlignment;
         /**
           * Defines the direction of the child elements. Default is column.
-          * @default ''
          */
-        "direction": StackDirection;
+        "direction"?: StackDirection;
         /**
           * **Deprecated:** Use direction instead.
-          * @default ''
          */
-        "layout": StackLayout;
+        "layout"?: StackLayout;
         /**
           * Defines the space between the child elements. Default is xx-small.
-          * @default ''
          */
-        "space": ContentSpace;
+        "space"?: ContentSpace;
         /**
           * Defines the text positioning like center, right or default to left.
-          * @default ''
          */
-        "textAlign": ContentTextAlignment;
+        "textAlign"?: ContentTextAlignment;
     }
     /**
      * Data displays a list of label-value pairs in a organized, accessible format.
@@ -1274,14 +1274,12 @@ export namespace Components {
     interface DsHeading {
         /**
           * The actual heading level used in the HTML markup.
-          * @default ''
          */
-        "autoLevel": HeadingVisualLevel;
+        "autoLevel"?: HeadingVisualLevel;
         /**
           * The theme type of the toast.
-          * @default ''
          */
-        "color": HeadingColor;
+        "color"?: HeadingColor;
         /**
           * If `true` the color gets inverted for dark backgrounds
           * @default false
@@ -1304,9 +1302,8 @@ export namespace Components {
         "shadow": boolean;
         /**
           * Defines at which position the heading has spacing.
-          * @default ''
          */
-        "space": HeadingSpace;
+        "space"?: HeadingSpace;
         /**
           * If `true` the heading gets displayed slimmer.
           * @default false
@@ -1314,9 +1311,8 @@ export namespace Components {
         "subtitle": boolean;
         /**
           * Make the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
-          * @default ''
          */
-        "visualLevel": HeadingVisualLevel;
+        "visualLevel"?: HeadingVisualLevel;
     }
     /**
      * Hint displays contextual help via an info-circle trigger button.
@@ -1613,6 +1609,104 @@ export namespace Components {
          */
         "value": string | null;
     }
+    /**
+     * Input slider renders a noUiSlider-backed slider with validation and label/description messaging.
+     */
+    interface DsInputSlider {
+        /**
+          * If `true`, in Angular reactive forms the control will not be set invalid
+          * @default false
+         */
+        "autoInvalidOff": boolean;
+        /**
+          * Recolors the connect (the filled progress track) with a brand color instead of the default grey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter `-2` shade. Empty (default) keeps the current grey/primary look.
+          * @default ''
+         */
+        "brandColor": InputSliderBrandColor;
+        /**
+          * Defines the color of the slider. The default value is `primary`.
+          * @default 'primary'
+         */
+        "color": InputColor;
+        "configChanged": (state: DsConfigState) => Promise<void>;
+        /**
+          * Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+          * @default 0
+         */
+        "debounce": number;
+        /**
+          * The description of the slider, which is displayed below the control.
+          * @default ''
+         */
+        "description": string;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Returns the noUiSlider handle element used under the hood.
+         */
+        "getInputElement": () => Promise<HTMLElement | undefined>;
+        /**
+          * If `true` the component gets an invalid style.
+          * @default false
+         */
+        "invalid": boolean;
+        /**
+          * The text to display when the slider is in an invalid state.
+          * @default ''
+         */
+        "invalidText": string;
+        /**
+          * The label of the slider, which is displayed above the control.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * The maximum value of the slider.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * The minimum value of the slider.
+          * @default 0
+         */
+        "min": number;
+        /**
+          * The name of the control, which is submitted with the form data.
+          * @default this.inputSliderId
+         */
+        "name": string;
+        /**
+          * If `true` the element can not be mutated. noUiSlider has no native concept of `readonly`, so this is treated as equivalent to `disabled`.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * If `true`, the user must fill in a value before submitting a form.
+          * @default true
+         */
+        "required": boolean;
+        /**
+          * Sets blur on `ds-input-slider`'s slider handle. Use this method instead of the global `element.blur()`.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Sets focus on `ds-input-slider`'s slider handle. Use this method instead of the global `element.focus()`.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The granularity the value must adhere to, as a string so `"any"` (free, continuous dragging with no step snapping) can be expressed alongside numeric step sizes.
+          * @default '1'
+         */
+        "step": string;
+        /**
+          * The value of the slider. Unlike a text input, a slider can never be empty; when unset it defaults to `min`. Internally starts as `NaN` (this codebase's established "empty number" sentinel, see `isValueEmpty`) until `connectedCallback` resolves it — never actually rendered or emitted.
+          * @default NaN
+         */
+        "value": number;
+    }
     /**
      * Item displays a list entry that supports plain content, accordion, link, and button variants with optional icon, label, and description slots.
      */
@@ -2227,6 +2321,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.
+          * @default false
+         */
+        "hideTrigger": boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -2322,6 +2421,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.
+          * @default false
+         */
+        "hideTrigger": boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -2760,9 +2864,8 @@ export namespace Components {
         "labelPosition": SpinnerLabelPosition;
         /**
           * Defines the size of the spinner. If `sm` the spinner is smaller.
-          * @default ''
          */
-        "size": SpinnerSize;
+        "size"?: SpinnerSize;
         /**
           * **Deprecated:** Use size="sm" instead.
           * @default false
@@ -2780,18 +2883,13 @@ export namespace Components {
     interface DsStack {
         /**
           * Defines the text positioning like center, right or default to start.
-          * @default ''
-         */
-        "align": StackAlignment;
-        /**
-          * @default ''
          */
-        "alignment": StackAlignment;
+        "align"?: StackAlignment;
+        "alignment"?: StackAlignment;
         /**
           * Defines the direction of the child elements. Default is column.
-          * @default ''
          */
-        "direction": StackDirection;
+        "direction"?: StackDirection;
         /**
           * Defines the width of the stack to be exactly the width of the content.
           * @default false
@@ -3510,6 +3608,10 @@ export interface DsInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsInputElement;
 }
+export interface DsInputSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsInputSliderElement;
+}
 export interface DsItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsItemElement;
@@ -4070,6 +4172,30 @@ declare global {
         prototype: HTMLDsInputElement;
         new (): HTMLDsInputElement;
     };
+    interface HTMLDsInputSliderElementEventMap {
+        "dsInput": InputSliderInputDetail;
+        "dsFocus": InputSliderFocusDetail;
+        "dsBlur": InputSliderBlurDetail;
+        "dsClick": InputSliderClickDetail;
+        "dsChange": InputSliderChangeDetail;
+    }
+    /**
+     * Input slider renders a noUiSlider-backed slider with validation and label/description messaging.
+     */
+    interface HTMLDsInputSliderElement extends Components.DsInputSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsInputSliderElementEventMap>(type: K, listener: (this: HTMLDsInputSliderElement, ev: DsInputSliderCustomEvent<HTMLDsInputSliderElementEventMap[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 HTMLDsInputSliderElementEventMap>(type: K, listener: (this: HTMLDsInputSliderElement, ev: DsInputSliderCustomEvent<HTMLDsInputSliderElementEventMap[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 HTMLDsInputSliderElement: {
+        prototype: HTMLDsInputSliderElement;
+        new (): HTMLDsInputSliderElement;
+    };
     interface HTMLDsItemElementEventMap {
         "dsClick": ButtonClickDetail;
         "dsAccordionToggle": AccordionToggleDetail;
@@ -4735,6 +4861,7 @@ declare global {
         "ds-hint-title": HTMLDsHintTitleElement;
         "ds-icon": HTMLDsIconElement;
         "ds-input": HTMLDsInputElement;
+        "ds-input-slider": HTMLDsInputSliderElement;
         "ds-item": HTMLDsItemElement;
         "ds-label": HTMLDsLabelElement;
         "ds-list": HTMLDsListElement;
@@ -4910,7 +5037,6 @@ declare namespace LocalJSX {
     interface DsBadge {
         /**
           * Define the color for the badge.
-          * @default ''
          */
         "color"?: BadgeColor;
         /**
@@ -4919,8 +5045,7 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * If `true` the badge is added to the top right corner of the card.
-          * @default ''
+          * Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.
          */
         "position"?: BadgePosition;
         /**
@@ -4930,7 +5055,6 @@ declare namespace LocalJSX {
         "pulse"?: boolean;
         /**
           * Define the size of badge. Small is recommended for tabs.
-          * @default ''
          */
         "size"?: BadgeSize;
     }
@@ -5164,7 +5288,7 @@ declare namespace LocalJSX {
         "fullheight"?: boolean;
         /**
           * If `true` the card image is displayed as a teaser, which means it is displayed with a large image.
-          * @default ''
+          * @default undefined
          */
         "imageTeaser"?: CardImageTeaser;
         /**
@@ -5232,7 +5356,6 @@ declare namespace LocalJSX {
         "bold"?: boolean;
         /**
           * If `true` the card text color becomes white.
-          * @default ''
          */
         "color"?: HeadingColor;
         /**
@@ -5257,7 +5380,6 @@ declare namespace LocalJSX {
         "level"?: HeadingLevel;
         /**
           * Make the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
-          * @default ''
          */
         "visualLevel"?: HeadingVisualLevel;
     }
@@ -5355,6 +5477,11 @@ declare namespace LocalJSX {
           * The `id` of a `<form>` element to associate this element with.
          */
         "form"?: string;
+        /**
+          * If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible.
+          * @default false
+         */
+        "hideTrigger"?: boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -5456,6 +5583,11 @@ declare namespace LocalJSX {
           * The `id` of a `<form>` element to associate this element with.
          */
         "form"?: string;
+        /**
+          * If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group.
+          * @default false
+         */
+        "hideTrigger"?: boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -5540,7 +5672,6 @@ declare namespace LocalJSX {
         "button"?: boolean;
         /**
           * Defines the color of the button variant. Only applicable if `button` is `true`.
-          * @default ''
          */
         "buttonColor"?: ButtonColor;
         /**
@@ -5555,7 +5686,6 @@ declare namespace LocalJSX {
         "inverted"?: boolean;
         /**
           * Define the size of badge. Small is recommended for tabs.
-          * @default ''
          */
         "size"?: CloseSize;
     }
@@ -5565,27 +5695,22 @@ declare namespace LocalJSX {
     interface DsContent {
         /**
           * Defines the positioning like center, end or default to start.
-          * @default ''
          */
         "align"?: ContentAlignment;
         /**
           * Defines the direction of the child elements. Default is column.
-          * @default ''
          */
         "direction"?: StackDirection;
         /**
           * **Deprecated:** Use direction instead.
-          * @default ''
          */
         "layout"?: StackLayout;
         /**
           * Defines the space between the child elements. Default is xx-small.
-          * @default ''
          */
         "space"?: ContentSpace;
         /**
           * Defines the text positioning like center, right or default to left.
-          * @default ''
          */
         "textAlign"?: ContentTextAlignment;
     }
@@ -6031,12 +6156,10 @@ declare namespace LocalJSX {
     interface DsHeading {
         /**
           * The actual heading level used in the HTML markup.
-          * @default ''
          */
         "autoLevel"?: HeadingVisualLevel;
         /**
           * The theme type of the toast.
-          * @default ''
          */
         "color"?: HeadingColor;
         /**
@@ -6061,7 +6184,6 @@ declare namespace LocalJSX {
         "shadow"?: boolean;
         /**
           * Defines at which position the heading has spacing.
-          * @default ''
          */
         "space"?: HeadingSpace;
         /**
@@ -6071,7 +6193,6 @@ declare namespace LocalJSX {
         "subtitle"?: boolean;
         /**
           * Make the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
-          * @default ''
          */
         "visualLevel"?: HeadingVisualLevel;
     }
@@ -6371,6 +6492,115 @@ declare namespace LocalJSX {
          */
         "value"?: string | null;
     }
+    /**
+     * Input slider renders a noUiSlider-backed slider with validation and label/description messaging.
+     */
+    interface DsInputSlider {
+        /**
+          * If `true`, in Angular reactive forms the control will not be set invalid
+          * @default false
+         */
+        "autoInvalidOff"?: boolean;
+        /**
+          * Recolors the connect (the filled progress track) with a brand color instead of the default grey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter `-2` shade. Empty (default) keeps the current grey/primary look.
+          * @default ''
+         */
+        "brandColor"?: InputSliderBrandColor;
+        /**
+          * Defines the color of the slider. The default value is `primary`.
+          * @default 'primary'
+         */
+        "color"?: InputColor;
+        /**
+          * Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+          * @default 0
+         */
+        "debounce"?: number;
+        /**
+          * The description of the slider, which is displayed below the control.
+          * @default ''
+         */
+        "description"?: string;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * If `true` the component gets an invalid style.
+          * @default false
+         */
+        "invalid"?: boolean;
+        /**
+          * The text to display when the slider is in an invalid state.
+          * @default ''
+         */
+        "invalidText"?: string;
+        /**
+          * The label of the slider, which is displayed above the control.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * The maximum value of the slider.
+          * @default 100
+         */
+        "max"?: number;
+        /**
+          * The minimum value of the slider.
+          * @default 0
+         */
+        "min"?: number;
+        /**
+          * The name of the control, which is submitted with the form data.
+          * @default this.inputSliderId
+         */
+        "name"?: string;
+        /**
+          * Emitted when the input loses focus.
+         */
+        "onDsBlur"?: (event: DsInputSliderCustomEvent<InputSliderBlurDetail>) => void;
+        /**
+          * Emitted when the value is committed (noUiSlider `change`, not `blur` — see ADR-0010/ADR-0007). Fires once per discrete drag/step, independent of focus.
+         */
+        "onDsChange"?: (event: DsInputSliderCustomEvent<InputSliderChangeDetail>) => void;
+        /**
+          * Emitted when the input is clicked.
+         */
+        "onDsClick"?: (event: DsInputSliderCustomEvent<InputSliderClickDetail>) => void;
+        /**
+          * Emitted when the input has focus.
+         */
+        "onDsFocus"?: (event: DsInputSliderCustomEvent<InputSliderFocusDetail>) => void;
+        /**
+          * Emitted on each keyboard/pointer movement, before the value is committed.
+         */
+        "onDsInput"?: (event: DsInputSliderCustomEvent<InputSliderInputDetail>) => void;
+        /**
+          * If `true` the element can not be mutated. noUiSlider has no native concept of `readonly`, so this is treated as equivalent to `disabled`.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * If `true`, the user must fill in a value before submitting a form.
+          * @default true
+         */
+        "required"?: boolean;
+        /**
+          * The granularity the value must adhere to, as a string so `"any"` (free, continuous dragging with no step snapping) can be expressed alongside numeric step sizes.
+          * @default '1'
+         */
+        "step"?: string;
+        /**
+          * The value of the slider. Unlike a text input, a slider can never be empty; when unset it defaults to `min`. Internally starts as `NaN` (this codebase's established "empty number" sentinel, see `isValueEmpty`) until `connectedCallback` resolves it — never actually rendered or emitted.
+          * @default NaN
+         */
+        "value"?: number;
+    }
     /**
      * Item displays a list entry that supports plain content, accordion, link, and button variants with optional icon, label, and description slots.
      */
@@ -7004,6 +7234,11 @@ declare namespace LocalJSX {
           * The `id` of a `<form>` element to associate this element with.
          */
         "form"?: string;
+        /**
+          * If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.
+          * @default false
+         */
+        "hideTrigger"?: boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -7104,6 +7339,11 @@ declare namespace LocalJSX {
           * The `id` of a `<form>` element to associate this element with.
          */
         "form"?: string;
+        /**
+          * If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.
+          * @default false
+         */
+        "hideTrigger"?: boolean;
         /**
           * If `true` the component gets a invalid style.
           * @default false
@@ -7572,7 +7812,6 @@ declare namespace LocalJSX {
         "labelPosition"?: SpinnerLabelPosition;
         /**
           * Defines the size of the spinner. If `sm` the spinner is smaller.
-          * @default ''
          */
         "size"?: SpinnerSize;
         /**
@@ -7592,12 +7831,10 @@ declare namespace LocalJSX {
     interface DsStack {
         /**
           * Defines the text positioning like center, right or default to start.
-          * @default ''
          */
         "align"?: StackAlignment;
         /**
           * Defines the direction of the child elements. Default is column.
-          * @default ''
          */
         "direction"?: StackDirection;
         /**
@@ -8361,6 +8598,7 @@ declare namespace LocalJSX {
         "invalid": boolean;
         "tileColor": CheckboxTileColor;
         "tile": boolean;
+        "hideTrigger": boolean;
     }
     interface DsCheckboxGroupAttributes {
         "color": InputColor;
@@ -8379,6 +8617,7 @@ declare namespace LocalJSX {
         "readonly": boolean;
         "required": boolean;
         "tile": boolean;
+        "hideTrigger": boolean;
         "tileColor": CheckboxTileColor;
         "vertical": boolean;
     }
@@ -8538,6 +8777,24 @@ declare namespace LocalJSX {
         "mask": InputMask;
         "autoInvalidOff": boolean;
     }
+    interface DsInputSliderAttributes {
+        "value": number;
+        "name": string;
+        "label": string;
+        "description": string;
+        "color": InputColor;
+        "brandColor": InputSliderBrandColor;
+        "invalid": boolean;
+        "invalidText": string;
+        "min": number;
+        "max": number;
+        "step": string;
+        "debounce": number;
+        "disabled": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "autoInvalidOff": boolean;
+    }
     interface DsItemAttributes {
         "accordionGroup": string;
         "accordionMarker": AccordionMarker;
@@ -8657,6 +8914,7 @@ declare namespace LocalJSX {
         "readonly": boolean;
         "required": boolean;
         "tile": boolean;
+        "hideTrigger": boolean;
         "tileColor": RadioTileColor;
         "value": string;
     }
@@ -8677,6 +8935,7 @@ declare namespace LocalJSX {
         "readonly": boolean;
         "required": boolean;
         "tile": boolean;
+        "hideTrigger": boolean;
         "tileColor": RadioTileColor;
         "value": string;
         "vertical": boolean;
@@ -8920,6 +9179,7 @@ declare namespace LocalJSX {
         "ds-hint-title": DsHintTitle;
         "ds-icon": Omit<DsIcon, keyof DsIconAttributes> & { [K in keyof DsIcon & keyof DsIconAttributes]?: DsIcon[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `attr:${K}`]?: DsIconAttributes[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `prop:${K}`]?: DsIcon[K] };
         "ds-input": Omit<DsInput, keyof DsInputAttributes> & { [K in keyof DsInput & keyof DsInputAttributes]?: DsInput[K] } & { [K in keyof DsInput & keyof DsInputAttributes as `attr:${K}`]?: DsInputAttributes[K] } & { [K in keyof DsInput & keyof DsInputAttributes as `prop:${K}`]?: DsInput[K] };
+        "ds-input-slider": Omit<DsInputSlider, keyof DsInputSliderAttributes> & { [K in keyof DsInputSlider & keyof DsInputSliderAttributes]?: DsInputSlider[K] } & { [K in keyof DsInputSlider & keyof DsInputSliderAttributes as `attr:${K}`]?: DsInputSliderAttributes[K] } & { [K in keyof DsInputSlider & keyof DsInputSliderAttributes as `prop:${K}`]?: DsInputSlider[K] };
         "ds-item": Omit<DsItem, keyof DsItemAttributes> & { [K in keyof DsItem & keyof DsItemAttributes]?: DsItem[K] } & { [K in keyof DsItem & keyof DsItemAttributes as `attr:${K}`]?: DsItemAttributes[K] } & { [K in keyof DsItem & keyof DsItemAttributes as `prop:${K}`]?: DsItem[K] };
         "ds-label": Omit<DsLabel, keyof DsLabelAttributes> & { [K in keyof DsLabel & keyof DsLabelAttributes]?: DsLabel[K] } & { [K in keyof DsLabel & keyof DsLabelAttributes as `attr:${K}`]?: DsLabelAttributes[K] } & { [K in keyof DsLabel & keyof DsLabelAttributes as `prop:${K}`]?: DsLabel[K] };
         "ds-list": Omit<DsList, keyof DsListAttributes> & { [K in keyof DsList & keyof DsListAttributes]?: DsList[K] } & { [K in keyof DsList & keyof DsListAttributes as `attr:${K}`]?: DsListAttributes[K] } & { [K in keyof DsList & keyof DsListAttributes as `prop:${K}`]?: DsList[K] };
@@ -9108,6 +9368,10 @@ declare module "@stencil/core" {
              * Input renders a text input field with validation, masking, autocomplete, and optional help/error messaging.
              */
             "ds-input": LocalJSX.IntrinsicElements["ds-input"] & JSXBase.HTMLAttributes<HTMLDsInputElement>;
+            /**
+             * Input slider renders a noUiSlider-backed slider with validation and label/description messaging.
+             */
+            "ds-input-slider": LocalJSX.IntrinsicElements["ds-input-slider"] & JSXBase.HTMLAttributes<HTMLDsInputSliderElement>;
             /**
              * Item displays a list entry that supports plain content, accordion, link, and button variants with optional icon, label, and description slots.
              */