@ds-mo/ui 12.6.2 → 12.8.0

package/dist/types/components/CardOverview/CardOverview.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { OverviewMetric, OverviewScore } from './card-overview-types';
+export declare class CardOverview {
+    el: HTMLElement;
+    /** Leading summary block. Omit to render the bar without a headline figure. */
+    score: OverviewScore | undefined;
+    /** Current reporting period, for example `Jun 29, 2026 – Jul 26, 2026`. */
+    periodLabel: string;
+    /** Comparison caption, for example `vs. previous score period`. */
+    comparisonLabel: string;
+    /** Measures rendered in the responsive grid. */
+    metrics: OverviewMetric[];
+    /**
+     * Width a metric cell may shrink to before the grid drops a column. The grid
+     * reflows and then stacks from this alone, so no measurement is required.
+     */
+    metricMinWidth: string;
+    /** Replace the score and metrics with skeletons while data resolves. */
+    isLoading: boolean;
+    /** Message shown in place of the score when its figure cannot be resolved. */
+    scoreErrorMessage: string | undefined;
+    /** Accessible name for the region. */
+    overviewLabel: string;
+    /** Emitted when a metric that is not inactive is activated. */
+    dsMetricSelect: EventEmitter<OverviewMetric>;
+    /** Roving tab stop across selectable metrics. */
+    private focusedMetricIndex;
+    private get hasScore();
+    /** Index of the roving tab stop, skipping inactive metrics. */
+    private get rovingIndex();
+    private selectMetric;
+    /** Move the roving tab stop, wrapping and skipping inactive metrics. */
+    private moveFocus;
+    private handleMetricKeyDown;
+    /**
+     * A skeleton bar matching the type metrics of the text it stands in for, so the
+     * loading state holds the same shape and rhythm as the resolved content.
+     *
+     * `background` is always passed: the default base is the theme's quaternary
+     * foreground, which is black and therefore invisible on this permanently dark
+     * surface.
+     */
+    private bar;
+    /**
+     * Arrow and change in one text node.
+     *
+     * The arrow is a typeface glyph rather than an icon so it inherits the exact
+     * size, weight, and baseline of the value beside it; an icon would need its
+     * own size scale and would drift whenever the type scale changed.
+     *
+     * Tone is supplied by the caller and never inferred here.
+     */
+    private renderTrend;
+    private renderScore;
+    private renderMetric;
+    private renderMetrics;
+    render(): any;
+}
+//# sourceMappingURL=CardOverview.d.ts.map

package/dist/types/components/CardOverview/card-overview-types.d.ts

@@ -0,0 +1,32 @@
+import type { MetricTrend } from '../../utils/metric-change';
+/**
+ * Leading summary block — the headline figure the rest of the bar contextualises.
+ *
+ * Derive `trend` with `resolveMetricTrend` so whether a rise reads well stays a
+ * product decision rather than a design-system one.
+ */
+export interface OverviewScore {
+    /** Category above the figure, for example `Safety score`. */
+    label: string;
+    /** Display-ready headline figure. */
+    value: string | number;
+    /** Change against the comparison period. Omit when there is nothing to report. */
+    trend?: MetricTrend;
+    /** Qualitative band beneath the figure, for example `Good (67–83)`. */
+    band?: string;
+}
+/** One measure in the overview grid. */
+export interface OverviewMetric {
+    /** Stable identity for keyed rendering and selection events. */
+    id: string;
+    label: string;
+    /** Display-ready value; format compactly before passing it in. */
+    value: string | number;
+    /** Change against the comparison period. Omit when there is nothing to report. */
+    trend?: MetricTrend;
+    /** Present the measure without making it selectable. */
+    isInactive?: boolean;
+    /** Supplementary explanation for the label. */
+    labelTooltip?: string;
+}
+//# sourceMappingURL=card-overview-types.d.ts.map

package/dist/types/components/CardOverview/index.d.ts

@@ -0,0 +1,2 @@
+export type { OverviewMetric, OverviewScore } from './card-overview-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ChartBar/ChartBar.d.ts

@@ -2,8 +2,19 @@ import type { ChartDatum } from '../../utils/chart-types';
 export declare class ChartBar {
     /** Bars to render. Set as a JS property (not an HTML attribute). */
     data: ChartDatum[];
+    /** Standalone intrinsic width. Container constraints reflow the plot at rendered pixel size. */
     width: number;
+    /** Standalone intrinsic height. Container constraints reflow the plot at rendered pixel size. */
     height: number;
+    private viewport;
+    private viewportController;
+    private svgEl;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    private connectViewportController;
+    disconnectedCallback(): void;
+    handleIntrinsicSizeChange(): void;
     render(): any;
 }
 //# sourceMappingURL=ChartBar.d.ts.map

package/dist/types/components/ChartBarStacked/ChartBarStacked.d.ts

@@ -6,8 +6,19 @@ export declare class ChartBarStacked {
     /** X-axis labels — must match each series' `data` length. Set as a JS property. */
     categories: string[];
     variant: ChartBarStackedVariant;
+    /** Standalone intrinsic width. Container constraints reflow the plot at rendered pixel size. */
     width: number;
+    /** Standalone intrinsic height. Container constraints reflow the plot at rendered pixel size. */
     height: number;
+    private viewport;
+    private viewportController;
+    private svgEl;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    private connectViewportController;
+    disconnectedCallback(): void;
+    handleIntrinsicSizeChange(): void;
     private valuesForCategory;
     private accessibleLabel;
     render(): any;

package/dist/types/components/ChartLine/ChartLine.d.ts

@@ -4,9 +4,20 @@ export declare class ChartLine {
     series: ChartSeries[];
     /** X-axis labels — must match each series' `data` length. Set as a JS property. */
     categories: string[];
+    /** Standalone intrinsic width. Container constraints reflow the plot at rendered pixel size. */
     width: number;
+    /** Standalone intrinsic height. Container constraints reflow the plot at rendered pixel size. */
     height: number;
     showPoints: boolean;
+    private viewport;
+    private viewportController;
+    private svgEl;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    private connectViewportController;
+    disconnectedCallback(): void;
+    handleIntrinsicSizeChange(): void;
     render(): any;
 }
 //# sourceMappingURL=ChartLine.d.ts.map

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export type CheckboxSize = 'md' | 'sm' | 'xs';
+export type CheckboxSize = 'lg' | 'md' | 'sm' | 'xs';
 export declare class Checkbox {
     internals: ElementInternals;
     private labelId;

package/dist/types/components/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { type ControlWidth } from '../../utils';
 export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password';
-export type InputSize = 'md' | 'sm' | 'xs';
+export type InputSize = 'lg' | 'md' | 'sm' | 'xs';
 export type InputWidth = ControlWidth;
 export declare class Input {
     el: HTMLElement;

package/dist/types/components/Menu/Menu.d.ts

@@ -1,13 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type ChoicePopupAnchorAlignment } from '../../utils';
-import { type MenuAlign, type MenuSide } from './menu-position';
+import { type ChoicePopupAnchorAlignment, type ControlSize } from '../../utils';
+import type { MenuAlign, MenuSide } from './menu-position';
 import type { MenuItemData, MenuSection } from './menu-types';
 export type MenuSelectionMode = 'none' | 'single';
+export type MenuSize = ControlSize;
 import { type ShellGradientPreset } from '../../shell/shell-gradient-presets';
 export declare class Menu {
     el: HTMLElement;
     open: boolean;
     items: MenuItemData[];
+    /** Choice-row density. */
+    size: MenuSize;
     /** Give ordinary rows mutually-exclusive menu semantics using isSelected. */
     selectionMode: MenuSelectionMode;
     sections: MenuSection[];
@@ -45,10 +48,13 @@ export declare class Menu {
     /** Emitted when a generic `swatch-picker` section option is chosen. */
     dsSwatchSelect: EventEmitter<string>;
     private clickOutsideHandler;
-    private scrollResizeHandler;
     private closeTimer;
-    private positionRetryRaf;
-    private livePositionRaf;
+    /**
+     * Anchored placement. The choice-cell measurement stays here on purpose: the
+     * inner-cell align offset and the `--dimension-menu-width-xs` floor are Menu
+     * semantics, not shared geometry.
+     */
+    private readonly position;
     /** Last content actually painted while open; retained unchanged through exit motion. */
     private lastRenderedSections;
     private closingSections;

package/dist/types/components/Menu/menu-position.d.ts

@@ -1,7 +1,7 @@
-import { computeAnchoredPopupPosition, type AnchoredPopupAlign, type AnchoredPopupPositionInput, type AnchoredPopupSide } from '../../utils/anchored-popup';
-export type MenuSide = AnchoredPopupSide;
-export type MenuAlign = AnchoredPopupAlign;
-export type MenuPositionInput = AnchoredPopupPositionInput;
-/** Backward-compatible menu alias for the shared anchored-popup layout math. */
-export declare const computeMenuPosition: typeof computeAnchoredPopupPosition;
+import { computeAnchoredPosition, type AnchoredAlign, type AnchoredPositionInput, type AnchoredSide } from '../../utils/anchored-position';
+export type MenuSide = AnchoredSide;
+export type MenuAlign = AnchoredAlign;
+export type MenuPositionInput = AnchoredPositionInput;
+/** Backward-compatible menu alias for the shared anchored-position layout math. */
+export declare const computeMenuPosition: typeof computeAnchoredPosition;
 //# sourceMappingURL=menu-position.d.ts.map

package/dist/types/components/MobileSheetNav/MobileSheetNav.d.ts

@@ -17,7 +17,6 @@ export declare class MobileSheetNav {
     dsBrowseContextChange: EventEmitter<NavChromeStyle>;
     dsClose: EventEmitter<void>;
     private get groups();
-    private get items();
     private get activeId();
     handleOpenChange(open: boolean): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/Radio/Radio.d.ts

@@ -4,7 +4,7 @@ export interface RadioOption {
     value: string;
     isInactive?: boolean;
 }
-export type RadioSize = 'md' | 'sm' | 'xs';
+export type RadioSize = 'lg' | 'md' | 'sm' | 'xs';
 export declare class Radio {
     el: HTMLElement;
     internals: ElementInternals;

package/dist/types/components/Select/Select.d.ts

@@ -4,7 +4,7 @@ import { type ChoiceBackground, type ChoiceOption, type ChoiceSection } from '..
 export type SelectOption = ChoiceOption;
 export type SelectSection = ChoiceSection;
 export type SelectBackground = ChoiceBackground;
-export type SelectSize = 'md' | 'sm' | 'xs';
+export type SelectSize = 'lg' | 'md' | 'sm' | 'xs';
 export type SelectWidth = ControlWidth;
 export declare class Select {
     el: HTMLElement;
@@ -82,15 +82,9 @@ export declare class Select {
     private readonly generatedId;
     private readonly listboxId;
     private readonly errorId;
-    private triggerEl;
-    private popupEl;
-    private searchEl;
     private initialValue;
-    private typeahead;
-    private typeaheadTimer;
-    private outsideHandler;
-    private repositionHandler;
-    private positionRetryRaf;
+    private readonly controller;
+    private createController;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -111,23 +105,12 @@ export declare class Select {
     private get selectedOption();
     private get hasSelection();
     private get activeOptionId();
-    private scrollActiveOptionIntoView;
-    private bindPopupListeners;
-    private unbindPopupListeners;
-    private cancelPositionRetry;
-    /** Retry until the conditionally rendered popup is mounted and measurable. */
-    private schedulePositionUpdate;
-    /** @returns `true` when the current popup was found and positioned. */
-    private updatePosition;
-    private openPopup;
     private closePopup;
+    private openPopup;
     private selectOption;
     private clearSelection;
-    private moveActive;
-    private setActiveEdge;
-    private handleTypeahead;
-    private handleListKeyDown;
-    private handleTriggerKeyDown;
+    private readonly handleListKeyDown;
+    private readonly handleTriggerKeyDown;
     private renderOption;
     render(): any;
 }

package/dist/types/components/SelectMulti/SelectMulti.d.ts

@@ -86,15 +86,9 @@ export declare class SelectMulti {
     private readonly generatedId;
     private readonly listboxId;
     private readonly errorId;
-    private triggerEl;
-    private popupEl;
-    private searchEl;
     private initialValues;
-    private typeahead;
-    private typeaheadTimer;
-    private outsideHandler;
-    private repositionHandler;
-    private positionRetryRaf;
+    private readonly controller;
+    private createController;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -115,21 +109,12 @@ export declare class SelectMulti {
     private get resolvedValues();
     private get hasSelection();
     private get activeOptionId();
-    private scrollActiveOptionIntoView;
-    private bindPopupListeners;
-    private unbindPopupListeners;
-    private cancelPositionRetry;
-    /** Retry until the conditionally rendered popup is mounted and measurable. */
-    private schedulePositionUpdate;
-    /** @returns `true` when the current popup was found and positioned. */
-    private updatePosition;
-    private openPopup;
     private closePopup;
+    private openPopup;
     private toggleOption;
     private clearSelection;
-    private handleTypeahead;
-    private handleListKeyDown;
-    private handleTriggerKeyDown;
+    private readonly handleListKeyDown;
+    private readonly handleTriggerKeyDown;
     private renderOption;
     render(): any;
 }

package/dist/types/components/ShellPage/ShellPage.d.ts

@@ -39,6 +39,7 @@ export declare class ShellPage {
     private handleScroll;
     private findHeader;
     private get compactHeaderHeight();
+    private syncHeaderDividerInset;
     private setHeaderTravel;
     private measureHeaderTravel;
     private captureExpandedHeaderGeometry;

package/dist/types/components/ShellTools/ShellTools.d.ts

@@ -18,6 +18,7 @@ export declare class ShellTools {
     toolShortcutsLabel: string;
     inboxLabel: string;
     inboxNavigationLabel: string;
+    presentationChanged(next: 'drawer' | 'fullscreen', previous: 'drawer' | 'fullscreen'): void;
     dsToolChange: EventEmitter<{
         id: PanelToolsToolId;
         selected: boolean;

package/dist/types/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export type SwitchSize = 'md' | 'sm' | 'xs';
+export type SwitchSize = 'lg' | 'md' | 'sm' | 'xs';
 export declare class Switch {
     el: HTMLElement;
     internals: ElementInternals;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -37,9 +37,8 @@ export declare class Tooltip {
     private closeTimer;
     private anchor;
     private popupEl;
-    private positionObserver;
     private anchorObserver;
-    private positionFrame;
+    private readonly position;
     private skipEnterAnimation;
     private isOpen;
     private lastInteractionWasKeyboard;
@@ -50,7 +49,6 @@ export declare class Tooltip {
     /** focusin/focusout so nested focus targets (e.g. ds-button-* inner button) still open the tip. */
     private focusHandler;
     private blurHandler;
-    private scrollResizeHandler;
     private escapeHandler;
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -83,7 +81,6 @@ export declare class Tooltip {
     private hide;
     private mountPopup;
     private renderPopupContent;
-    private calculatePosition;
     render(): any;
 }
 //# sourceMappingURL=Tooltip.d.ts.map