@cupra/ui-kit 2.0.0-canary.23 → 2.0.0-canary.230

package/dist-react/types/components/ds-map-pin/ds-map-pin.d.ts

@@ -1,17 +1,22 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsMapPinAttrs } from './ds-map-pin.types.ts';
 export declare class DsMapPin extends UiKitElement {
     static styles: import("lit").CSSResult[];
     width: DsMapPinAttrs['width'];
     height: DsMapPinAttrs['height'];
-    checked: DsMapPinAttrs['checked'];
+    _checked: DsMapPinAttrs['checked'];
+    initialChecked: DsMapPinAttrs['initial-checked'];
+    private _checkedState?;
+    get checked(): boolean;
+    set checked(value: boolean | undefined);
     iconName: DsMapPinAttrs['icon-name'];
     iconSize: DsMapPinAttrs['icon-size'];
     iconTop: DsMapPinAttrs['icon-top'];
     clusterCount: DsMapPinAttrs['cluster-count'];
-    protected get iconTemplate(): any;
-    protected get clusterNumberTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get clusterNumberTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected handleClick(): void;
     protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get classes(): {

package/dist-react/types/components/ds-map-pin/ds-map-pin.types.d.ts

@@ -4,6 +4,7 @@ export interface DsMapPinAttrs extends CommonAttrs {
     width?: number;
     height?: number;
     checked?: boolean;
+    'initial-checked'?: boolean;
     'icon-name'?: DsIconAttrs['icon-name'];
     'icon-size'?: number;
     'icon-top'?: number;

package/dist-react/types/components/ds-media-control/ds-media-control.d.ts

@@ -1,8 +1,12 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsMediaControlAttrs } from './ds-media-control.types.ts';
 export declare class DsMediaControl extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    state: DsMediaControlAttrs['state'];
+    _state: DsMediaControlAttrs['state'];
+    private _stateValue;
+    get state(): DsMediaControlAttrs['state'];
+    set state(value: DsMediaControlAttrs['state']);
     size: DsMediaControlAttrs['size'];
     progress: DsMediaControlAttrs['progress'];
     private get normalizedProgress();

package/dist-react/types/components/ds-media-control/ds-media-control.types.d.ts

@@ -1,6 +1,6 @@
 import { CommonAttrs } from '../../types/types.ts';
 export type state = 'play' | 'pause';
-export type size = 'large' | 'medium' | 'small';
+export type size = 'xlarge' | 'large' | 'medium' | 'small';
 export type DsMediaControlAttrs = {
     state?: state;
     size?: size;

package/dist-react/types/components/ds-modal/ds-modal.d.ts

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-button/ds-button.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { type PropertyValues } from 'lit';
 import type { DsModalAttrs } from './ds-modal.types';
 declare const DsModal_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;

package/dist-react/types/components/ds-navigation-controls/ds-navigation-controls.d.ts

@@ -0,0 +1,15 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type PropertyValues } from 'lit';
+declare const DsNavigationControls_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
+export declare class DsNavigationControls extends DsNavigationControls_base {
+    static styles: import("lit").CSSResult[];
+    private slottedElements;
+    protected firstUpdated(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private handleSlotChange;
+    private getButtonSize;
+    private findIconButtons;
+    private updateIconButtonSizes;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist-react/types/components/ds-navigation-controls/ds-navigation-controls.types.d.ts

@@ -0,0 +1,2 @@
+import { CommonAttrs } from '../../types/types.ts';
+export type DsNavigationControlsAttrs = CommonAttrs;

package/dist-react/types/components/ds-navigation-controls/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist-react/types/components/ds-password-input/ds-password-input.d.ts

@@ -1,9 +1,11 @@
 import type { DsPasswordInputAttrs } from '../ds-password-input/ds-password-input.types.ts';
 import { DsTextInput } from '../ds-text-input/ds-text-input.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 export declare class DsPasswordInput extends DsTextInput {
+    static styles: import("lit").CSSResult[];
     dataAriaLabelHideButton: DsPasswordInputAttrs['data-aria-label-hide-button'];
     dataAriaLabelShowButton: DsPasswordInputAttrs['data-aria-label-show-button'];
     protected visible: boolean;
     protected handleClickIcon: () => void;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
 }

package/dist-react/types/components/ds-password-input/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist-react/types/components/ds-picker-item/ds-picker-item.d.ts

@@ -19,7 +19,7 @@ export declare class DsPickerItem extends DsPickerItem_base {
         [x: string]: boolean;
         'image-container': boolean;
     };
-    protected get loadingTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-picker-item/ds-picker-item.types.d.ts

@@ -1,7 +1,12 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { CommonAttrs } from '../../types/types.ts';
+type PresetSize = 'large' | 'medium' | 'small' | 'x-small';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
 export type DsPickerItemAttrs = {
     variant?: 'with-border' | 'without-border';
-    size?: 'small' | 'medium' | string;
+    size?: Size | ResponsiveSize;
     loading?: boolean;
     selected?: boolean;
 } & CommonAttrs;
+export {};

package/dist-react/types/components/ds-progress-bar/ds-progress-bar.d.ts

@@ -4,5 +4,6 @@ import type { DsProgressBarAttrs } from './ds-progress-bar.types';
 export declare class DsProgressBar extends DsBaseProgressBar {
     progress: DsProgressBarAttrs['progress'];
     static styles: import("lit").CSSResult[];
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get progressAriaValue(): number | undefined;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist-react/types/components/ds-radio/ds-radio.d.ts

@@ -21,6 +21,6 @@ export declare class DsRadio extends UiKitElement {
         [x: string]: boolean;
         disabled: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist-react/types/components/ds-radio-button/ds-radio-button.types.d.ts

@@ -1,6 +1,6 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsRadioButtonAttrs = {
-    size?: 'medium' | 'large' | (string & {});
+    size?: 'large' | 'medium' | string;
     'helper-text'?: string;
     error?: boolean;
     'error-text'?: string;

package/dist-react/types/components/ds-radio-button-group/ds-radio-button-group.types.d.ts

@@ -6,5 +6,5 @@ export type DsRadioButtonGroupAttrs = {
     'helper-text'?: string;
     disabled?: boolean;
     orientation?: Orientation;
-    size?: 'medium' | 'small' | (string & {});
+    size?: 'large' | 'medium' | string;
 } & CommonAttrs;

package/dist-react/types/components/ds-search/ds-search.d.ts

@@ -1,6 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsBaseInputAttrs } from '../base/ds-base-input/ds-base-input.types.ts';
 import type { DsInputAttrs } from '../ds-input/ds-input.types.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 declare const DsSearch_base: typeof UiKitElement;
 export declare class DsSearch extends DsSearch_base {
@@ -39,9 +40,9 @@ export declare class DsSearch extends DsSearch_base {
     protected get clearIconTemplate(): import("lit").TemplateResult<1>;
     protected handleInput: (event: Event) => void;
     protected get inputTemplate(): import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get errorTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get errorTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleSuccess: (position: GeolocationPosition) => void;
     handleError: (error: GeolocationPositionError) => void;
     protected handleClickHelperText(): void;

package/dist-react/types/components/ds-search-input/ds-search-input.d.ts

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-loader-spinner/ds-loader-spinner.ts';
 import { nothing } from 'lit';
 import type { DsSearchInputAttrs } from './ds-search-input.types.ts';
 declare const DsSearchInput_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
@@ -16,15 +19,15 @@ export declare class DsSearchInput extends DsSearchInput_base {
     protected handleRemove: () => void;
     private get classes();
     render(): import("lit").TemplateResult<1>;
-    protected get searchIconTemplate(): any;
-    protected get removeTemplate(): any;
-    protected get positionTemplate(): any;
-    protected get loaderSpinnerTemplate(): any;
-    protected get footerTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get searchIconTemplate(): import("lit").HTMLTemplateResult;
+    protected get removeTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get positionTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get loaderSpinnerTemplate(): import("lit").HTMLTemplateResult;
+    protected get footerTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     handleClickPositionButton: () => void;
-    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get forcedErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get invalidErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get lengthTemplate(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export {};

package/dist-react/types/components/ds-search-input/ds-search-input.types.d.ts

@@ -1,6 +1,6 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsSearchInputAttrs = {
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium';
     variant?: 'primary' | 'secondary';
     loading?: boolean;
     'with-position-button'?: boolean;

package/dist-react/types/components/ds-secondary-navigation/ds-secondary-navigation.d.ts

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-button/ds-button.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { type PropertyValues } from 'lit';
 import type { DsSecondaryNavigationAttrs } from './ds-secondary-navigation.types';
 declare const DsSecondaryNavigation_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
@@ -6,11 +9,19 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
     static styles: import("lit").CSSResult[];
     dropdownButtonText: DsSecondaryNavigationAttrs['dropdown-button-text'];
     selectedIndex: DsSecondaryNavigationAttrs['selected-index'];
-    textTransform: DsSecondaryNavigationAttrs['text-transform'];
+    keepDropdownButtonText: DsSecondaryNavigationAttrs['keep-dropdown-button-text'];
+    itemsMode: string;
+    actionsMode: string;
     private openItems;
     private openCtas;
     private hasScrollLeft;
     private hasScrollRight;
+    private actionsCount;
+    private static readonly RESPONSIVE_BUTTON_SIZE;
+    private static readonly VIEWPORT_ORDER;
+    private static resolveResponsive;
+    private get resolvedItemsMode();
+    private get resolvedActionsMode();
     private items;
     private ctas;
     private itemsContainer;
@@ -29,11 +40,14 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
     private updateSelectedItem;
     private updateCtas;
     private handleItemClick;
-    private get textTransformStyle();
+    private get shouldShowItemsInline();
+    private get shouldShowItemsDropdownButton();
+    private get shouldShowActionsInline();
+    private get shouldShowActionsDropdownButton();
     render(): import("lit").TemplateResult<1>;
     private get itemsTemplate();
     private get actionsTemplate();
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     private get itemsDropdownButtonTemplate();
     private get itemsDropdownTemplate();
     private get actionsDropdownButtonTemplate();

package/dist-react/types/components/ds-secondary-navigation/ds-secondary-navigation.types.d.ts

@@ -1,6 +1,13 @@
 import { CommonAttrs } from '../../types/types';
+export type ItemsMode = 'auto' | 'inline' | 'select' | 'icon-button';
+export type ActionsMode = 'auto' | 'inline' | 'dropdown';
+export type ViewportKey = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type ResponsiveItemsMode = Partial<Record<ViewportKey, ItemsMode>>;
+export type ResponsiveActionsMode = Partial<Record<ViewportKey, ActionsMode>>;
 export type DsSecondaryNavigationAttrs = {
     'dropdown-button-text'?: string;
     'selected-index'?: number;
-    'text-transform'?: string;
+    'keep-dropdown-button-text'?: boolean;
+    'items-mode'?: ItemsMode | string;
+    'actions-mode'?: ActionsMode | string;
 } & CommonAttrs;

package/dist-react/types/components/ds-select/ds-select.d.ts

@@ -1,5 +1,8 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsSelectAttrs } from '../ds-select/ds-select.types.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-loader-spinner/ds-loader-spinner.ts';
+import { nothing } from 'lit';
 export declare class DsSelect extends UiKitElement {
     static styles: import("lit").CSSResult[];
     private static readonly ARIA_OPTION_PREFIX;
@@ -7,11 +10,17 @@ export declare class DsSelect extends UiKitElement {
     mode: DsSelectAttrs['mode'];
     size: DsSelectAttrs['size'];
     variant: DsSelectAttrs['variant'];
+    readonly: DsSelectAttrs['readonly'];
+    loading: DsSelectAttrs['loading'];
+    loadingAriaLabel: DsSelectAttrs['loading-aria-label'];
+    iconName: DsSelectAttrs['icon-name'];
+    dataAriaLabel: DsSelectAttrs['data-aria-label'];
     private _open;
+    private _keyboardNavigating;
     private nativeSelect;
     private nativeLabel;
     private nativeOptions;
-    activeIndex: number;
+    keyboardFocusIndex: number;
     hasForcedError: boolean;
     private nativeSelects;
     private nativeLabels;
@@ -44,6 +53,8 @@ export declare class DsSelect extends UiKitElement {
         container: boolean;
         open: boolean;
         disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
         filled: boolean;
         invalid: boolean;
         error: boolean;
@@ -51,7 +62,9 @@ export declare class DsSelect extends UiKitElement {
     set open(value: boolean);
     get open(): boolean;
     render(): import("lit").TemplateResult<1>;
-    protected get iconTemplate(): any;
+    private get spinnerSize();
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get leftIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     private get displaySelectTemplate();
     private get activeDescendantId();
     private get optionsContainerTemplate();

package/dist-react/types/components/ds-select/ds-select.types.d.ts

@@ -1,6 +1,12 @@
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
 import type { CommonAttrs } from '../../types/types.ts';
 export interface DsSelectAttrs extends CommonAttrs {
     mode?: 'dark' | 'light';
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium';
     variant?: 'primary' | 'secondary' | (string & {});
+    readonly?: boolean;
+    'icon-name'?: DsIconAttrs['icon-name'];
+    loading?: boolean;
+    'loading-aria-label'?: string;
+    'data-aria-label'?: string;
 }

package/dist-react/types/components/ds-selection/ds-selection.d.ts

@@ -1,9 +1,11 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsSelectionAttrs } from './ds-selection.types.ts';
 export declare class DsSelection extends UiKitElement {
     static styles: import("lit").CSSResult[];
     checked: DsSelectionAttrs['checked'];
-    protected get iconTemplate(): any;
+    dataAriaLabel: DsSelectionAttrs['data-aria-label'];
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     private get classes();
     handleClick(): void;
     render(): import("lit").TemplateResult<1>;

package/dist-react/types/components/ds-selection/ds-selection.types.d.ts

@@ -1,4 +1,5 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsSelectionAttrs = {
     checked: boolean;
+    'data-aria-label'?: string;
 } & CommonAttrs;

package/dist-react/types/components/ds-sidebar-navigation/ds-sidebar-navigation.d.ts

@@ -1,15 +1,23 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues } from 'lit';
 import type { DsSidebarNavigationAttrs } from './ds-sidebar-navigation.types';
 export declare class DsSidebarNavigation extends UiKitElement implements DsSidebarNavigationAttrs {
     static styles: import("lit").CSSResult[];
-    private open;
-    mainCtas: Array<Node>;
+    open: DsSidebarNavigationAttrs['open'];
+    mainCtas: Array<Element>;
+    ctasButtons: Array<Element>;
+    private scrollLocked;
     protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
     private toggleModal;
+    private handleModalClick;
     private modalButtonTemplate;
     private handleSlotChange;
+    private handleCtasSlotChange;
     private setMainCtaSize;
+    private setButtonSize;
     private classes;
     render(): import("lit").TemplateResult<1>;
 }

package/dist-react/types/components/ds-sidebar-navigation/ds-sidebar-navigation.types.d.ts

@@ -1,6 +1,4 @@
 import type { CommonAttrs } from '../../types/types.ts';
-export type DsSidebarNavigationVariant = 'default';
-export type DsSidebarNavigationSize = 'md' | 'lg';
-export type DsSidebarNavigationState = 'default' | 'disabled';
 export interface DsSidebarNavigationAttrs extends CommonAttrs {
+    open?: boolean;
 }

package/dist-react/types/components/ds-skeleton/ds-skeleton.d.ts

@@ -0,0 +1,18 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsSkeletonAttrs } from './ds-skeleton.types.js';
+export declare class DsSkeleton extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    variant: DsSkeletonAttrs['variant'];
+    width?: DsSkeletonAttrs['width'];
+    height?: DsSkeletonAttrs['height'];
+    animation: DsSkeletonAttrs['animation'];
+    protected get classes(): {
+        [x: string]: boolean;
+        skeleton: boolean;
+    };
+    protected get inlineStyles(): {
+        width: string;
+        height: string;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-skeleton/ds-skeleton.types.d.ts

@@ -0,0 +1,7 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsSkeletonAttrs extends CommonAttrs {
+    variant?: 'text' | 'circular' | 'rectangular';
+    width?: string;
+    height?: string;
+    animation?: 'shimmer' | 'none';
+}

package/dist-react/types/components/ds-skeleton/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist-react/types/components/ds-slider/ds-slider.d.ts

@@ -1,9 +1,11 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-text-input/ds-text-input.ts';
 import { type FormatedNumber } from '../../utils/formatNumber/formatNumber.ts';
 import { type PropertyValues } from 'lit';
-import type { DsSliderAttrs } from './ds-slider.types';
+import type { DsSliderAttrs, DsSliderVariant } from './ds-slider.types';
 declare const DsSlider_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
 export declare class DsSlider extends DsSlider_base {
+    variant: DsSliderVariant;
     min: DsSliderAttrs['min'];
     max: DsSliderAttrs['max'];
     minLabel: DsSliderAttrs['min-label'];
@@ -11,6 +13,8 @@ export declare class DsSlider extends DsSlider_base {
     step: DsSliderAttrs['step'];
     initialValueMin: DsSliderAttrs['initial-value-min'];
     initialValueMax: DsSliderAttrs['initial-value-max'];
+    valueMin: DsSliderAttrs['value-min'];
+    valueMax: DsSliderAttrs['value-max'];
     mode: DsSliderAttrs['mode'];
     locale: DsSliderAttrs['locale'];
     localeMatcher: DsSliderAttrs['locale-matcher'];
@@ -29,17 +33,31 @@ export declare class DsSlider extends DsSlider_base {
     disabled: DsSliderAttrs['disabled'];
     inputMinAriaLabel: DsSliderAttrs['input-min-aria-label'];
     inputMaxAriaLabel: DsSliderAttrs['input-max-aria-label'];
+    allowThumbOverlap: DsSliderAttrs['allow-thumb-overlap'];
     protected track: HTMLInputElement;
-    protected valueMin: number;
-    protected valueMax: number;
+    protected _valueMin: number;
+    protected _valueMax: number;
+    protected editingField?: 'min' | 'max' | null;
     protected activeThumb: 'min' | 'max' | null;
     protected animationFrameRequest: number;
-    protected editingField?: 'min' | 'max' | null;
     protected keyboardMode: boolean;
+    private _initialValuesApplied;
     static styles: import("lit").CSSResult[];
+    protected get isRange(): boolean;
+    private get sliderSizeToTextInputSize();
+    private isControlled;
+    private getRoleById;
+    private get currentValues();
+    private computeStep;
+    protected willUpdate(changedProps: PropertyValues): void;
     disconnectedCallback(): void;
     protected firstUpdated(changedProps: PropertyValues): void;
+    private applyInitialValues;
     protected getTrackPct(value: number): number;
+    protected get thumbRadius(): number;
+    private static readonly THUMB_RADIUS_CSS_VAR;
+    private trackPosition;
+    private trackWidth;
     protected getNewValue: (event: MouseEvent | TouchEvent) => number;
     protected setActiveThumb: (event: MouseEvent | TouchEvent) => void;
     protected handleMouseMove: (event: MouseEvent | TouchEvent) => void;
@@ -61,14 +79,16 @@ export declare class DsSlider extends DsSlider_base {
     protected onInputBlur: (event: FocusEvent) => void;
     protected onInputKeyDown: (event: KeyboardEvent, id: 1 | 2) => void;
     protected onThumbKeyDown: (event: KeyboardEvent, id: 1 | 2) => void;
-    protected getInputTemplate(id: number): import("lit").TemplateResult<1>;
+    protected getInputTemplate(id: 1 | 2): import("lit").HTMLTemplateResult;
     protected get inputsTemplate(): import("lit").TemplateResult<1>;
+    protected getSecondaryInputTemplate(id: 1 | 2): import("lit").HTMLTemplateResult;
+    protected get secondaryInputsTemplate(): import("lit").TemplateResult<1>;
     protected get containerClasses(): {
         [x: string]: boolean;
         container: boolean;
         disabled: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-slider/ds-slider.types.d.ts

@@ -1,5 +1,12 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { Currency, Decimal, Integer0To20, Integer1To21, Locale, NoUnit, Percent, Unit } from '../../utils/formatNumber/formatNumber.ts';
 import type { CommonAttrs } from '../../types/types';
+export type DsSliderVariant = 'primary' | 'secondary';
+type PresetSize = 'large' | 'medium';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
+type UnitSymbolPosition = 'left' | 'right';
+type Mode = 'dark' | 'light';
 type SliderCurrency = Omit<Currency, 'style'> & {
     'unit-style': 'currency';
     'unit-symbol'?: never;
@@ -25,18 +32,34 @@ type SliderCustomUnit = Omit<NoUnit, 'style'> & {
     'unit-symbol': string;
 };
 type SliderUnitStyle = SliderCurrency | SliderDecimal | SliderPercent | SliderUnit | SliderNoUnit | SliderCustomUnit;
+type UncontrolledMin = {
+    'initial-value-min'?: number;
+    'value-min'?: never;
+};
+type ControlledMin = {
+    'initial-value-min'?: never;
+    'value-min'?: number;
+};
+type UncontrolledMax = {
+    'initial-value-max'?: number;
+    'value-max'?: never;
+};
+type ControlledMax = {
+    'initial-value-max'?: never;
+    'value-max'?: number;
+};
+type SliderValueProps = (UncontrolledMin | ControlledMin) & (UncontrolledMax | ControlledMax);
 export type DsSliderAttrs = CommonAttrs & {
+    variant?: DsSliderVariant;
     min?: number;
     max?: number;
     'min-label'?: string;
     'max-label'?: string;
     step?: number;
-    'initial-value-min'?: number;
-    'initial-value-max'?: number;
-    mode?: 'dark' | 'light';
-    size?: 'medium' | 'large' | string;
+    mode?: Mode;
+    size?: Size | ResponsiveSize;
     disabled?: boolean;
-    'unit-symbol-position'?: 'left' | 'right';
+    'unit-symbol-position'?: UnitSymbolPosition;
     locale?: Locale;
     localeMatcher?: 'lookup' | 'best fit';
     'minimum-integer-digits'?: Integer1To21;
@@ -47,5 +70,6 @@ export type DsSliderAttrs = CommonAttrs & {
     'use-grouping'?: 'auto' | boolean;
     'input-min-aria-label'?: string;
     'input-max-aria-label'?: string;
-} & SliderUnitStyle;
+    'allow-thumb-overlap'?: boolean;
+} & SliderValueProps & SliderUnitStyle;
 export {};

package/dist-react/types/components/ds-slider/styles/common.styles.d.ts

@@ -3,3 +3,4 @@ export declare const currentValueStyles: import("lit").CSSResult;
 export declare const rangeValueStyles: import("lit").CSSResult;
 export declare const trackStyles: import("lit").CSSResult;
 export declare const thumbStyles: import("lit").CSSResult;
+export declare const inputResetStyles: import("lit").CSSResult;

package/dist-react/types/components/ds-slider/utils/getStepValue/getStepValue.d.ts

@@ -5,6 +5,7 @@ type GetStepValue = (props: {
     proposedValue: number;
     role: 'min' | 'max';
     currentValues: Record<string, number>;
+    allowOverlap?: boolean;
 }) => {
     stepValue: number;
     minLimit: number;

package/dist-react/types/components/ds-static-box/ds-static-box.d.ts

@@ -6,8 +6,16 @@ export declare class DsStaticBox extends DsStaticBox_base {
     size: DsStaticBoxAttrs['size'];
     headerItems: Array<Node>;
     footerItems: Array<Node>;
+    mainElement: HTMLElement;
+    showTopShadow: boolean;
+    showBottomShadow: boolean;
+    private cleanupScrollObserver?;
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    private get mainWrapperClasses();
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    private onSlotChange;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-static-box/ds-static-box.types.d.ts

@@ -1,4 +1,9 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import { CommonAttrs } from '../../types/types';
+type PresetSize = 'large' | 'medium' | 'small';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
 export type DsStaticBoxAttrs = {
-    size?: 'small' | 'medium' | 'large' | string;
+    size?: Size | ResponsiveSize;
 } & CommonAttrs;
+export {};