@ds-mo/ui 3.0.1 → 3.1.0

package/src/wc/components.d.ts

@@ -1,3569 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/**
- * This is an autogenerated file created by the Stencil compiler.
- * It contains typing information for all components that exist in this project.
- */
-import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
-import { NavChromeStyle } from "./nav/nav-chrome";
-import { ShellGradientPreset } from "./nav/shell-gradient-presets";
-import { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
-import { BannerContrast, BannerIntent } from "./components/Banner/Banner";
-import { BarNavTab } from "./components/BarNav/bar-nav-types";
-import { ButtonFilledContrast, ButtonFilledIntent, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
-import { ButtonUnfilledBackground, ButtonUnfilledOnBackgroundContrast, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
-import { CardAppearance, CardWidth } from "./components/Card/Card";
-import { CardDataVizDonutWidth } from "./components/CardDataVizDonut/CardDataVizDonut";
-import { CardSettingWidth } from "./components/CardSetting/CardSetting";
-import { ChartDatum, ChartLegendItem, ChartSeries } from "./utils/chart-types";
-import { ChartLegendDirection } from "./components/ChartLegend/ChartLegend";
-import { ChipBackground, ChipSize, ChipState } from "./components/Chip/Chip";
-import { DividerInset, DividerLength, DividerOrientation, DividerSurface } from "./components/Divider/Divider";
-import { EmptyStateType } from "./components/EmptyState/EmptyState";
-import { IconColor, IconSize } from "./components/Icon/Icon";
-import { InputType } from "./components/Input/Input";
-import { LoaderColor, LoaderSize } from "./components/Loader/Loader";
-import { MenuItemData, MenuSection } from "./components/Menu/menu-types";
-import { MenuAlign, MenuSide } from "./components/Menu/menu-position";
-import { ModalWidth } from "./components/Modal/Modal";
-import { PanelNavGroup, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
-import { ChromeTransitionDetail } from "./nav/chrome-transition";
-import { PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
-import { RadioOption } from "./components/RadioGroup/RadioGroup";
-import { SelectOption, SelectSize, SelectWidth } from "./components/Select/Select";
-import { ShellGradientPreset as ShellGradientPreset1 } from "./components/ShellGradientSwatch/shell-gradient-swatch-types";
-import { SkeletonVariant } from "./components/Skeleton/Skeleton";
-import { TabItem } from "./components/TabGroup/tab-item-utils";
-import { TabBackground } from "./components/TabGroup/TabGroup";
-import { TabGroupNavBackground } from "./components/TabGroupNav/TabGroupNav";
-import { SortState, TableColumn } from "./components/Table/Table";
-import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
-import { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
-import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
-export { NavChromeStyle } from "./nav/nav-chrome";
-export { ShellGradientPreset } from "./nav/shell-gradient-presets";
-export { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
-export { BannerContrast, BannerIntent } from "./components/Banner/Banner";
-export { BarNavTab } from "./components/BarNav/bar-nav-types";
-export { ButtonFilledContrast, ButtonFilledIntent, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
-export { ButtonUnfilledBackground, ButtonUnfilledOnBackgroundContrast, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
-export { CardAppearance, CardWidth } from "./components/Card/Card";
-export { CardDataVizDonutWidth } from "./components/CardDataVizDonut/CardDataVizDonut";
-export { CardSettingWidth } from "./components/CardSetting/CardSetting";
-export { ChartDatum, ChartLegendItem, ChartSeries } from "./utils/chart-types";
-export { ChartLegendDirection } from "./components/ChartLegend/ChartLegend";
-export { ChipBackground, ChipSize, ChipState } from "./components/Chip/Chip";
-export { DividerInset, DividerLength, DividerOrientation, DividerSurface } from "./components/Divider/Divider";
-export { EmptyStateType } from "./components/EmptyState/EmptyState";
-export { IconColor, IconSize } from "./components/Icon/Icon";
-export { InputType } from "./components/Input/Input";
-export { LoaderColor, LoaderSize } from "./components/Loader/Loader";
-export { MenuItemData, MenuSection } from "./components/Menu/menu-types";
-export { MenuAlign, MenuSide } from "./components/Menu/menu-position";
-export { ModalWidth } from "./components/Modal/Modal";
-export { PanelNavGroup, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
-export { ChromeTransitionDetail } from "./nav/chrome-transition";
-export { PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
-export { RadioOption } from "./components/RadioGroup/RadioGroup";
-export { SelectOption, SelectSize, SelectWidth } from "./components/Select/Select";
-export { ShellGradientPreset as ShellGradientPreset1 } from "./components/ShellGradientSwatch/shell-gradient-swatch-types";
-export { SkeletonVariant } from "./components/Skeleton/Skeleton";
-export { TabItem } from "./components/TabGroup/tab-item-utils";
-export { TabBackground } from "./components/TabGroup/TabGroup";
-export { TabGroupNavBackground } from "./components/TabGroupNav/TabGroupNav";
-export { SortState, TableColumn } from "./components/Table/Table";
-export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
-export { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
-export { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
-export namespace Components {
-    interface DsAppShell {
-        /**
-          * When `true`, paints the radial wash behind panel, bar, and tools (synced to shell layout).
-          * @default false
-         */
-        "gradient": boolean;
-        /**
-          * Built-in shell wash preset when `gradient` is true. `none` (solid secondary), `cool` (blue), `neutral` (grey), `warm` (yellow). `gradientSrc` overrides when set.
-          * @default DEFAULT_SHELL_GRADIENT_PRESET
-         */
-        "gradientPreset": ShellGradientPreset;
-        /**
-          * Optional custom gradient for `background-image` (e.g. SVG URL). When set, overrides the built-in radial wash.
-          * @default ''
-         */
-        "gradientSrc": string;
-        /**
-          * Chrome style propagated to slotted `ds-panel-nav` and `ds-bar-nav`.
-          * @default 'dashboard'
-         */
-        "navStyle": NavChromeStyle;
-        /**
-          * When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K/A/S/M/N toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native.
-          * @default true
-         */
-        "shortcutsEnabled": boolean;
-    }
-    interface DsBadge {
-        /**
-          * Direct ring background override for component-local surfaces.
-         */
-        "background": string | undefined;
-        /**
-          * Count shown for counter badges. Count 0 hides the badge.
-          * @default 0
-         */
-        "count": number;
-        /**
-          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
-          * @default false
-         */
-        "gradientBackground": boolean;
-        /**
-          * Deprecated alias for selected counter styling. Prefer context-specific color in the parent.
-          * @default false
-         */
-        "isSelected": boolean;
-        /**
-          * Accessible label. Defaults to the count as a string.
-         */
-        "label": string | undefined;
-        /**
-          * Highest count shown before compacting to "+".
-          * @default 9
-         */
-        "max": number;
-        /**
-          * Surface context for the ring around dots.
-          * @default 'default'
-         */
-        "surface": BadgeSurface;
-        /**
-          * Render as a compact counter or notification dot.
-          * @default 'counter'
-         */
-        "variant": BadgeVariant;
-    }
-    interface DsBanner {
-        /**
-          * @default 'medium'
-         */
-        "contrast": BannerContrast;
-        /**
-          * @default 'Dismiss'
-         */
-        "dismissLabel": string;
-        /**
-          * Renders at a fixed position (centered top) and auto-dismisses after 4 s.
-          * @default false
-         */
-        "floating": boolean;
-        /**
-          * Renders the diagonal-stripe accent bar above the body.
-          * @default false
-         */
-        "header": boolean;
-        /**
-          * @default 'neutral'
-         */
-        "intent": BannerIntent;
-        /**
-          * @default ''
-         */
-        "message": string;
-        /**
-          * @default false
-         */
-        "showDismiss": boolean;
-    }
-    interface DsBarNav {
-        /**
-          * Section base path (e.g. `/dashboard/safety`). Used with `currentUrl` to derive `value`.
-          * @default ''
-         */
-        "basePath": string;
-        /**
-          * Current route URL. When set with `basePath`, the active tab is derived automatically.
-          * @default ''
-         */
-        "currentUrl": string;
-        /**
-          * Fallback heading shown when no tabs are provided. When tabs are present the heading is hidden.
-         */
-        "heading": string | undefined;
-        /**
-          * Style slot: `dashboard` or `settings`. Colors match for now.
-          * @default 'dashboard'
-         */
-        "navStyle": NavChromeStyle;
-        /**
-          * Tab items for the left section. Set via JS property: `el.tabs = [...]`. Replace the array reference to update.
-          * @default []
-         */
-        "tabs": BarNavTab[];
-        /**
-          * JSON fallback for `tabs` — useful when framework bindings don't propagate arrays.
-          * @default ''
-         */
-        "tabsJson": string;
-        /**
-          * ID of the currently active tab. Overridden when `currentUrl` + `basePath` are set.
-          * @default ''
-         */
-        "value": string;
-    }
-    interface DsButtonFilled {
-        "ariaLabel": string | undefined;
-        /**
-          * Background fill weight. Foreground uses the paired contrast token: bold → faint, strong → medium, medium → strong, faint → bold.
-          * @default 'bold'
-         */
-        "contrast": ButtonFilledContrast;
-        /**
-          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
-          * @default ''
-         */
-        "icon": string;
-        /**
-          * Semantic colour intent.
-          * @default 'brand'
-         */
-        "intent": ButtonFilledIntent;
-        /**
-          * Disables interaction.
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * Visible text for `label` / `icon-label` variants.
-          * @default ''
-         */
-        "label": string;
-        "setFocus": () => Promise<void>;
-        /**
-          * Control density (height, padding, icon, type).
-          * @default 'md'
-         */
-        "size": ButtonFilledSize;
-        /**
-          * Native button type.
-          * @default 'button'
-         */
-        "type": 'button' | 'submit' | 'reset';
-        /**
-          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
-          * @default 'label'
-         */
-        "variant": ButtonFilledVariant;
-        /**
-          * Width fit — hug content (default) or fill the parent.
-          * @default 'hug'
-         */
-        "width": ButtonFilledWidth;
-    }
-    interface DsButtonUnfilled {
-        /**
-          * When active, render the selected interaction fill. Default `true` for general UI. Shell chrome (nav / tool rails) should pass `false` so selection is foreground-only (primary color, no fill).
-          * @default true
-         */
-        "activeFill": boolean;
-        "ariaLabel": string | undefined;
-        /**
-          * Parent surface context for navigation and always-dark chrome.
-         */
-        "background": ButtonUnfilledBackground | undefined;
-        /**
-          * Foreground and interaction tokens when the button sits on a contrasting parent background (default, medium, bold, or strong).
-         */
-        "backgroundContrast"?: ButtonUnfilledOnBackgroundContrast;
-        "controls": string | undefined;
-        /**
-          * Show a notification dot at the top-right of the icon zone (icon variant only).
-          * @default false
-         */
-        "dot": boolean;
-        "expanded": boolean | undefined;
-        /**
-          * Native `tabindex` for roving keyboard groups in shell chrome. Omit for the default button tab stop (`0`).
-         */
-        "focusTabIndex"?: number;
-        /**
-          * Show a 1px secondary inset border. Default on; shell chrome can pass `false`.
-          * @default true
-         */
-        "hasBorder": boolean;
-        "haspopup": string | undefined;
-        /**
-          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
-          * @default ''
-         */
-        "icon": string;
-        /**
-          * Active/selected visual state. Always promotes foreground to primary.
-          * @default false
-         */
-        "isActive": boolean;
-        /**
-          * Disables interaction.
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * Visible text for `label` / `icon-label` variants.
-          * @default ''
-         */
-        "label": string;
-        "pressed": boolean | undefined;
-        "setFocus": () => Promise<void>;
-        /**
-          * Control density (height, padding, icon, type).
-          * @default 'md'
-         */
-        "size": ButtonUnfilledSize;
-        /**
-          * Native button type.
-          * @default 'button'
-         */
-        "type": 'button' | 'submit' | 'reset';
-        /**
-          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
-          * @default 'label'
-         */
-        "variant": ButtonUnfilledVariant;
-        /**
-          * Width fit — hug content (default) or fill the parent.
-          * @default 'hug'
-         */
-        "width": ButtonUnfilledWidth;
-    }
-    /**
-     * Shared card chrome — width + matching min-height tokens, header (title + actions),
-     * and a flex body that fills leftover space. Compose this from settings / data-viz cards.
-     */
-    interface DsCard {
-        /**
-          * Chrome recipe — `editing` applies the settings edit wash.
-          * @default 'default'
-         */
-        "appearance": CardAppearance;
-        /**
-          * Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the matching `--dimension-card-height-*` so empty bodies still fill the card.
-          * @default 'md'
-         */
-        "cardWidth": CardWidth;
-        /**
-          * Section heading shown in the card header.
-         */
-        "heading": string;
-    }
-    /**
-     * Donut data-viz card — shared `ds-card` chrome with a fill chart region and
-     * content-sized legend. Hover sync between chart and legend stays here.
-     */
-    interface DsCardDataVizDonut {
-        /**
-          * Card width token — also sets matching min-height.
-          * @default 'md'
-         */
-        "cardWidth": CardDataVizDonutWidth;
-        /**
-          * Widget heading shown in the card header.
-         */
-        "heading": string;
-    }
-    interface DsCardSetting {
-        /**
-          * 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.
-          * @default 'md'
-         */
-        "cardWidth": CardSettingWidth;
-        /**
-          * Controlled edit state — parent owns single-edit orchestration.
-          * @default false
-         */
-        "editing": boolean;
-        /**
-          * Section heading shown in the card header.
-         */
-        "heading": string;
-    }
-    interface DsChartBar {
-        /**
-          * Bars to render. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "data": ChartDatum[];
-        /**
-          * @default 240
-         */
-        "height": number;
-        /**
-          * @default 480
-         */
-        "width": number;
-    }
-    interface DsChartDonut {
-        /**
-          * Externally controlled highlight, matched by `label` — e.g. drive this from a sibling `ds-chart-legend`'s `dsItemHover` event to keep chart and legend hover in sync. Falls back to this component's own pointer/focus hover when unset. Slice hover dims peer slices and emits `dsSliceHover` for legend sync — no data-viz tooltip (the legend already surfaces label/value).
-          * @default null
-         */
-        "activeLabel": string | null;
-        /**
-          * Secondary caption below the center value (e.g. "Total", "Normal"). Rendered uppercase.
-         */
-        "centerCaption": string | undefined;
-        /**
-          * Primary center value; defaults to the sum of `data` values (e.g. "187", "40.9%").
-         */
-        "centerValue": string | undefined;
-        /**
-          * Corner radius on each slice — number (px) or TokoMo length. Defaults to `--dimension-radius-025` (2px).
-          * @default TOKEN_DEFAULTS.radius025
-         */
-        "cornerRadius": number | string;
-        /**
-          * Slices to render. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "data": ChartDatum[];
-        /**
-          * Gap between slices, in degrees.
-          * @default 1
-         */
-        "gap": number;
-        /**
-          * Explicit diameter in px. When unset, the donut sizes to its container (ResizeObserver) clamped between `--dimension-size-base * 16` (128px) and `* 24` (192px), and stays centered in the leftover space. Prefer unset inside card layouts.
-         */
-        "size": number | undefined;
-        /**
-          * Ring thickness — number (px) or TokoMo length. Defaults to `--dimension-size-200` (16px).
-          * @default TOKEN_DEFAULTS.size200
-         */
-        "thickness": number | string;
-    }
-    /**
-     * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
-     * legends differently (list w/ values, compact chips, bare swatches, external
-     * stat callouts) — this covers the common "swatch + label + optional value" case.
-     * Consumers who need a different treatment skip this component entirely and
-     * render their own markup against the same `ChartDatum[]` data.
-     */
-    interface DsChartLegend {
-        /**
-          * Externally controlled highlight, matched by `label` — e.g. drive this from a sibling chart's `dsSliceHover` event to keep chart and legend hover in sync. Only dims the other rows' opacity (like a chart dimming its other slices) — it never shows the hover-fill, since that's reserved for a real pointer/keyboard interaction on this row.
-          * @default null
-         */
-        "activeLabel": string | null;
-        /**
-          * @default 'vertical'
-         */
-        "direction": ChartLegendDirection;
-        /**
-          * Legend entries. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "items": ChartLegendItem[];
-        /**
-          * Show each item's share of the total (of items with a `value`) alongside its count.
-          * @default true
-         */
-        "showPercentage": boolean;
-    }
-    interface DsChartLine {
-        /**
-          * X-axis labels — must match each series' `data` length. Set as a JS property.
-          * @default []
-         */
-        "categories": string[];
-        /**
-          * @default 240
-         */
-        "height": number;
-        /**
-          * One or more series to plot. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "series": ChartSeries[];
-        /**
-          * @default true
-         */
-        "showPoints": boolean;
-        /**
-          * @default 480
-         */
-        "width": number;
-    }
-    interface DsCheckbox {
-        /**
-          * @default false
-         */
-        "checked": boolean;
-        /**
-          * @default false
-         */
-        "indeterminate": boolean;
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        "label": string;
-    }
-    /**
-     * Removable chip — same density recipe as Tag, but colored by semantic `state`
-     * (not intent × contrast). Not a toggle/select control; the only intentional
-     * action is remove.
-     */
-    interface DsChip {
-        /**
-          * Surface context for interaction-fill tokens when the chip sits on a non-default surface.
-         */
-        "background": ChipBackground | undefined;
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        "label": string;
-        "maxWidth": string | number | undefined;
-        /**
-          * When true (default), shows the trailing dismiss control.
-          * @default true
-         */
-        "removable": boolean;
-        /**
-          * @default false
-         */
-        "rounded": boolean;
-        /**
-          * @default 'md'
-         */
-        "size": ChipSize;
-        /**
-          * Semantic color state.
-          * @default 'default'
-         */
-        "state": ChipState;
-    }
-    interface DsDivider {
-        /**
-          * Insets the divider from its start/end edges. Accepts spacing token names or any CSS length.
-          * @default 'none'
-         */
-        "inset": DividerInset;
-        /**
-          * Visual line length. Defaults to filling the available axis. Accepts any CSS length.
-          * @default 'auto'
-         */
-        "length": DividerLength;
-        /**
-          * Direction of the divider line. Defaults to 'horizontal'.
-          * @default 'horizontal'
-         */
-        "orientation": DividerOrientation;
-        /**
-          * Expose the divider as a semantic separator. Visual-only dividers are hidden from assistive tech by default.
-          * @default false
-         */
-        "semantic": boolean;
-        /**
-          * Surface context so the divider uses the right TokoMo divider token.
-          * @default 'default'
-         */
-        "surface": DividerSurface;
-    }
-    interface DsEmptyState {
-        "message": string | undefined;
-        /**
-          * @default 'no-content'
-         */
-        "type": EmptyStateType;
-    }
-    interface DsField {
-        /**
-          * ID forwarded to the slotted control via the label's `for` attribute. Auto-generated if omitted.
-         */
-        "fieldId": string | undefined;
-        "label": string;
-    }
-    interface DsIcon {
-        /**
-          * Semantic foreground color token, or a raw CSS var reference.
-         */
-        "color": IconColor | undefined;
-        /**
-          * Set `true` to look up from the flag icon set instead of the system icon set.
-          * @default false
-         */
-        "flag": boolean;
-        /**
-          * Accessible label. Sets `role="img"` and `aria-label`. Omit for decorative icons.
-         */
-        "label": string | undefined;
-        /**
-          * Name of the system icon (e.g. `"Gear"`, `"ArrowRight"`) or flag (e.g. `"US"`)
-          * @default ''
-         */
-        "name": string;
-        /**
-          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
-          * @default 'md'
-         */
-        "size": IconSize;
-    }
-    interface DsInput {
-        "ariaDescribedby": string | undefined;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        /**
-          * @default false
-         */
-        "autoFocus": boolean;
-        /**
-          * @default false
-         */
-        "error": boolean;
-        "errorMessage": string | undefined;
-        /**
-          * Associates the internal input with an external <label>.
-         */
-        "inputId": string | undefined;
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        "placeholder": string | undefined;
-        "setFocus": () => Promise<void>;
-        /**
-          * @default 'text'
-         */
-        "type": InputType;
-        /**
-          * @default ''
-         */
-        "value": string;
-    }
-    interface DsLoader {
-        /**
-          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`.
-         */
-        "color": LoaderColor | undefined;
-        /**
-          * Accessible label for standalone usage. Wraps the spinner in a live region and renders the label visually-hidden. Omit when the host element already conveys busy state via aria-busy.
-         */
-        "label": string | undefined;
-        /**
-          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
-          * @default 'md'
-         */
-        "size": LoaderSize;
-    }
-    interface DsMenu {
-        /**
-          * @default 'start'
-         */
-        "align": MenuAlign;
-        /**
-          * Cross-axis offset — number (px) or TokoMo length.
-          * @default 0
-         */
-        "alignOffset": number | string;
-        /**
-          * External trigger element to position against. Set via JS: menuEl.anchor = buttonEl
-         */
-        "anchor": HTMLElement | undefined;
-        /**
-          * ID of the external trigger element for positioning
-         */
-        "anchorId": string | undefined;
-        /**
-          * Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven.
-          * @default false
-         */
-        "initialFocusVisible": boolean;
-        /**
-          * @default []
-         */
-        "items": MenuItemData[];
-        "menuWidth": string | undefined;
-        "minWidth": string | undefined;
-        /**
-          * @default false
-         */
-        "open": boolean;
-        /**
-          * @default []
-         */
-        "sections": MenuSection[];
-        /**
-          * @default 'bottom'
-         */
-        "side": MenuSide;
-        /**
-          * Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.).
-          * @default TOKEN_CSS_LENGTHS.space050
-         */
-        "sideOffset": number | string;
-    }
-    interface DsModal {
-        "heading": string;
-        /**
-          * @default 'md'
-         */
-        "modalWidth": ModalWidth | string;
-        /**
-          * @default false
-         */
-        "open": boolean;
-        "subtitle": string | undefined;
-    }
-    interface DsPagination {
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * @default 1
-         */
-        "page": number;
-        /**
-          * @default 1
-         */
-        "siblingCount": number;
-        /**
-          * @default 1
-         */
-        "totalPages": number;
-    }
-    interface DsPanelNav {
-        /**
-          * ID of the currently active/selected nav item. Overridden by `currentUrl` matching when set.
-          * @default ''
-         */
-        "activeId": string;
-        /**
-          * Viewport width (px) below which the nav auto-collapses to icon-only mode. 0 = disabled.
-          * @default 0
-         */
-        "breakpoint": number;
-        /**
-          * Whether the nav is in collapsed (icon-only) state. Set `storageKey` to persist across reloads. `dsNavToggle` still fires on change.
-          * @default false
-         */
-        "collapsed": boolean;
-        /**
-          * Current route URL (e.g. `window.location.pathname` or the router's active URL). When set the component derives the active item by matching item `href` values against this string (longest segment-boundary prefix wins), overriding `activeId`.
-          * @default ''
-         */
-        "currentUrl": string;
-        /**
-          * When `true`, style changes apply synchronously — host app owns view transitions.
-          * @default false
-         */
-        "disableViewTransition": boolean;
-        /**
-          * Nav groups — set via JS property (`el.groups = [...]`) or JSON string attribute.
-          * @default '[]'
-         */
-        "groups": string | PanelNavGroup[];
-        /**
-          * Style slot: `dashboard` or `settings`. Colors match for now; class hooks reserved for texture/glyph layers. Property: `navStyle`. Attribute: `nav-style`.
-          * @default 'dashboard'
-         */
-        "navStyle": NavChromeStyle;
-        /**
-          * How items with `href` render: - `anchor` (default): native `<a href>` — works with routers that intercept anchors. - `event`: always `<button>`; host handles navigation via `dsNavSelect`.
-          * @default 'anchor'
-         */
-        "routerMode": PanelNavRouterMode;
-        /**
-          * `localStorage` key used to persist the collapsed state across page loads. When set, collapsed state is restored on mount and written on each toggle.
-          * @default ''
-         */
-        "storageKey": string;
-        /**
-          * Toggle expanded/collapsed panel nav — used by shell keyboard shortcuts.
-         */
-        "toggleCollapsed": () => Promise<void>;
-        /**
-          * Single character shown in the collapsed avatar
-          * @default ''
-         */
-        "userInitial": string;
-        /**
-          * Display name for the footer user section
-          * @default ''
-         */
-        "userName": string;
-    }
-    interface DsPanelTools {
-        /**
-          * Toggle any rail tool open/closed — shell shortcuts K/A/S/M/N call this.
-         */
-        "activateTool": (id: PanelToolsToolId) => Promise<void>;
-        /**
-          * Active tool view — `search`, `agents`, `messages`, `stacks`, `activity`, or `help`.
-          * @default ''
-         */
-        "activeTool": PanelToolsToolId | '';
-        /**
-          * Close the tools drawer when open — used by shell keyboard shortcuts.
-         */
-        "closeDrawer": () => Promise<void>;
-        /**
-          * Rail items rendered in the right column. Set via JS property: `el.items = [...]`. Replace the array reference to update.
-          * @default []
-         */
-        "items": PanelToolsItem[];
-        /**
-          * JSON fallback for `items` — useful when framework bindings don't propagate arrays.
-          * @default ''
-         */
-        "itemsJson": string;
-        /**
-          * When false, only the icon rail is shown.
-          * @default false
-         */
-        "open": boolean;
-    }
-    interface DsRadioGroup {
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        /**
-          * @default 'vertical'
-         */
-        "direction": 'vertical' | 'horizontal';
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * @default []
-         */
-        "options": RadioOption[];
-        /**
-          * @default ''
-         */
-        "value": string;
-    }
-    /**
-     * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-     * control-density sizes, with `ds-menu` for the option list.
-     */
-    interface DsSelect {
-        /**
-          * When a value is selected, render the selected interaction fill (same recipe as unfilled-button `activeFill`). Default `true`. Pass `false` for foreground-only selection (primary label, no fill). Selected/open promotes the label to primary; chevron stays secondary.
-          * @default true
-         */
-        "activeFill": boolean;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        /**
-          * Show a 1px secondary inset border. Default on (matches unfilled button).
-          * @default true
-         */
-        "hasBorder": boolean;
-        /**
-          * Disables interaction (25% opacity via ds-control-inactive).
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * Array of options. Set via JS property.
-          * @example el.options = [{ label: 'Apple', value: 'apple' }];
-          * @default []
-         */
-        "options": SelectOption[];
-        /**
-          * Placeholder shown when no value is selected.
-          * @default 'Select'
-         */
-        "placeholder": string;
-        /**
-          * Control density (height, padding, icon, type).
-          * @default 'md'
-         */
-        "size": SelectSize;
-        /**
-          * Currently selected value.
-          * @default ''
-         */
-        "value": string;
-        /**
-          * Width fit — fill the parent (default) or hug content.
-          * @default 'fill'
-         */
-        "width": SelectWidth;
-    }
-    interface DsShellGradientPicker {
-        /**
-          * Active shell wash preset.
-          * @default DEFAULT_SHELL_GRADIENT_PRESET
-         */
-        "value": ShellGradientPreset1;
-    }
-    interface DsShellGradientSwatch {
-        "ariaLabel": string | undefined;
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * Wash preset this orb previews.
-          * @default DEFAULT_SHELL_GRADIENT_PRESET
-         */
-        "preset": ShellGradientPreset1;
-        /**
-          * Selected — brand stroke + halo over inner fill/border/interaction stack.
-          * @default false
-         */
-        "selected": boolean;
-    }
-    interface DsSkeleton {
-        /**
-          * Height as a CSS value string or number (px).
-         */
-        "height": string | number | undefined;
-        /**
-          * Number of text lines. Only used when variant is 'text'.
-          * @default 1
-         */
-        "lines": number;
-        /**
-          * Whether to show the shimmer animation.
-          * @default true
-         */
-        "shimmer": boolean;
-        /**
-          * @default 'text'
-         */
-        "variant": SkeletonVariant;
-        /**
-          * Width as a CSS value string (e.g. '200px', '100%') or number (px).
-         */
-        "width": string | number | undefined;
-    }
-    interface DsSlider {
-        /**
-          * Associates with an external <label>. Defaults to an auto-generated ID.
-         */
-        "inputId": string | undefined;
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        "label": string;
-        /**
-          * @default 100
-         */
-        "max": number;
-        /**
-          * @default 0
-         */
-        "min": number;
-        /**
-          * @default 1
-         */
-        "step": number;
-        /**
-          * @default 0
-         */
-        "value": number;
-        "valueText": string | undefined;
-    }
-    interface DsTabGroup {
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        "background": TabBackground | undefined;
-        /**
-          * @default 'horizontal'
-         */
-        "orientation": 'horizontal' | 'vertical';
-        /**
-          * @default []
-         */
-        "tabs": TabItem[];
-        /**
-          * @default ''
-         */
-        "value": string;
-    }
-    interface DsTabGroupNav {
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        "background": TabGroupNavBackground | undefined;
-        "focusFirstTab": () => Promise<void>;
-        "focusLastTab": () => Promise<void>;
-        "focusTab": (id: string) => Promise<void>;
-        /**
-          * @default 'horizontal'
-         */
-        "orientation": 'horizontal' | 'vertical';
-        /**
-          * When `false`, every tab uses `tabindex="-1"` (another chrome control owns the tab stop).
-          * @default true
-         */
-        "rovingEnabled": boolean;
-        /**
-          * When `false`, arrow keys move focus only — Space/Enter (or click) commits selection. Used by bar nav where each tab is a full page transition.
-          * @default true
-         */
-        "selectionFollowsFocus": boolean;
-        /**
-          * @default []
-         */
-        "tabs": TabItem[];
-        /**
-          * @default ''
-         */
-        "value": string;
-    }
-    interface DsTable {
-        /**
-          * @default []
-         */
-        "columns": TableColumn[];
-        /**
-          * @default []
-         */
-        "data": unknown[];
-        /**
-          * @default 'No results found.'
-         */
-        "emptyMessage": string;
-        /**
-          * @default false
-         */
-        "loading": boolean;
-        /**
-          * Page index (0-based). Enables built-in pagination when set alongside pageSize.
-         */
-        "pageIndex": number | undefined;
-        /**
-          * @default 20
-         */
-        "pageSize": number;
-        /**
-          * Comma-separated zero-based row indices that are selected.
-          * @default ''
-         */
-        "selectedRows": string;
-        "sortState": SortState | undefined;
-    }
-    interface DsTag {
-        /**
-          * @default 'faint'
-         */
-        "contrast": TagContrast;
-        /**
-          * @default 'neutral'
-         */
-        "intent": TagIntent;
-        "label": string;
-        "maxWidth": string | number | undefined;
-        /**
-          * @default false
-         */
-        "rounded": boolean;
-        /**
-          * @default 'md'
-         */
-        "size": TagSize;
-    }
-    interface DsText {
-        "align": TextAlign | undefined;
-        /**
-          * @default 'p'
-         */
-        "as": TextElement;
-        "color": TextColor | undefined;
-        "decoration": TextDecoration | undefined;
-        /**
-          * Heavier weight + tighter letter-spacing for the variant. `false` (default): one step below emphasis (display semibold, title/body medium, caption medium). `true`: display bold, title/caption semibold, body medium.
-          * @default false
-         */
-        "emphasis": boolean;
-        /**
-          * @default 'normal'
-         */
-        "fontFeature": TextFontFeature;
-        /**
-          * Maps to `for` attribute on <label> elements.
-         */
-        "for": string | undefined;
-        /**
-          * @default false
-         */
-        "italic": boolean;
-        /**
-          * @default 'none'
-         */
-        "lineTruncation": LineTruncation;
-        /**
-          * Forwarded to the inner element (e.g. aria-labelledby targets).
-         */
-        "textId": string | undefined;
-        /**
-          * @default 'text-body-medium'
-         */
-        "variant": TextVariant;
-        "wrap": TextWrap | undefined;
-    }
-    interface DsToggle {
-        /**
-          * @default false
-         */
-        "checked": boolean;
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-    }
-    /**
-     * Imperative body portal for the popup.
-     * Stencil must not own the portaled node — moving a VDOM child to `document.body`
-     * causes recreate → re-portal →
-     * @State loops that freeze the page.
-     */
-    interface DsTooltip {
-        /**
-          * @default 'center'
-         */
-        "align": TooltipAlign;
-        /**
-          * Cross-axis offset — number (px) or TokoMo length.
-          * @default 0
-         */
-        "alignOffset": number | string;
-        /**
-          * Hover show delay before the tooltip appears. Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the initial hover/focus show only — after a recent dismiss, reopen is instant. Prefer the default; override only for denser chrome or rare/destructive actions.
-          * @default TOKEN_DEFAULTS.animationDelayMedium3
-         */
-        "delay": number | string;
-        /**
-          * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay mounted for layout/animation stability (e.g. PanelNav expand/collapse).
-         */
-        "label": string;
-        "shortcutKey": string | undefined;
-        /**
-          * @default 'end'
-         */
-        "shortcutKeyPosition": 'start' | 'end';
-        /**
-          * @default 'top'
-         */
-        "side": TooltipSide;
-        /**
-          * Gap between anchor and tooltip — number (px) or TokoMo length.
-          * @default TOKEN_CSS_LENGTHS.space050
-         */
-        "sideOffset": number | string;
-        /**
-          * Control density (height, padding, type).
-          * @default 'md'
-         */
-        "size": TooltipSize;
-    }
-    /**
-     * Positioned value/label callout for chart hover interactions (bar, line point, …).
-     * Donut charts skip this — legend sync already surfaces the hovered slice.
-     * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
-     * charts hover-highlight data that lives inside an SVG, so the chart itself computes
-     * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
-     * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
-     * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
-     * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
-     * keeps it on-screen.
-     * Mount (or remount) when a hover session starts so `delay` applies once per hover;
-     * keep the instance mounted while the cursor moves so tracking stays instant.
-     */
-    interface DsTooltipDataViz {
-        /**
-          * Show delay after mount before the callout appears. Default: `--effect-animation-delay-instant` (0ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Charts need immediate feedback while scrubbing; prefer the default. Mount once per hover session so any non-zero delay runs once, then track `x`/`y` instantly.
-          * @default TOKEN_DEFAULTS.animationDelayInstant
-         */
-        "delay": number | string;
-        /**
-          * @default ''
-         */
-        "label": string;
-        /**
-          * @default ''
-         */
-        "value": string | number;
-        /**
-          * Anchor point in px, relative to the nearest `position: relative` ancestor — e.g. the cursor.
-          * @default 0
-         */
-        "x": number;
-        /**
-          * @default 0
-         */
-        "y": number;
-    }
-}
-export interface DsBannerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsBannerElement;
-}
-export interface DsBarNavCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsBarNavElement;
-}
-export interface DsButtonFilledCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsButtonFilledElement;
-}
-export interface DsButtonUnfilledCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsButtonUnfilledElement;
-}
-export interface DsCardDataVizDonutCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsCardDataVizDonutElement;
-}
-export interface DsCardSettingCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsCardSettingElement;
-}
-export interface DsChartDonutCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsChartDonutElement;
-}
-export interface DsChartLegendCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsChartLegendElement;
-}
-export interface DsCheckboxCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsCheckboxElement;
-}
-export interface DsChipCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsChipElement;
-}
-export interface DsInputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsInputElement;
-}
-export interface DsMenuCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsMenuElement;
-}
-export interface DsModalCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsModalElement;
-}
-export interface DsPaginationCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsPaginationElement;
-}
-export interface DsPanelNavCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsPanelNavElement;
-}
-export interface DsPanelToolsCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsPanelToolsElement;
-}
-export interface DsRadioGroupCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsRadioGroupElement;
-}
-export interface DsSelectCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsSelectElement;
-}
-export interface DsShellGradientPickerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsShellGradientPickerElement;
-}
-export interface DsShellGradientSwatchCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsShellGradientSwatchElement;
-}
-export interface DsSliderCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsSliderElement;
-}
-export interface DsTabGroupCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsTabGroupElement;
-}
-export interface DsTabGroupNavCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsTabGroupNavElement;
-}
-export interface DsTableCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsTableElement;
-}
-export interface DsToggleCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsToggleElement;
-}
-declare global {
-    interface HTMLDsAppShellElement extends Components.DsAppShell, HTMLStencilElement {
-    }
-    var HTMLDsAppShellElement: {
-        prototype: HTMLDsAppShellElement;
-        new (): HTMLDsAppShellElement;
-    };
-    interface HTMLDsBadgeElement extends Components.DsBadge, HTMLStencilElement {
-    }
-    var HTMLDsBadgeElement: {
-        prototype: HTMLDsBadgeElement;
-        new (): HTMLDsBadgeElement;
-    };
-    interface HTMLDsBannerElementEventMap {
-        "dsDismiss": void;
-    }
-    interface HTMLDsBannerElement extends Components.DsBanner, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsBannerElementEventMap>(type: K, listener: (this: HTMLDsBannerElement, ev: DsBannerCustomEvent<HTMLDsBannerElementEventMap[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 HTMLDsBannerElementEventMap>(type: K, listener: (this: HTMLDsBannerElement, ev: DsBannerCustomEvent<HTMLDsBannerElementEventMap[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 HTMLDsBannerElement: {
-        prototype: HTMLDsBannerElement;
-        new (): HTMLDsBannerElement;
-    };
-    interface HTMLDsBarNavElementEventMap {
-        "dsTabChange": string;
-    }
-    interface HTMLDsBarNavElement extends Components.DsBarNav, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsBarNavElementEventMap>(type: K, listener: (this: HTMLDsBarNavElement, ev: DsBarNavCustomEvent<HTMLDsBarNavElementEventMap[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 HTMLDsBarNavElementEventMap>(type: K, listener: (this: HTMLDsBarNavElement, ev: DsBarNavCustomEvent<HTMLDsBarNavElementEventMap[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 HTMLDsBarNavElement: {
-        prototype: HTMLDsBarNavElement;
-        new (): HTMLDsBarNavElement;
-    };
-    interface HTMLDsButtonFilledElementEventMap {
-        "dsClick": MouseEvent;
-    }
-    interface HTMLDsButtonFilledElement extends Components.DsButtonFilled, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsButtonFilledElementEventMap>(type: K, listener: (this: HTMLDsButtonFilledElement, ev: DsButtonFilledCustomEvent<HTMLDsButtonFilledElementEventMap[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 HTMLDsButtonFilledElementEventMap>(type: K, listener: (this: HTMLDsButtonFilledElement, ev: DsButtonFilledCustomEvent<HTMLDsButtonFilledElementEventMap[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 HTMLDsButtonFilledElement: {
-        prototype: HTMLDsButtonFilledElement;
-        new (): HTMLDsButtonFilledElement;
-    };
-    interface HTMLDsButtonUnfilledElementEventMap {
-        "dsClick": MouseEvent;
-        "dsChange": boolean;
-    }
-    interface HTMLDsButtonUnfilledElement extends Components.DsButtonUnfilled, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsButtonUnfilledElementEventMap>(type: K, listener: (this: HTMLDsButtonUnfilledElement, ev: DsButtonUnfilledCustomEvent<HTMLDsButtonUnfilledElementEventMap[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 HTMLDsButtonUnfilledElementEventMap>(type: K, listener: (this: HTMLDsButtonUnfilledElement, ev: DsButtonUnfilledCustomEvent<HTMLDsButtonUnfilledElementEventMap[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 HTMLDsButtonUnfilledElement: {
-        prototype: HTMLDsButtonUnfilledElement;
-        new (): HTMLDsButtonUnfilledElement;
-    };
-    /**
-     * Shared card chrome — width + matching min-height tokens, header (title + actions),
-     * and a flex body that fills leftover space. Compose this from settings / data-viz cards.
-     */
-    interface HTMLDsCardElement extends Components.DsCard, HTMLStencilElement {
-    }
-    var HTMLDsCardElement: {
-        prototype: HTMLDsCardElement;
-        new (): HTMLDsCardElement;
-    };
-    interface HTMLDsCardDataVizDonutElementEventMap {
-        "dsFilterClick": void;
-    }
-    /**
-     * Donut data-viz card — shared `ds-card` chrome with a fill chart region and
-     * content-sized legend. Hover sync between chart and legend stays here.
-     */
-    interface HTMLDsCardDataVizDonutElement extends Components.DsCardDataVizDonut, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsCardDataVizDonutElementEventMap>(type: K, listener: (this: HTMLDsCardDataVizDonutElement, ev: DsCardDataVizDonutCustomEvent<HTMLDsCardDataVizDonutElementEventMap[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 HTMLDsCardDataVizDonutElementEventMap>(type: K, listener: (this: HTMLDsCardDataVizDonutElement, ev: DsCardDataVizDonutCustomEvent<HTMLDsCardDataVizDonutElementEventMap[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 HTMLDsCardDataVizDonutElement: {
-        prototype: HTMLDsCardDataVizDonutElement;
-        new (): HTMLDsCardDataVizDonutElement;
-    };
-    interface HTMLDsCardSettingElementEventMap {
-        "dsEditingChange": boolean;
-    }
-    interface HTMLDsCardSettingElement extends Components.DsCardSetting, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsCardSettingElementEventMap>(type: K, listener: (this: HTMLDsCardSettingElement, ev: DsCardSettingCustomEvent<HTMLDsCardSettingElementEventMap[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 HTMLDsCardSettingElementEventMap>(type: K, listener: (this: HTMLDsCardSettingElement, ev: DsCardSettingCustomEvent<HTMLDsCardSettingElementEventMap[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 HTMLDsCardSettingElement: {
-        prototype: HTMLDsCardSettingElement;
-        new (): HTMLDsCardSettingElement;
-    };
-    interface HTMLDsChartBarElement extends Components.DsChartBar, HTMLStencilElement {
-    }
-    var HTMLDsChartBarElement: {
-        prototype: HTMLDsChartBarElement;
-        new (): HTMLDsChartBarElement;
-    };
-    interface HTMLDsChartDonutElementEventMap {
-        "dsSliceHover": ChartDatum | null;
-    }
-    interface HTMLDsChartDonutElement extends Components.DsChartDonut, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsChartDonutElementEventMap>(type: K, listener: (this: HTMLDsChartDonutElement, ev: DsChartDonutCustomEvent<HTMLDsChartDonutElementEventMap[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 HTMLDsChartDonutElementEventMap>(type: K, listener: (this: HTMLDsChartDonutElement, ev: DsChartDonutCustomEvent<HTMLDsChartDonutElementEventMap[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 HTMLDsChartDonutElement: {
-        prototype: HTMLDsChartDonutElement;
-        new (): HTMLDsChartDonutElement;
-    };
-    interface HTMLDsChartLegendElementEventMap {
-        "dsItemHover": ChartLegendItem | null;
-        "dsItemClick": { item: ChartLegendItem; originalEvent: MouseEvent };
-    }
-    /**
-     * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
-     * legends differently (list w/ values, compact chips, bare swatches, external
-     * stat callouts) — this covers the common "swatch + label + optional value" case.
-     * Consumers who need a different treatment skip this component entirely and
-     * render their own markup against the same `ChartDatum[]` data.
-     */
-    interface HTMLDsChartLegendElement extends Components.DsChartLegend, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsChartLegendElementEventMap>(type: K, listener: (this: HTMLDsChartLegendElement, ev: DsChartLegendCustomEvent<HTMLDsChartLegendElementEventMap[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 HTMLDsChartLegendElementEventMap>(type: K, listener: (this: HTMLDsChartLegendElement, ev: DsChartLegendCustomEvent<HTMLDsChartLegendElementEventMap[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 HTMLDsChartLegendElement: {
-        prototype: HTMLDsChartLegendElement;
-        new (): HTMLDsChartLegendElement;
-    };
-    interface HTMLDsChartLineElement extends Components.DsChartLine, HTMLStencilElement {
-    }
-    var HTMLDsChartLineElement: {
-        prototype: HTMLDsChartLineElement;
-        new (): HTMLDsChartLineElement;
-    };
-    interface HTMLDsCheckboxElementEventMap {
-        "dsChange": boolean;
-    }
-    interface HTMLDsCheckboxElement extends Components.DsCheckbox, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[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 HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[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 HTMLDsCheckboxElement: {
-        prototype: HTMLDsCheckboxElement;
-        new (): HTMLDsCheckboxElement;
-    };
-    interface HTMLDsChipElementEventMap {
-        "dsRemove": void;
-    }
-    /**
-     * Removable chip — same density recipe as Tag, but colored by semantic `state`
-     * (not intent × contrast). Not a toggle/select control; the only intentional
-     * action is remove.
-     */
-    interface HTMLDsChipElement extends Components.DsChip, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsChipElementEventMap>(type: K, listener: (this: HTMLDsChipElement, ev: DsChipCustomEvent<HTMLDsChipElementEventMap[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 HTMLDsChipElementEventMap>(type: K, listener: (this: HTMLDsChipElement, ev: DsChipCustomEvent<HTMLDsChipElementEventMap[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 HTMLDsChipElement: {
-        prototype: HTMLDsChipElement;
-        new (): HTMLDsChipElement;
-    };
-    interface HTMLDsDividerElement extends Components.DsDivider, HTMLStencilElement {
-    }
-    var HTMLDsDividerElement: {
-        prototype: HTMLDsDividerElement;
-        new (): HTMLDsDividerElement;
-    };
-    interface HTMLDsEmptyStateElement extends Components.DsEmptyState, HTMLStencilElement {
-    }
-    var HTMLDsEmptyStateElement: {
-        prototype: HTMLDsEmptyStateElement;
-        new (): HTMLDsEmptyStateElement;
-    };
-    interface HTMLDsFieldElement extends Components.DsField, HTMLStencilElement {
-    }
-    var HTMLDsFieldElement: {
-        prototype: HTMLDsFieldElement;
-        new (): HTMLDsFieldElement;
-    };
-    interface HTMLDsIconElement extends Components.DsIcon, HTMLStencilElement {
-    }
-    var HTMLDsIconElement: {
-        prototype: HTMLDsIconElement;
-        new (): HTMLDsIconElement;
-    };
-    interface HTMLDsInputElementEventMap {
-        "dsChange": string;
-        "dsClear": void;
-    }
-    interface HTMLDsInputElement extends Components.DsInput, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsInputElementEventMap>(type: K, listener: (this: HTMLDsInputElement, ev: DsInputCustomEvent<HTMLDsInputElementEventMap[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 HTMLDsInputElementEventMap>(type: K, listener: (this: HTMLDsInputElement, ev: DsInputCustomEvent<HTMLDsInputElementEventMap[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 HTMLDsInputElement: {
-        prototype: HTMLDsInputElement;
-        new (): HTMLDsInputElement;
-    };
-    interface HTMLDsLoaderElement extends Components.DsLoader, HTMLStencilElement {
-    }
-    var HTMLDsLoaderElement: {
-        prototype: HTMLDsLoaderElement;
-        new (): HTMLDsLoaderElement;
-    };
-    interface HTMLDsMenuElementEventMap {
-        "dsClose": void;
-        "dsSelect": MenuItemData;
-        "dsGradientSelect": ShellGradientPreset;
-    }
-    interface HTMLDsMenuElement extends Components.DsMenu, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsMenuElementEventMap>(type: K, listener: (this: HTMLDsMenuElement, ev: DsMenuCustomEvent<HTMLDsMenuElementEventMap[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 HTMLDsMenuElementEventMap>(type: K, listener: (this: HTMLDsMenuElement, ev: DsMenuCustomEvent<HTMLDsMenuElementEventMap[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 HTMLDsMenuElement: {
-        prototype: HTMLDsMenuElement;
-        new (): HTMLDsMenuElement;
-    };
-    interface HTMLDsModalElementEventMap {
-        "dsClose": void;
-    }
-    interface HTMLDsModalElement extends Components.DsModal, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsModalElementEventMap>(type: K, listener: (this: HTMLDsModalElement, ev: DsModalCustomEvent<HTMLDsModalElementEventMap[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 HTMLDsModalElementEventMap>(type: K, listener: (this: HTMLDsModalElement, ev: DsModalCustomEvent<HTMLDsModalElementEventMap[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 HTMLDsModalElement: {
-        prototype: HTMLDsModalElement;
-        new (): HTMLDsModalElement;
-    };
-    interface HTMLDsPaginationElementEventMap {
-        "dsPageChange": number;
-    }
-    interface HTMLDsPaginationElement extends Components.DsPagination, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsPaginationElementEventMap>(type: K, listener: (this: HTMLDsPaginationElement, ev: DsPaginationCustomEvent<HTMLDsPaginationElementEventMap[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 HTMLDsPaginationElementEventMap>(type: K, listener: (this: HTMLDsPaginationElement, ev: DsPaginationCustomEvent<HTMLDsPaginationElementEventMap[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 HTMLDsPaginationElement: {
-        prototype: HTMLDsPaginationElement;
-        new (): HTMLDsPaginationElement;
-    };
-    interface HTMLDsPanelNavElementEventMap {
-        "dsNavSelect": string;
-        "dsNavToggle": boolean;
-        "dsChromeTransitionStart": ChromeTransitionDetail;
-        "dsChromeTransitionEnd": ChromeTransitionDetail;
-        "dsNavFooterAction": void;
-        "dsNavUserAction": PanelNavUserActionDetail;
-    }
-    interface HTMLDsPanelNavElement extends Components.DsPanelNav, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsPanelNavElementEventMap>(type: K, listener: (this: HTMLDsPanelNavElement, ev: DsPanelNavCustomEvent<HTMLDsPanelNavElementEventMap[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 HTMLDsPanelNavElementEventMap>(type: K, listener: (this: HTMLDsPanelNavElement, ev: DsPanelNavCustomEvent<HTMLDsPanelNavElementEventMap[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 HTMLDsPanelNavElement: {
-        prototype: HTMLDsPanelNavElement;
-        new (): HTMLDsPanelNavElement;
-    };
-    interface HTMLDsPanelToolsElementEventMap {
-        "dsToolChange": {
-    id: PanelToolsToolId;
-    selected: boolean;
-  };
-        "dsChromeTransitionStart": ChromeTransitionDetail;
-        "dsChromeTransitionEnd": ChromeTransitionDetail;
-    }
-    interface HTMLDsPanelToolsElement extends Components.DsPanelTools, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsPanelToolsElementEventMap>(type: K, listener: (this: HTMLDsPanelToolsElement, ev: DsPanelToolsCustomEvent<HTMLDsPanelToolsElementEventMap[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 HTMLDsPanelToolsElementEventMap>(type: K, listener: (this: HTMLDsPanelToolsElement, ev: DsPanelToolsCustomEvent<HTMLDsPanelToolsElementEventMap[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 HTMLDsPanelToolsElement: {
-        prototype: HTMLDsPanelToolsElement;
-        new (): HTMLDsPanelToolsElement;
-    };
-    interface HTMLDsRadioGroupElementEventMap {
-        "dsChange": string;
-    }
-    interface HTMLDsRadioGroupElement extends Components.DsRadioGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsRadioGroupElementEventMap>(type: K, listener: (this: HTMLDsRadioGroupElement, ev: DsRadioGroupCustomEvent<HTMLDsRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDsRadioGroupElementEventMap>(type: K, listener: (this: HTMLDsRadioGroupElement, ev: DsRadioGroupCustomEvent<HTMLDsRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDsRadioGroupElement: {
-        prototype: HTMLDsRadioGroupElement;
-        new (): HTMLDsRadioGroupElement;
-    };
-    interface HTMLDsSelectElementEventMap {
-        "dsChange": string;
-    }
-    /**
-     * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-     * control-density sizes, with `ds-menu` for the option list.
-     */
-    interface HTMLDsSelectElement extends Components.DsSelect, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        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 HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[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 HTMLDsSelectElement: {
-        prototype: HTMLDsSelectElement;
-        new (): HTMLDsSelectElement;
-    };
-    interface HTMLDsShellGradientPickerElementEventMap {
-        "dsChange": ShellGradientPreset1;
-    }
-    interface HTMLDsShellGradientPickerElement extends Components.DsShellGradientPicker, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsShellGradientPickerElementEventMap>(type: K, listener: (this: HTMLDsShellGradientPickerElement, ev: DsShellGradientPickerCustomEvent<HTMLDsShellGradientPickerElementEventMap[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 HTMLDsShellGradientPickerElementEventMap>(type: K, listener: (this: HTMLDsShellGradientPickerElement, ev: DsShellGradientPickerCustomEvent<HTMLDsShellGradientPickerElementEventMap[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 HTMLDsShellGradientPickerElement: {
-        prototype: HTMLDsShellGradientPickerElement;
-        new (): HTMLDsShellGradientPickerElement;
-    };
-    interface HTMLDsShellGradientSwatchElementEventMap {
-        "dsSelect": ShellGradientPreset1;
-    }
-    interface HTMLDsShellGradientSwatchElement extends Components.DsShellGradientSwatch, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsShellGradientSwatchElementEventMap>(type: K, listener: (this: HTMLDsShellGradientSwatchElement, ev: DsShellGradientSwatchCustomEvent<HTMLDsShellGradientSwatchElementEventMap[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 HTMLDsShellGradientSwatchElementEventMap>(type: K, listener: (this: HTMLDsShellGradientSwatchElement, ev: DsShellGradientSwatchCustomEvent<HTMLDsShellGradientSwatchElementEventMap[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 HTMLDsShellGradientSwatchElement: {
-        prototype: HTMLDsShellGradientSwatchElement;
-        new (): HTMLDsShellGradientSwatchElement;
-    };
-    interface HTMLDsSkeletonElement extends Components.DsSkeleton, HTMLStencilElement {
-    }
-    var HTMLDsSkeletonElement: {
-        prototype: HTMLDsSkeletonElement;
-        new (): HTMLDsSkeletonElement;
-    };
-    interface HTMLDsSliderElementEventMap {
-        "dsChange": number;
-    }
-    interface HTMLDsSliderElement extends Components.DsSlider, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsSliderElementEventMap>(type: K, listener: (this: HTMLDsSliderElement, ev: DsSliderCustomEvent<HTMLDsSliderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        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 HTMLDsSliderElementEventMap>(type: K, listener: (this: HTMLDsSliderElement, ev: DsSliderCustomEvent<HTMLDsSliderElementEventMap[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 HTMLDsSliderElement: {
-        prototype: HTMLDsSliderElement;
-        new (): HTMLDsSliderElement;
-    };
-    interface HTMLDsTabGroupElementEventMap {
-        "dsChange": string;
-    }
-    interface HTMLDsTabGroupElement extends Components.DsTabGroup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsTabGroupElementEventMap>(type: K, listener: (this: HTMLDsTabGroupElement, ev: DsTabGroupCustomEvent<HTMLDsTabGroupElementEventMap[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 HTMLDsTabGroupElementEventMap>(type: K, listener: (this: HTMLDsTabGroupElement, ev: DsTabGroupCustomEvent<HTMLDsTabGroupElementEventMap[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 HTMLDsTabGroupElement: {
-        prototype: HTMLDsTabGroupElement;
-        new (): HTMLDsTabGroupElement;
-    };
-    interface HTMLDsTabGroupNavElementEventMap {
-        "dsChange": string;
-        "dsRovingExit": 'start' | 'end';
-    }
-    interface HTMLDsTabGroupNavElement extends Components.DsTabGroupNav, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsTabGroupNavElementEventMap>(type: K, listener: (this: HTMLDsTabGroupNavElement, ev: DsTabGroupNavCustomEvent<HTMLDsTabGroupNavElementEventMap[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 HTMLDsTabGroupNavElementEventMap>(type: K, listener: (this: HTMLDsTabGroupNavElement, ev: DsTabGroupNavCustomEvent<HTMLDsTabGroupNavElementEventMap[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 HTMLDsTabGroupNavElement: {
-        prototype: HTMLDsTabGroupNavElement;
-        new (): HTMLDsTabGroupNavElement;
-    };
-    interface HTMLDsTableElementEventMap {
-        "dsSort": { columnId: string };
-        "dsRowClick": { row: unknown; rowIndex: number };
-        "dsPageChange": { pageIndex: number };
-    }
-    interface HTMLDsTableElement extends Components.DsTable, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[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 HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[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 HTMLDsTableElement: {
-        prototype: HTMLDsTableElement;
-        new (): HTMLDsTableElement;
-    };
-    interface HTMLDsTagElement extends Components.DsTag, HTMLStencilElement {
-    }
-    var HTMLDsTagElement: {
-        prototype: HTMLDsTagElement;
-        new (): HTMLDsTagElement;
-    };
-    interface HTMLDsTextElement extends Components.DsText, HTMLStencilElement {
-    }
-    var HTMLDsTextElement: {
-        prototype: HTMLDsTextElement;
-        new (): HTMLDsTextElement;
-    };
-    interface HTMLDsToggleElementEventMap {
-        "dsChange": boolean;
-    }
-    interface HTMLDsToggleElement extends Components.DsToggle, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsToggleElementEventMap>(type: K, listener: (this: HTMLDsToggleElement, ev: DsToggleCustomEvent<HTMLDsToggleElementEventMap[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 HTMLDsToggleElementEventMap>(type: K, listener: (this: HTMLDsToggleElement, ev: DsToggleCustomEvent<HTMLDsToggleElementEventMap[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 HTMLDsToggleElement: {
-        prototype: HTMLDsToggleElement;
-        new (): HTMLDsToggleElement;
-    };
-    /**
-     * Imperative body portal for the popup.
-     * Stencil must not own the portaled node — moving a VDOM child to `document.body`
-     * causes recreate → re-portal →
-     * @State loops that freeze the page.
-     */
-    interface HTMLDsTooltipElement extends Components.DsTooltip, HTMLStencilElement {
-    }
-    var HTMLDsTooltipElement: {
-        prototype: HTMLDsTooltipElement;
-        new (): HTMLDsTooltipElement;
-    };
-    /**
-     * Positioned value/label callout for chart hover interactions (bar, line point, …).
-     * Donut charts skip this — legend sync already surfaces the hovered slice.
-     * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
-     * charts hover-highlight data that lives inside an SVG, so the chart itself computes
-     * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
-     * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
-     * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
-     * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
-     * keeps it on-screen.
-     * Mount (or remount) when a hover session starts so `delay` applies once per hover;
-     * keep the instance mounted while the cursor moves so tracking stays instant.
-     */
-    interface HTMLDsTooltipDataVizElement extends Components.DsTooltipDataViz, HTMLStencilElement {
-    }
-    var HTMLDsTooltipDataVizElement: {
-        prototype: HTMLDsTooltipDataVizElement;
-        new (): HTMLDsTooltipDataVizElement;
-    };
-    interface HTMLElementTagNameMap {
-        "ds-app-shell": HTMLDsAppShellElement;
-        "ds-badge": HTMLDsBadgeElement;
-        "ds-banner": HTMLDsBannerElement;
-        "ds-bar-nav": HTMLDsBarNavElement;
-        "ds-button-filled": HTMLDsButtonFilledElement;
-        "ds-button-unfilled": HTMLDsButtonUnfilledElement;
-        "ds-card": HTMLDsCardElement;
-        "ds-card-data-viz-donut": HTMLDsCardDataVizDonutElement;
-        "ds-card-setting": HTMLDsCardSettingElement;
-        "ds-chart-bar": HTMLDsChartBarElement;
-        "ds-chart-donut": HTMLDsChartDonutElement;
-        "ds-chart-legend": HTMLDsChartLegendElement;
-        "ds-chart-line": HTMLDsChartLineElement;
-        "ds-checkbox": HTMLDsCheckboxElement;
-        "ds-chip": HTMLDsChipElement;
-        "ds-divider": HTMLDsDividerElement;
-        "ds-empty-state": HTMLDsEmptyStateElement;
-        "ds-field": HTMLDsFieldElement;
-        "ds-icon": HTMLDsIconElement;
-        "ds-input": HTMLDsInputElement;
-        "ds-loader": HTMLDsLoaderElement;
-        "ds-menu": HTMLDsMenuElement;
-        "ds-modal": HTMLDsModalElement;
-        "ds-pagination": HTMLDsPaginationElement;
-        "ds-panel-nav": HTMLDsPanelNavElement;
-        "ds-panel-tools": HTMLDsPanelToolsElement;
-        "ds-radio-group": HTMLDsRadioGroupElement;
-        "ds-select": HTMLDsSelectElement;
-        "ds-shell-gradient-picker": HTMLDsShellGradientPickerElement;
-        "ds-shell-gradient-swatch": HTMLDsShellGradientSwatchElement;
-        "ds-skeleton": HTMLDsSkeletonElement;
-        "ds-slider": HTMLDsSliderElement;
-        "ds-tab-group": HTMLDsTabGroupElement;
-        "ds-tab-group-nav": HTMLDsTabGroupNavElement;
-        "ds-table": HTMLDsTableElement;
-        "ds-tag": HTMLDsTagElement;
-        "ds-text": HTMLDsTextElement;
-        "ds-toggle": HTMLDsToggleElement;
-        "ds-tooltip": HTMLDsTooltipElement;
-        "ds-tooltip-data-viz": HTMLDsTooltipDataVizElement;
-    }
-}
-declare namespace LocalJSX {
-    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
-
-    interface DsAppShell {
-        /**
-          * When `true`, paints the radial wash behind panel, bar, and tools (synced to shell layout).
-          * @default false
-         */
-        "gradient"?: boolean;
-        /**
-          * Built-in shell wash preset when `gradient` is true. `none` (solid secondary), `cool` (blue), `neutral` (grey), `warm` (yellow). `gradientSrc` overrides when set.
-          * @default DEFAULT_SHELL_GRADIENT_PRESET
-         */
-        "gradientPreset"?: ShellGradientPreset;
-        /**
-          * Optional custom gradient for `background-image` (e.g. SVG URL). When set, overrides the built-in radial wash.
-          * @default ''
-         */
-        "gradientSrc"?: string;
-        /**
-          * Chrome style propagated to slotted `ds-panel-nav` and `ds-bar-nav`.
-          * @default 'dashboard'
-         */
-        "navStyle"?: NavChromeStyle;
-        /**
-          * When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K/A/S/M/N toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native.
-          * @default true
-         */
-        "shortcutsEnabled"?: boolean;
-    }
-    interface DsBadge {
-        /**
-          * Direct ring background override for component-local surfaces.
-         */
-        "background"?: string | undefined;
-        /**
-          * Count shown for counter badges. Count 0 hides the badge.
-          * @default 0
-         */
-        "count"?: number;
-        /**
-          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
-          * @default false
-         */
-        "gradientBackground"?: boolean;
-        /**
-          * Deprecated alias for selected counter styling. Prefer context-specific color in the parent.
-          * @default false
-         */
-        "isSelected"?: boolean;
-        /**
-          * Accessible label. Defaults to the count as a string.
-         */
-        "label"?: string | undefined;
-        /**
-          * Highest count shown before compacting to "+".
-          * @default 9
-         */
-        "max"?: number;
-        /**
-          * Surface context for the ring around dots.
-          * @default 'default'
-         */
-        "surface"?: BadgeSurface;
-        /**
-          * Render as a compact counter or notification dot.
-          * @default 'counter'
-         */
-        "variant"?: BadgeVariant;
-    }
-    interface DsBanner {
-        /**
-          * @default 'medium'
-         */
-        "contrast"?: BannerContrast;
-        /**
-          * @default 'Dismiss'
-         */
-        "dismissLabel"?: string;
-        /**
-          * Renders at a fixed position (centered top) and auto-dismisses after 4 s.
-          * @default false
-         */
-        "floating"?: boolean;
-        /**
-          * Renders the diagonal-stripe accent bar above the body.
-          * @default false
-         */
-        "header"?: boolean;
-        /**
-          * @default 'neutral'
-         */
-        "intent"?: BannerIntent;
-        /**
-          * @default ''
-         */
-        "message"?: string;
-        "onDsDismiss"?: (event: DsBannerCustomEvent<void>) => void;
-        /**
-          * @default false
-         */
-        "showDismiss"?: boolean;
-    }
-    interface DsBarNav {
-        /**
-          * Section base path (e.g. `/dashboard/safety`). Used with `currentUrl` to derive `value`.
-          * @default ''
-         */
-        "basePath"?: string;
-        /**
-          * Current route URL. When set with `basePath`, the active tab is derived automatically.
-          * @default ''
-         */
-        "currentUrl"?: string;
-        /**
-          * Fallback heading shown when no tabs are provided. When tabs are present the heading is hidden.
-         */
-        "heading"?: string | undefined;
-        /**
-          * Style slot: `dashboard` or `settings`. Colors match for now.
-          * @default 'dashboard'
-         */
-        "navStyle"?: NavChromeStyle;
-        /**
-          * Emitted when the active tab changes. Detail = tab id.
-         */
-        "onDsTabChange"?: (event: DsBarNavCustomEvent<string>) => void;
-        /**
-          * Tab items for the left section. Set via JS property: `el.tabs = [...]`. Replace the array reference to update.
-          * @default []
-         */
-        "tabs"?: BarNavTab[];
-        /**
-          * JSON fallback for `tabs` — useful when framework bindings don't propagate arrays.
-          * @default ''
-         */
-        "tabsJson"?: string;
-        /**
-          * ID of the currently active tab. Overridden when `currentUrl` + `basePath` are set.
-          * @default ''
-         */
-        "value"?: string;
-    }
-    interface DsButtonFilled {
-        "ariaLabel"?: string | undefined;
-        /**
-          * Background fill weight. Foreground uses the paired contrast token: bold → faint, strong → medium, medium → strong, faint → bold.
-          * @default 'bold'
-         */
-        "contrast"?: ButtonFilledContrast;
-        /**
-          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
-          * @default ''
-         */
-        "icon"?: string;
-        /**
-          * Semantic colour intent.
-          * @default 'brand'
-         */
-        "intent"?: ButtonFilledIntent;
-        /**
-          * Disables interaction.
-          * @default false
-         */
-        "isInactive"?: boolean;
-        /**
-          * Visible text for `label` / `icon-label` variants.
-          * @default ''
-         */
-        "label"?: string;
-        "onDsClick"?: (event: DsButtonFilledCustomEvent<MouseEvent>) => void;
-        /**
-          * Control density (height, padding, icon, type).
-          * @default 'md'
-         */
-        "size"?: ButtonFilledSize;
-        /**
-          * Native button type.
-          * @default 'button'
-         */
-        "type"?: 'button' | 'submit' | 'reset';
-        /**
-          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
-          * @default 'label'
-         */
-        "variant"?: ButtonFilledVariant;
-        /**
-          * Width fit — hug content (default) or fill the parent.
-          * @default 'hug'
-         */
-        "width"?: ButtonFilledWidth;
-    }
-    interface DsButtonUnfilled {
-        /**
-          * When active, render the selected interaction fill. Default `true` for general UI. Shell chrome (nav / tool rails) should pass `false` so selection is foreground-only (primary color, no fill).
-          * @default true
-         */
-        "activeFill"?: boolean;
-        "ariaLabel"?: string | undefined;
-        /**
-          * Parent surface context for navigation and always-dark chrome.
-         */
-        "background"?: ButtonUnfilledBackground | undefined;
-        /**
-          * Foreground and interaction tokens when the button sits on a contrasting parent background (default, medium, bold, or strong).
-         */
-        "backgroundContrast"?: ButtonUnfilledOnBackgroundContrast;
-        "controls"?: string | undefined;
-        /**
-          * Show a notification dot at the top-right of the icon zone (icon variant only).
-          * @default false
-         */
-        "dot"?: boolean;
-        "expanded"?: boolean | undefined;
-        /**
-          * Native `tabindex` for roving keyboard groups in shell chrome. Omit for the default button tab stop (`0`).
-         */
-        "focusTabIndex"?: number;
-        /**
-          * Show a 1px secondary inset border. Default on; shell chrome can pass `false`.
-          * @default true
-         */
-        "hasBorder"?: boolean;
-        "haspopup"?: string | undefined;
-        /**
-          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
-          * @default ''
-         */
-        "icon"?: string;
-        /**
-          * Active/selected visual state. Always promotes foreground to primary.
-          * @default false
-         */
-        "isActive"?: boolean;
-        /**
-          * Disables interaction.
-          * @default false
-         */
-        "isInactive"?: boolean;
-        /**
-          * Visible text for `label` / `icon-label` variants.
-          * @default ''
-         */
-        "label"?: string;
-        "onDsChange"?: (event: DsButtonUnfilledCustomEvent<boolean>) => void;
-        "onDsClick"?: (event: DsButtonUnfilledCustomEvent<MouseEvent>) => void;
-        "pressed"?: boolean | undefined;
-        /**
-          * Control density (height, padding, icon, type).
-          * @default 'md'
-         */
-        "size"?: ButtonUnfilledSize;
-        /**
-          * Native button type.
-          * @default 'button'
-         */
-        "type"?: 'button' | 'submit' | 'reset';
-        /**
-          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
-          * @default 'label'
-         */
-        "variant"?: ButtonUnfilledVariant;
-        /**
-          * Width fit — hug content (default) or fill the parent.
-          * @default 'hug'
-         */
-        "width"?: ButtonUnfilledWidth;
-    }
-    /**
-     * Shared card chrome — width + matching min-height tokens, header (title + actions),
-     * and a flex body that fills leftover space. Compose this from settings / data-viz cards.
-     */
-    interface DsCard {
-        /**
-          * Chrome recipe — `editing` applies the settings edit wash.
-          * @default 'default'
-         */
-        "appearance"?: CardAppearance;
-        /**
-          * Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the matching `--dimension-card-height-*` so empty bodies still fill the card.
-          * @default 'md'
-         */
-        "cardWidth"?: CardWidth;
-        /**
-          * Section heading shown in the card header.
-         */
-        "heading": string;
-    }
-    /**
-     * Donut data-viz card — shared `ds-card` chrome with a fill chart region and
-     * content-sized legend. Hover sync between chart and legend stays here.
-     */
-    interface DsCardDataVizDonut {
-        /**
-          * Card width token — also sets matching min-height.
-          * @default 'md'
-         */
-        "cardWidth"?: CardDataVizDonutWidth;
-        /**
-          * Widget heading shown in the card header.
-         */
-        "heading": string;
-        /**
-          * Emits when the header filter control is activated.
-         */
-        "onDsFilterClick"?: (event: DsCardDataVizDonutCustomEvent<void>) => void;
-    }
-    interface DsCardSetting {
-        /**
-          * 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.
-          * @default 'md'
-         */
-        "cardWidth"?: CardSettingWidth;
-        /**
-          * Controlled edit state — parent owns single-edit orchestration.
-          * @default false
-         */
-        "editing"?: boolean;
-        /**
-          * Section heading shown in the card header.
-         */
-        "heading": string;
-        /**
-          * Emits when the user enters or exits edit mode.
-         */
-        "onDsEditingChange"?: (event: DsCardSettingCustomEvent<boolean>) => void;
-    }
-    interface DsChartBar {
-        /**
-          * Bars to render. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "data"?: ChartDatum[];
-        /**
-          * @default 240
-         */
-        "height"?: number;
-        /**
-          * @default 480
-         */
-        "width"?: number;
-    }
-    interface DsChartDonut {
-        /**
-          * Externally controlled highlight, matched by `label` — e.g. drive this from a sibling `ds-chart-legend`'s `dsItemHover` event to keep chart and legend hover in sync. Falls back to this component's own pointer/focus hover when unset. Slice hover dims peer slices and emits `dsSliceHover` for legend sync — no data-viz tooltip (the legend already surfaces label/value).
-          * @default null
-         */
-        "activeLabel"?: string | null;
-        /**
-          * Secondary caption below the center value (e.g. "Total", "Normal"). Rendered uppercase.
-         */
-        "centerCaption"?: string | undefined;
-        /**
-          * Primary center value; defaults to the sum of `data` values (e.g. "187", "40.9%").
-         */
-        "centerValue"?: string | undefined;
-        /**
-          * Corner radius on each slice — number (px) or TokoMo length. Defaults to `--dimension-radius-025` (2px).
-          * @default TOKEN_DEFAULTS.radius025
-         */
-        "cornerRadius"?: number | string;
-        /**
-          * Slices to render. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "data"?: ChartDatum[];
-        /**
-          * Gap between slices, in degrees.
-          * @default 1
-         */
-        "gap"?: number;
-        /**
-          * Fires with the hovered/focused slice's datum, or `null` on leave/blur.
-         */
-        "onDsSliceHover"?: (event: DsChartDonutCustomEvent<ChartDatum | null>) => void;
-        /**
-          * Explicit diameter in px. When unset, the donut sizes to its container (ResizeObserver) clamped between `--dimension-size-base * 16` (128px) and `* 24` (192px), and stays centered in the leftover space. Prefer unset inside card layouts.
-         */
-        "size"?: number | undefined;
-        /**
-          * Ring thickness — number (px) or TokoMo length. Defaults to `--dimension-size-200` (16px).
-          * @default TOKEN_DEFAULTS.size200
-         */
-        "thickness"?: number | string;
-    }
-    /**
-     * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
-     * legends differently (list w/ values, compact chips, bare swatches, external
-     * stat callouts) — this covers the common "swatch + label + optional value" case.
-     * Consumers who need a different treatment skip this component entirely and
-     * render their own markup against the same `ChartDatum[]` data.
-     */
-    interface DsChartLegend {
-        /**
-          * Externally controlled highlight, matched by `label` — e.g. drive this from a sibling chart's `dsSliceHover` event to keep chart and legend hover in sync. Only dims the other rows' opacity (like a chart dimming its other slices) — it never shows the hover-fill, since that's reserved for a real pointer/keyboard interaction on this row.
-          * @default null
-         */
-        "activeLabel"?: string | null;
-        /**
-          * @default 'vertical'
-         */
-        "direction"?: ChartLegendDirection;
-        /**
-          * Legend entries. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "items"?: ChartLegendItem[];
-        /**
-          * Fires when a deep-linkable row (`item.href` set) is activated.
-         */
-        "onDsItemClick"?: (event: DsChartLegendCustomEvent<{ item: ChartLegendItem; originalEvent: MouseEvent }>) => void;
-        /**
-          * Fires on row hover/focus with the item, or `null` on leave/blur.
-         */
-        "onDsItemHover"?: (event: DsChartLegendCustomEvent<ChartLegendItem | null>) => void;
-        /**
-          * Show each item's share of the total (of items with a `value`) alongside its count.
-          * @default true
-         */
-        "showPercentage"?: boolean;
-    }
-    interface DsChartLine {
-        /**
-          * X-axis labels — must match each series' `data` length. Set as a JS property.
-          * @default []
-         */
-        "categories"?: string[];
-        /**
-          * @default 240
-         */
-        "height"?: number;
-        /**
-          * One or more series to plot. Set as a JS property (not an HTML attribute).
-          * @default []
-         */
-        "series"?: ChartSeries[];
-        /**
-          * @default true
-         */
-        "showPoints"?: boolean;
-        /**
-          * @default 480
-         */
-        "width"?: number;
-    }
-    interface DsCheckbox {
-        /**
-          * @default false
-         */
-        "checked"?: boolean;
-        /**
-          * @default false
-         */
-        "indeterminate"?: boolean;
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "label": string;
-        "onDsChange"?: (event: DsCheckboxCustomEvent<boolean>) => void;
-    }
-    /**
-     * Removable chip — same density recipe as Tag, but colored by semantic `state`
-     * (not intent × contrast). Not a toggle/select control; the only intentional
-     * action is remove.
-     */
-    interface DsChip {
-        /**
-          * Surface context for interaction-fill tokens when the chip sits on a non-default surface.
-         */
-        "background"?: ChipBackground | undefined;
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "label": string;
-        "maxWidth"?: string | number | undefined;
-        /**
-          * Fired when the remove button is clicked.
-         */
-        "onDsRemove"?: (event: DsChipCustomEvent<void>) => void;
-        /**
-          * When true (default), shows the trailing dismiss control.
-          * @default true
-         */
-        "removable"?: boolean;
-        /**
-          * @default false
-         */
-        "rounded"?: boolean;
-        /**
-          * @default 'md'
-         */
-        "size"?: ChipSize;
-        /**
-          * Semantic color state.
-          * @default 'default'
-         */
-        "state"?: ChipState;
-    }
-    interface DsDivider {
-        /**
-          * Insets the divider from its start/end edges. Accepts spacing token names or any CSS length.
-          * @default 'none'
-         */
-        "inset"?: DividerInset;
-        /**
-          * Visual line length. Defaults to filling the available axis. Accepts any CSS length.
-          * @default 'auto'
-         */
-        "length"?: DividerLength;
-        /**
-          * Direction of the divider line. Defaults to 'horizontal'.
-          * @default 'horizontal'
-         */
-        "orientation"?: DividerOrientation;
-        /**
-          * Expose the divider as a semantic separator. Visual-only dividers are hidden from assistive tech by default.
-          * @default false
-         */
-        "semantic"?: boolean;
-        /**
-          * Surface context so the divider uses the right TokoMo divider token.
-          * @default 'default'
-         */
-        "surface"?: DividerSurface;
-    }
-    interface DsEmptyState {
-        "message"?: string | undefined;
-        /**
-          * @default 'no-content'
-         */
-        "type"?: EmptyStateType;
-    }
-    interface DsField {
-        /**
-          * ID forwarded to the slotted control via the label's `for` attribute. Auto-generated if omitted.
-         */
-        "fieldId"?: string | undefined;
-        "label": string;
-    }
-    interface DsIcon {
-        /**
-          * Semantic foreground color token, or a raw CSS var reference.
-         */
-        "color"?: IconColor | undefined;
-        /**
-          * Set `true` to look up from the flag icon set instead of the system icon set.
-          * @default false
-         */
-        "flag"?: boolean;
-        /**
-          * Accessible label. Sets `role="img"` and `aria-label`. Omit for decorative icons.
-         */
-        "label"?: string | undefined;
-        /**
-          * Name of the system icon (e.g. `"Gear"`, `"ArrowRight"`) or flag (e.g. `"US"`)
-          * @default ''
-         */
-        "name"?: string;
-        /**
-          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
-          * @default 'md'
-         */
-        "size"?: IconSize;
-    }
-    interface DsInput {
-        "ariaDescribedby"?: string | undefined;
-        "ariaLabel"?: string | undefined;
-        "ariaLabelledby"?: string | undefined;
-        /**
-          * @default false
-         */
-        "autoFocus"?: boolean;
-        /**
-          * @default false
-         */
-        "error"?: boolean;
-        "errorMessage"?: string | undefined;
-        /**
-          * Associates the internal input with an external <label>.
-         */
-        "inputId"?: string | undefined;
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "onDsChange"?: (event: DsInputCustomEvent<string>) => void;
-        "onDsClear"?: (event: DsInputCustomEvent<void>) => void;
-        "placeholder"?: string | undefined;
-        /**
-          * @default 'text'
-         */
-        "type"?: InputType;
-        /**
-          * @default ''
-         */
-        "value"?: string;
-    }
-    interface DsLoader {
-        /**
-          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`.
-         */
-        "color"?: LoaderColor | undefined;
-        /**
-          * Accessible label for standalone usage. Wraps the spinner in a live region and renders the label visually-hidden. Omit when the host element already conveys busy state via aria-busy.
-         */
-        "label"?: string | undefined;
-        /**
-          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
-          * @default 'md'
-         */
-        "size"?: LoaderSize;
-    }
-    interface DsMenu {
-        /**
-          * @default 'start'
-         */
-        "align"?: MenuAlign;
-        /**
-          * Cross-axis offset — number (px) or TokoMo length.
-          * @default 0
-         */
-        "alignOffset"?: number | string;
-        /**
-          * External trigger element to position against. Set via JS: menuEl.anchor = buttonEl
-         */
-        "anchor"?: HTMLElement | undefined;
-        /**
-          * ID of the external trigger element for positioning
-         */
-        "anchorId"?: string | undefined;
-        /**
-          * Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven.
-          * @default false
-         */
-        "initialFocusVisible"?: boolean;
-        /**
-          * @default []
-         */
-        "items"?: MenuItemData[];
-        "menuWidth"?: string | undefined;
-        "minWidth"?: string | undefined;
-        "onDsClose"?: (event: DsMenuCustomEvent<void>) => void;
-        /**
-          * Emitted when a `gradient-picker` section swatch is chosen.
-         */
-        "onDsGradientSelect"?: (event: DsMenuCustomEvent<ShellGradientPreset>) => void;
-        "onDsSelect"?: (event: DsMenuCustomEvent<MenuItemData>) => void;
-        /**
-          * @default false
-         */
-        "open"?: boolean;
-        /**
-          * @default []
-         */
-        "sections"?: MenuSection[];
-        /**
-          * @default 'bottom'
-         */
-        "side"?: MenuSide;
-        /**
-          * Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.).
-          * @default TOKEN_CSS_LENGTHS.space050
-         */
-        "sideOffset"?: number | string;
-    }
-    interface DsModal {
-        "heading": string;
-        /**
-          * @default 'md'
-         */
-        "modalWidth"?: ModalWidth | string;
-        "onDsClose"?: (event: DsModalCustomEvent<void>) => void;
-        /**
-          * @default false
-         */
-        "open"?: boolean;
-        "subtitle"?: string | undefined;
-    }
-    interface DsPagination {
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "onDsPageChange"?: (event: DsPaginationCustomEvent<number>) => void;
-        /**
-          * @default 1
-         */
-        "page"?: number;
-        /**
-          * @default 1
-         */
-        "siblingCount"?: number;
-        /**
-          * @default 1
-         */
-        "totalPages"?: number;
-    }
-    interface DsPanelNav {
-        /**
-          * ID of the currently active/selected nav item. Overridden by `currentUrl` matching when set.
-          * @default ''
-         */
-        "activeId"?: string;
-        /**
-          * Viewport width (px) below which the nav auto-collapses to icon-only mode. 0 = disabled.
-          * @default 0
-         */
-        "breakpoint"?: number;
-        /**
-          * Whether the nav is in collapsed (icon-only) state. Set `storageKey` to persist across reloads. `dsNavToggle` still fires on change.
-          * @default false
-         */
-        "collapsed"?: boolean;
-        /**
-          * Current route URL (e.g. `window.location.pathname` or the router's active URL). When set the component derives the active item by matching item `href` values against this string (longest segment-boundary prefix wins), overriding `activeId`.
-          * @default ''
-         */
-        "currentUrl"?: string;
-        /**
-          * When `true`, style changes apply synchronously — host app owns view transitions.
-          * @default false
-         */
-        "disableViewTransition"?: boolean;
-        /**
-          * Nav groups — set via JS property (`el.groups = [...]`) or JSON string attribute.
-          * @default '[]'
-         */
-        "groups"?: string | PanelNavGroup[];
-        /**
-          * Style slot: `dashboard` or `settings`. Colors match for now; class hooks reserved for texture/glyph layers. Property: `navStyle`. Attribute: `nav-style`.
-          * @default 'dashboard'
-         */
-        "navStyle"?: NavChromeStyle;
-        "onDsChromeTransitionEnd"?: (event: DsPanelNavCustomEvent<ChromeTransitionDetail>) => void;
-        /**
-          * Bubbling lifecycle — `ds-app-shell` pauses chrome metrics during width motion.
-         */
-        "onDsChromeTransitionStart"?: (event: DsPanelNavCustomEvent<ChromeTransitionDetail>) => void;
-        /**
-          * Emitted when the footer left button (gear / dashboard) is clicked.
-         */
-        "onDsNavFooterAction"?: (event: DsPanelNavCustomEvent<void>) => void;
-        /**
-          * Emitted when a nav item is clicked. Detail = the item's `id`.
-         */
-        "onDsNavSelect"?: (event: DsPanelNavCustomEvent<string>) => void;
-        /**
-          * Emitted when the collapse toggle is clicked. Detail = new collapsed state.
-         */
-        "onDsNavToggle"?: (event: DsPanelNavCustomEvent<boolean>) => void;
-        /**
-          * Emitted when the footer user button is clicked. Detail includes the anchor for `ds-menu`.
-         */
-        "onDsNavUserAction"?: (event: DsPanelNavCustomEvent<PanelNavUserActionDetail>) => void;
-        /**
-          * How items with `href` render: - `anchor` (default): native `<a href>` — works with routers that intercept anchors. - `event`: always `<button>`; host handles navigation via `dsNavSelect`.
-          * @default 'anchor'
-         */
-        "routerMode"?: PanelNavRouterMode;
-        /**
-          * `localStorage` key used to persist the collapsed state across page loads. When set, collapsed state is restored on mount and written on each toggle.
-          * @default ''
-         */
-        "storageKey"?: string;
-        /**
-          * Single character shown in the collapsed avatar
-          * @default ''
-         */
-        "userInitial"?: string;
-        /**
-          * Display name for the footer user section
-          * @default ''
-         */
-        "userName"?: string;
-    }
-    interface DsPanelTools {
-        /**
-          * Active tool view — `search`, `agents`, `messages`, `stacks`, `activity`, or `help`.
-          * @default ''
-         */
-        "activeTool"?: PanelToolsToolId | '';
-        /**
-          * Rail items rendered in the right column. Set via JS property: `el.items = [...]`. Replace the array reference to update.
-          * @default []
-         */
-        "items"?: PanelToolsItem[];
-        /**
-          * JSON fallback for `items` — useful when framework bindings don't propagate arrays.
-          * @default ''
-         */
-        "itemsJson"?: string;
-        "onDsChromeTransitionEnd"?: (event: DsPanelToolsCustomEvent<ChromeTransitionDetail>) => void;
-        /**
-          * Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion.
-         */
-        "onDsChromeTransitionStart"?: (event: DsPanelToolsCustomEvent<ChromeTransitionDetail>) => void;
-        /**
-          * Emitted when a rail button is toggled. Detail = { id, selected }.
-         */
-        "onDsToolChange"?: (event: DsPanelToolsCustomEvent<{
-    id: PanelToolsToolId;
-    selected: boolean;
-  }>) => void;
-        /**
-          * When false, only the icon rail is shown.
-          * @default false
-         */
-        "open"?: boolean;
-    }
-    interface DsRadioGroup {
-        "ariaLabel"?: string | undefined;
-        "ariaLabelledby"?: string | undefined;
-        /**
-          * @default 'vertical'
-         */
-        "direction"?: 'vertical' | 'horizontal';
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "onDsChange"?: (event: DsRadioGroupCustomEvent<string>) => void;
-        /**
-          * @default []
-         */
-        "options"?: RadioOption[];
-        /**
-          * @default ''
-         */
-        "value"?: string;
-    }
-    /**
-     * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-     * control-density sizes, with `ds-menu` for the option list.
-     */
-    interface DsSelect {
-        /**
-          * When a value is selected, render the selected interaction fill (same recipe as unfilled-button `activeFill`). Default `true`. Pass `false` for foreground-only selection (primary label, no fill). Selected/open promotes the label to primary; chevron stays secondary.
-          * @default true
-         */
-        "activeFill"?: boolean;
-        "ariaLabel"?: string | undefined;
-        "ariaLabelledby"?: string | undefined;
-        /**
-          * Show a 1px secondary inset border. Default on (matches unfilled button).
-          * @default true
-         */
-        "hasBorder"?: boolean;
-        /**
-          * Disables interaction (25% opacity via ds-control-inactive).
-          * @default false
-         */
-        "isInactive"?: boolean;
-        /**
-          * Emits the selected value string.
-         */
-        "onDsChange"?: (event: DsSelectCustomEvent<string>) => void;
-        /**
-          * Array of options. Set via JS property.
-          * @example el.options = [{ label: 'Apple', value: 'apple' }];
-          * @default []
-         */
-        "options"?: SelectOption[];
-        /**
-          * Placeholder shown when no value is selected.
-          * @default 'Select'
-         */
-        "placeholder"?: string;
-        /**
-          * Control density (height, padding, icon, type).
-          * @default 'md'
-         */
-        "size"?: SelectSize;
-        /**
-          * Currently selected value.
-          * @default ''
-         */
-        "value"?: string;
-        /**
-          * Width fit — fill the parent (default) or hug content.
-          * @default 'fill'
-         */
-        "width"?: SelectWidth;
-    }
-    interface DsShellGradientPicker {
-        "onDsChange"?: (event: DsShellGradientPickerCustomEvent<ShellGradientPreset1>) => void;
-        /**
-          * Active shell wash preset.
-          * @default DEFAULT_SHELL_GRADIENT_PRESET
-         */
-        "value"?: ShellGradientPreset1;
-    }
-    interface DsShellGradientSwatch {
-        "ariaLabel"?: string | undefined;
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "onDsSelect"?: (event: DsShellGradientSwatchCustomEvent<ShellGradientPreset1>) => void;
-        /**
-          * Wash preset this orb previews.
-          * @default DEFAULT_SHELL_GRADIENT_PRESET
-         */
-        "preset"?: ShellGradientPreset1;
-        /**
-          * Selected — brand stroke + halo over inner fill/border/interaction stack.
-          * @default false
-         */
-        "selected"?: boolean;
-    }
-    interface DsSkeleton {
-        /**
-          * Height as a CSS value string or number (px).
-         */
-        "height"?: string | number | undefined;
-        /**
-          * Number of text lines. Only used when variant is 'text'.
-          * @default 1
-         */
-        "lines"?: number;
-        /**
-          * Whether to show the shimmer animation.
-          * @default true
-         */
-        "shimmer"?: boolean;
-        /**
-          * @default 'text'
-         */
-        "variant"?: SkeletonVariant;
-        /**
-          * Width as a CSS value string (e.g. '200px', '100%') or number (px).
-         */
-        "width"?: string | number | undefined;
-    }
-    interface DsSlider {
-        /**
-          * Associates with an external <label>. Defaults to an auto-generated ID.
-         */
-        "inputId"?: string | undefined;
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "label": string;
-        /**
-          * @default 100
-         */
-        "max"?: number;
-        /**
-          * @default 0
-         */
-        "min"?: number;
-        "onDsChange"?: (event: DsSliderCustomEvent<number>) => void;
-        /**
-          * @default 1
-         */
-        "step"?: number;
-        /**
-          * @default 0
-         */
-        "value"?: number;
-        "valueText"?: string | undefined;
-    }
-    interface DsTabGroup {
-        "ariaLabel"?: string | undefined;
-        "ariaLabelledby"?: string | undefined;
-        "background"?: TabBackground | undefined;
-        "onDsChange"?: (event: DsTabGroupCustomEvent<string>) => void;
-        /**
-          * @default 'horizontal'
-         */
-        "orientation"?: 'horizontal' | 'vertical';
-        /**
-          * @default []
-         */
-        "tabs"?: TabItem[];
-        /**
-          * @default ''
-         */
-        "value"?: string;
-    }
-    interface DsTabGroupNav {
-        "ariaLabel"?: string | undefined;
-        "ariaLabelledby"?: string | undefined;
-        "background"?: TabGroupNavBackground | undefined;
-        "onDsChange"?: (event: DsTabGroupNavCustomEvent<string>) => void;
-        /**
-          * Fired when arrow navigation reaches the first/last tab in manual selection mode.
-         */
-        "onDsRovingExit"?: (event: DsTabGroupNavCustomEvent<'start' | 'end'>) => void;
-        /**
-          * @default 'horizontal'
-         */
-        "orientation"?: 'horizontal' | 'vertical';
-        /**
-          * When `false`, every tab uses `tabindex="-1"` (another chrome control owns the tab stop).
-          * @default true
-         */
-        "rovingEnabled"?: boolean;
-        /**
-          * When `false`, arrow keys move focus only — Space/Enter (or click) commits selection. Used by bar nav where each tab is a full page transition.
-          * @default true
-         */
-        "selectionFollowsFocus"?: boolean;
-        /**
-          * @default []
-         */
-        "tabs"?: TabItem[];
-        /**
-          * @default ''
-         */
-        "value"?: string;
-    }
-    interface DsTable {
-        /**
-          * @default []
-         */
-        "columns"?: TableColumn[];
-        /**
-          * @default []
-         */
-        "data"?: unknown[];
-        /**
-          * @default 'No results found.'
-         */
-        "emptyMessage"?: string;
-        /**
-          * @default false
-         */
-        "loading"?: boolean;
-        "onDsPageChange"?: (event: DsTableCustomEvent<{ pageIndex: number }>) => void;
-        "onDsRowClick"?: (event: DsTableCustomEvent<{ row: unknown; rowIndex: number }>) => void;
-        "onDsSort"?: (event: DsTableCustomEvent<{ columnId: string }>) => void;
-        /**
-          * Page index (0-based). Enables built-in pagination when set alongside pageSize.
-         */
-        "pageIndex"?: number | undefined;
-        /**
-          * @default 20
-         */
-        "pageSize"?: number;
-        /**
-          * Comma-separated zero-based row indices that are selected.
-          * @default ''
-         */
-        "selectedRows"?: string;
-        "sortState"?: SortState | undefined;
-    }
-    interface DsTag {
-        /**
-          * @default 'faint'
-         */
-        "contrast"?: TagContrast;
-        /**
-          * @default 'neutral'
-         */
-        "intent"?: TagIntent;
-        "label": string;
-        "maxWidth"?: string | number | undefined;
-        /**
-          * @default false
-         */
-        "rounded"?: boolean;
-        /**
-          * @default 'md'
-         */
-        "size"?: TagSize;
-    }
-    interface DsText {
-        "align"?: TextAlign | undefined;
-        /**
-          * @default 'p'
-         */
-        "as"?: TextElement;
-        "color"?: TextColor | undefined;
-        "decoration"?: TextDecoration | undefined;
-        /**
-          * Heavier weight + tighter letter-spacing for the variant. `false` (default): one step below emphasis (display semibold, title/body medium, caption medium). `true`: display bold, title/caption semibold, body medium.
-          * @default false
-         */
-        "emphasis"?: boolean;
-        /**
-          * @default 'normal'
-         */
-        "fontFeature"?: TextFontFeature;
-        /**
-          * Maps to `for` attribute on <label> elements.
-         */
-        "for"?: string | undefined;
-        /**
-          * @default false
-         */
-        "italic"?: boolean;
-        /**
-          * @default 'none'
-         */
-        "lineTruncation"?: LineTruncation;
-        /**
-          * Forwarded to the inner element (e.g. aria-labelledby targets).
-         */
-        "textId"?: string | undefined;
-        /**
-          * @default 'text-body-medium'
-         */
-        "variant"?: TextVariant;
-        "wrap"?: TextWrap | undefined;
-    }
-    interface DsToggle {
-        /**
-          * @default false
-         */
-        "checked"?: boolean;
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        "onDsChange"?: (event: DsToggleCustomEvent<boolean>) => void;
-    }
-    /**
-     * Imperative body portal for the popup.
-     * Stencil must not own the portaled node — moving a VDOM child to `document.body`
-     * causes recreate → re-portal →
-     * @State loops that freeze the page.
-     */
-    interface DsTooltip {
-        /**
-          * @default 'center'
-         */
-        "align"?: TooltipAlign;
-        /**
-          * Cross-axis offset — number (px) or TokoMo length.
-          * @default 0
-         */
-        "alignOffset"?: number | string;
-        /**
-          * Hover show delay before the tooltip appears. Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the initial hover/focus show only — after a recent dismiss, reopen is instant. Prefer the default; override only for denser chrome or rare/destructive actions.
-          * @default TOKEN_DEFAULTS.animationDelayMedium3
-         */
-        "delay"?: number | string;
-        /**
-          * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay mounted for layout/animation stability (e.g. PanelNav expand/collapse).
-         */
-        "label": string;
-        "shortcutKey"?: string | undefined;
-        /**
-          * @default 'end'
-         */
-        "shortcutKeyPosition"?: 'start' | 'end';
-        /**
-          * @default 'top'
-         */
-        "side"?: TooltipSide;
-        /**
-          * Gap between anchor and tooltip — number (px) or TokoMo length.
-          * @default TOKEN_CSS_LENGTHS.space050
-         */
-        "sideOffset"?: number | string;
-        /**
-          * Control density (height, padding, type).
-          * @default 'md'
-         */
-        "size"?: TooltipSize;
-    }
-    /**
-     * Positioned value/label callout for chart hover interactions (bar, line point, …).
-     * Donut charts skip this — legend sync already surfaces the hovered slice.
-     * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
-     * charts hover-highlight data that lives inside an SVG, so the chart itself computes
-     * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
-     * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
-     * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
-     * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
-     * keeps it on-screen.
-     * Mount (or remount) when a hover session starts so `delay` applies once per hover;
-     * keep the instance mounted while the cursor moves so tracking stays instant.
-     */
-    interface DsTooltipDataViz {
-        /**
-          * Show delay after mount before the callout appears. Default: `--effect-animation-delay-instant` (0ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Charts need immediate feedback while scrubbing; prefer the default. Mount once per hover session so any non-zero delay runs once, then track `x`/`y` instantly.
-          * @default TOKEN_DEFAULTS.animationDelayInstant
-         */
-        "delay"?: number | string;
-        /**
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * @default ''
-         */
-        "value"?: string | number;
-        /**
-          * Anchor point in px, relative to the nearest `position: relative` ancestor — e.g. the cursor.
-          * @default 0
-         */
-        "x"?: number;
-        /**
-          * @default 0
-         */
-        "y"?: number;
-    }
-
-    interface DsAppShellAttributes {
-        "navStyle": NavChromeStyle;
-        "gradient": boolean;
-        "gradientSrc": string;
-        "gradientPreset": ShellGradientPreset;
-        "shortcutsEnabled": boolean;
-    }
-    interface DsBadgeAttributes {
-        "variant": BadgeVariant;
-        "count": number;
-        "max": number;
-        "surface": BadgeSurface;
-        "background": string | undefined;
-        "gradientBackground": boolean;
-        "isSelected": boolean;
-        "label": string | undefined;
-    }
-    interface DsBannerAttributes {
-        "intent": BannerIntent;
-        "contrast": BannerContrast;
-        "message": string;
-        "header": boolean;
-        "floating": boolean;
-        "showDismiss": boolean;
-        "dismissLabel": string;
-    }
-    interface DsBarNavAttributes {
-        "navStyle": NavChromeStyle;
-        "tabsJson": string;
-        "value": string;
-        "heading": string | undefined;
-        "basePath": string;
-        "currentUrl": string;
-    }
-    interface DsButtonFilledAttributes {
-        "variant": ButtonFilledVariant;
-        "size": ButtonFilledSize;
-        "width": ButtonFilledWidth;
-        "label": string;
-        "icon": string;
-        "intent": ButtonFilledIntent;
-        "contrast": ButtonFilledContrast;
-        "isInactive": boolean;
-        "type": 'button' | 'submit' | 'reset';
-        "ariaLabel": string | undefined;
-    }
-    interface DsButtonUnfilledAttributes {
-        "variant": ButtonUnfilledVariant;
-        "size": ButtonUnfilledSize;
-        "width": ButtonUnfilledWidth;
-        "label": string;
-        "icon": string;
-        "isActive": boolean;
-        "activeFill": boolean;
-        "hasBorder": boolean;
-        "dot": boolean;
-        "isInactive": boolean;
-        "type": 'button' | 'submit' | 'reset';
-        "backgroundContrast": ButtonUnfilledOnBackgroundContrast;
-        "background": ButtonUnfilledBackground | undefined;
-        "ariaLabel": string | undefined;
-        "controls": string | undefined;
-        "expanded": boolean | undefined;
-        "haspopup": string | undefined;
-        "pressed": boolean | undefined;
-        "focusTabIndex": number;
-    }
-    interface DsCardAttributes {
-        "heading": string;
-        "cardWidth": CardWidth;
-        "appearance": CardAppearance;
-    }
-    interface DsCardDataVizDonutAttributes {
-        "heading": string;
-        "cardWidth": CardDataVizDonutWidth;
-    }
-    interface DsCardSettingAttributes {
-        "heading": string;
-        "cardWidth": CardSettingWidth;
-        "editing": boolean;
-    }
-    interface DsChartBarAttributes {
-        "width": number;
-        "height": number;
-    }
-    interface DsChartDonutAttributes {
-        "size": number | undefined;
-        "thickness": string;
-        "cornerRadius": string;
-        "gap": number;
-        "centerValue": string | undefined;
-        "centerCaption": string | undefined;
-        "activeLabel": string | null;
-    }
-    interface DsChartLegendAttributes {
-        "direction": ChartLegendDirection;
-        "showPercentage": boolean;
-        "activeLabel": string | null;
-    }
-    interface DsChartLineAttributes {
-        "width": number;
-        "height": number;
-        "showPoints": boolean;
-    }
-    interface DsCheckboxAttributes {
-        "label": string;
-        "checked": boolean;
-        "indeterminate": boolean;
-        "isInactive": boolean;
-    }
-    interface DsChipAttributes {
-        "label": string;
-        "state": ChipState;
-        "size": ChipSize;
-        "rounded": boolean;
-        "removable": boolean;
-        "maxWidth": string;
-        "isInactive": boolean;
-        "background": ChipBackground | undefined;
-    }
-    interface DsDividerAttributes {
-        "orientation": DividerOrientation;
-        "surface": DividerSurface;
-        "inset": DividerInset;
-        "length": DividerLength;
-        "semantic": boolean;
-    }
-    interface DsEmptyStateAttributes {
-        "type": EmptyStateType;
-        "message": string | undefined;
-    }
-    interface DsFieldAttributes {
-        "label": string;
-        "fieldId": string | undefined;
-    }
-    interface DsIconAttributes {
-        "name": string;
-        "size": IconSize;
-        "color": IconColor | undefined;
-        "label": string | undefined;
-        "flag": boolean;
-    }
-    interface DsInputAttributes {
-        "value": string;
-        "placeholder": string | undefined;
-        "type": InputType;
-        "isInactive": boolean;
-        "autoFocus": boolean;
-        "error": boolean;
-        "errorMessage": string | undefined;
-        "inputId": string | undefined;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        "ariaDescribedby": string | undefined;
-    }
-    interface DsLoaderAttributes {
-        "size": LoaderSize;
-        "color": LoaderColor | undefined;
-        "label": string | undefined;
-    }
-    interface DsMenuAttributes {
-        "open": boolean;
-        "side": MenuSide;
-        "align": MenuAlign;
-        "sideOffset": string;
-        "alignOffset": string;
-        "menuWidth": string | undefined;
-        "minWidth": string | undefined;
-        "anchorId": string | undefined;
-        "initialFocusVisible": boolean;
-    }
-    interface DsModalAttributes {
-        "open": boolean;
-        "heading": string;
-        "subtitle": string | undefined;
-        "modalWidth": ModalWidth | string;
-    }
-    interface DsPaginationAttributes {
-        "page": number;
-        "totalPages": number;
-        "siblingCount": number;
-        "isInactive": boolean;
-    }
-    interface DsPanelNavAttributes {
-        "navStyle": NavChromeStyle;
-        "disableViewTransition": boolean;
-        "groups": string | PanelNavGroup[];
-        "routerMode": PanelNavRouterMode;
-        "activeId": string;
-        "collapsed": boolean;
-        "breakpoint": number;
-        "storageKey": string;
-        "currentUrl": string;
-        "userName": string;
-        "userInitial": string;
-    }
-    interface DsPanelToolsAttributes {
-        "open": boolean;
-        "activeTool": PanelToolsToolId | '';
-        "itemsJson": string;
-    }
-    interface DsRadioGroupAttributes {
-        "value": string;
-        "direction": 'vertical' | 'horizontal';
-        "isInactive": boolean;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-    }
-    interface DsSelectAttributes {
-        "value": string;
-        "placeholder": string;
-        "size": SelectSize;
-        "width": SelectWidth;
-        "isInactive": boolean;
-        "activeFill": boolean;
-        "hasBorder": boolean;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-    }
-    interface DsShellGradientPickerAttributes {
-        "value": ShellGradientPreset;
-    }
-    interface DsShellGradientSwatchAttributes {
-        "preset": ShellGradientPreset;
-        "selected": boolean;
-        "isInactive": boolean;
-        "ariaLabel": string | undefined;
-    }
-    interface DsSkeletonAttributes {
-        "variant": SkeletonVariant;
-        "width": string;
-        "height": string;
-        "lines": number;
-        "shimmer": boolean;
-    }
-    interface DsSliderAttributes {
-        "value": number;
-        "min": number;
-        "max": number;
-        "step": number;
-        "label": string;
-        "isInactive": boolean;
-        "valueText": string | undefined;
-        "inputId": string | undefined;
-    }
-    interface DsTabGroupAttributes {
-        "value": string;
-        "background": TabBackground | undefined;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        "orientation": 'horizontal' | 'vertical';
-    }
-    interface DsTabGroupNavAttributes {
-        "value": string;
-        "background": TabGroupNavBackground | undefined;
-        "ariaLabel": string | undefined;
-        "ariaLabelledby": string | undefined;
-        "orientation": 'horizontal' | 'vertical';
-        "selectionFollowsFocus": boolean;
-        "rovingEnabled": boolean;
-    }
-    interface DsTableAttributes {
-        "loading": boolean;
-        "emptyMessage": string;
-        "selectedRows": string;
-        "pageIndex": number | undefined;
-        "pageSize": number;
-    }
-    interface DsTagAttributes {
-        "label": string;
-        "intent": TagIntent;
-        "contrast": TagContrast;
-        "size": TagSize;
-        "rounded": boolean;
-        "maxWidth": string;
-    }
-    interface DsTextAttributes {
-        "variant": TextVariant;
-        "emphasis": boolean;
-        "color": TextColor | undefined;
-        "decoration": TextDecoration | undefined;
-        "italic": boolean;
-        "align": TextAlign | undefined;
-        "lineTruncation": string;
-        "wrap": TextWrap | undefined;
-        "fontFeature": TextFontFeature;
-        "as": TextElement;
-        "for": string | undefined;
-        "textId": string | undefined;
-    }
-    interface DsToggleAttributes {
-        "checked": boolean;
-        "isInactive": boolean;
-    }
-    interface DsTooltipAttributes {
-        "label": string;
-        "size": TooltipSize;
-        "side": TooltipSide;
-        "align": TooltipAlign;
-        "sideOffset": string;
-        "alignOffset": string;
-        "delay": string;
-        "shortcutKey": string | undefined;
-        "shortcutKeyPosition": 'start' | 'end';
-    }
-    interface DsTooltipDataVizAttributes {
-        "value": string;
-        "label": string;
-        "x": number;
-        "y": number;
-        "delay": string;
-    }
-
-    interface IntrinsicElements {
-        "ds-app-shell": Omit<DsAppShell, keyof DsAppShellAttributes> & { [K in keyof DsAppShell & keyof DsAppShellAttributes]?: DsAppShell[K] } & { [K in keyof DsAppShell & keyof DsAppShellAttributes as `attr:${K}`]?: DsAppShellAttributes[K] } & { [K in keyof DsAppShell & keyof DsAppShellAttributes as `prop:${K}`]?: DsAppShell[K] };
-        "ds-badge": Omit<DsBadge, keyof DsBadgeAttributes> & { [K in keyof DsBadge & keyof DsBadgeAttributes]?: DsBadge[K] } & { [K in keyof DsBadge & keyof DsBadgeAttributes as `attr:${K}`]?: DsBadgeAttributes[K] } & { [K in keyof DsBadge & keyof DsBadgeAttributes as `prop:${K}`]?: DsBadge[K] };
-        "ds-banner": Omit<DsBanner, keyof DsBannerAttributes> & { [K in keyof DsBanner & keyof DsBannerAttributes]?: DsBanner[K] } & { [K in keyof DsBanner & keyof DsBannerAttributes as `attr:${K}`]?: DsBannerAttributes[K] } & { [K in keyof DsBanner & keyof DsBannerAttributes as `prop:${K}`]?: DsBanner[K] };
-        "ds-bar-nav": Omit<DsBarNav, keyof DsBarNavAttributes> & { [K in keyof DsBarNav & keyof DsBarNavAttributes]?: DsBarNav[K] } & { [K in keyof DsBarNav & keyof DsBarNavAttributes as `attr:${K}`]?: DsBarNavAttributes[K] } & { [K in keyof DsBarNav & keyof DsBarNavAttributes as `prop:${K}`]?: DsBarNav[K] };
-        "ds-button-filled": Omit<DsButtonFilled, keyof DsButtonFilledAttributes> & { [K in keyof DsButtonFilled & keyof DsButtonFilledAttributes]?: DsButtonFilled[K] } & { [K in keyof DsButtonFilled & keyof DsButtonFilledAttributes as `attr:${K}`]?: DsButtonFilledAttributes[K] } & { [K in keyof DsButtonFilled & keyof DsButtonFilledAttributes as `prop:${K}`]?: DsButtonFilled[K] };
-        "ds-button-unfilled": Omit<DsButtonUnfilled, keyof DsButtonUnfilledAttributes> & { [K in keyof DsButtonUnfilled & keyof DsButtonUnfilledAttributes]?: DsButtonUnfilled[K] } & { [K in keyof DsButtonUnfilled & keyof DsButtonUnfilledAttributes as `attr:${K}`]?: DsButtonUnfilledAttributes[K] } & { [K in keyof DsButtonUnfilled & keyof DsButtonUnfilledAttributes as `prop:${K}`]?: DsButtonUnfilled[K] };
-        "ds-card": Omit<DsCard, keyof DsCardAttributes> & { [K in keyof DsCard & keyof DsCardAttributes]?: DsCard[K] } & { [K in keyof DsCard & keyof DsCardAttributes as `attr:${K}`]?: DsCardAttributes[K] } & { [K in keyof DsCard & keyof DsCardAttributes as `prop:${K}`]?: DsCard[K] } & OneOf<"heading", DsCard["heading"], DsCardAttributes["heading"]>;
-        "ds-card-data-viz-donut": Omit<DsCardDataVizDonut, keyof DsCardDataVizDonutAttributes> & { [K in keyof DsCardDataVizDonut & keyof DsCardDataVizDonutAttributes]?: DsCardDataVizDonut[K] } & { [K in keyof DsCardDataVizDonut & keyof DsCardDataVizDonutAttributes as `attr:${K}`]?: DsCardDataVizDonutAttributes[K] } & { [K in keyof DsCardDataVizDonut & keyof DsCardDataVizDonutAttributes as `prop:${K}`]?: DsCardDataVizDonut[K] } & OneOf<"heading", DsCardDataVizDonut["heading"], DsCardDataVizDonutAttributes["heading"]>;
-        "ds-card-setting": Omit<DsCardSetting, keyof DsCardSettingAttributes> & { [K in keyof DsCardSetting & keyof DsCardSettingAttributes]?: DsCardSetting[K] } & { [K in keyof DsCardSetting & keyof DsCardSettingAttributes as `attr:${K}`]?: DsCardSettingAttributes[K] } & { [K in keyof DsCardSetting & keyof DsCardSettingAttributes as `prop:${K}`]?: DsCardSetting[K] } & OneOf<"heading", DsCardSetting["heading"], DsCardSettingAttributes["heading"]>;
-        "ds-chart-bar": Omit<DsChartBar, keyof DsChartBarAttributes> & { [K in keyof DsChartBar & keyof DsChartBarAttributes]?: DsChartBar[K] } & { [K in keyof DsChartBar & keyof DsChartBarAttributes as `attr:${K}`]?: DsChartBarAttributes[K] } & { [K in keyof DsChartBar & keyof DsChartBarAttributes as `prop:${K}`]?: DsChartBar[K] };
-        "ds-chart-donut": Omit<DsChartDonut, keyof DsChartDonutAttributes> & { [K in keyof DsChartDonut & keyof DsChartDonutAttributes]?: DsChartDonut[K] } & { [K in keyof DsChartDonut & keyof DsChartDonutAttributes as `attr:${K}`]?: DsChartDonutAttributes[K] } & { [K in keyof DsChartDonut & keyof DsChartDonutAttributes as `prop:${K}`]?: DsChartDonut[K] };
-        "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-chart-line": Omit<DsChartLine, keyof DsChartLineAttributes> & { [K in keyof DsChartLine & keyof DsChartLineAttributes]?: DsChartLine[K] } & { [K in keyof DsChartLine & keyof DsChartLineAttributes as `attr:${K}`]?: DsChartLineAttributes[K] } & { [K in keyof DsChartLine & keyof DsChartLineAttributes as `prop:${K}`]?: DsChartLine[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-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-divider": Omit<DsDivider, keyof DsDividerAttributes> & { [K in keyof DsDivider & keyof DsDividerAttributes]?: DsDivider[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `attr:${K}`]?: DsDividerAttributes[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `prop:${K}`]?: DsDivider[K] };
-        "ds-empty-state": Omit<DsEmptyState, keyof DsEmptyStateAttributes> & { [K in keyof DsEmptyState & keyof DsEmptyStateAttributes]?: DsEmptyState[K] } & { [K in keyof DsEmptyState & keyof DsEmptyStateAttributes as `attr:${K}`]?: DsEmptyStateAttributes[K] } & { [K in keyof DsEmptyState & keyof DsEmptyStateAttributes as `prop:${K}`]?: DsEmptyState[K] };
-        "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] } & OneOf<"label", DsField["label"], DsFieldAttributes["label"]>;
-        "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-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-loader": Omit<DsLoader, keyof DsLoaderAttributes> & { [K in keyof DsLoader & keyof DsLoaderAttributes]?: DsLoader[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `attr:${K}`]?: DsLoaderAttributes[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `prop:${K}`]?: DsLoader[K] };
-        "ds-menu": Omit<DsMenu, keyof DsMenuAttributes> & { [K in keyof DsMenu & keyof DsMenuAttributes]?: DsMenu[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `attr:${K}`]?: DsMenuAttributes[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `prop:${K}`]?: DsMenu[K] };
-        "ds-modal": Omit<DsModal, keyof DsModalAttributes> & { [K in keyof DsModal & keyof DsModalAttributes]?: DsModal[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `attr:${K}`]?: DsModalAttributes[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `prop:${K}`]?: DsModal[K] } & OneOf<"heading", DsModal["heading"], DsModalAttributes["heading"]>;
-        "ds-pagination": Omit<DsPagination, keyof DsPaginationAttributes> & { [K in keyof DsPagination & keyof DsPaginationAttributes]?: DsPagination[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `attr:${K}`]?: DsPaginationAttributes[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `prop:${K}`]?: DsPagination[K] };
-        "ds-panel-nav": Omit<DsPanelNav, keyof DsPanelNavAttributes> & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes]?: DsPanelNav[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `attr:${K}`]?: DsPanelNavAttributes[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `prop:${K}`]?: DsPanelNav[K] };
-        "ds-panel-tools": Omit<DsPanelTools, keyof DsPanelToolsAttributes> & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes]?: DsPanelTools[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `attr:${K}`]?: DsPanelToolsAttributes[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `prop:${K}`]?: DsPanelTools[K] };
-        "ds-radio-group": Omit<DsRadioGroup, keyof DsRadioGroupAttributes> & { [K in keyof DsRadioGroup & keyof DsRadioGroupAttributes]?: DsRadioGroup[K] } & { [K in keyof DsRadioGroup & keyof DsRadioGroupAttributes as `attr:${K}`]?: DsRadioGroupAttributes[K] } & { [K in keyof DsRadioGroup & keyof DsRadioGroupAttributes as `prop:${K}`]?: DsRadioGroup[K] };
-        "ds-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-shell-gradient-picker": Omit<DsShellGradientPicker, keyof DsShellGradientPickerAttributes> & { [K in keyof DsShellGradientPicker & keyof DsShellGradientPickerAttributes]?: DsShellGradientPicker[K] } & { [K in keyof DsShellGradientPicker & keyof DsShellGradientPickerAttributes as `attr:${K}`]?: DsShellGradientPickerAttributes[K] } & { [K in keyof DsShellGradientPicker & keyof DsShellGradientPickerAttributes as `prop:${K}`]?: DsShellGradientPicker[K] };
-        "ds-shell-gradient-swatch": Omit<DsShellGradientSwatch, keyof DsShellGradientSwatchAttributes> & { [K in keyof DsShellGradientSwatch & keyof DsShellGradientSwatchAttributes]?: DsShellGradientSwatch[K] } & { [K in keyof DsShellGradientSwatch & keyof DsShellGradientSwatchAttributes as `attr:${K}`]?: DsShellGradientSwatchAttributes[K] } & { [K in keyof DsShellGradientSwatch & keyof DsShellGradientSwatchAttributes as `prop:${K}`]?: DsShellGradientSwatch[K] };
-        "ds-skeleton": Omit<DsSkeleton, keyof DsSkeletonAttributes> & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes]?: DsSkeleton[K] } & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes as `attr:${K}`]?: DsSkeletonAttributes[K] } & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes as `prop:${K}`]?: DsSkeleton[K] };
-        "ds-slider": Omit<DsSlider, keyof DsSliderAttributes> & { [K in keyof DsSlider & keyof DsSliderAttributes]?: DsSlider[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `attr:${K}`]?: DsSliderAttributes[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `prop:${K}`]?: DsSlider[K] } & OneOf<"label", DsSlider["label"], DsSliderAttributes["label"]>;
-        "ds-tab-group": Omit<DsTabGroup, keyof DsTabGroupAttributes> & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes]?: DsTabGroup[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `attr:${K}`]?: DsTabGroupAttributes[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `prop:${K}`]?: DsTabGroup[K] };
-        "ds-tab-group-nav": Omit<DsTabGroupNav, keyof DsTabGroupNavAttributes> & { [K in keyof DsTabGroupNav & keyof DsTabGroupNavAttributes]?: DsTabGroupNav[K] } & { [K in keyof DsTabGroupNav & keyof DsTabGroupNavAttributes as `attr:${K}`]?: DsTabGroupNavAttributes[K] } & { [K in keyof DsTabGroupNav & keyof DsTabGroupNavAttributes as `prop:${K}`]?: DsTabGroupNav[K] };
-        "ds-table": Omit<DsTable, keyof DsTableAttributes> & { [K in keyof DsTable & keyof DsTableAttributes]?: DsTable[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `attr:${K}`]?: DsTableAttributes[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `prop:${K}`]?: DsTable[K] };
-        "ds-tag": Omit<DsTag, keyof DsTagAttributes> & { [K in keyof DsTag & keyof DsTagAttributes]?: DsTag[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `attr:${K}`]?: DsTagAttributes[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `prop:${K}`]?: DsTag[K] } & OneOf<"label", DsTag["label"], DsTagAttributes["label"]>;
-        "ds-text": Omit<DsText, keyof DsTextAttributes> & { [K in keyof DsText & keyof DsTextAttributes]?: DsText[K] } & { [K in keyof DsText & keyof DsTextAttributes as `attr:${K}`]?: DsTextAttributes[K] } & { [K in keyof DsText & keyof DsTextAttributes as `prop:${K}`]?: DsText[K] };
-        "ds-toggle": Omit<DsToggle, keyof DsToggleAttributes> & { [K in keyof DsToggle & keyof DsToggleAttributes]?: DsToggle[K] } & { [K in keyof DsToggle & keyof DsToggleAttributes as `attr:${K}`]?: DsToggleAttributes[K] } & { [K in keyof DsToggle & keyof DsToggleAttributes as `prop:${K}`]?: DsToggle[K] };
-        "ds-tooltip": Omit<DsTooltip, keyof DsTooltipAttributes> & { [K in keyof DsTooltip & keyof DsTooltipAttributes]?: DsTooltip[K] } & { [K in keyof DsTooltip & keyof DsTooltipAttributes as `attr:${K}`]?: DsTooltipAttributes[K] } & { [K in keyof DsTooltip & keyof DsTooltipAttributes as `prop:${K}`]?: DsTooltip[K] } & OneOf<"label", DsTooltip["label"], DsTooltipAttributes["label"]>;
-        "ds-tooltip-data-viz": Omit<DsTooltipDataViz, keyof DsTooltipDataVizAttributes> & { [K in keyof DsTooltipDataViz & keyof DsTooltipDataVizAttributes]?: DsTooltipDataViz[K] } & { [K in keyof DsTooltipDataViz & keyof DsTooltipDataVizAttributes as `attr:${K}`]?: DsTooltipDataVizAttributes[K] } & { [K in keyof DsTooltipDataViz & keyof DsTooltipDataVizAttributes as `prop:${K}`]?: DsTooltipDataViz[K] };
-    }
-}
-export { LocalJSX as JSX };
-declare module "@stencil/core" {
-    export namespace JSX {
-        interface IntrinsicElements {
-            "ds-app-shell": LocalJSX.IntrinsicElements["ds-app-shell"] & JSXBase.HTMLAttributes<HTMLDsAppShellElement>;
-            "ds-badge": LocalJSX.IntrinsicElements["ds-badge"] & JSXBase.HTMLAttributes<HTMLDsBadgeElement>;
-            "ds-banner": LocalJSX.IntrinsicElements["ds-banner"] & JSXBase.HTMLAttributes<HTMLDsBannerElement>;
-            "ds-bar-nav": LocalJSX.IntrinsicElements["ds-bar-nav"] & JSXBase.HTMLAttributes<HTMLDsBarNavElement>;
-            "ds-button-filled": LocalJSX.IntrinsicElements["ds-button-filled"] & JSXBase.HTMLAttributes<HTMLDsButtonFilledElement>;
-            "ds-button-unfilled": LocalJSX.IntrinsicElements["ds-button-unfilled"] & JSXBase.HTMLAttributes<HTMLDsButtonUnfilledElement>;
-            /**
-             * Shared card chrome — width + matching min-height tokens, header (title + actions),
-             * and a flex body that fills leftover space. Compose this from settings / data-viz cards.
-             */
-            "ds-card": LocalJSX.IntrinsicElements["ds-card"] & JSXBase.HTMLAttributes<HTMLDsCardElement>;
-            /**
-             * Donut data-viz card — shared `ds-card` chrome with a fill chart region and
-             * content-sized legend. Hover sync between chart and legend stays here.
-             */
-            "ds-card-data-viz-donut": LocalJSX.IntrinsicElements["ds-card-data-viz-donut"] & JSXBase.HTMLAttributes<HTMLDsCardDataVizDonutElement>;
-            "ds-card-setting": LocalJSX.IntrinsicElements["ds-card-setting"] & JSXBase.HTMLAttributes<HTMLDsCardSettingElement>;
-            "ds-chart-bar": LocalJSX.IntrinsicElements["ds-chart-bar"] & JSXBase.HTMLAttributes<HTMLDsChartBarElement>;
-            "ds-chart-donut": LocalJSX.IntrinsicElements["ds-chart-donut"] & JSXBase.HTMLAttributes<HTMLDsChartDonutElement>;
-            /**
-             * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
-             * legends differently (list w/ values, compact chips, bare swatches, external
-             * stat callouts) — this covers the common "swatch + label + optional value" case.
-             * Consumers who need a different treatment skip this component entirely and
-             * render their own markup against the same `ChartDatum[]` data.
-             */
-            "ds-chart-legend": LocalJSX.IntrinsicElements["ds-chart-legend"] & JSXBase.HTMLAttributes<HTMLDsChartLegendElement>;
-            "ds-chart-line": LocalJSX.IntrinsicElements["ds-chart-line"] & JSXBase.HTMLAttributes<HTMLDsChartLineElement>;
-            "ds-checkbox": LocalJSX.IntrinsicElements["ds-checkbox"] & JSXBase.HTMLAttributes<HTMLDsCheckboxElement>;
-            /**
-             * Removable chip — same density recipe as Tag, but colored by semantic `state`
-             * (not intent × contrast). Not a toggle/select control; the only intentional
-             * action is remove.
-             */
-            "ds-chip": LocalJSX.IntrinsicElements["ds-chip"] & JSXBase.HTMLAttributes<HTMLDsChipElement>;
-            "ds-divider": LocalJSX.IntrinsicElements["ds-divider"] & JSXBase.HTMLAttributes<HTMLDsDividerElement>;
-            "ds-empty-state": LocalJSX.IntrinsicElements["ds-empty-state"] & JSXBase.HTMLAttributes<HTMLDsEmptyStateElement>;
-            "ds-field": LocalJSX.IntrinsicElements["ds-field"] & JSXBase.HTMLAttributes<HTMLDsFieldElement>;
-            "ds-icon": LocalJSX.IntrinsicElements["ds-icon"] & JSXBase.HTMLAttributes<HTMLDsIconElement>;
-            "ds-input": LocalJSX.IntrinsicElements["ds-input"] & JSXBase.HTMLAttributes<HTMLDsInputElement>;
-            "ds-loader": LocalJSX.IntrinsicElements["ds-loader"] & JSXBase.HTMLAttributes<HTMLDsLoaderElement>;
-            "ds-menu": LocalJSX.IntrinsicElements["ds-menu"] & JSXBase.HTMLAttributes<HTMLDsMenuElement>;
-            "ds-modal": LocalJSX.IntrinsicElements["ds-modal"] & JSXBase.HTMLAttributes<HTMLDsModalElement>;
-            "ds-pagination": LocalJSX.IntrinsicElements["ds-pagination"] & JSXBase.HTMLAttributes<HTMLDsPaginationElement>;
-            "ds-panel-nav": LocalJSX.IntrinsicElements["ds-panel-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelNavElement>;
-            "ds-panel-tools": LocalJSX.IntrinsicElements["ds-panel-tools"] & JSXBase.HTMLAttributes<HTMLDsPanelToolsElement>;
-            "ds-radio-group": LocalJSX.IntrinsicElements["ds-radio-group"] & JSXBase.HTMLAttributes<HTMLDsRadioGroupElement>;
-            /**
-             * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
-             * control-density sizes, with `ds-menu` for the option list.
-             */
-            "ds-select": LocalJSX.IntrinsicElements["ds-select"] & JSXBase.HTMLAttributes<HTMLDsSelectElement>;
-            "ds-shell-gradient-picker": LocalJSX.IntrinsicElements["ds-shell-gradient-picker"] & JSXBase.HTMLAttributes<HTMLDsShellGradientPickerElement>;
-            "ds-shell-gradient-swatch": LocalJSX.IntrinsicElements["ds-shell-gradient-swatch"] & JSXBase.HTMLAttributes<HTMLDsShellGradientSwatchElement>;
-            "ds-skeleton": LocalJSX.IntrinsicElements["ds-skeleton"] & JSXBase.HTMLAttributes<HTMLDsSkeletonElement>;
-            "ds-slider": LocalJSX.IntrinsicElements["ds-slider"] & JSXBase.HTMLAttributes<HTMLDsSliderElement>;
-            "ds-tab-group": LocalJSX.IntrinsicElements["ds-tab-group"] & JSXBase.HTMLAttributes<HTMLDsTabGroupElement>;
-            "ds-tab-group-nav": LocalJSX.IntrinsicElements["ds-tab-group-nav"] & JSXBase.HTMLAttributes<HTMLDsTabGroupNavElement>;
-            "ds-table": LocalJSX.IntrinsicElements["ds-table"] & JSXBase.HTMLAttributes<HTMLDsTableElement>;
-            "ds-tag": LocalJSX.IntrinsicElements["ds-tag"] & JSXBase.HTMLAttributes<HTMLDsTagElement>;
-            "ds-text": LocalJSX.IntrinsicElements["ds-text"] & JSXBase.HTMLAttributes<HTMLDsTextElement>;
-            "ds-toggle": LocalJSX.IntrinsicElements["ds-toggle"] & JSXBase.HTMLAttributes<HTMLDsToggleElement>;
-            /**
-             * Imperative body portal for the popup.
-             * Stencil must not own the portaled node — moving a VDOM child to `document.body`
-             * causes recreate → re-portal →
-             * @State loops that freeze the page.
-             */
-            "ds-tooltip": LocalJSX.IntrinsicElements["ds-tooltip"] & JSXBase.HTMLAttributes<HTMLDsTooltipElement>;
-            /**
-             * Positioned value/label callout for chart hover interactions (bar, line point, …).
-             * Donut charts skip this — legend sync already surfaces the hovered slice.
-             * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
-             * charts hover-highlight data that lives inside an SVG, so the chart itself computes
-             * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
-             * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
-             * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
-             * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
-             * keeps it on-screen.
-             * Mount (or remount) when a hover session starts so `delay` applies once per hover;
-             * keep the instance mounted while the cursor moves so tracking stays instant.
-             */
-            "ds-tooltip-data-viz": LocalJSX.IntrinsicElements["ds-tooltip-data-viz"] & JSXBase.HTMLAttributes<HTMLDsTooltipDataVizElement>;
-        }
-    }
-}