@ds-mo/ui 15.2.0 → 15.3.0

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ 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";
@@ -70,6 +70,7 @@ 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";
@@ -78,7 +79,7 @@ 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,7 +109,7 @@ 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";
@@ -153,6 +154,7 @@ 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";
@@ -161,7 +163,7 @@ 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";
@@ -1167,7 +1169,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`). Editable cards also use the matching minimum-height token; immediate cards fit their content.
           * @default 'md'
          */
         "cardWidth": CardSettingWidth;
@@ -1188,6 +1190,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 {
         /**
@@ -2148,6 +2155,10 @@ export namespace Components {
           * @default 'Clear'
          */
         "clearLabel": string;
+        /**
+          * @default 'Decrease value'
+         */
+        "decrementLabel": string;
         /**
           * @default false
          */
@@ -2181,6 +2192,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 +2209,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 +2255,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 +2278,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 +2403,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 +2489,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 +2522,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;
     }
@@ -3368,6 +3434,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 +3740,29 @@ export namespace Components {
          */
         "width": SelectWidth;
     }
+    /**
+     * A labeled binary setting that applies immediately through its application owner.
+     */
+    interface DsSettingRow {
+        /**
+          * 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;
+    }
     interface DsShellApp {
         /**
           * Open or toggle a managed global tool from application-owned UI.
@@ -3942,12 +4076,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 +4670,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 +4709,10 @@ export namespace Components {
          */
         "rows": number;
         "setFocus": () => Promise<void>;
+        /**
+          * @default true
+         */
+        "showCharacterCount": boolean;
         /**
           * Control density for typography and inset spacing.
           * @default 'md'
@@ -4583,6 +4739,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 +5136,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 +5148,10 @@ export interface DsSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsSelectElement;
 }
+export interface DsSettingRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsSettingRowElement;
+}
 export interface DsShellAppCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsShellAppElement;
@@ -5737,6 +5906,8 @@ declare global {
     };
     interface HTMLDsInputElementEventMap {
         "dsChange": string;
+        "dsTokensChange": string[];
+        "dsSuggestionSelect": string;
         "dsClear": void;
     }
     interface HTMLDsInputElement extends Components.DsInput, HTMLStencilElement {
@@ -6159,6 +6330,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 +6392,26 @@ declare global {
         prototype: HTMLDsSelectElement;
         new (): HTMLDsSelectElement;
     };
+    interface HTMLDsSettingRowElementEventMap {
+        "dsChange": boolean;
+    }
+    /**
+     * A labeled binary setting that applies immediately through its application owner.
+     */
+    interface HTMLDsSettingRowElement extends Components.DsSettingRow, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsSettingRowElementEventMap>(type: K, listener: (this: HTMLDsSettingRowElement, ev: DsSettingRowCustomEvent<HTMLDsSettingRowElementEventMap[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 HTMLDsSettingRowElementEventMap>(type: K, listener: (this: HTMLDsSettingRowElement, ev: DsSettingRowCustomEvent<HTMLDsSettingRowElementEventMap[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 HTMLDsSettingRowElement: {
+        prototype: HTMLDsSettingRowElement;
+        new (): HTMLDsSettingRowElement;
+    };
     interface HTMLDsShellAppElementEventMap {
         "dsResponsiveModeChange": { mode: ShellResponsiveMode };
         "dsNavSelect": string;
@@ -6562,9 +6770,11 @@ 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": HTMLDsSettingRowElement;
         "ds-shell-app": HTMLDsShellAppElement;
         "ds-shell-page": HTMLDsShellPageElement;
         "ds-shell-tools": HTMLDsShellToolsElement;
@@ -7665,7 +7875,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`). Editable cards also use the matching minimum-height token; immediate cards fit their content.
           * @default 'md'
          */
         "cardWidth"?: CardSettingWidth;
@@ -7690,6 +7900,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 {
         /**
@@ -8784,6 +8999,10 @@ declare namespace LocalJSX {
           * @default 'Clear'
          */
         "clearLabel"?: string;
+        /**
+          * @default 'Decrease value'
+         */
+        "decrementLabel"?: string;
         /**
           * @default false
          */
@@ -8817,6 +9036,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 +9053,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 +9102,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 +9125,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 +9250,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 +9336,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 +9369,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;
     }
@@ -10098,6 +10374,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 +10699,33 @@ declare namespace LocalJSX {
          */
         "width"?: SelectWidth;
     }
+    /**
+     * A labeled binary setting that applies immediately through its application owner.
+     */
+    interface DsSettingRow {
+        /**
+          * 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: DsSettingRowCustomEvent<boolean>) => void;
+    }
     interface DsShellApp {
         /**
           * Managed renders the complete responsive chrome; slotted exposes the advanced composition.
@@ -10753,12 +11101,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 +11709,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 +11748,10 @@ declare namespace LocalJSX {
           * @default 4
          */
         "rows"?: number;
+        /**
+          * @default true
+         */
+        "showCharacterCount"?: boolean;
         /**
           * Control density for typography and inset spacing.
           * @default 'md'
@@ -11408,6 +11778,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 +12186,7 @@ declare namespace LocalJSX {
     interface DsCardSettingAttributes {
         "heading": string;
         "cardWidth": CardSettingWidth;
+        "variant": CardSettingVariant;
         "editing": boolean;
         "editLabel": string;
         "cancelLabel": string;
@@ -12026,11 +12402,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 +12470,7 @@ declare namespace LocalJSX {
         "required": boolean;
         "requiredMessage": string;
         "step": string;
+        "hourFormat": '12' | '24';
         "min": string | undefined;
         "max": string | undefined;
         "size": InputTimeSize;
@@ -12114,8 +12502,8 @@ declare namespace LocalJSX {
         "caption": string;
         "icon": string;
         "state": MapEntityMarkerState;
-        "stale": boolean;
-        "heading": number;
+        "dashed": boolean;
+        "bearing": number;
         "dimmed": boolean;
     }
     interface DsMarkdownAttributes {
@@ -12327,6 +12715,21 @@ declare namespace LocalJSX {
         "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 +12784,12 @@ declare namespace LocalJSX {
         "ariaLabelledby": string | undefined;
         "ariaDescribedby": string | undefined;
     }
+    interface DsSettingRowAttributes {
+        "label": string;
+        "description": string;
+        "checked": boolean;
+        "disabled": boolean;
+    }
     interface DsShellAppAttributes {
         "composition": ShellAppComposition;
         "sectionNavigation": ShellSectionNavigation;
@@ -12428,7 +12837,7 @@ declare namespace LocalJSX {
         "value": SliderValue;
         "min": number;
         "max": number;
-        "step": number;
+        "step": string;
         "minStepsBetweenValues": number;
         "label": string | undefined;
         "showValue": boolean;
@@ -12572,6 +12981,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 +13007,7 @@ declare namespace LocalJSX {
     }
     interface DsTimePickerAttributes {
         "value": string;
+        "hourFormat": '12' | '24';
         "min": string | undefined;
         "max": string | undefined;
         "step": string;
@@ -12706,9 +13120,11 @@ 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": Omit<DsSettingRow, keyof DsSettingRowAttributes> & { [K in keyof DsSettingRow & keyof DsSettingRowAttributes]?: DsSettingRow[K] } & { [K in keyof DsSettingRow & keyof DsSettingRowAttributes as `attr:${K}`]?: DsSettingRowAttributes[K] } & { [K in keyof DsSettingRow & keyof DsSettingRowAttributes as `prop:${K}`]?: DsSettingRow[K] } & OneOf<"label", DsSettingRow["label"], DsSettingRowAttributes["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] };
@@ -12827,9 +13243,14 @@ 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>;
+            /**
+             * A labeled binary setting that applies immediately through its application owner.
+             */
+            "ds-setting-row": LocalJSX.IntrinsicElements["ds-setting-row"] & JSXBase.HTMLAttributes<HTMLDsSettingRowElement>;
             "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>;