@ds-mo/ui 15.2.0 → 15.4.0

package/dist/types/components.d.ts

@@ -25,13 +25,14 @@ import { CardActionCenterActionDetail, CardActionCenterSection } from "./compone
 import { CardChartVariant, CardChartWidth } from "./components/CardChart/CardChart";
 import { CardNavigationDetail, CardNavigationVariant, CardNavigationWidth } from "./components/CardNavigation/CardNavigation";
 import { CardOverviewLayout, CardOverviewVariant, OverviewMetric, OverviewScore } from "./components/CardOverview/card-overview-types";
-import { CardSettingActionDetail, CardSettingWidth } from "./components/CardSetting/CardSetting";
+import { CardSettingActionDetail, CardSettingVariant, CardSettingWidth } from "./components/CardSetting/CardSetting";
 import { SettingsScopeRequest } from "./components/CardSettingsScope/CardSettingsScope";
 import { ChartDefinition } from "./utils/chart-grammar";
 import { ChartFocusChangeDetail } from "./components/Chart/Chart";
 import { ChartLegendItem } from "./utils/chart-types";
 import { ChartLegendDirection, ChartLegendPercentageDecimals } from "./components/ChartLegend/ChartLegend";
 import { CheckboxSize } from "./components/Checkbox/Checkbox";
+import { CheckboxGroupSize } from "./components/CheckboxGroup/CheckboxGroup";
 import { ChipSize, ChipState } from "./components/Chip/Chip";
 import { ChoicePopupAnchorAlignment, ControlInsetDepth as ControlInsetDepth1 } from "./utils";
 import { DataField } from "./utils/data-field";
@@ -70,15 +71,19 @@ import { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 import { PanelToolHeaderActionDetail, PanelToolsHeaderAction, PanelToolsHeaderActionDetail, PanelToolsHeaders, PanelToolsItem, PanelToolsRailAccessory, PanelToolsRailAccessoryActionDetail, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
 import { PaperTextureConfig } from "./components/PaperTexture/paper-texture-types";
 import { RadioOption, RadioSize } from "./components/Radio/Radio";
+import { RadioTileOption } from "./components/RadioTile/RadioTile";
 import { SafetyScoreLevel, ScoreSize, ScoreVariant } from "./components/Score/score-types";
 import { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
 import { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
+import { SettingRowCheckboxPresentation } from "./components/SettingRowCheckbox/SettingRowCheckbox";
+import { SettingRowRadioPresentation } from "./components/SettingRowRadio/SettingRowRadio";
+import { SettingRowToggleVariant } from "./components/SettingRowToggle/SettingRowToggle";
 import { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellSectionNavigation, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 import { ShellGradientPreset } from "./shell/shell-gradient-presets";
 import { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageDesktopHeaderPlacement, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
 import { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
 import { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
-import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
+import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderTick, SliderValue } from "./components/Slider/Slider";
 import { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
 import { SwitchSize } from "./components/Switch/Switch";
 import { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
@@ -108,13 +113,14 @@ export { CardActionCenterActionDetail, CardActionCenterSection } from "./compone
 export { CardChartVariant, CardChartWidth } from "./components/CardChart/CardChart";
 export { CardNavigationDetail, CardNavigationVariant, CardNavigationWidth } from "./components/CardNavigation/CardNavigation";
 export { CardOverviewLayout, CardOverviewVariant, OverviewMetric, OverviewScore } from "./components/CardOverview/card-overview-types";
-export { CardSettingActionDetail, CardSettingWidth } from "./components/CardSetting/CardSetting";
+export { CardSettingActionDetail, CardSettingVariant, CardSettingWidth } from "./components/CardSetting/CardSetting";
 export { SettingsScopeRequest } from "./components/CardSettingsScope/CardSettingsScope";
 export { ChartDefinition } from "./utils/chart-grammar";
 export { ChartFocusChangeDetail } from "./components/Chart/Chart";
 export { ChartLegendItem } from "./utils/chart-types";
 export { ChartLegendDirection, ChartLegendPercentageDecimals } from "./components/ChartLegend/ChartLegend";
 export { CheckboxSize } from "./components/Checkbox/Checkbox";
+export { CheckboxGroupSize } from "./components/CheckboxGroup/CheckboxGroup";
 export { ChipSize, ChipState } from "./components/Chip/Chip";
 export { ChoicePopupAnchorAlignment, ControlInsetDepth as ControlInsetDepth1 } from "./utils";
 export { DataField } from "./utils/data-field";
@@ -153,15 +159,19 @@ export { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 export { PanelToolHeaderActionDetail, PanelToolsHeaderAction, PanelToolsHeaderActionDetail, PanelToolsHeaders, PanelToolsItem, PanelToolsRailAccessory, PanelToolsRailAccessoryActionDetail, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
 export { PaperTextureConfig } from "./components/PaperTexture/paper-texture-types";
 export { RadioOption, RadioSize } from "./components/Radio/Radio";
+export { RadioTileOption } from "./components/RadioTile/RadioTile";
 export { SafetyScoreLevel, ScoreSize, ScoreVariant } from "./components/Score/score-types";
 export { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
 export { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
+export { SettingRowCheckboxPresentation } from "./components/SettingRowCheckbox/SettingRowCheckbox";
+export { SettingRowRadioPresentation } from "./components/SettingRowRadio/SettingRowRadio";
+export { SettingRowToggleVariant } from "./components/SettingRowToggle/SettingRowToggle";
 export { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellSectionNavigation, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 export { ShellGradientPreset } from "./shell/shell-gradient-presets";
 export { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageDesktopHeaderPlacement, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
 export { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
 export { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
-export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
+export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderTick, SliderValue } from "./components/Slider/Slider";
 export { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
 export { SwitchSize } from "./components/Switch/Switch";
 export { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
@@ -895,7 +905,7 @@ export namespace Components {
          */
         "ariaLabel": string | null;
         /**
-          * Actual parent surface context. Omit on primary and secondary surfaces.
+          * Actual parent surface context. Omit on primary and secondary surfaces; use chrome for shell surfaces.
          */
         "background": ButtonUnfilledBackground | undefined;
         /**
@@ -1167,7 +1177,7 @@ export namespace Components {
          */
         "cancelLabel": string;
         /**
-          * Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the matching `--dimension-card-height-*` so the body fills available space even when the slot is empty.
+          * Card width token (`sm` / `md` / `lg`). Empty editable cards use the matching minimum-height token. Cards with body content, and immediate cards, fit that content.
           * @default 'md'
          */
         "cardWidth": CardSettingWidth;
@@ -1188,6 +1198,11 @@ export namespace Components {
           * @default 'Save'
          */
         "saveLabel": string;
+        /**
+          * Immediate settings omit edit actions and apply changes through their own controls.
+          * @default 'editable'
+         */
+        "variant": CardSettingVariant;
     }
     interface DsCardSettingsScope {
         /**
@@ -1328,6 +1343,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Show full-row hover and pressed feedback for choice-list presentations.
+          * @default false
+         */
+        "hasInteractionFill": boolean;
         /**
           * Mixed visual state. Activation clears it before toggling checked.
           * @default false
@@ -1372,6 +1392,30 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DsCheckboxGroup {
+        /**
+          * Id reference for supporting guidance or an error message.
+         */
+        "ariaDescribedby": string | undefined;
+        /**
+          * Accessible name when visible group labeling is unavailable.
+          * @default null
+         */
+        "ariaLabel": string | null;
+        /**
+          * Id reference for a visible group label.
+         */
+        "ariaLabelledby": string | undefined;
+        /**
+          * Visible label and accessible name for the checkbox list.
+         */
+        "label"?: string;
+        /**
+          * Density of the label row; use the same size on every slotted Checkbox.
+          * @default 'md'
+         */
+        "size": CheckboxGroupSize;
+    }
     /**
      * Removable chip — same density recipe as Tag, but colored by semantic `state`
      * (not intent × contrast). Not a toggle/select control; the only intentional
@@ -2121,6 +2165,12 @@ export namespace Components {
          */
         "size": IconSize;
     }
+    interface DsInlineBannerSettings {
+        /**
+          * Authored informational copy rendered without transformation.
+         */
+        "description": string;
+    }
     interface DsInput {
         /**
           * Identifies the active descendant while focus remains in the editable field.
@@ -2148,6 +2198,10 @@ export namespace Components {
           * @default 'Clear'
          */
         "clearLabel": string;
+        /**
+          * @default 'Decrease value'
+         */
+        "decrementLabel": string;
         /**
           * @default false
          */
@@ -2181,6 +2235,10 @@ export namespace Components {
           * Optional leading icon name.
          */
         "icon": string | undefined;
+        /**
+          * @default 'Increase value'
+         */
+        "incrementLabel": string;
         /**
           * Associates the internal input with an external <label>.
          */
@@ -2194,21 +2252,43 @@ export namespace Components {
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Error preserves extra text; restrict uses the browser's hard input limit.
+          * @default 'error'
+         */
+        "lengthBehavior": 'error' | 'restrict';
         /**
           * Maximum accepted value when type is number.
          */
         "max": number | undefined;
+        /**
+          * Maximum text length. A visible counter accompanies this constraint by default.
+         */
+        "maxLength": number | undefined;
         /**
           * Minimum accepted value when type is number.
          */
         "min": number | undefined;
+        /**
+          * Minimum non-empty text length, in native UTF-16 code units.
+         */
+        "minLength": number | undefined;
         "name": string | undefined;
+        /**
+          * Native whole-value regular expression for text-like input types.
+         */
+        "pattern": string | undefined;
+        "patternMessage": string | undefined;
         "placeholder": string | undefined;
         /**
           * Keeps the value focusable and submittable while preventing edits.
           * @default false
          */
         "readOnly": boolean;
+        /**
+          * @default 'Remove {label}'
+         */
+        "removeTokenLabel": string;
         /**
           * @default false
          */
@@ -2218,10 +2298,19 @@ export namespace Components {
          */
         "requiredMessage": string;
         "setFocus": () => Promise<void>;
+        /**
+          * @default true
+         */
+        "showCharacterCount": boolean;
         /**
           * @default 'Show password'
          */
         "showPasswordLabel": string;
+        /**
+          * Show inset increment/decrement actions for number fields. Native numeric editing remains available when hidden.
+          * @default true
+         */
+        "showStepper": boolean;
         /**
           * Control density.
           * @default 'md'
@@ -2232,10 +2321,25 @@ export namespace Components {
          */
         "step": number | undefined;
         /**
-          * Align the editable value; number steppers follow the same inline edge.
+          * Optional local suggestions; free text always remains valid. Used with text/search fields.
+          * @default []
+         */
+        "suggestions": string[];
+        /**
+          * Align the editable value; number steppers sit on the opposite inline edge.
           * @default 'start'
          */
         "textAlign": InputTextAlign;
+        /**
+          * Free-text tokens entered with Enter/comma and removable chips. Used with text/search fields.
+          * @default false
+         */
+        "tokenized": boolean;
+        /**
+          * Committed values; value remains the editable draft when tokenized.
+          * @default []
+         */
+        "tokens": string[];
         /**
           * @default 'text'
          */
@@ -2342,6 +2446,11 @@ export namespace Components {
           * @default true
          */
         "hasInteractionFill": boolean;
+        /**
+          * Display format; submitted values remain HH:MM in either format.
+          * @default '12'
+         */
+        "hourFormat": '12' | '24';
         "inputId": string | undefined;
         /**
           * @default false
@@ -2423,21 +2532,26 @@ export namespace Components {
         "setFocus": () => Promise<void>;
     }
     interface DsMapEntityMarker {
+        /**
+          * Clockwise map bearing for travel-group and vehicle icons. Values are normalized to 0–359.
+          * @default 0
+         */
+        "bearing": number;
         /**
           * Short visible identifier revealed on hover or keyboard focus.
           * @default ''
          */
         "caption": string;
         /**
-          * De-emphasizes this marker when an owner-managed selection is active elsewhere.
+          * Adds an optional dashed outline without changing the operating state.
           * @default false
          */
-        "dimmed": boolean;
+        "dashed": boolean;
         /**
-          * Clockwise map heading for travel-group and vehicle icons. Values are normalized to 0–359.
-          * @default 0
+          * De-emphasizes this marker when an owner-managed selection is active elsewhere.
+          * @default false
          */
-        "heading": number;
+        "dimmed": boolean;
         /**
           * Canonical IcoMo icon name for the represented map entity. Immobilized state uses MapKey.
           * @default 'MapEntityTravelGroup'
@@ -2451,14 +2565,9 @@ export namespace Components {
           * Moves keyboard focus to the marker button.
          */
         "setFocus": () => Promise<void>;
-        /**
-          * Adds the stale-data outline while preserving the last known operating state.
-          * @default false
-         */
-        "stale": boolean;
         /**
           * Semantic operating state that selects the marker background.
-          * @default 'in-motion'
+          * @default 'moving'
          */
         "state": MapEntityMarkerState;
     }
@@ -3329,6 +3438,16 @@ export namespace Components {
           * Associates the radio set with a form by id when rendered outside that form.
          */
         "form": string | undefined;
+        /**
+          * Optional visible group label rendered above the options.
+          * @default ''
+         */
+        "groupLabel": string;
+        /**
+          * Show full-row hover and pressed feedback for choice-list presentations.
+          * @default false
+         */
+        "hasInteractionFill": boolean;
         /**
           * Design-system inactive state for the complete set.
           * @default false
@@ -3368,6 +3487,51 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DsRadioTile {
+        "ariaDescribedby": string | undefined;
+        /**
+          * @default null
+         */
+        "ariaLabel": string | null;
+        "ariaLabelledby": string | undefined;
+        /**
+          * @default 'vertical'
+         */
+        "direction": 'horizontal' | 'vertical';
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "error": boolean;
+        "form": string | undefined;
+        "inputId": string | undefined;
+        /**
+          * @default false
+         */
+        "isInactive": boolean;
+        "name": string | undefined;
+        /**
+          * One-of-many choices displayed as fully clickable tiles.
+          * @default []
+         */
+        "options": RadioTileOption[];
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default 'This field is required.'
+         */
+        "requiredMessage": string;
+        "setFocus": () => Promise<void>;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
     interface DsScore {
         /**
           * Replace the figure with a skeleton while data resolves.
@@ -3629,6 +3793,78 @@ export namespace Components {
          */
         "width": SelectWidth;
     }
+    /**
+     * Padded settings-row composition for a Checkbox group.
+     */
+    interface DsSettingRowCheckbox {
+        /**
+          * Optional consequence or supporting copy for the saved selection.
+         */
+        "description"?: string;
+        /**
+          * Settings heading shown in both presentations. Not CheckboxGroup's form label.
+         */
+        "label"?: string;
+        /**
+          * Interactive Checkbox group or non-interactive saved-value readout.
+          * @default 'edit'
+         */
+        "presentation": SettingRowCheckboxPresentation;
+        /**
+          * Saved selected-value labels shown in view presentation.
+         */
+        "valueLabel"?: string;
+    }
+    /**
+     * Padded settings-row composition for a Radio group.
+     */
+    interface DsSettingRowRadio {
+        /**
+          * Optional consequence or supporting copy for the saved option.
+         */
+        "description"?: string;
+        /**
+          * Settings heading shown in both presentations. Not Radio's form groupLabel.
+         */
+        "label"?: string;
+        /**
+          * Interactive Radio group or non-interactive saved-value readout.
+          * @default 'edit'
+         */
+        "presentation": SettingRowRadioPresentation;
+        /**
+          * Saved option label shown in view presentation.
+         */
+        "valueLabel"?: string;
+    }
+    /**
+     * A labeled binary setting that applies immediately through its application owner.
+     */
+    interface DsSettingRowToggle {
+        /**
+          * Controlled enabled state.
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Supporting copy explaining the setting and its alternative.
+         */
+        "description"?: string;
+        /**
+          * Prevent changes while the setting is unavailable.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Name of the enabled setting.
+         */
+        "label": string;
+        /**
+          * Typography recipe for the setting copy.
+          * @default 'emphasis'
+         */
+        "variant": SettingRowToggleVariant;
+    }
     interface DsShellApp {
         /**
           * Open or toggle a managed global tool from application-owned UI.
@@ -3942,12 +4178,17 @@ export namespace Components {
         /**
           * @default 1
          */
-        "step": number;
+        "step": number | 'any';
         /**
           * Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints.
           * @default 'edge'
          */
         "thumbAlignment": SliderThumbAlignment;
+        /**
+          * Explicit ticks are the selectable snap points. Empty ticks with step='any' allow smooth adjustment.
+          * @default []
+         */
+        "ticks": SliderTick[];
         /**
           * Current value. Assign a two-number array through the JavaScript property for a range slider.
           * @default 0
@@ -4531,6 +4772,19 @@ export namespace Components {
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Error preserves extra text; restrict uses the browser's hard input limit.
+          * @default 'error'
+         */
+        "lengthBehavior": 'error' | 'restrict';
+        /**
+          * Maximum text length. A visible counter accompanies this constraint by default.
+         */
+        "maxLength": number | undefined;
+        /**
+          * Minimum non-empty text length, in native UTF-16 code units.
+         */
+        "minLength": number | undefined;
         "name": string | undefined;
         "placeholder": string | undefined;
         /**
@@ -4557,6 +4811,10 @@ export namespace Components {
          */
         "rows": number;
         "setFocus": () => Promise<void>;
+        /**
+          * @default true
+         */
+        "showCharacterCount": boolean;
         /**
           * Control density for typography and inset spacing.
           * @default 'md'
@@ -4583,6 +4841,11 @@ export namespace Components {
           * @default false
          */
         "autoFocus": boolean;
+        /**
+          * Display 12-hour lists with AM/PM or a 24-hour clock. Stored values remain HH:MM.
+          * @default '12'
+         */
+        "hourFormat": '12' | '24';
         /**
           * @default false
          */
@@ -4975,6 +5238,10 @@ export interface DsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsRadioElement;
 }
+export interface DsRadioTileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsRadioTileElement;
+}
 export interface DsScrollOverlayCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsScrollOverlayElement;
@@ -4983,6 +5250,10 @@ export interface DsSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsSelectElement;
 }
+export interface DsSettingRowToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsSettingRowToggleElement;
+}
 export interface DsShellAppCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsShellAppElement;
@@ -5474,6 +5745,12 @@ declare global {
         prototype: HTMLDsCheckboxElement;
         new (): HTMLDsCheckboxElement;
     };
+    interface HTMLDsCheckboxGroupElement extends Components.DsCheckboxGroup, HTMLStencilElement {
+    }
+    var HTMLDsCheckboxGroupElement: {
+        prototype: HTMLDsCheckboxGroupElement;
+        new (): HTMLDsCheckboxGroupElement;
+    };
     interface HTMLDsChipElementEventMap {
         "dsRemove": void;
     }
@@ -5735,8 +6012,16 @@ declare global {
         prototype: HTMLDsIconElement;
         new (): HTMLDsIconElement;
     };
+    interface HTMLDsInlineBannerSettingsElement extends Components.DsInlineBannerSettings, HTMLStencilElement {
+    }
+    var HTMLDsInlineBannerSettingsElement: {
+        prototype: HTMLDsInlineBannerSettingsElement;
+        new (): HTMLDsInlineBannerSettingsElement;
+    };
     interface HTMLDsInputElementEventMap {
         "dsChange": string;
+        "dsTokensChange": string[];
+        "dsSuggestionSelect": string;
         "dsClear": void;
     }
     interface HTMLDsInputElement extends Components.DsInput, HTMLStencilElement {
@@ -6159,6 +6444,23 @@ declare global {
         prototype: HTMLDsRadioElement;
         new (): HTMLDsRadioElement;
     };
+    interface HTMLDsRadioTileElementEventMap {
+        "dsChange": string;
+    }
+    interface HTMLDsRadioTileElement extends Components.DsRadioTile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsRadioTileElementEventMap>(type: K, listener: (this: HTMLDsRadioTileElement, ev: DsRadioTileCustomEvent<HTMLDsRadioTileElementEventMap[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 HTMLDsRadioTileElementEventMap>(type: K, listener: (this: HTMLDsRadioTileElement, ev: DsRadioTileCustomEvent<HTMLDsRadioTileElementEventMap[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 HTMLDsRadioTileElement: {
+        prototype: HTMLDsRadioTileElement;
+        new (): HTMLDsRadioTileElement;
+    };
     interface HTMLDsScoreElement extends Components.DsScore, HTMLStencilElement {
     }
     var HTMLDsScoreElement: {
@@ -6204,6 +6506,44 @@ declare global {
         prototype: HTMLDsSelectElement;
         new (): HTMLDsSelectElement;
     };
+    /**
+     * Padded settings-row composition for a Checkbox group.
+     */
+    interface HTMLDsSettingRowCheckboxElement extends Components.DsSettingRowCheckbox, HTMLStencilElement {
+    }
+    var HTMLDsSettingRowCheckboxElement: {
+        prototype: HTMLDsSettingRowCheckboxElement;
+        new (): HTMLDsSettingRowCheckboxElement;
+    };
+    /**
+     * Padded settings-row composition for a Radio group.
+     */
+    interface HTMLDsSettingRowRadioElement extends Components.DsSettingRowRadio, HTMLStencilElement {
+    }
+    var HTMLDsSettingRowRadioElement: {
+        prototype: HTMLDsSettingRowRadioElement;
+        new (): HTMLDsSettingRowRadioElement;
+    };
+    interface HTMLDsSettingRowToggleElementEventMap {
+        "dsChange": boolean;
+    }
+    /**
+     * A labeled binary setting that applies immediately through its application owner.
+     */
+    interface HTMLDsSettingRowToggleElement extends Components.DsSettingRowToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsSettingRowToggleElementEventMap>(type: K, listener: (this: HTMLDsSettingRowToggleElement, ev: DsSettingRowToggleCustomEvent<HTMLDsSettingRowToggleElementEventMap[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 HTMLDsSettingRowToggleElementEventMap>(type: K, listener: (this: HTMLDsSettingRowToggleElement, ev: DsSettingRowToggleCustomEvent<HTMLDsSettingRowToggleElementEventMap[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 HTMLDsSettingRowToggleElement: {
+        prototype: HTMLDsSettingRowToggleElement;
+        new (): HTMLDsSettingRowToggleElement;
+    };
     interface HTMLDsShellAppElementEventMap {
         "dsResponsiveModeChange": { mode: ShellResponsiveMode };
         "dsNavSelect": string;
@@ -6518,6 +6858,7 @@ declare global {
         "ds-chart": HTMLDsChartElement;
         "ds-chart-legend": HTMLDsChartLegendElement;
         "ds-checkbox": HTMLDsCheckboxElement;
+        "ds-checkbox-group": HTMLDsCheckboxGroupElement;
         "ds-chip": HTMLDsChipElement;
         "ds-code-block": HTMLDsCodeBlockElement;
         "ds-conversation-list": HTMLDsConversationListElement;
@@ -6536,6 +6877,7 @@ declare global {
         "ds-field": HTMLDsFieldElement;
         "ds-filter-menu": HTMLDsFilterMenuElement;
         "ds-icon": HTMLDsIconElement;
+        "ds-inline-banner-settings": HTMLDsInlineBannerSettingsElement;
         "ds-input": HTMLDsInputElement;
         "ds-input-date": HTMLDsInputDateElement;
         "ds-input-time": HTMLDsInputTimeElement;
@@ -6562,9 +6904,13 @@ declare global {
         "ds-panel-tools": HTMLDsPanelToolsElement;
         "ds-paper-texture": HTMLDsPaperTextureElement;
         "ds-radio": HTMLDsRadioElement;
+        "ds-radio-tile": HTMLDsRadioTileElement;
         "ds-score": HTMLDsScoreElement;
         "ds-scroll-overlay": HTMLDsScrollOverlayElement;
         "ds-select": HTMLDsSelectElement;
+        "ds-setting-row-checkbox": HTMLDsSettingRowCheckboxElement;
+        "ds-setting-row-radio": HTMLDsSettingRowRadioElement;
+        "ds-setting-row-toggle": HTMLDsSettingRowToggleElement;
         "ds-shell-app": HTMLDsShellAppElement;
         "ds-shell-page": HTMLDsShellPageElement;
         "ds-shell-tools": HTMLDsShellToolsElement;
@@ -7375,7 +7721,7 @@ declare namespace LocalJSX {
          */
         "ariaLabel"?: string | null;
         /**
-          * Actual parent surface context. Omit on primary and secondary surfaces.
+          * Actual parent surface context. Omit on primary and secondary surfaces; use chrome for shell surfaces.
          */
         "background"?: ButtonUnfilledBackground | undefined;
         /**
@@ -7665,7 +8011,7 @@ declare namespace LocalJSX {
          */
         "cancelLabel"?: string;
         /**
-          * Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the matching `--dimension-card-height-*` so the body fills available space even when the slot is empty.
+          * Card width token (`sm` / `md` / `lg`). Empty editable cards use the matching minimum-height token. Cards with body content, and immediate cards, fit that content.
           * @default 'md'
          */
         "cardWidth"?: CardSettingWidth;
@@ -7690,6 +8036,11 @@ declare namespace LocalJSX {
           * @default 'Save'
          */
         "saveLabel"?: string;
+        /**
+          * Immediate settings omit edit actions and apply changes through their own controls.
+          * @default 'editable'
+         */
+        "variant"?: CardSettingVariant;
     }
     interface DsCardSettingsScope {
         /**
@@ -7850,6 +8201,11 @@ declare namespace LocalJSX {
           * The `id` of a `<form>` element to associate this element with.
          */
         "form"?: string;
+        /**
+          * Show full-row hover and pressed feedback for choice-list presentations.
+          * @default false
+         */
+        "hasInteractionFill"?: boolean;
         /**
           * Mixed visual state. Activation clears it before toggling checked.
           * @default false
@@ -7898,6 +8254,30 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DsCheckboxGroup {
+        /**
+          * Id reference for supporting guidance or an error message.
+         */
+        "ariaDescribedby"?: string | undefined;
+        /**
+          * Accessible name when visible group labeling is unavailable.
+          * @default null
+         */
+        "ariaLabel"?: string | null;
+        /**
+          * Id reference for a visible group label.
+         */
+        "ariaLabelledby"?: string | undefined;
+        /**
+          * Visible label and accessible name for the checkbox list.
+         */
+        "label"?: string;
+        /**
+          * Density of the label row; use the same size on every slotted Checkbox.
+          * @default 'md'
+         */
+        "size"?: CheckboxGroupSize;
+    }
     /**
      * Removable chip — same density recipe as Tag, but colored by semantic `state`
      * (not intent × contrast). Not a toggle/select control; the only intentional
@@ -8757,6 +9137,12 @@ declare namespace LocalJSX {
          */
         "size"?: IconSize;
     }
+    interface DsInlineBannerSettings {
+        /**
+          * Authored informational copy rendered without transformation.
+         */
+        "description": string;
+    }
     interface DsInput {
         /**
           * Identifies the active descendant while focus remains in the editable field.
@@ -8784,6 +9170,10 @@ declare namespace LocalJSX {
           * @default 'Clear'
          */
         "clearLabel"?: string;
+        /**
+          * @default 'Decrease value'
+         */
+        "decrementLabel"?: string;
         /**
           * @default false
          */
@@ -8817,6 +9207,10 @@ declare namespace LocalJSX {
           * Optional leading icon name.
          */
         "icon"?: string | undefined;
+        /**
+          * @default 'Increase value'
+         */
+        "incrementLabel"?: string;
         /**
           * Associates the internal input with an external <label>.
          */
@@ -8830,23 +9224,47 @@ declare namespace LocalJSX {
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Error preserves extra text; restrict uses the browser's hard input limit.
+          * @default 'error'
+         */
+        "lengthBehavior"?: 'error' | 'restrict';
         /**
           * Maximum accepted value when type is number.
          */
         "max"?: number | undefined;
+        /**
+          * Maximum text length. A visible counter accompanies this constraint by default.
+         */
+        "maxLength"?: number | undefined;
         /**
           * Minimum accepted value when type is number.
          */
         "min"?: number | undefined;
+        /**
+          * Minimum non-empty text length, in native UTF-16 code units.
+         */
+        "minLength"?: number | undefined;
         "name"?: string | undefined;
         "onDsChange"?: (event: DsInputCustomEvent<string>) => void;
         "onDsClear"?: (event: DsInputCustomEvent<void>) => void;
+        "onDsSuggestionSelect"?: (event: DsInputCustomEvent<string>) => void;
+        "onDsTokensChange"?: (event: DsInputCustomEvent<string[]>) => void;
+        /**
+          * Native whole-value regular expression for text-like input types.
+         */
+        "pattern"?: string | undefined;
+        "patternMessage"?: string | undefined;
         "placeholder"?: string | undefined;
         /**
           * Keeps the value focusable and submittable while preventing edits.
           * @default false
          */
         "readOnly"?: boolean;
+        /**
+          * @default 'Remove {label}'
+         */
+        "removeTokenLabel"?: string;
         /**
           * @default false
          */
@@ -8855,10 +9273,19 @@ declare namespace LocalJSX {
           * @default 'This field is required.'
          */
         "requiredMessage"?: string;
+        /**
+          * @default true
+         */
+        "showCharacterCount"?: boolean;
         /**
           * @default 'Show password'
          */
         "showPasswordLabel"?: string;
+        /**
+          * Show inset increment/decrement actions for number fields. Native numeric editing remains available when hidden.
+          * @default true
+         */
+        "showStepper"?: boolean;
         /**
           * Control density.
           * @default 'md'
@@ -8869,10 +9296,25 @@ declare namespace LocalJSX {
          */
         "step"?: number | undefined;
         /**
-          * Align the editable value; number steppers follow the same inline edge.
+          * Optional local suggestions; free text always remains valid. Used with text/search fields.
+          * @default []
+         */
+        "suggestions"?: string[];
+        /**
+          * Align the editable value; number steppers sit on the opposite inline edge.
           * @default 'start'
          */
         "textAlign"?: InputTextAlign;
+        /**
+          * Free-text tokens entered with Enter/comma and removable chips. Used with text/search fields.
+          * @default false
+         */
+        "tokenized"?: boolean;
+        /**
+          * Committed values; value remains the editable draft when tokenized.
+          * @default []
+         */
+        "tokens"?: string[];
         /**
           * @default 'text'
          */
@@ -8979,6 +9421,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "hasInteractionFill"?: boolean;
+        /**
+          * Display format; submitted values remain HH:MM in either format.
+          * @default '12'
+         */
+        "hourFormat"?: '12' | '24';
         "inputId"?: string | undefined;
         /**
           * @default false
@@ -9060,21 +9507,26 @@ declare namespace LocalJSX {
         "onDsClick"?: (event: DsMapClusterMarkerCustomEvent<MouseEvent>) => void;
     }
     interface DsMapEntityMarker {
+        /**
+          * Clockwise map bearing for travel-group and vehicle icons. Values are normalized to 0–359.
+          * @default 0
+         */
+        "bearing"?: number;
         /**
           * Short visible identifier revealed on hover or keyboard focus.
           * @default ''
          */
         "caption"?: string;
         /**
-          * De-emphasizes this marker when an owner-managed selection is active elsewhere.
+          * Adds an optional dashed outline without changing the operating state.
           * @default false
          */
-        "dimmed"?: boolean;
+        "dashed"?: boolean;
         /**
-          * Clockwise map heading for travel-group and vehicle icons. Values are normalized to 0–359.
-          * @default 0
+          * De-emphasizes this marker when an owner-managed selection is active elsewhere.
+          * @default false
          */
-        "heading"?: number;
+        "dimmed"?: boolean;
         /**
           * Canonical IcoMo icon name for the represented map entity. Immobilized state uses MapKey.
           * @default 'MapEntityTravelGroup'
@@ -9088,14 +9540,9 @@ declare namespace LocalJSX {
           * Fired when the marker's native button is activated.
          */
         "onDsClick"?: (event: DsMapEntityMarkerCustomEvent<MouseEvent>) => void;
-        /**
-          * Adds the stale-data outline while preserving the last known operating state.
-          * @default false
-         */
-        "stale"?: boolean;
         /**
           * Semantic operating state that selects the marker background.
-          * @default 'in-motion'
+          * @default 'moving'
          */
         "state"?: MapEntityMarkerState;
     }
@@ -10059,6 +10506,16 @@ declare namespace LocalJSX {
           * Associates the radio set with a form by id when rendered outside that form.
          */
         "form"?: string | undefined;
+        /**
+          * Optional visible group label rendered above the options.
+          * @default ''
+         */
+        "groupLabel"?: string;
+        /**
+          * Show full-row hover and pressed feedback for choice-list presentations.
+          * @default false
+         */
+        "hasInteractionFill"?: boolean;
         /**
           * Design-system inactive state for the complete set.
           * @default false
@@ -10098,6 +10555,51 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DsRadioTile {
+        "ariaDescribedby"?: string | undefined;
+        /**
+          * @default null
+         */
+        "ariaLabel"?: string | null;
+        "ariaLabelledby"?: string | undefined;
+        /**
+          * @default 'vertical'
+         */
+        "direction"?: 'horizontal' | 'vertical';
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        "form"?: string | undefined;
+        "inputId"?: string | undefined;
+        /**
+          * @default false
+         */
+        "isInactive"?: boolean;
+        "name"?: string | undefined;
+        "onDsChange"?: (event: DsRadioTileCustomEvent<string>) => void;
+        /**
+          * One-of-many choices displayed as fully clickable tiles.
+          * @default []
+         */
+        "options"?: RadioTileOption[];
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default 'This field is required.'
+         */
+        "requiredMessage"?: string;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface DsScore {
         /**
           * Replace the figure with a skeleton while data resolves.
@@ -10378,6 +10880,82 @@ declare namespace LocalJSX {
          */
         "width"?: SelectWidth;
     }
+    /**
+     * Padded settings-row composition for a Checkbox group.
+     */
+    interface DsSettingRowCheckbox {
+        /**
+          * Optional consequence or supporting copy for the saved selection.
+         */
+        "description"?: string;
+        /**
+          * Settings heading shown in both presentations. Not CheckboxGroup's form label.
+         */
+        "label"?: string;
+        /**
+          * Interactive Checkbox group or non-interactive saved-value readout.
+          * @default 'edit'
+         */
+        "presentation"?: SettingRowCheckboxPresentation;
+        /**
+          * Saved selected-value labels shown in view presentation.
+         */
+        "valueLabel"?: string;
+    }
+    /**
+     * Padded settings-row composition for a Radio group.
+     */
+    interface DsSettingRowRadio {
+        /**
+          * Optional consequence or supporting copy for the saved option.
+         */
+        "description"?: string;
+        /**
+          * Settings heading shown in both presentations. Not Radio's form groupLabel.
+         */
+        "label"?: string;
+        /**
+          * Interactive Radio group or non-interactive saved-value readout.
+          * @default 'edit'
+         */
+        "presentation"?: SettingRowRadioPresentation;
+        /**
+          * Saved option label shown in view presentation.
+         */
+        "valueLabel"?: string;
+    }
+    /**
+     * A labeled binary setting that applies immediately through its application owner.
+     */
+    interface DsSettingRowToggle {
+        /**
+          * Controlled enabled state.
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Supporting copy explaining the setting and its alternative.
+         */
+        "description"?: string;
+        /**
+          * Prevent changes while the setting is unavailable.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of the enabled setting.
+         */
+        "label": string;
+        /**
+          * Requests the next value; the application owns acceptance and persistence.
+         */
+        "onDsChange"?: (event: DsSettingRowToggleCustomEvent<boolean>) => void;
+        /**
+          * Typography recipe for the setting copy.
+          * @default 'emphasis'
+         */
+        "variant"?: SettingRowToggleVariant;
+    }
     interface DsShellApp {
         /**
           * Managed renders the complete responsive chrome; slotted exposes the advanced composition.
@@ -10753,12 +11331,17 @@ declare namespace LocalJSX {
         /**
           * @default 1
          */
-        "step"?: number;
+        "step"?: number | 'any';
         /**
           * Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints.
           * @default 'edge'
          */
         "thumbAlignment"?: SliderThumbAlignment;
+        /**
+          * Explicit ticks are the selectable snap points. Empty ticks with step='any' allow smooth adjustment.
+          * @default []
+         */
+        "ticks"?: SliderTick[];
         /**
           * Current value. Assign a two-number array through the JavaScript property for a range slider.
           * @default 0
@@ -11356,6 +11939,19 @@ declare namespace LocalJSX {
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Error preserves extra text; restrict uses the browser's hard input limit.
+          * @default 'error'
+         */
+        "lengthBehavior"?: 'error' | 'restrict';
+        /**
+          * Maximum text length. A visible counter accompanies this constraint by default.
+         */
+        "maxLength"?: number | undefined;
+        /**
+          * Minimum non-empty text length, in native UTF-16 code units.
+         */
+        "minLength"?: number | undefined;
         "name"?: string | undefined;
         "onDsChange"?: (event: DsTextareaCustomEvent<string>) => void;
         "placeholder"?: string | undefined;
@@ -11382,6 +11978,10 @@ declare namespace LocalJSX {
           * @default 4
          */
         "rows"?: number;
+        /**
+          * @default true
+         */
+        "showCharacterCount"?: boolean;
         /**
           * Control density for typography and inset spacing.
           * @default 'md'
@@ -11408,6 +12008,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "autoFocus"?: boolean;
+        /**
+          * Display 12-hour lists with AM/PM or a 24-hour clock. Stored values remain HH:MM.
+          * @default '12'
+         */
+        "hourFormat"?: '12' | '24';
         /**
           * @default false
          */
@@ -11811,6 +12416,7 @@ declare namespace LocalJSX {
     interface DsCardSettingAttributes {
         "heading": string;
         "cardWidth": CardSettingWidth;
+        "variant": CardSettingVariant;
         "editing": boolean;
         "editLabel": string;
         "cancelLabel": string;
@@ -11857,8 +12463,16 @@ declare namespace LocalJSX {
         "requiredMessage": string;
         "indeterminate": boolean;
         "isInactive": boolean;
+        "hasInteractionFill": boolean;
         "presentation": boolean;
     }
+    interface DsCheckboxGroupAttributes {
+        "label": string;
+        "size": CheckboxGroupSize;
+        "ariaLabel": string | null;
+        "ariaLabelledby": string | undefined;
+        "ariaDescribedby": string | undefined;
+    }
     interface DsChipAttributes {
         "label": string;
         "state": ChipState;
@@ -12015,6 +12629,9 @@ declare namespace LocalJSX {
         "color": IconColor;
         "label": string | undefined;
     }
+    interface DsInlineBannerSettingsAttributes {
+        "description": string;
+    }
     interface DsInputAttributes {
         "value": string;
         "name": string | undefined;
@@ -12026,11 +12643,22 @@ declare namespace LocalJSX {
         "clearLabel": string;
         "showPasswordLabel": string;
         "hidePasswordLabel": string;
+        "minLength": number | undefined;
+        "maxLength": number | undefined;
+        "lengthBehavior": 'error' | 'restrict';
+        "showCharacterCount": boolean;
+        "pattern": string | undefined;
+        "patternMessage": string | undefined;
+        "tokenized": boolean;
+        "removeTokenLabel": string;
         "placeholder": string | undefined;
         "type": InputType;
         "min": number | undefined;
         "max": number | undefined;
         "step": number | undefined;
+        "showStepper": boolean;
+        "incrementLabel": string;
+        "decrementLabel": string;
         "textAlign": InputTextAlign;
         "autoComplete": string | undefined;
         "inputMode": string;
@@ -12083,6 +12711,7 @@ declare namespace LocalJSX {
         "required": boolean;
         "requiredMessage": string;
         "step": string;
+        "hourFormat": '12' | '24';
         "min": string | undefined;
         "max": string | undefined;
         "size": InputTimeSize;
@@ -12114,8 +12743,8 @@ declare namespace LocalJSX {
         "caption": string;
         "icon": string;
         "state": MapEntityMarkerState;
-        "stale": boolean;
-        "heading": number;
+        "dashed": boolean;
+        "bearing": number;
         "dimmed": boolean;
     }
     interface DsMarkdownAttributes {
@@ -12315,6 +12944,7 @@ declare namespace LocalJSX {
         "storageKey": string;
     }
     interface DsRadioAttributes {
+        "groupLabel": string;
         "value": string;
         "size": RadioSize;
         "name": string | undefined;
@@ -12324,9 +12954,25 @@ declare namespace LocalJSX {
         "requiredMessage": string;
         "direction": 'vertical' | 'horizontal';
         "isInactive": boolean;
+        "hasInteractionFill": boolean;
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
     }
+    interface DsRadioTileAttributes {
+        "value": string;
+        "name": string | undefined;
+        "form": string | undefined;
+        "disabled": boolean;
+        "isInactive": boolean;
+        "required": boolean;
+        "requiredMessage": string;
+        "direction": 'horizontal' | 'vertical';
+        "inputId": string | undefined;
+        "error": boolean;
+        "ariaLabel": string | null;
+        "ariaLabelledby": string | undefined;
+        "ariaDescribedby": string | undefined;
+    }
     interface DsScoreAttributes {
         "value": string;
         "size": ScoreSize;
@@ -12381,6 +13027,25 @@ declare namespace LocalJSX {
         "ariaLabelledby": string | undefined;
         "ariaDescribedby": string | undefined;
     }
+    interface DsSettingRowCheckboxAttributes {
+        "presentation": SettingRowCheckboxPresentation;
+        "label": string;
+        "valueLabel": string;
+        "description": string;
+    }
+    interface DsSettingRowRadioAttributes {
+        "presentation": SettingRowRadioPresentation;
+        "label": string;
+        "valueLabel": string;
+        "description": string;
+    }
+    interface DsSettingRowToggleAttributes {
+        "label": string;
+        "description": string;
+        "checked": boolean;
+        "disabled": boolean;
+        "variant": SettingRowToggleVariant;
+    }
     interface DsShellAppAttributes {
         "composition": ShellAppComposition;
         "sectionNavigation": ShellSectionNavigation;
@@ -12428,7 +13093,7 @@ declare namespace LocalJSX {
         "value": SliderValue;
         "min": number;
         "max": number;
-        "step": number;
+        "step": string;
         "minStepsBetweenValues": number;
         "label": string | undefined;
         "showValue": boolean;
@@ -12572,6 +13237,10 @@ declare namespace LocalJSX {
         "readOnly": boolean;
         "required": boolean;
         "requiredMessage": string;
+        "minLength": number | undefined;
+        "maxLength": number | undefined;
+        "lengthBehavior": 'error' | 'restrict';
+        "showCharacterCount": boolean;
         "placeholder": string | undefined;
         "rows": number;
         "resize": TextareaResize;
@@ -12594,6 +13263,7 @@ declare namespace LocalJSX {
     }
     interface DsTimePickerAttributes {
         "value": string;
+        "hourFormat": '12' | '24';
         "min": string | undefined;
         "max": string | undefined;
         "step": string;
@@ -12662,6 +13332,7 @@ declare namespace LocalJSX {
         "ds-chart": Omit<DsChart, keyof DsChartAttributes> & { [K in keyof DsChart & keyof DsChartAttributes]?: DsChart[K] } & { [K in keyof DsChart & keyof DsChartAttributes as `attr:${K}`]?: DsChartAttributes[K] } & { [K in keyof DsChart & keyof DsChartAttributes as `prop:${K}`]?: DsChart[K] } & OneOf<"label", DsChart["label"], DsChartAttributes["label"]>;
         "ds-chart-legend": Omit<DsChartLegend, keyof DsChartLegendAttributes> & { [K in keyof DsChartLegend & keyof DsChartLegendAttributes]?: DsChartLegend[K] } & { [K in keyof DsChartLegend & keyof DsChartLegendAttributes as `attr:${K}`]?: DsChartLegendAttributes[K] } & { [K in keyof DsChartLegend & keyof DsChartLegendAttributes as `prop:${K}`]?: DsChartLegend[K] };
         "ds-checkbox": Omit<DsCheckbox, keyof DsCheckboxAttributes> & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes]?: DsCheckbox[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `attr:${K}`]?: DsCheckboxAttributes[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `prop:${K}`]?: DsCheckbox[K] } & OneOf<"label", DsCheckbox["label"], DsCheckboxAttributes["label"]>;
+        "ds-checkbox-group": Omit<DsCheckboxGroup, keyof DsCheckboxGroupAttributes> & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes]?: DsCheckboxGroup[K] } & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes as `attr:${K}`]?: DsCheckboxGroupAttributes[K] } & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes as `prop:${K}`]?: DsCheckboxGroup[K] };
         "ds-chip": Omit<DsChip, keyof DsChipAttributes> & { [K in keyof DsChip & keyof DsChipAttributes]?: DsChip[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `attr:${K}`]?: DsChipAttributes[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `prop:${K}`]?: DsChip[K] } & OneOf<"label", DsChip["label"], DsChipAttributes["label"]>;
         "ds-code-block": Omit<DsCodeBlock, keyof DsCodeBlockAttributes> & { [K in keyof DsCodeBlock & keyof DsCodeBlockAttributes]?: DsCodeBlock[K] } & { [K in keyof DsCodeBlock & keyof DsCodeBlockAttributes as `attr:${K}`]?: DsCodeBlockAttributes[K] } & { [K in keyof DsCodeBlock & keyof DsCodeBlockAttributes as `prop:${K}`]?: DsCodeBlock[K] };
         "ds-conversation-list": DsConversationList;
@@ -12680,6 +13351,7 @@ declare namespace LocalJSX {
         "ds-field": Omit<DsField, keyof DsFieldAttributes> & { [K in keyof DsField & keyof DsFieldAttributes]?: DsField[K] } & { [K in keyof DsField & keyof DsFieldAttributes as `attr:${K}`]?: DsFieldAttributes[K] } & { [K in keyof DsField & keyof DsFieldAttributes as `prop:${K}`]?: DsField[K] };
         "ds-filter-menu": Omit<DsFilterMenu, keyof DsFilterMenuAttributes> & { [K in keyof DsFilterMenu & keyof DsFilterMenuAttributes]?: DsFilterMenu[K] } & { [K in keyof DsFilterMenu & keyof DsFilterMenuAttributes as `attr:${K}`]?: DsFilterMenuAttributes[K] } & { [K in keyof DsFilterMenu & keyof DsFilterMenuAttributes as `prop:${K}`]?: DsFilterMenu[K] };
         "ds-icon": Omit<DsIcon, keyof DsIconAttributes> & { [K in keyof DsIcon & keyof DsIconAttributes]?: DsIcon[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `attr:${K}`]?: DsIconAttributes[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `prop:${K}`]?: DsIcon[K] };
+        "ds-inline-banner-settings": Omit<DsInlineBannerSettings, keyof DsInlineBannerSettingsAttributes> & { [K in keyof DsInlineBannerSettings & keyof DsInlineBannerSettingsAttributes]?: DsInlineBannerSettings[K] } & { [K in keyof DsInlineBannerSettings & keyof DsInlineBannerSettingsAttributes as `attr:${K}`]?: DsInlineBannerSettingsAttributes[K] } & { [K in keyof DsInlineBannerSettings & keyof DsInlineBannerSettingsAttributes as `prop:${K}`]?: DsInlineBannerSettings[K] } & OneOf<"description", DsInlineBannerSettings["description"], DsInlineBannerSettingsAttributes["description"]>;
         "ds-input": Omit<DsInput, keyof DsInputAttributes> & { [K in keyof DsInput & keyof DsInputAttributes]?: DsInput[K] } & { [K in keyof DsInput & keyof DsInputAttributes as `attr:${K}`]?: DsInputAttributes[K] } & { [K in keyof DsInput & keyof DsInputAttributes as `prop:${K}`]?: DsInput[K] };
         "ds-input-date": Omit<DsInputDate, keyof DsInputDateAttributes> & { [K in keyof DsInputDate & keyof DsInputDateAttributes]?: DsInputDate[K] } & { [K in keyof DsInputDate & keyof DsInputDateAttributes as `attr:${K}`]?: DsInputDateAttributes[K] } & { [K in keyof DsInputDate & keyof DsInputDateAttributes as `prop:${K}`]?: DsInputDate[K] };
         "ds-input-time": Omit<DsInputTime, keyof DsInputTimeAttributes> & { [K in keyof DsInputTime & keyof DsInputTimeAttributes]?: DsInputTime[K] } & { [K in keyof DsInputTime & keyof DsInputTimeAttributes as `attr:${K}`]?: DsInputTimeAttributes[K] } & { [K in keyof DsInputTime & keyof DsInputTimeAttributes as `prop:${K}`]?: DsInputTime[K] };
@@ -12706,9 +13378,13 @@ declare namespace LocalJSX {
         "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-paper-texture": DsPaperTexture;
         "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-radio-tile": Omit<DsRadioTile, keyof DsRadioTileAttributes> & { [K in keyof DsRadioTile & keyof DsRadioTileAttributes]?: DsRadioTile[K] } & { [K in keyof DsRadioTile & keyof DsRadioTileAttributes as `attr:${K}`]?: DsRadioTileAttributes[K] } & { [K in keyof DsRadioTile & keyof DsRadioTileAttributes as `prop:${K}`]?: DsRadioTile[K] };
         "ds-score": Omit<DsScore, keyof DsScoreAttributes> & { [K in keyof DsScore & keyof DsScoreAttributes]?: DsScore[K] } & { [K in keyof DsScore & keyof DsScoreAttributes as `attr:${K}`]?: DsScoreAttributes[K] } & { [K in keyof DsScore & keyof DsScoreAttributes as `prop:${K}`]?: DsScore[K] };
         "ds-scroll-overlay": Omit<DsScrollOverlay, keyof DsScrollOverlayAttributes> & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes]?: DsScrollOverlay[K] } & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes as `attr:${K}`]?: DsScrollOverlayAttributes[K] } & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes as `prop:${K}`]?: DsScrollOverlay[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-setting-row-checkbox": Omit<DsSettingRowCheckbox, keyof DsSettingRowCheckboxAttributes> & { [K in keyof DsSettingRowCheckbox & keyof DsSettingRowCheckboxAttributes]?: DsSettingRowCheckbox[K] } & { [K in keyof DsSettingRowCheckbox & keyof DsSettingRowCheckboxAttributes as `attr:${K}`]?: DsSettingRowCheckboxAttributes[K] } & { [K in keyof DsSettingRowCheckbox & keyof DsSettingRowCheckboxAttributes as `prop:${K}`]?: DsSettingRowCheckbox[K] };
+        "ds-setting-row-radio": Omit<DsSettingRowRadio, keyof DsSettingRowRadioAttributes> & { [K in keyof DsSettingRowRadio & keyof DsSettingRowRadioAttributes]?: DsSettingRowRadio[K] } & { [K in keyof DsSettingRowRadio & keyof DsSettingRowRadioAttributes as `attr:${K}`]?: DsSettingRowRadioAttributes[K] } & { [K in keyof DsSettingRowRadio & keyof DsSettingRowRadioAttributes as `prop:${K}`]?: DsSettingRowRadio[K] };
+        "ds-setting-row-toggle": Omit<DsSettingRowToggle, keyof DsSettingRowToggleAttributes> & { [K in keyof DsSettingRowToggle & keyof DsSettingRowToggleAttributes]?: DsSettingRowToggle[K] } & { [K in keyof DsSettingRowToggle & keyof DsSettingRowToggleAttributes as `attr:${K}`]?: DsSettingRowToggleAttributes[K] } & { [K in keyof DsSettingRowToggle & keyof DsSettingRowToggleAttributes as `prop:${K}`]?: DsSettingRowToggle[K] } & OneOf<"label", DsSettingRowToggle["label"], DsSettingRowToggleAttributes["label"]>;
         "ds-shell-app": Omit<DsShellApp, keyof DsShellAppAttributes> & { [K in keyof DsShellApp & keyof DsShellAppAttributes]?: DsShellApp[K] } & { [K in keyof DsShellApp & keyof DsShellAppAttributes as `attr:${K}`]?: DsShellAppAttributes[K] } & { [K in keyof DsShellApp & keyof DsShellAppAttributes as `prop:${K}`]?: DsShellApp[K] };
         "ds-shell-page": Omit<DsShellPage, keyof DsShellPageAttributes> & { [K in keyof DsShellPage & keyof DsShellPageAttributes]?: DsShellPage[K] } & { [K in keyof DsShellPage & keyof DsShellPageAttributes as `attr:${K}`]?: DsShellPageAttributes[K] } & { [K in keyof DsShellPage & keyof DsShellPageAttributes as `prop:${K}`]?: DsShellPage[K] };
         "ds-shell-tools": Omit<DsShellTools, keyof DsShellToolsAttributes> & { [K in keyof DsShellTools & keyof DsShellToolsAttributes]?: DsShellTools[K] } & { [K in keyof DsShellTools & keyof DsShellToolsAttributes as `attr:${K}`]?: DsShellToolsAttributes[K] } & { [K in keyof DsShellTools & keyof DsShellToolsAttributes as `prop:${K}`]?: DsShellTools[K] };
@@ -12771,6 +13447,7 @@ declare module "@stencil/core" {
              */
             "ds-chart-legend": LocalJSX.IntrinsicElements["ds-chart-legend"] & JSXBase.HTMLAttributes<HTMLDsChartLegendElement>;
             "ds-checkbox": LocalJSX.IntrinsicElements["ds-checkbox"] & JSXBase.HTMLAttributes<HTMLDsCheckboxElement>;
+            "ds-checkbox-group": LocalJSX.IntrinsicElements["ds-checkbox-group"] & JSXBase.HTMLAttributes<HTMLDsCheckboxGroupElement>;
             /**
              * Removable chip — same density recipe as Tag, but colored by semantic `state`
              * (not intent × contrast). Not a toggle/select control; the only intentional
@@ -12801,6 +13478,7 @@ declare module "@stencil/core" {
             "ds-field": LocalJSX.IntrinsicElements["ds-field"] & JSXBase.HTMLAttributes<HTMLDsFieldElement>;
             "ds-filter-menu": LocalJSX.IntrinsicElements["ds-filter-menu"] & JSXBase.HTMLAttributes<HTMLDsFilterMenuElement>;
             "ds-icon": LocalJSX.IntrinsicElements["ds-icon"] & JSXBase.HTMLAttributes<HTMLDsIconElement>;
+            "ds-inline-banner-settings": LocalJSX.IntrinsicElements["ds-inline-banner-settings"] & JSXBase.HTMLAttributes<HTMLDsInlineBannerSettingsElement>;
             "ds-input": LocalJSX.IntrinsicElements["ds-input"] & JSXBase.HTMLAttributes<HTMLDsInputElement>;
             "ds-input-date": LocalJSX.IntrinsicElements["ds-input-date"] & JSXBase.HTMLAttributes<HTMLDsInputDateElement>;
             "ds-input-time": LocalJSX.IntrinsicElements["ds-input-time"] & JSXBase.HTMLAttributes<HTMLDsInputTimeElement>;
@@ -12827,9 +13505,22 @@ declare module "@stencil/core" {
             "ds-panel-tools": LocalJSX.IntrinsicElements["ds-panel-tools"] & JSXBase.HTMLAttributes<HTMLDsPanelToolsElement>;
             "ds-paper-texture": LocalJSX.IntrinsicElements["ds-paper-texture"] & JSXBase.HTMLAttributes<HTMLDsPaperTextureElement>;
             "ds-radio": LocalJSX.IntrinsicElements["ds-radio"] & JSXBase.HTMLAttributes<HTMLDsRadioElement>;
+            "ds-radio-tile": LocalJSX.IntrinsicElements["ds-radio-tile"] & JSXBase.HTMLAttributes<HTMLDsRadioTileElement>;
             "ds-score": LocalJSX.IntrinsicElements["ds-score"] & JSXBase.HTMLAttributes<HTMLDsScoreElement>;
             "ds-scroll-overlay": LocalJSX.IntrinsicElements["ds-scroll-overlay"] & JSXBase.HTMLAttributes<HTMLDsScrollOverlayElement>;
             "ds-select": LocalJSX.IntrinsicElements["ds-select"] & JSXBase.HTMLAttributes<HTMLDsSelectElement>;
+            /**
+             * Padded settings-row composition for a Checkbox group.
+             */
+            "ds-setting-row-checkbox": LocalJSX.IntrinsicElements["ds-setting-row-checkbox"] & JSXBase.HTMLAttributes<HTMLDsSettingRowCheckboxElement>;
+            /**
+             * Padded settings-row composition for a Radio group.
+             */
+            "ds-setting-row-radio": LocalJSX.IntrinsicElements["ds-setting-row-radio"] & JSXBase.HTMLAttributes<HTMLDsSettingRowRadioElement>;
+            /**
+             * A labeled binary setting that applies immediately through its application owner.
+             */
+            "ds-setting-row-toggle": LocalJSX.IntrinsicElements["ds-setting-row-toggle"] & JSXBase.HTMLAttributes<HTMLDsSettingRowToggleElement>;
             "ds-shell-app": LocalJSX.IntrinsicElements["ds-shell-app"] & JSXBase.HTMLAttributes<HTMLDsShellAppElement>;
             "ds-shell-page": LocalJSX.IntrinsicElements["ds-shell-page"] & JSXBase.HTMLAttributes<HTMLDsShellPageElement>;
             "ds-shell-tools": LocalJSX.IntrinsicElements["ds-shell-tools"] & JSXBase.HTMLAttributes<HTMLDsShellToolsElement>;