@ds-mo/ui 8.0.1 → 8.2.0

package/dist/types/components.d.ts

@@ -11,17 +11,17 @@ import { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
 import { BannerContrast, BannerIntent } from "./components/Banner/Banner";
 import { BarNavTab } from "./components/BarNav/bar-nav-types";
 import { ButtonFilledContrast, ButtonFilledIntent, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
-import { ButtonUnfilledBackground, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
+import { ButtonUnfilledBackground, ButtonUnfilledPopup, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
 import { CardAppearance, CardWidth } from "./components/Card/Card";
 import { CardDataVizDonutWidth } from "./components/CardDataVizDonut/CardDataVizDonut";
 import { CardSettingWidth } from "./components/CardSetting/CardSetting";
 import { ChartDatum, ChartLegendItem, ChartSeries } from "./utils/chart-types";
 import { ChartLegendDirection } from "./components/ChartLegend/ChartLegend";
+import { CheckboxSize } from "./components/Checkbox/Checkbox";
 import { ChipSize, ChipState } from "./components/Chip/Chip";
 import { DividerBackground, DividerInset, DividerLength, DividerOrientation } from "./components/Divider/Divider";
-import { EmptyStateType } from "./components/EmptyState/EmptyState";
 import { IconColor, IconSize } from "./components/Icon/Icon";
-import { InputType } from "./components/Input/Input";
+import { InputSize, InputType, InputWidth } from "./components/Input/Input";
 import { LoaderColor, LoaderSize } from "./components/Loader/Loader";
 import { MenuItemData, MenuSection } from "./components/Menu/menu-types";
 import { MenuAlign, MenuSide } from "./components/Menu/menu-position";
@@ -31,13 +31,15 @@ import { ChromeTransitionDetail } from "./shell/chrome-transition";
 import { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 import { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 import { PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
-import { RadioOption } from "./components/RadioGroup/RadioGroup";
-import { SelectOption, SelectSize, SelectWidth } from "./components/Select/Select";
+import { RadioOption, RadioSize } from "./components/Radio/Radio";
+import { SelectBackground, SelectOption, SelectSection, SelectSize, SelectWidth } from "./components/Select/Select";
+import { SelectMultiBackground, SelectMultiOption, SelectMultiSection, SelectMultiSize, SelectMultiWidth } from "./components/SelectMulti/SelectMulti";
 import { ShellGradientPreset as ShellGradientPreset1 } from "./components/ShellGradientSwatch/shell-gradient-swatch-types";
 import { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
 import { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
 import { IconSize as IconSize1 } from "./components/Icon/Icon";
 import { ControlSize } from "./utils/control-text";
+import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
 import { SwitchSize } from "./components/Switch/Switch";
 import { TabGroupItem } from "./components/TabGroup/tab-item-utils";
 import { TabBackground } from "./components/TabGroup/TabGroup";
@@ -50,17 +52,17 @@ export { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
 export { BannerContrast, BannerIntent } from "./components/Banner/Banner";
 export { BarNavTab } from "./components/BarNav/bar-nav-types";
 export { ButtonFilledContrast, ButtonFilledIntent, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
-export { ButtonUnfilledBackground, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
+export { ButtonUnfilledBackground, ButtonUnfilledPopup, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
 export { CardAppearance, CardWidth } from "./components/Card/Card";
 export { CardDataVizDonutWidth } from "./components/CardDataVizDonut/CardDataVizDonut";
 export { CardSettingWidth } from "./components/CardSetting/CardSetting";
 export { ChartDatum, ChartLegendItem, ChartSeries } from "./utils/chart-types";
 export { ChartLegendDirection } from "./components/ChartLegend/ChartLegend";
+export { CheckboxSize } from "./components/Checkbox/Checkbox";
 export { ChipSize, ChipState } from "./components/Chip/Chip";
 export { DividerBackground, DividerInset, DividerLength, DividerOrientation } from "./components/Divider/Divider";
-export { EmptyStateType } from "./components/EmptyState/EmptyState";
 export { IconColor, IconSize } from "./components/Icon/Icon";
-export { InputType } from "./components/Input/Input";
+export { InputSize, InputType, InputWidth } from "./components/Input/Input";
 export { LoaderColor, LoaderSize } from "./components/Loader/Loader";
 export { MenuItemData, MenuSection } from "./components/Menu/menu-types";
 export { MenuAlign, MenuSide } from "./components/Menu/menu-position";
@@ -70,13 +72,15 @@ export { ChromeTransitionDetail } from "./shell/chrome-transition";
 export { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 export { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 export { PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
-export { RadioOption } from "./components/RadioGroup/RadioGroup";
-export { SelectOption, SelectSize, SelectWidth } from "./components/Select/Select";
+export { RadioOption, RadioSize } from "./components/Radio/Radio";
+export { SelectBackground, SelectOption, SelectSection, SelectSize, SelectWidth } from "./components/Select/Select";
+export { SelectMultiBackground, SelectMultiOption, SelectMultiSection, SelectMultiSize, SelectMultiWidth } from "./components/SelectMulti/SelectMulti";
 export { ShellGradientPreset as ShellGradientPreset1 } from "./components/ShellGradientSwatch/shell-gradient-swatch-types";
 export { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
 export { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
 export { IconSize as IconSize1 } from "./components/Icon/Icon";
 export { ControlSize } from "./utils/control-text";
+export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
 export { SwitchSize } from "./components/Switch/Switch";
 export { TabGroupItem } from "./components/TabGroup/tab-item-utils";
 export { TabBackground } from "./components/TabGroup/TabGroup";
@@ -116,6 +120,11 @@ export namespace Components {
           * @default false
          */
         "gradientBackground": boolean;
+        /**
+          * Show the separation ring when the badge overlaps an icon or other content.
+          * @default true
+         */
+        "hasRing": boolean;
         /**
           * Contextual supplemental text. Omit when the owner hides the badge from assistive technology.
          */
@@ -244,6 +253,11 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * Use the half-radius treatment instead of the default control radius.
+          * @default false
+         */
+        "rounded": boolean;
         "setFocus": () => Promise<void>;
         /**
           * Control density (height, padding, icon, type).
@@ -297,7 +311,7 @@ export namespace Components {
           * @default true
          */
         "hasBorder": boolean;
-        "haspopup": string | undefined;
+        "haspopup": ButtonUnfilledPopup | undefined;
         /**
           * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
           * @default ''
@@ -324,6 +338,11 @@ export namespace Components {
          */
         "label": string;
         "pressed": boolean | undefined;
+        /**
+          * Use the half-radius treatment instead of the default control radius.
+          * @default false
+         */
+        "rounded": boolean;
         "setFocus": () => Promise<void>;
         /**
           * Control density (height, padding, icon, type).
@@ -527,32 +546,55 @@ export namespace Components {
     }
     interface DsCheckbox {
         /**
+          * Current checked state.
           * @default false
          */
         "checked": boolean;
         /**
+          * Native disabled state.
           * @default false
          */
         "disabled": boolean;
         /**
+          * Mixed visual state. Activation clears it before toggling checked.
           * @default false
          */
         "indeterminate": boolean;
         /**
+          * Design-system inactive state.
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Visible label and accessible name. Omitted only in presentation mode.
+         */
         "label": string;
+        /**
+          * Native form field name.
+         */
         "name": string | undefined;
         /**
+          * Visual-only indicator for a composite control that owns selection semantics.
+          * @default false
+         */
+        "presentation": boolean;
+        /**
+          * Require the checkbox to be checked for form validity.
           * @default false
          */
         "required": boolean;
         /**
+          * Validation message used when a required checkbox is unchecked.
           * @default 'This field is required.'
          */
         "requiredMessage": string;
         /**
+          * Visual and placement density.
+          * @default 'md'
+         */
+        "size": CheckboxSize;
+        /**
+          * Submitted value when checked.
           * @default 'on'
          */
         "value": string;
@@ -615,27 +657,46 @@ export namespace Components {
         "semantic": boolean;
     }
     interface DsEmptyState {
-        "message": string | undefined;
         /**
-          * Localized defaults keyed by empty-state type. Set as a JS property.
-          * @default {}
+          * Explanatory empty-state copy. Every supported variant includes body text.
+          * @default ''
+         */
+        "body": string;
+        /**
+          * Optional visual title. Use with body; required when icon is provided.
          */
-        "messages": Partial<Record<EmptyStateType, string>>;
+        "heading": string | undefined;
         /**
-          * @default 'no-content'
+          * Optional decorative prefix glyph for the complete icon + title + body variant.
          */
-        "type": EmptyStateType;
+        "icon": string | undefined;
     }
     interface DsField {
         /**
-          * ID forwarded to the slotted control via the label's `for` attribute. Auto-generated if omitted.
+          * Optional guidance associated with the slotted control.
+         */
+        "description": string | undefined;
+        /**
+          * Invalid visual and accessible state forwarded to supported ds controls.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Visible error associated with the slotted control while error is true.
+         */
+        "errorMessage": string | undefined;
+        /**
+          * Explicit ID for the slotted control; generated when omitted.
          */
         "fieldId": string | undefined;
+        /**
+          * Persistent visible label for the single slotted control.
+         */
         "label": string;
     }
     interface DsIcon {
         /**
-          * Semantic foreground color token, or a raw CSS var reference.
+          * Semantic foreground color token, or a raw CSS var reference. `tertiary` and the still-fainter `quaternary` are restricted to icons inside genuinely inactive/disabled UI or to purely decorative icons; informative icons must retain sufficient contrast.
           * @default 'inherit'
          */
         "color": IconColor;
@@ -661,6 +722,10 @@ export namespace Components {
          */
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
+        /**
+          * Native browser autofill hint.
+         */
+        "autoComplete": string | undefined;
         /**
           * @default false
          */
@@ -673,21 +738,46 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Preferred virtual-keyboard action label.
+          * @default ''
+         */
+        "enterKeyHint": string;
         /**
           * @default false
          */
         "error": boolean;
         "errorMessage": string | undefined;
+        "form": string | undefined;
+        /**
+          * Show the standard inset border.
+          * @default true
+         */
+        "hasBorder": boolean;
+        /**
+          * Optional leading icon name.
+         */
+        "icon": string | undefined;
         /**
           * Associates the internal input with an external <label>.
          */
         "inputId": string | undefined;
+        /**
+          * Preferred virtual keyboard without changing the value semantics.
+          * @default ''
+         */
+        "inputMode": string;
         /**
           * @default false
          */
         "isInactive": boolean;
         "name": string | undefined;
         "placeholder": string | undefined;
+        /**
+          * Keeps the value focusable and submittable while preventing edits.
+          * @default false
+         */
+        "readOnly": boolean;
         /**
           * @default false
          */
@@ -697,6 +787,11 @@ export namespace Components {
          */
         "requiredMessage": string;
         "setFocus": () => Promise<void>;
+        /**
+          * Control density.
+          * @default 'md'
+         */
+        "size": InputSize;
         /**
           * @default 'text'
          */
@@ -705,10 +800,15 @@ export namespace Components {
           * @default ''
          */
         "value": string;
+        /**
+          * Width fit — fill the parent (default) or hug the available content.
+          * @default 'fill'
+         */
+        "width": InputWidth;
     }
     interface DsLoader {
         /**
-          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`.
+          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`. Do not use `tertiary` or `quaternary` for a standalone or informative Loader; inherit a readable color from the owning busy control or region.
           * @default 'inherit'
          */
         "color": LoaderColor;
@@ -872,6 +972,11 @@ export namespace Components {
           * @default 'dashboard'
          */
         "navStyle": NavChromeStyle;
+        /**
+          * Localized name for the body when overflow makes it a keyboard-scrollable region.
+          * @default 'Navigation items'
+         */
+        "navigationItemsLabel": string;
         /**
           * How items with `href` render: - `anchor` (default): native `<a href>` — works with routers that intercept anchors. - `event`: always `<button>`; host handles navigation via `dsNavSelect`.
           * @default 'anchor'
@@ -969,107 +1074,352 @@ export namespace Components {
          */
         "toolsLabel": string;
     }
-    interface DsRadioGroup {
+    interface DsRadio {
         /**
+          * Accessible name when visible group labeling is unavailable.
           * @default null
          */
         "ariaLabel": string | null;
+        /**
+          * Id reference for a visible group label.
+         */
         "ariaLabelledby": string | undefined;
         /**
+          * Layout direction for the option set.
           * @default 'vertical'
          */
         "direction": 'vertical' | 'horizontal';
         /**
+          * Native disabled state for the complete set.
           * @default false
          */
         "disabled": boolean;
         /**
+          * Associates the radio set with a form by id when rendered outside that form.
+         */
+        "form": string | undefined;
+        /**
+          * Design-system inactive state for the complete set.
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Native form field name.
+         */
         "name": string | undefined;
         /**
+          * Visible choices in this one-of-many set.
           * @default []
          */
         "options": RadioOption[];
         /**
+          * Require one option to be selected for form validity.
           * @default false
          */
         "required": boolean;
         /**
+          * Validation message used when a required set has no selection.
           * @default 'This field is required.'
          */
         "requiredMessage": string;
         /**
+          * Visual and placement density for every option.
+          * @default 'md'
+         */
+        "size": RadioSize;
+        /**
+          * Selected option value.
           * @default ''
          */
         "value": string;
     }
-    /**
-     * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-     * control-density sizes, with `ds-menu` for the option list.
-     */
     interface DsSelect {
         /**
-          * When a value is selected, render the selected interaction fill (same recipe as unfilled-button `activeFill`). Default `true`. Pass `false` for foreground-only selection (primary label, no fill). A selected value promotes the label to primary; chevron stays secondary.
+          * Show the selected interaction fill when a valid value exists.
           * @default true
          */
         "activeFill": boolean;
         /**
+          * Show the clear footer action when a value exists.
+          * @default true
+         */
+        "allowClear": boolean;
+        /**
+          * Additional IDs that describe the combobox.
+         */
+        "ariaDescribedby": string | undefined;
+        /**
+          * Direct accessible name when no external label is available.
           * @default null
          */
         "ariaLabel": string | null;
+        /**
+          * IDs of elements that label the combobox.
+         */
         "ariaLabelledby": string | undefined;
         /**
+          * Actual parent surface context; omit on primary and secondary surfaces.
+         */
+        "background": SelectBackground | undefined;
+        /**
+          * Localized clear action label.
+          * @default 'Clear'
+         */
+        "clearLabel": string;
+        /**
+          * Native disabled state.
           * @default false
          */
         "disabled": boolean;
         /**
-          * Show a 1px secondary inset border. Default on (matches unfilled button).
+          * Show invalid visual state.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error text rendered below the trigger when error is true.
+         */
+        "errorMessage": string | undefined;
+        /**
+          * Show the surface-aware inset border.
           * @default true
          */
         "hasBorder": boolean;
         /**
-          * Disables interaction (25% opacity via ds-control-inactive).
+          * Optional trigger prefix icon name.
+         */
+        "icon": string | undefined;
+        /**
+          * ID applied to the internal combobox trigger for external labels.
+         */
+        "inputId": string | undefined;
+        /**
+          * Shared inactive treatment; removes interaction and form submission.
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Replace the prefix with a loader and disable option interaction.
+          * @default false
+         */
+        "isLoading": boolean;
+        /**
+          * Accessible loading status label.
+          * @default 'Loading'
+         */
+        "loadingLabel": string;
+        /**
+          * Native form field name.
+         */
         "name": string | undefined;
         /**
-          * Array of options. Set via JS property.
-          * @example el.options = [{ label: 'Apple', value: 'apple' }];
+          * Localized empty-filter result text.
+          * @default 'No results found'
+         */
+        "noResultsText": string;
+        /**
+          * Controlled popup visibility.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Flat choices. Assign arrays through the JavaScript property.
           * @default []
          */
         "options": SelectOption[];
         /**
-          * Placeholder shown when no value is selected.
+          * Trigger text shown when no valid value is selected.
           * @default 'Select'
          */
         "placeholder": string;
         /**
+          * Require one valid selected value.
           * @default false
          */
         "required": boolean;
         /**
+          * Validation message used when required is missing.
           * @default 'This field is required.'
          */
         "requiredMessage": string;
         /**
-          * Control density (height, padding, icon, type).
+          * Localized search-field placeholder and accessible name.
+          * @default 'Search'
+         */
+        "searchPlaceholder": string;
+        /**
+          * Show immediate local filtering over option labels, subtext, and section headings.
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * Grouped choices; takes precedence over options. Assign through JavaScript.
+          * @default []
+         */
+        "sections": SelectSection[];
+        "setFocus": () => Promise<void>;
+        /**
+          * Control density.
           * @default 'md'
          */
         "size": SelectSize;
         /**
-          * Currently selected value.
+          * Selected string value. Unknown values render the placeholder and are not submitted.
           * @default ''
          */
         "value": string;
         /**
-          * Width fit — fill the parent (default) or hug content.
-          * @default 'fill'
+          * Width fit — hug content (default) or fill the parent.
+          * @default 'hug'
          */
         "width": SelectWidth;
     }
+    interface DsSelectMulti {
+        /**
+          * Show the selected interaction fill when at least one value exists.
+          * @default true
+         */
+        "activeFill": boolean;
+        /**
+          * Show the clear-all footer action when values exist.
+          * @default true
+         */
+        "allowClear": boolean;
+        /**
+          * Additional IDs that describe the combobox.
+         */
+        "ariaDescribedby": string | undefined;
+        /**
+          * Direct accessible name when no external label is available.
+          * @default null
+         */
+        "ariaLabel": string | null;
+        /**
+          * IDs of elements that label the combobox.
+         */
+        "ariaLabelledby": string | undefined;
+        /**
+          * Actual parent surface context; omit on primary and secondary surfaces.
+         */
+        "background": SelectMultiBackground | undefined;
+        /**
+          * Localized clear-all action label.
+          * @default 'Clear'
+         */
+        "clearLabel": string;
+        /**
+          * Native disabled state.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Show invalid visual state.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * Error text rendered below the trigger when error is true.
+         */
+        "errorMessage": string | undefined;
+        /**
+          * Show the surface-aware inset border.
+          * @default true
+         */
+        "hasBorder": boolean;
+        /**
+          * Optional trigger prefix icon name.
+         */
+        "icon": string | undefined;
+        /**
+          * ID applied to the internal combobox trigger for external labels.
+         */
+        "inputId": string | undefined;
+        /**
+          * Shared inactive treatment; removes interaction and form submission.
+          * @default false
+         */
+        "isInactive": boolean;
+        /**
+          * Replace the prefix with a loader and disable option interaction.
+          * @default false
+         */
+        "isLoading": boolean;
+        /**
+          * Accessible loading status label.
+          * @default 'Loading'
+         */
+        "loadingLabel": string;
+        /**
+          * Native form field name used for each repeated selected-value entry.
+         */
+        "name": string | undefined;
+        /**
+          * Localized empty-filter result text.
+          * @default 'No results found'
+         */
+        "noResultsText": string;
+        /**
+          * Controlled popup visibility.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Flat choices. Assign arrays through the JavaScript property.
+          * @default []
+         */
+        "options": SelectMultiOption[];
+        /**
+          * Persistent trigger label; selected option labels never replace it.
+          * @default 'Select'
+         */
+        "placeholder": string;
+        /**
+          * Require at least one valid selected value.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Validation message used when required is missing.
+          * @default 'This field is required.'
+         */
+        "requiredMessage": string;
+        /**
+          * Localized search-field placeholder and accessible name.
+          * @default 'Search'
+         */
+        "searchPlaceholder": string;
+        /**
+          * Show immediate local filtering over option labels, subtext, and section headings.
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * Grouped choices; takes precedence over options. Assign through JavaScript.
+          * @default []
+         */
+        "sections": SelectMultiSection[];
+        /**
+          * Localized noun displayed after the selected count.
+          * @default 'selected'
+         */
+        "selectedLabel": string;
+        "setFocus": () => Promise<void>;
+        /**
+          * Control density.
+          * @default 'md'
+         */
+        "size": SelectMultiSize;
+        /**
+          * Selected values. Assign arrays through the JavaScript property.
+          * @default []
+         */
+        "values": string[];
+        /**
+          * Width fit — hug content (default) or fill the parent.
+          * @default 'hug'
+         */
+        "width": SelectMultiWidth;
+    }
     interface DsShellGradientPicker {
         /**
           * @default 'Shell gradient theme'
@@ -1142,38 +1492,128 @@ export namespace Components {
     }
     interface DsSlider {
         /**
-          * Associates with an external <label>. Defaults to an auto-generated ID.
+          * Id references for supporting guidance or error text.
          */
-        "inputId": string | undefined;
+        "ariaDescribedby": string | undefined;
         /**
-          * @default false
+          * Direct accessible name for a single-thumb slider without a visible label.
+          * @default null
          */
-        "isInactive": boolean;
-        "label": string;
+        "ariaLabel": string | null;
         /**
-          * @default 100
+          * Id references for a visible single-thumb slider label.
          */
-        "max": number;
+        "ariaLabelledby": string | undefined;
         /**
-          * @default 0
+          * @default false
          */
-        "min": number;
+        "disabled": boolean;
         /**
-          * @default 1
+          * Accessible label for the upper thumb in a range slider.
+          * @default 'Maximum value'
          */
-        "step": number;
+        "endLabel": string;
+        "form": string | undefined;
         /**
-          * @default 0
+          * Intl.NumberFormat options. Assign objects through the JavaScript property.
          */
-        "value": number;
-        "valueText": string | undefined;
-    }
-    interface DsSwitch {
+        "formatOptions": Intl.NumberFormatOptions | undefined;
         /**
-          * Current on/off state. The initial value is restored when the owning form resets.
-          * @default false
+          * Id applied to the first native range input.
          */
-        "checked": boolean;
+        "inputId": string | undefined;
+        /**
+          * @default false
+         */
+        "isInactive": boolean;
+        /**
+          * Visible field label. Supply aria-label when the label is intentionally hidden.
+         */
+        "label": string | undefined;
+        /**
+          * Locale used by Intl.NumberFormat for the visible value.
+         */
+        "locale": string | undefined;
+        /**
+          * @default 100
+         */
+        "max": number;
+        /**
+          * @default 0
+         */
+        "min": number;
+        /**
+          * Minimum number of steps kept between two range thumbs.
+          * @default 0
+         */
+        "minStepsBetweenValues": number;
+        "name": string | undefined;
+        /**
+          * @default 'horizontal'
+         */
+        "orientation": SliderOrientation;
+        /**
+          * @default '–'
+         */
+        "rangeSeparator": string;
+        /**
+          * Keep the value focusable and submittable while preventing changes.
+          * @default false
+         */
+        "readOnly": boolean;
+        "setFocus": (index?: number) => Promise<void>;
+        /**
+          * Show the formatted current value beside the visible label.
+          * @default true
+         */
+        "showValue": boolean;
+        /**
+          * @default 'md'
+         */
+        "size": SliderSize;
+        /**
+          * Accessible label for the lower thumb in a range slider.
+          * @default 'Minimum value'
+         */
+        "startLabel": string;
+        /**
+          * @default 1
+         */
+        "step": number;
+        /**
+          * Keep the complete thumb inside the rail bounds, or center it on the endpoints.
+          * @default 'edge'
+         */
+        "thumbAlignment": SliderThumbAlignment;
+        /**
+          * Current value. Assign a two-number array through the JavaScript property for a range slider.
+          * @default 0
+         */
+        "value": SliderValue;
+        /**
+          * @default ''
+         */
+        "valuePrefix": string;
+        /**
+          * @default ''
+         */
+        "valueSuffix": string;
+        /**
+          * Human-readable value text for a single slider or both range thumbs.
+         */
+        "valueText": string | undefined;
+        /**
+          * Per-thumb human-readable value text for a range slider. Assign through the JavaScript property.
+          * @default []
+         */
+        "valueTexts": string[];
+    }
+    interface DsSwitch {
+        /**
+          * Current on/off state. The initial value is restored when the owning form resets.
+          * @default false
+         */
+        "checked": boolean;
         /**
           * @default false
          */
@@ -1335,9 +1775,13 @@ export namespace Components {
          */
         "as": TextElement;
         /**
+          * Semantic foreground color token or CSS variable. `tertiary` and the still-fainter `quaternary` are restricted to genuinely inactive/disabled UI content or purely decorative content; prefer the owning control's inactive state whenever one exists.
           * @default 'inherit'
          */
         "color": TextColor;
+        /**
+          * Link underline or dotted hidden-interaction affordance; does not add semantics.
+         */
         "decoration": TextDecoration | undefined;
         /**
           * Heavier weight + tighter letter-spacing for the variant. `false` (default): one step below emphasis (display semibold, title/body medium, caption medium). `true`: display bold, title/caption semibold, body medium.
@@ -1526,14 +1970,18 @@ export interface DsPanelToolsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsPanelToolsElement;
 }
-export interface DsRadioGroupCustomEvent<T> extends CustomEvent<T> {
+export interface DsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLDsRadioGroupElement;
+    target: HTMLDsRadioElement;
 }
 export interface DsSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsSelectElement;
 }
+export interface DsSelectMultiCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsSelectMultiElement;
+}
 export interface DsShellGradientPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsShellGradientPickerElement;
@@ -1947,30 +2395,28 @@ declare global {
         prototype: HTMLDsPanelToolsElement;
         new (): HTMLDsPanelToolsElement;
     };
-    interface HTMLDsRadioGroupElementEventMap {
+    interface HTMLDsRadioElementEventMap {
         "dsChange": string;
     }
-    interface HTMLDsRadioGroupElement extends Components.DsRadioGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsRadioGroupElementEventMap>(type: K, listener: (this: HTMLDsRadioGroupElement, ev: DsRadioGroupCustomEvent<HTMLDsRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLDsRadioElement extends Components.DsRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsRadioElementEventMap>(type: K, listener: (this: HTMLDsRadioElement, ev: DsRadioCustomEvent<HTMLDsRadioElementEventMap[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 HTMLDsRadioGroupElementEventMap>(type: K, listener: (this: HTMLDsRadioGroupElement, ev: DsRadioGroupCustomEvent<HTMLDsRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsRadioElementEventMap>(type: K, listener: (this: HTMLDsRadioElement, ev: DsRadioCustomEvent<HTMLDsRadioElementEventMap[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 HTMLDsRadioGroupElement: {
-        prototype: HTMLDsRadioGroupElement;
-        new (): HTMLDsRadioGroupElement;
+    var HTMLDsRadioElement: {
+        prototype: HTMLDsRadioElement;
+        new (): HTMLDsRadioElement;
     };
     interface HTMLDsSelectElementEventMap {
         "dsChange": string;
+        "dsClear": void;
+        "dsOpenChange": boolean;
     }
-    /**
-     * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-     * control-density sizes, with `ds-menu` for the option list.
-     */
     interface HTMLDsSelectElement extends Components.DsSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1985,6 +2431,25 @@ declare global {
         prototype: HTMLDsSelectElement;
         new (): HTMLDsSelectElement;
     };
+    interface HTMLDsSelectMultiElementEventMap {
+        "dsChange": string[];
+        "dsClear": void;
+        "dsOpenChange": boolean;
+    }
+    interface HTMLDsSelectMultiElement extends Components.DsSelectMulti, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsSelectMultiElementEventMap>(type: K, listener: (this: HTMLDsSelectMultiElement, ev: DsSelectMultiCustomEvent<HTMLDsSelectMultiElementEventMap[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 HTMLDsSelectMultiElementEventMap>(type: K, listener: (this: HTMLDsSelectMultiElement, ev: DsSelectMultiCustomEvent<HTMLDsSelectMultiElementEventMap[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 HTMLDsSelectMultiElement: {
+        prototype: HTMLDsSelectMultiElement;
+        new (): HTMLDsSelectMultiElement;
+    };
     interface HTMLDsShellGradientPickerElementEventMap {
         "dsChange": ShellGradientPreset1;
     }
@@ -2026,7 +2491,8 @@ declare global {
         new (): HTMLDsSkeletonElement;
     };
     interface HTMLDsSliderElementEventMap {
-        "dsChange": number;
+        "dsChange": SliderValue;
+        "dsCommit": SliderValue;
     }
     interface HTMLDsSliderElement extends Components.DsSlider, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsSliderElementEventMap>(type: K, listener: (this: HTMLDsSliderElement, ev: DsSliderCustomEvent<HTMLDsSliderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2177,8 +2643,9 @@ declare global {
         "ds-panel-nav": HTMLDsPanelNavElement;
         "ds-panel-sub-nav": HTMLDsPanelSubNavElement;
         "ds-panel-tools": HTMLDsPanelToolsElement;
-        "ds-radio-group": HTMLDsRadioGroupElement;
+        "ds-radio": HTMLDsRadioElement;
         "ds-select": HTMLDsSelectElement;
+        "ds-select-multi": HTMLDsSelectMultiElement;
         "ds-shell-gradient-picker": HTMLDsShellGradientPickerElement;
         "ds-shell-gradient-swatch": HTMLDsShellGradientSwatchElement;
         "ds-skeleton": HTMLDsSkeletonElement;
@@ -2227,6 +2694,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "gradientBackground"?: boolean;
+        /**
+          * Show the separation ring when the badge overlaps an icon or other content.
+          * @default true
+         */
+        "hasRing"?: boolean;
         /**
           * Contextual supplemental text. Omit when the owner hides the badge from assistive technology.
          */
@@ -2361,6 +2833,11 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         "onDsClick"?: (event: DsButtonFilledCustomEvent<MouseEvent>) => void;
+        /**
+          * Use the half-radius treatment instead of the default control radius.
+          * @default false
+         */
+        "rounded"?: boolean;
         /**
           * Control density (height, padding, icon, type).
           * @default 'md'
@@ -2413,7 +2890,7 @@ declare namespace LocalJSX {
           * @default true
          */
         "hasBorder"?: boolean;
-        "haspopup"?: string | undefined;
+        "haspopup"?: ButtonUnfilledPopup | undefined;
         /**
           * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
           * @default ''
@@ -2442,6 +2919,11 @@ declare namespace LocalJSX {
         "onDsChange"?: (event: DsButtonUnfilledCustomEvent<boolean>) => void;
         "onDsClick"?: (event: DsButtonUnfilledCustomEvent<MouseEvent>) => void;
         "pressed"?: boolean | undefined;
+        /**
+          * Use the half-radius treatment instead of the default control radius.
+          * @default false
+         */
+        "rounded"?: boolean;
         /**
           * Control density (height, padding, icon, type).
           * @default 'md'
@@ -2664,10 +3146,12 @@ declare namespace LocalJSX {
     }
     interface DsCheckbox {
         /**
+          * Current checked state.
           * @default false
          */
         "checked"?: boolean;
         /**
+          * Native disabled state.
           * @default false
          */
         "disabled"?: boolean;
@@ -2676,25 +3160,49 @@ declare namespace LocalJSX {
          */
         "form"?: string;
         /**
+          * Mixed visual state. Activation clears it before toggling checked.
           * @default false
          */
         "indeterminate"?: boolean;
         /**
+          * Design-system inactive state.
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Visible label and accessible name. Omitted only in presentation mode.
+         */
         "label": string;
+        /**
+          * Native form field name.
+         */
         "name"?: string | undefined;
+        /**
+          * Emitted after user activation with the new checked state.
+         */
         "onDsChange"?: (event: DsCheckboxCustomEvent<boolean>) => void;
         /**
+          * Visual-only indicator for a composite control that owns selection semantics.
+          * @default false
+         */
+        "presentation"?: boolean;
+        /**
+          * Require the checkbox to be checked for form validity.
           * @default false
          */
         "required"?: boolean;
         /**
+          * Validation message used when a required checkbox is unchecked.
           * @default 'This field is required.'
          */
         "requiredMessage"?: string;
         /**
+          * Visual and placement density.
+          * @default 'md'
+         */
+        "size"?: CheckboxSize;
+        /**
+          * Submitted value when checked.
           * @default 'on'
          */
         "value"?: string;
@@ -2761,27 +3269,46 @@ declare namespace LocalJSX {
         "semantic"?: boolean;
     }
     interface DsEmptyState {
-        "message"?: string | undefined;
         /**
-          * Localized defaults keyed by empty-state type. Set as a JS property.
-          * @default {}
+          * Explanatory empty-state copy. Every supported variant includes body text.
+          * @default ''
+         */
+        "body"?: string;
+        /**
+          * Optional visual title. Use with body; required when icon is provided.
          */
-        "messages"?: Partial<Record<EmptyStateType, string>>;
+        "heading"?: string | undefined;
         /**
-          * @default 'no-content'
+          * Optional decorative prefix glyph for the complete icon + title + body variant.
          */
-        "type"?: EmptyStateType;
+        "icon"?: string | undefined;
     }
     interface DsField {
         /**
-          * ID forwarded to the slotted control via the label's `for` attribute. Auto-generated if omitted.
+          * Optional guidance associated with the slotted control.
+         */
+        "description"?: string | undefined;
+        /**
+          * Invalid visual and accessible state forwarded to supported ds controls.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Visible error associated with the slotted control while error is true.
+         */
+        "errorMessage"?: string | undefined;
+        /**
+          * Explicit ID for the slotted control; generated when omitted.
          */
         "fieldId"?: string | undefined;
+        /**
+          * Persistent visible label for the single slotted control.
+         */
         "label": string;
     }
     interface DsIcon {
         /**
-          * Semantic foreground color token, or a raw CSS var reference.
+          * Semantic foreground color token, or a raw CSS var reference. `tertiary` and the still-fainter `quaternary` are restricted to icons inside genuinely inactive/disabled UI or to purely decorative icons; informative icons must retain sufficient contrast.
           * @default 'inherit'
          */
         "color"?: IconColor;
@@ -2807,6 +3334,10 @@ declare namespace LocalJSX {
          */
         "ariaLabel"?: string | null;
         "ariaLabelledby"?: string | undefined;
+        /**
+          * Native browser autofill hint.
+         */
+        "autoComplete"?: string | undefined;
         /**
           * @default false
          */
@@ -2819,19 +3350,35 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Preferred virtual-keyboard action label.
+          * @default ''
+         */
+        "enterKeyHint"?: string;
         /**
           * @default false
          */
         "error"?: boolean;
         "errorMessage"?: string | undefined;
+        "form"?: string | undefined;
         /**
-          * The `id` of a `<form>` element to associate this element with.
+          * Show the standard inset border.
+          * @default true
          */
-        "form"?: string;
+        "hasBorder"?: boolean;
+        /**
+          * Optional leading icon name.
+         */
+        "icon"?: string | undefined;
         /**
           * Associates the internal input with an external <label>.
          */
         "inputId"?: string | undefined;
+        /**
+          * Preferred virtual keyboard without changing the value semantics.
+          * @default ''
+         */
+        "inputMode"?: string;
         /**
           * @default false
          */
@@ -2840,6 +3387,11 @@ declare namespace LocalJSX {
         "onDsChange"?: (event: DsInputCustomEvent<string>) => void;
         "onDsClear"?: (event: DsInputCustomEvent<void>) => void;
         "placeholder"?: string | undefined;
+        /**
+          * Keeps the value focusable and submittable while preventing edits.
+          * @default false
+         */
+        "readOnly"?: boolean;
         /**
           * @default false
          */
@@ -2848,6 +3400,11 @@ declare namespace LocalJSX {
           * @default 'This field is required.'
          */
         "requiredMessage"?: string;
+        /**
+          * Control density.
+          * @default 'md'
+         */
+        "size"?: InputSize;
         /**
           * @default 'text'
          */
@@ -2856,10 +3413,15 @@ declare namespace LocalJSX {
           * @default ''
          */
         "value"?: string;
+        /**
+          * Width fit — fill the parent (default) or hug the available content.
+          * @default 'fill'
+         */
+        "width"?: InputWidth;
     }
     interface DsLoader {
         /**
-          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`.
+          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`. Do not use `tertiary` or `quaternary` for a standalone or informative Loader; inherit a readable color from the owning busy control or region.
           * @default 'inherit'
          */
         "color"?: LoaderColor;
@@ -3031,6 +3593,11 @@ declare namespace LocalJSX {
           * @default 'dashboard'
          */
         "navStyle"?: NavChromeStyle;
+        /**
+          * Localized name for the body when overflow makes it a keyboard-scrollable region.
+          * @default 'Navigation items'
+         */
+        "navigationItemsLabel"?: string;
         "onDsChromeTransitionEnd"?: (event: DsPanelNavCustomEvent<ChromeTransitionDetail>) => void;
         /**
           * Bubbling lifecycle — `ds-app-shell` pauses chrome metrics during width motion.
@@ -3150,120 +3717,386 @@ declare namespace LocalJSX {
          */
         "toolsLabel"?: string;
     }
-    interface DsRadioGroup {
+    interface DsRadio {
         /**
+          * Accessible name when visible group labeling is unavailable.
           * @default null
          */
         "ariaLabel"?: string | null;
+        /**
+          * Id reference for a visible group label.
+         */
         "ariaLabelledby"?: string | undefined;
         /**
+          * Layout direction for the option set.
           * @default 'vertical'
          */
         "direction"?: 'vertical' | 'horizontal';
         /**
+          * Native disabled state for the complete set.
           * @default false
          */
         "disabled"?: boolean;
         /**
-          * The `id` of a `<form>` element to associate this element with.
+          * Associates the radio set with a form by id when rendered outside that form.
          */
-        "form"?: string;
+        "form"?: string | undefined;
         /**
+          * Design-system inactive state for the complete set.
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Native form field name.
+         */
         "name"?: string | undefined;
-        "onDsChange"?: (event: DsRadioGroupCustomEvent<string>) => void;
         /**
+          * Emitted after user selection with the selected option value.
+         */
+        "onDsChange"?: (event: DsRadioCustomEvent<string>) => void;
+        /**
+          * Visible choices in this one-of-many set.
           * @default []
          */
         "options"?: RadioOption[];
         /**
+          * Require one option to be selected for form validity.
           * @default false
          */
         "required"?: boolean;
         /**
+          * Validation message used when a required set has no selection.
           * @default 'This field is required.'
          */
         "requiredMessage"?: string;
         /**
+          * Visual and placement density for every option.
+          * @default 'md'
+         */
+        "size"?: RadioSize;
+        /**
+          * Selected option value.
           * @default ''
          */
         "value"?: string;
     }
-    /**
-     * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-     * control-density sizes, with `ds-menu` for the option list.
-     */
     interface DsSelect {
         /**
-          * When a value is selected, render the selected interaction fill (same recipe as unfilled-button `activeFill`). Default `true`. Pass `false` for foreground-only selection (primary label, no fill). A selected value promotes the label to primary; chevron stays secondary.
+          * Show the selected interaction fill when a valid value exists.
           * @default true
          */
         "activeFill"?: boolean;
         /**
+          * Show the clear footer action when a value exists.
+          * @default true
+         */
+        "allowClear"?: boolean;
+        /**
+          * Additional IDs that describe the combobox.
+         */
+        "ariaDescribedby"?: string | undefined;
+        /**
+          * Direct accessible name when no external label is available.
           * @default null
          */
         "ariaLabel"?: string | null;
+        /**
+          * IDs of elements that label the combobox.
+         */
         "ariaLabelledby"?: string | undefined;
         /**
+          * Actual parent surface context; omit on primary and secondary surfaces.
+         */
+        "background"?: SelectBackground | undefined;
+        /**
+          * Localized clear action label.
+          * @default 'Clear'
+         */
+        "clearLabel"?: string;
+        /**
+          * Native disabled state.
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Show invalid visual state.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error text rendered below the trigger when error is true.
+         */
+        "errorMessage"?: string | undefined;
         /**
           * The `id` of a `<form>` element to associate this element with.
          */
         "form"?: string;
         /**
-          * Show a 1px secondary inset border. Default on (matches unfilled button).
+          * Show the surface-aware inset border.
           * @default true
          */
         "hasBorder"?: boolean;
         /**
-          * Disables interaction (25% opacity via ds-control-inactive).
+          * Optional trigger prefix icon name.
+         */
+        "icon"?: string | undefined;
+        /**
+          * ID applied to the internal combobox trigger for external labels.
+         */
+        "inputId"?: string | undefined;
+        /**
+          * Shared inactive treatment; removes interaction and form submission.
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Replace the prefix with a loader and disable option interaction.
+          * @default false
+         */
+        "isLoading"?: boolean;
+        /**
+          * Accessible loading status label.
+          * @default 'Loading'
+         */
+        "loadingLabel"?: string;
+        /**
+          * Native form field name.
+         */
         "name"?: string | undefined;
         /**
-          * Emits the selected value string.
+          * Localized empty-filter result text.
+          * @default 'No results found'
+         */
+        "noResultsText"?: string;
+        /**
+          * Emitted after user selection or clearing with the next scalar value.
          */
         "onDsChange"?: (event: DsSelectCustomEvent<string>) => void;
         /**
-          * Array of options. Set via JS property.
-          * @example el.options = [{ label: 'Apple', value: 'apple' }];
+          * Emitted after the footer clear action.
+         */
+        "onDsClear"?: (event: DsSelectCustomEvent<void>) => void;
+        /**
+          * Emitted whenever popup visibility changes.
+         */
+        "onDsOpenChange"?: (event: DsSelectCustomEvent<boolean>) => void;
+        /**
+          * Controlled popup visibility.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Flat choices. Assign arrays through the JavaScript property.
           * @default []
          */
         "options"?: SelectOption[];
         /**
-          * Placeholder shown when no value is selected.
+          * Trigger text shown when no valid value is selected.
           * @default 'Select'
          */
         "placeholder"?: string;
         /**
+          * Require one valid selected value.
           * @default false
          */
         "required"?: boolean;
         /**
+          * Validation message used when required is missing.
           * @default 'This field is required.'
          */
         "requiredMessage"?: string;
         /**
-          * Control density (height, padding, icon, type).
+          * Localized search-field placeholder and accessible name.
+          * @default 'Search'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Show immediate local filtering over option labels, subtext, and section headings.
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * Grouped choices; takes precedence over options. Assign through JavaScript.
+          * @default []
+         */
+        "sections"?: SelectSection[];
+        /**
+          * Control density.
           * @default 'md'
          */
         "size"?: SelectSize;
         /**
-          * Currently selected value.
+          * Selected string value. Unknown values render the placeholder and are not submitted.
           * @default ''
          */
         "value"?: string;
         /**
-          * Width fit — fill the parent (default) or hug content.
-          * @default 'fill'
+          * Width fit — hug content (default) or fill the parent.
+          * @default 'hug'
          */
         "width"?: SelectWidth;
     }
+    interface DsSelectMulti {
+        /**
+          * Show the selected interaction fill when at least one value exists.
+          * @default true
+         */
+        "activeFill"?: boolean;
+        /**
+          * Show the clear-all footer action when values exist.
+          * @default true
+         */
+        "allowClear"?: boolean;
+        /**
+          * Additional IDs that describe the combobox.
+         */
+        "ariaDescribedby"?: string | undefined;
+        /**
+          * Direct accessible name when no external label is available.
+          * @default null
+         */
+        "ariaLabel"?: string | null;
+        /**
+          * IDs of elements that label the combobox.
+         */
+        "ariaLabelledby"?: string | undefined;
+        /**
+          * Actual parent surface context; omit on primary and secondary surfaces.
+         */
+        "background"?: SelectMultiBackground | undefined;
+        /**
+          * Localized clear-all action label.
+          * @default 'Clear'
+         */
+        "clearLabel"?: string;
+        /**
+          * Native disabled state.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Show invalid visual state.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * Error text rendered below the trigger when error is true.
+         */
+        "errorMessage"?: string | undefined;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Show the surface-aware inset border.
+          * @default true
+         */
+        "hasBorder"?: boolean;
+        /**
+          * Optional trigger prefix icon name.
+         */
+        "icon"?: string | undefined;
+        /**
+          * ID applied to the internal combobox trigger for external labels.
+         */
+        "inputId"?: string | undefined;
+        /**
+          * Shared inactive treatment; removes interaction and form submission.
+          * @default false
+         */
+        "isInactive"?: boolean;
+        /**
+          * Replace the prefix with a loader and disable option interaction.
+          * @default false
+         */
+        "isLoading"?: boolean;
+        /**
+          * Accessible loading status label.
+          * @default 'Loading'
+         */
+        "loadingLabel"?: string;
+        /**
+          * Native form field name used for each repeated selected-value entry.
+         */
+        "name"?: string | undefined;
+        /**
+          * Localized empty-filter result text.
+          * @default 'No results found'
+         */
+        "noResultsText"?: string;
+        /**
+          * Emitted after user toggles or clearing with a new values array.
+         */
+        "onDsChange"?: (event: DsSelectMultiCustomEvent<string[]>) => void;
+        /**
+          * Emitted after the footer clear-all action.
+         */
+        "onDsClear"?: (event: DsSelectMultiCustomEvent<void>) => void;
+        /**
+          * Emitted whenever popup visibility changes.
+         */
+        "onDsOpenChange"?: (event: DsSelectMultiCustomEvent<boolean>) => void;
+        /**
+          * Controlled popup visibility.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Flat choices. Assign arrays through the JavaScript property.
+          * @default []
+         */
+        "options"?: SelectMultiOption[];
+        /**
+          * Persistent trigger label; selected option labels never replace it.
+          * @default 'Select'
+         */
+        "placeholder"?: string;
+        /**
+          * Require at least one valid selected value.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Validation message used when required is missing.
+          * @default 'This field is required.'
+         */
+        "requiredMessage"?: string;
+        /**
+          * Localized search-field placeholder and accessible name.
+          * @default 'Search'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Show immediate local filtering over option labels, subtext, and section headings.
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * Grouped choices; takes precedence over options. Assign through JavaScript.
+          * @default []
+         */
+        "sections"?: SelectMultiSection[];
+        /**
+          * Localized noun displayed after the selected count.
+          * @default 'selected'
+         */
+        "selectedLabel"?: string;
+        /**
+          * Control density.
+          * @default 'md'
+         */
+        "size"?: SelectMultiSize;
+        /**
+          * Selected values. Assign arrays through the JavaScript property.
+          * @default []
+         */
+        "values"?: string[];
+        /**
+          * Width fit — hug content (default) or fill the parent.
+          * @default 'hug'
+         */
+        "width"?: SelectMultiWidth;
+    }
     interface DsShellGradientPicker {
         /**
           * @default 'Shell gradient theme'
@@ -3338,14 +4171,48 @@ declare namespace LocalJSX {
     }
     interface DsSlider {
         /**
-          * Associates with an external <label>. Defaults to an auto-generated ID.
+          * Id references for supporting guidance or error text.
+         */
+        "ariaDescribedby"?: string | undefined;
+        /**
+          * Direct accessible name for a single-thumb slider without a visible label.
+          * @default null
+         */
+        "ariaLabel"?: string | null;
+        /**
+          * Id references for a visible single-thumb slider label.
+         */
+        "ariaLabelledby"?: string | undefined;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Accessible label for the upper thumb in a range slider.
+          * @default 'Maximum value'
+         */
+        "endLabel"?: string;
+        "form"?: string | undefined;
+        /**
+          * Intl.NumberFormat options. Assign objects through the JavaScript property.
+         */
+        "formatOptions"?: Intl.NumberFormatOptions | undefined;
+        /**
+          * Id applied to the first native range input.
          */
         "inputId"?: string | undefined;
         /**
           * @default false
          */
         "isInactive"?: boolean;
-        "label": string;
+        /**
+          * Visible field label. Supply aria-label when the label is intentionally hidden.
+         */
+        "label"?: string | undefined;
+        /**
+          * Locale used by Intl.NumberFormat for the visible value.
+         */
+        "locale"?: string | undefined;
         /**
           * @default 100
          */
@@ -3354,16 +4221,78 @@ declare namespace LocalJSX {
           * @default 0
          */
         "min"?: number;
-        "onDsChange"?: (event: DsSliderCustomEvent<number>) => void;
+        /**
+          * Minimum number of steps kept between two range thumbs.
+          * @default 0
+         */
+        "minStepsBetweenValues"?: number;
+        "name"?: string | undefined;
+        /**
+          * Emitted continuously while the value changes.
+         */
+        "onDsChange"?: (event: DsSliderCustomEvent<SliderValue>) => void;
+        /**
+          * Emitted when a pointer or keyboard value change is committed.
+         */
+        "onDsCommit"?: (event: DsSliderCustomEvent<SliderValue>) => void;
+        /**
+          * @default 'horizontal'
+         */
+        "orientation"?: SliderOrientation;
+        /**
+          * @default '–'
+         */
+        "rangeSeparator"?: string;
+        /**
+          * Keep the value focusable and submittable while preventing changes.
+          * @default false
+         */
+        "readOnly"?: boolean;
+        /**
+          * Show the formatted current value beside the visible label.
+          * @default true
+         */
+        "showValue"?: boolean;
+        /**
+          * @default 'md'
+         */
+        "size"?: SliderSize;
+        /**
+          * Accessible label for the lower thumb in a range slider.
+          * @default 'Minimum value'
+         */
+        "startLabel"?: string;
         /**
           * @default 1
          */
         "step"?: number;
         /**
+          * Keep the complete thumb inside the rail bounds, or center it on the endpoints.
+          * @default 'edge'
+         */
+        "thumbAlignment"?: SliderThumbAlignment;
+        /**
+          * Current value. Assign a two-number array through the JavaScript property for a range slider.
           * @default 0
          */
-        "value"?: number;
+        "value"?: SliderValue;
+        /**
+          * @default ''
+         */
+        "valuePrefix"?: string;
+        /**
+          * @default ''
+         */
+        "valueSuffix"?: string;
+        /**
+          * Human-readable value text for a single slider or both range thumbs.
+         */
         "valueText"?: string | undefined;
+        /**
+          * Per-thumb human-readable value text for a range slider. Assign through the JavaScript property.
+          * @default []
+         */
+        "valueTexts"?: string[];
     }
     interface DsSwitch {
         /**
@@ -3541,9 +4470,13 @@ declare namespace LocalJSX {
          */
         "as"?: TextElement;
         /**
+          * Semantic foreground color token or CSS variable. `tertiary` and the still-fainter `quaternary` are restricted to genuinely inactive/disabled UI content or purely decorative content; prefer the owning control's inactive state whenever one exists.
           * @default 'inherit'
          */
         "color"?: TextColor;
+        /**
+          * Link underline or dotted hidden-interaction affordance; does not add semantics.
+         */
         "decoration"?: TextDecoration | undefined;
         /**
           * Heavier weight + tighter letter-spacing for the variant. `false` (default): one step below emphasis (display semibold, title/body medium, caption medium). `true`: display bold, title/caption semibold, body medium.
@@ -3675,6 +4608,7 @@ declare namespace LocalJSX {
         "max": number;
         "surface": BadgeSurface;
         "background": string | undefined;
+        "hasRing": boolean;
         "gradientBackground": boolean;
         "label": string | undefined;
     }
@@ -3704,6 +4638,7 @@ declare namespace LocalJSX {
         "icon": string;
         "intent": ButtonFilledIntent;
         "contrast": ButtonFilledContrast;
+        "rounded": boolean;
         "isInactive": boolean;
         "isLoading": boolean;
         "type": 'button' | 'submit' | 'reset';
@@ -3718,6 +4653,7 @@ declare namespace LocalJSX {
         "isActive": boolean;
         "activeFill": boolean;
         "hasBorder": boolean;
+        "rounded": boolean;
         "dot": boolean;
         "isInactive": boolean;
         "isLoading": boolean;
@@ -3726,7 +4662,7 @@ declare namespace LocalJSX {
         "ariaLabel": string | null;
         "controls": string | undefined;
         "expanded": boolean | undefined;
-        "haspopup": string | undefined;
+        "haspopup": ButtonUnfilledPopup | undefined;
         "pressed": boolean | undefined;
         "focusTabIndex": number;
     }
@@ -3777,6 +4713,7 @@ declare namespace LocalJSX {
     interface DsCheckboxAttributes {
         "label": string;
         "checked": boolean;
+        "size": CheckboxSize;
         "name": string | undefined;
         "value": string;
         "disabled": boolean;
@@ -3784,6 +4721,7 @@ declare namespace LocalJSX {
         "requiredMessage": string;
         "indeterminate": boolean;
         "isInactive": boolean;
+        "presentation": boolean;
     }
     interface DsChipAttributes {
         "label": string;
@@ -3802,12 +4740,16 @@ declare namespace LocalJSX {
         "semantic": boolean;
     }
     interface DsEmptyStateAttributes {
-        "type": EmptyStateType;
-        "message": string | undefined;
+        "icon": string | undefined;
+        "heading": string | undefined;
+        "body": string;
     }
     interface DsFieldAttributes {
         "label": string;
         "fieldId": string | undefined;
+        "description": string | undefined;
+        "error": boolean;
+        "errorMessage": string | undefined;
     }
     interface DsIconAttributes {
         "name": string;
@@ -3818,12 +4760,21 @@ declare namespace LocalJSX {
     interface DsInputAttributes {
         "value": string;
         "name": string | undefined;
+        "form": string | undefined;
         "disabled": boolean;
+        "readOnly": boolean;
         "required": boolean;
         "requiredMessage": string;
         "clearLabel": string;
         "placeholder": string | undefined;
         "type": InputType;
+        "autoComplete": string | undefined;
+        "inputMode": string;
+        "enterKeyHint": string;
+        "size": InputSize;
+        "width": InputWidth;
+        "hasBorder": boolean;
+        "icon": string | undefined;
         "isInactive": boolean;
         "autoFocus": boolean;
         "error": boolean;
@@ -3884,6 +4835,7 @@ declare namespace LocalJSX {
         "settingsNavigationLabel": string;
         "expandNavigationLabel": string;
         "collapseNavigationLabel": string;
+        "navigationItemsLabel": string;
     }
     interface DsPanelSubNavAttributes {
         "value": string;
@@ -3899,9 +4851,11 @@ declare namespace LocalJSX {
         "toolShortcutsLabel": string;
         "storageKey": string;
     }
-    interface DsRadioGroupAttributes {
+    interface DsRadioAttributes {
         "value": string;
+        "size": RadioSize;
         "name": string | undefined;
+        "form": string | undefined;
         "disabled": boolean;
         "required": boolean;
         "requiredMessage": string;
@@ -3912,6 +4866,7 @@ declare namespace LocalJSX {
     }
     interface DsSelectAttributes {
         "value": string;
+        "open": boolean;
         "name": string | undefined;
         "disabled": boolean;
         "required": boolean;
@@ -3920,10 +4875,52 @@ declare namespace LocalJSX {
         "size": SelectSize;
         "width": SelectWidth;
         "isInactive": boolean;
+        "isLoading": boolean;
+        "activeFill": boolean;
+        "hasBorder": boolean;
+        "icon": string | undefined;
+        "allowClear": boolean;
+        "clearLabel": string;
+        "searchable": boolean;
+        "searchPlaceholder": string;
+        "noResultsText": string;
+        "loadingLabel": string;
+        "background": SelectBackground | undefined;
+        "error": boolean;
+        "errorMessage": string | undefined;
+        "inputId": string | undefined;
+        "ariaLabel": string | null;
+        "ariaLabelledby": string | undefined;
+        "ariaDescribedby": string | undefined;
+    }
+    interface DsSelectMultiAttributes {
+        "open": boolean;
+        "name": string | undefined;
+        "disabled": boolean;
+        "required": boolean;
+        "requiredMessage": string;
+        "placeholder": string;
+        "size": SelectMultiSize;
+        "width": SelectMultiWidth;
+        "isInactive": boolean;
+        "isLoading": boolean;
         "activeFill": boolean;
         "hasBorder": boolean;
+        "icon": string | undefined;
+        "allowClear": boolean;
+        "clearLabel": string;
+        "selectedLabel": string;
+        "searchable": boolean;
+        "searchPlaceholder": string;
+        "noResultsText": string;
+        "loadingLabel": string;
+        "background": SelectMultiBackground | undefined;
+        "error": boolean;
+        "errorMessage": string | undefined;
+        "inputId": string | undefined;
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
+        "ariaDescribedby": string | undefined;
     }
     interface DsShellGradientPickerAttributes {
         "value": ShellGradientPreset;
@@ -3946,13 +4943,31 @@ declare namespace LocalJSX {
         "background": SkeletonBackground | undefined;
     }
     interface DsSliderAttributes {
-        "value": number;
+        "value": SliderValue;
         "min": number;
         "max": number;
         "step": number;
-        "label": string;
+        "minStepsBetweenValues": number;
+        "label": string | undefined;
+        "showValue": boolean;
+        "size": SliderSize;
+        "orientation": SliderOrientation;
+        "thumbAlignment": SliderThumbAlignment;
+        "name": string | undefined;
+        "form": string | undefined;
+        "disabled": boolean;
+        "readOnly": boolean;
         "isInactive": boolean;
+        "ariaLabel": string | null;
+        "ariaLabelledby": string | undefined;
+        "ariaDescribedby": string | undefined;
+        "startLabel": string;
+        "endLabel": string;
         "valueText": string | undefined;
+        "locale": string | undefined;
+        "valuePrefix": string;
+        "valueSuffix": string;
+        "rangeSeparator": string;
         "inputId": string | undefined;
     }
     interface DsSwitchAttributes {
@@ -4062,12 +5077,13 @@ declare namespace LocalJSX {
         "ds-panel-nav": Omit<DsPanelNav, keyof DsPanelNavAttributes> & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes]?: DsPanelNav[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `attr:${K}`]?: DsPanelNavAttributes[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `prop:${K}`]?: DsPanelNav[K] };
         "ds-panel-sub-nav": Omit<DsPanelSubNav, keyof DsPanelSubNavAttributes> & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes]?: DsPanelSubNav[K] } & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes as `attr:${K}`]?: DsPanelSubNavAttributes[K] } & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes as `prop:${K}`]?: DsPanelSubNav[K] };
         "ds-panel-tools": Omit<DsPanelTools, keyof DsPanelToolsAttributes> & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes]?: DsPanelTools[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `attr:${K}`]?: DsPanelToolsAttributes[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `prop:${K}`]?: DsPanelTools[K] };
-        "ds-radio-group": Omit<DsRadioGroup, keyof DsRadioGroupAttributes> & { [K in keyof DsRadioGroup & keyof DsRadioGroupAttributes]?: DsRadioGroup[K] } & { [K in keyof DsRadioGroup & keyof DsRadioGroupAttributes as `attr:${K}`]?: DsRadioGroupAttributes[K] } & { [K in keyof DsRadioGroup & keyof DsRadioGroupAttributes as `prop:${K}`]?: DsRadioGroup[K] };
+        "ds-radio": Omit<DsRadio, keyof DsRadioAttributes> & { [K in keyof DsRadio & keyof DsRadioAttributes]?: DsRadio[K] } & { [K in keyof DsRadio & keyof DsRadioAttributes as `attr:${K}`]?: DsRadioAttributes[K] } & { [K in keyof DsRadio & keyof DsRadioAttributes as `prop:${K}`]?: DsRadio[K] };
         "ds-select": Omit<DsSelect, keyof DsSelectAttributes> & { [K in keyof DsSelect & keyof DsSelectAttributes]?: DsSelect[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `attr:${K}`]?: DsSelectAttributes[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `prop:${K}`]?: DsSelect[K] };
+        "ds-select-multi": Omit<DsSelectMulti, keyof DsSelectMultiAttributes> & { [K in keyof DsSelectMulti & keyof DsSelectMultiAttributes]?: DsSelectMulti[K] } & { [K in keyof DsSelectMulti & keyof DsSelectMultiAttributes as `attr:${K}`]?: DsSelectMultiAttributes[K] } & { [K in keyof DsSelectMulti & keyof DsSelectMultiAttributes as `prop:${K}`]?: DsSelectMulti[K] };
         "ds-shell-gradient-picker": Omit<DsShellGradientPicker, keyof DsShellGradientPickerAttributes> & { [K in keyof DsShellGradientPicker & keyof DsShellGradientPickerAttributes]?: DsShellGradientPicker[K] } & { [K in keyof DsShellGradientPicker & keyof DsShellGradientPickerAttributes as `attr:${K}`]?: DsShellGradientPickerAttributes[K] } & { [K in keyof DsShellGradientPicker & keyof DsShellGradientPickerAttributes as `prop:${K}`]?: DsShellGradientPicker[K] };
         "ds-shell-gradient-swatch": Omit<DsShellGradientSwatch, keyof DsShellGradientSwatchAttributes> & { [K in keyof DsShellGradientSwatch & keyof DsShellGradientSwatchAttributes]?: DsShellGradientSwatch[K] } & { [K in keyof DsShellGradientSwatch & keyof DsShellGradientSwatchAttributes as `attr:${K}`]?: DsShellGradientSwatchAttributes[K] } & { [K in keyof DsShellGradientSwatch & keyof DsShellGradientSwatchAttributes as `prop:${K}`]?: DsShellGradientSwatch[K] };
         "ds-skeleton": Omit<DsSkeleton, keyof DsSkeletonAttributes> & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes]?: DsSkeleton[K] } & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes as `attr:${K}`]?: DsSkeletonAttributes[K] } & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes as `prop:${K}`]?: DsSkeleton[K] };
-        "ds-slider": Omit<DsSlider, keyof DsSliderAttributes> & { [K in keyof DsSlider & keyof DsSliderAttributes]?: DsSlider[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `attr:${K}`]?: DsSliderAttributes[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `prop:${K}`]?: DsSlider[K] } & OneOf<"label", DsSlider["label"], DsSliderAttributes["label"]>;
+        "ds-slider": Omit<DsSlider, keyof DsSliderAttributes> & { [K in keyof DsSlider & keyof DsSliderAttributes]?: DsSlider[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `attr:${K}`]?: DsSliderAttributes[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `prop:${K}`]?: DsSlider[K] };
         "ds-switch": Omit<DsSwitch, keyof DsSwitchAttributes> & { [K in keyof DsSwitch & keyof DsSwitchAttributes]?: DsSwitch[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `attr:${K}`]?: DsSwitchAttributes[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `prop:${K}`]?: DsSwitch[K] };
         "ds-tab-group": Omit<DsTabGroup, keyof DsTabGroupAttributes> & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes]?: DsTabGroup[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `attr:${K}`]?: DsTabGroupAttributes[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `prop:${K}`]?: DsTabGroup[K] };
         "ds-table": Omit<DsTable, keyof DsTableAttributes> & { [K in keyof DsTable & keyof DsTableAttributes]?: DsTable[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `attr:${K}`]?: DsTableAttributes[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `prop:${K}`]?: DsTable[K] };
@@ -4128,12 +5144,9 @@ declare module "@stencil/core" {
             "ds-panel-nav": LocalJSX.IntrinsicElements["ds-panel-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelNavElement>;
             "ds-panel-sub-nav": LocalJSX.IntrinsicElements["ds-panel-sub-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelSubNavElement>;
             "ds-panel-tools": LocalJSX.IntrinsicElements["ds-panel-tools"] & JSXBase.HTMLAttributes<HTMLDsPanelToolsElement>;
-            "ds-radio-group": LocalJSX.IntrinsicElements["ds-radio-group"] & JSXBase.HTMLAttributes<HTMLDsRadioGroupElement>;
-            /**
-             * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-             * control-density sizes, with `ds-menu` for the option list.
-             */
+            "ds-radio": LocalJSX.IntrinsicElements["ds-radio"] & JSXBase.HTMLAttributes<HTMLDsRadioElement>;
             "ds-select": LocalJSX.IntrinsicElements["ds-select"] & JSXBase.HTMLAttributes<HTMLDsSelectElement>;
+            "ds-select-multi": LocalJSX.IntrinsicElements["ds-select-multi"] & JSXBase.HTMLAttributes<HTMLDsSelectMultiElement>;
             "ds-shell-gradient-picker": LocalJSX.IntrinsicElements["ds-shell-gradient-picker"] & JSXBase.HTMLAttributes<HTMLDsShellGradientPickerElement>;
             "ds-shell-gradient-swatch": LocalJSX.IntrinsicElements["ds-shell-gradient-swatch"] & JSXBase.HTMLAttributes<HTMLDsShellGradientSwatchElement>;
             "ds-skeleton": LocalJSX.IntrinsicElements["ds-skeleton"] & JSXBase.HTMLAttributes<HTMLDsSkeletonElement>;