@ds-mo/ui 12.2.0 → 12.4.0

package/dist/types/components.d.ts

@@ -11,14 +11,18 @@ import { AvatarSize } from "./components/Avatar/Avatar";
 import { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
 import { NavChromeStyle } from "./shell/nav-chrome";
 import { BarNavTab } from "./components/BarNav/bar-nav-types";
+import { BreadcrumbItem, BreadcrumbSelectDetail } from "./components/Breadcrumb/breadcrumb-types";
 import { BarTitleActionItem, BarTitlePrimaryAction, BarTitleSectionItem, BarTitleVariant } from "./components/BarTitle/bar-title-types";
 import { BarWorkflowStep, BarWorkflowSubmitAction } from "./components/BarWorkflow/bar-workflow-types";
 import { ButtonFilledBackground, ButtonFilledContrast, ButtonFilledIntent, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
 import { ButtonUnfilledBackground, ButtonUnfilledPopup, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
+import { CardDataVizBarWidth } from "./components/CardDataVizBar/CardDataVizBar";
 import { CardDataVizDonutWidth } from "./components/CardDataVizDonut/CardDataVizDonut";
+import { CardDataVizLineWidth } from "./components/CardDataVizLine/CardDataVizLine";
 import { CardSettingActionDetail, CardSettingWidth } from "./components/CardSetting/CardSetting";
 import { CardShellDataVizWidth } from "./components/CardShellDataViz/CardShellDataViz";
 import { ChartDatum, ChartLegendItem, ChartSeries } from "./utils/chart-types";
+import { ChartBarStackedVariant } from "./components/ChartBarStacked/ChartBarStacked";
 import { ChartLegendDirection, ChartLegendPercentageDecimals } from "./components/ChartLegend/ChartLegend";
 import { CheckboxSize } from "./components/Checkbox/Checkbox";
 import { ChipSize, ChipState } from "./components/Chip/Chip";
@@ -35,7 +39,7 @@ import { ShellGradientPreset } from "./shell/shell-gradient-presets";
 import { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
 import { ButtonFilledIntent as ButtonFilledIntent1 } from "./components/ButtonFilled/ButtonFilled";
 import { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
-import { PanelNavGroup, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
+import { PanelNavGroup, PanelNavItem, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
 import { ChromeTransitionDetail } from "./shell/chrome-transition";
 import { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 import { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
@@ -44,8 +48,11 @@ import { RadioOption, RadioSize } from "./components/Radio/Radio";
 import { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
 import { SelectBackground, SelectOption, SelectSection, SelectSize, SelectWidth } from "./components/Select/Select";
 import { SelectMultiBackground, SelectMultiOption, SelectMultiSection, SelectMultiSize, SelectMultiWidth } from "./components/SelectMulti/SelectMulti";
+import { ShellMobileDestination, ShellResponsiveMode } from "./shell/shell-responsive";
 import { ShellGradientPreset as ShellGradientPreset1 } from "./components/ShellGradientSwatch/shell-gradient-swatch-types";
-import { ShellPageContentInset, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
+import { ShellMobileBarDestinationDetail } from "./components/ShellMobileBar/shell-mobile-bar-types";
+import { ShellMobileNavAuxiliaryDetail } from "./components/ShellMobileNav/shell-mobile-nav-types";
+import { ShellPageCapacity, ShellPageContentInset, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
 import { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
 import { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
 import { ControlSize } from "./utils/control-text";
@@ -63,14 +70,18 @@ export { AvatarSize } from "./components/Avatar/Avatar";
 export { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
 export { NavChromeStyle } from "./shell/nav-chrome";
 export { BarNavTab } from "./components/BarNav/bar-nav-types";
+export { BreadcrumbItem, BreadcrumbSelectDetail } from "./components/Breadcrumb/breadcrumb-types";
 export { BarTitleActionItem, BarTitlePrimaryAction, BarTitleSectionItem, BarTitleVariant } from "./components/BarTitle/bar-title-types";
 export { BarWorkflowStep, BarWorkflowSubmitAction } from "./components/BarWorkflow/bar-workflow-types";
 export { ButtonFilledBackground, ButtonFilledContrast, ButtonFilledIntent, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
 export { ButtonUnfilledBackground, ButtonUnfilledPopup, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
+export { CardDataVizBarWidth } from "./components/CardDataVizBar/CardDataVizBar";
 export { CardDataVizDonutWidth } from "./components/CardDataVizDonut/CardDataVizDonut";
+export { CardDataVizLineWidth } from "./components/CardDataVizLine/CardDataVizLine";
 export { CardSettingActionDetail, CardSettingWidth } from "./components/CardSetting/CardSetting";
 export { CardShellDataVizWidth } from "./components/CardShellDataViz/CardShellDataViz";
 export { ChartDatum, ChartLegendItem, ChartSeries } from "./utils/chart-types";
+export { ChartBarStackedVariant } from "./components/ChartBarStacked/ChartBarStacked";
 export { ChartLegendDirection, ChartLegendPercentageDecimals } from "./components/ChartLegend/ChartLegend";
 export { CheckboxSize } from "./components/Checkbox/Checkbox";
 export { ChipSize, ChipState } from "./components/Chip/Chip";
@@ -87,7 +98,7 @@ export { ShellGradientPreset } from "./shell/shell-gradient-presets";
 export { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
 export { ButtonFilledIntent as ButtonFilledIntent1 } from "./components/ButtonFilled/ButtonFilled";
 export { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
-export { PanelNavGroup, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
+export { PanelNavGroup, PanelNavItem, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
 export { ChromeTransitionDetail } from "./shell/chrome-transition";
 export { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 export { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
@@ -96,8 +107,11 @@ export { RadioOption, RadioSize } from "./components/Radio/Radio";
 export { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
 export { SelectBackground, SelectOption, SelectSection, SelectSize, SelectWidth } from "./components/Select/Select";
 export { SelectMultiBackground, SelectMultiOption, SelectMultiSection, SelectMultiSize, SelectMultiWidth } from "./components/SelectMulti/SelectMulti";
+export { ShellMobileDestination, ShellResponsiveMode } from "./shell/shell-responsive";
 export { ShellGradientPreset as ShellGradientPreset1 } from "./components/ShellGradientSwatch/shell-gradient-swatch-types";
-export { ShellPageContentInset, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
+export { ShellMobileBarDestinationDetail } from "./components/ShellMobileBar/shell-mobile-bar-types";
+export { ShellMobileNavAuxiliaryDetail } from "./components/ShellMobileNav/shell-mobile-nav-types";
+export { ShellPageCapacity, ShellPageContentInset, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
 export { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
 export { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
 export { ControlSize } from "./utils/control-text";
@@ -313,10 +327,20 @@ export namespace Components {
          */
         "backAriaLabel": string;
         /**
-          * Visible parent-page label used by the expanded Back breadcrumb.
+          * Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.
           * @default 'Back'
          */
         "backLabel": string;
+        /**
+          * Accessible name for the expanded breadcrumb navigation landmark.
+          * @default 'Breadcrumb'
+         */
+        "breadcrumbAriaLabel": string;
+        /**
+          * Optional expanded ancestor path. Compact variants continue to use the Back action.
+          * @default []
+         */
+        "breadcrumbs": BreadcrumbItem[];
         /**
           * Optional supporting copy shown in the expanded presentation.
           * @default ''
@@ -403,6 +427,18 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DsBreadcrumb {
+        /**
+          * Accessible name for the breadcrumb navigation landmark.
+          * @default 'Breadcrumb'
+         */
+        "ariaLabel": string;
+        /**
+          * Ordered path from the broadest ancestor to the nearest page.
+          * @default []
+         */
+        "items": BreadcrumbItem[];
+    }
     interface DsButtonFilled {
         /**
           * Accessible name override. Required for icon-only buttons.
@@ -560,6 +596,25 @@ export namespace Components {
          */
         "width": ButtonUnfilledWidth;
     }
+    /**
+     * Bar-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+     * region and an optional, content-sized static legend.
+     */
+    interface DsCardDataVizBar {
+        /**
+          * Card width token — also sets matching min-height.
+          * @default 'md'
+         */
+        "cardWidth": CardDataVizBarWidth;
+        /**
+          * @default 'Filter'
+         */
+        "filterLabel": string;
+        /**
+          * Widget heading shown in the card header.
+         */
+        "heading": string;
+    }
     /**
      * Donut data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart region and
      * content-sized legend. Hover sync between chart and legend stays here.
@@ -579,6 +634,25 @@ export namespace Components {
          */
         "heading": string;
     }
+    /**
+     * Line-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+     * region and a content-sized, static legend.
+     */
+    interface DsCardDataVizLine {
+        /**
+          * Card width token — also sets matching min-height.
+          * @default 'md'
+         */
+        "cardWidth": CardDataVizLineWidth;
+        /**
+          * @default 'Filter'
+         */
+        "filterLabel": string;
+        /**
+          * Widget heading shown in the card header.
+         */
+        "heading": string;
+    }
     interface DsCardSetting {
         /**
           * @default 'Cancel'
@@ -637,6 +711,30 @@ export namespace Components {
          */
         "width": number;
     }
+    interface DsChartBarStacked {
+        /**
+          * X-axis labels — must match each series' `data` length. Set as a JS property.
+          * @default []
+         */
+        "categories": string[];
+        /**
+          * @default 240
+         */
+        "height": number;
+        /**
+          * Ordered stack series. Set as a JS property (not an HTML attribute).
+          * @default []
+         */
+        "series": ChartSeries[];
+        /**
+          * @default 'stacked'
+         */
+        "variant": ChartBarStackedVariant;
+        /**
+          * @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. External highlight never opens the local tooltip.
@@ -703,6 +801,11 @@ export namespace Components {
           * @default 'vertical'
          */
         "direction": ChartLegendDirection;
+        /**
+          * Let local pointer/focus movement highlight one item and emit `dsItemHover`.
+          * @default true
+         */
+        "highlightOnHover": boolean;
         /**
           * Legend entries. Set as a JS property (not an HTML attribute).
           * @default []
@@ -1945,6 +2048,16 @@ export namespace Components {
           * @default 'neutral'
          */
         "gradientPreset": ShellGradientPreset;
+        /**
+          * Controlled mobile surface shown above the persistent bottom bar.
+          * @default 'area'
+         */
+        "mobileDestination": ShellMobileDestination;
+        /**
+          * Controlled full-stage mobile navigation-pane state.
+          * @default false
+         */
+        "mobileNavigationOpen": boolean;
         /**
           * Chrome style propagated to slotted `ds-panel-nav` and `ds-bar-nav`.
           * @default 'dashboard'
@@ -1993,6 +2106,130 @@ export namespace Components {
          */
         "selected": boolean;
     }
+    interface DsShellMobileBar {
+        /**
+          * @default 'area'
+         */
+        "activeDestination": ShellMobileDestination;
+        /**
+          * @default false
+         */
+        "agentsDot": boolean;
+        /**
+          * @default 'Agents'
+         */
+        "agentsLabel": string;
+        /**
+          * @default {     id: 'tracking',     icon: 'MapPage',     label: 'Tracking',   }
+         */
+        "currentArea": PanelNavItem;
+        "focusDestination": (destination: ShellMobileDestination | "navigation") => Promise<void>;
+        /**
+          * @default false
+         */
+        "inboxDot": boolean;
+        /**
+          * @default 'Inbox'
+         */
+        "inboxLabel": string;
+        /**
+          * @default 'Menu'
+         */
+        "menuLabel": string;
+        /**
+          * @default false
+         */
+        "navigationExpanded": boolean;
+        /**
+          * @default false
+         */
+        "searchDot": boolean;
+        /**
+          * @default 'Search'
+         */
+        "searchLabel": string;
+    }
+    interface DsShellMobileNav {
+        /**
+          * @default 'Account'
+         */
+        "accountLabel": string;
+        /**
+          * @default 'dashboard'
+         */
+        "browseContext": NavChromeStyle;
+        /**
+          * @default ''
+         */
+        "currentUrl": string;
+        /**
+          * @default []
+         */
+        "dashboardGroups": PanelNavGroup[];
+        /**
+          * @default 'Dashboard'
+         */
+        "dashboardLabel": string;
+        /**
+          * @default 'Navigation'
+         */
+        "heading": string;
+        /**
+          * @default 'Help & Support'
+         */
+        "helpLabel": string;
+        /**
+          * @default 'Application navigation'
+         */
+        "navigationLabel": string;
+        /**
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * @default []
+         */
+        "settingsGroups": PanelNavGroup[];
+        /**
+          * @default 'Settings'
+         */
+        "settingsLabel": string;
+    }
+    interface DsShellMobileSectionNav {
+        /**
+          * Section base path used to derive the selected route tab.
+          * @default ''
+         */
+        "basePath": string;
+        /**
+          * Current application route.
+          * @default ''
+         */
+        "currentUrl": string;
+        /**
+          * Active primary-area label shown when the route has no section row.
+         */
+        "heading": string | undefined;
+        /**
+          * @default 'Section navigation'
+         */
+        "navigationLabel": string;
+        /**
+          * Route sections shared with the corresponding desktop BarNav.
+          * @default []
+         */
+        "tabs": BarNavTab[];
+        /**
+          * JSON fallback for `tabs`.
+          * @default ''
+         */
+        "tabsJson": string;
+        /**
+          * Controlled selected tab when URL-derived selection is unavailable.
+          * @default ''
+         */
+        "value": string;
+    }
     interface DsShellPage {
         /**
           * Standard page gutters, or no inset for full-bleed page content.
@@ -2000,11 +2237,86 @@ export namespace Components {
          */
         "contentInset": ShellPageContentInset;
         /**
-          * Automatic container/scroll behavior, or an explicit header variant override.
+          * Available page-header capacity supplied by the owning application shell.
+         */
+        "headerCapacity"?: ShellPageCapacity;
+        /**
+          * Automatic capacity/scroll behavior, or an explicit header variant override.
           * @default 'auto'
          */
         "headerPresentation": ShellPageHeaderPresentation;
     }
+    interface DsShellTools {
+        /**
+          * Match PanelTools' imperative activation contract in every responsive mode.
+         */
+        "activateTool": (id: PanelToolsToolId) => Promise<void>;
+        /**
+          * @default ''
+         */
+        "activeTool": PanelToolsToolId | '';
+        /**
+          * Close the active global tool surface.
+         */
+        "closeDrawer": () => Promise<void>;
+        /**
+          * Focus an application-owned action in the visible shared tool header.
+         */
+        "focusHeaderAction": (id: string) => Promise<void>;
+        /**
+          * @default 'shared'
+         */
+        "fullscreenHeaderMode": 'shared' | 'split';
+        /**
+          * @default {}
+         */
+        "headers": PanelToolsHeaders;
+        /**
+          * @default ''
+         */
+        "headersJson": string;
+        /**
+          * @default 'Inbox'
+         */
+        "inboxLabel": string;
+        /**
+          * @default 'Inbox sections'
+         */
+        "inboxNavigationLabel": string;
+        /**
+          * @default []
+         */
+        "items": PanelToolsItem[];
+        /**
+          * @default ''
+         */
+        "itemsJson": string;
+        /**
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * @default 'drawer'
+         */
+        "presentation": 'drawer' | 'fullscreen';
+        /**
+          * Resolved by ShellApp; mobile uses a full-stage tool presentation.
+          * @default 'desktop'
+         */
+        "responsiveMode": ShellResponsiveMode;
+        /**
+          * @default ''
+         */
+        "storageKey": string;
+        /**
+          * @default 'Tool shortcuts'
+         */
+        "toolShortcutsLabel": string;
+        /**
+          * @default 'Tools'
+         */
+        "toolsLabel": string;
+    }
     interface DsSkeleton {
         /**
           * Actual parent surface context. Omit on primary and secondary surfaces.
@@ -2462,8 +2774,8 @@ export namespace Components {
     }
     interface DsTypingIndicator {
         /**
-          * Concise localized status text, ideally naming the participant who is typing.
-          * @default 'Typing…'
+          * Concise localized typing status.
+          * @default 'Typing...'
          */
         "label": string;
     }
@@ -2480,6 +2792,10 @@ export interface DsBarWorkflowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsBarWorkflowElement;
 }
+export interface DsBreadcrumbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsBreadcrumbElement;
+}
 export interface DsButtonFilledCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsButtonFilledElement;
@@ -2488,10 +2804,18 @@ export interface DsButtonUnfilledCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsButtonUnfilledElement;
 }
+export interface DsCardDataVizBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsCardDataVizBarElement;
+}
 export interface DsCardDataVizDonutCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsCardDataVizDonutElement;
 }
+export interface DsCardDataVizLineCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsCardDataVizLineElement;
+}
 export interface DsCardSettingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsCardSettingElement;
@@ -2572,6 +2896,10 @@ export interface DsSelectMultiCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsSelectMultiElement;
 }
+export interface DsShellAppCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsShellAppElement;
+}
 export interface DsShellGradientPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsShellGradientPickerElement;
@@ -2580,6 +2908,22 @@ export interface DsShellGradientSwatchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsShellGradientSwatchElement;
 }
+export interface DsShellMobileBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsShellMobileBarElement;
+}
+export interface DsShellMobileNavCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsShellMobileNavElement;
+}
+export interface DsShellMobileSectionNavCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsShellMobileSectionNavElement;
+}
+export interface DsShellToolsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsShellToolsElement;
+}
 export interface DsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsSliderElement;
@@ -2666,6 +3010,7 @@ declare global {
     };
     interface HTMLDsBarTitleElementEventMap {
         "dsBack": MouseEvent;
+        "dsBreadcrumbSelect": BreadcrumbSelectDetail;
         "dsSectionChange": string;
         "dsAction": string;
     }
@@ -2702,6 +3047,23 @@ declare global {
         prototype: HTMLDsBarWorkflowElement;
         new (): HTMLDsBarWorkflowElement;
     };
+    interface HTMLDsBreadcrumbElementEventMap {
+        "dsSelect": BreadcrumbSelectDetail;
+    }
+    interface HTMLDsBreadcrumbElement extends Components.DsBreadcrumb, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbElement, ev: DsBreadcrumbCustomEvent<HTMLDsBreadcrumbElementEventMap[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 HTMLDsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbElement, ev: DsBreadcrumbCustomEvent<HTMLDsBreadcrumbElementEventMap[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 HTMLDsBreadcrumbElement: {
+        prototype: HTMLDsBreadcrumbElement;
+        new (): HTMLDsBreadcrumbElement;
+    };
     interface HTMLDsButtonFilledElementEventMap {
         "dsClick": MouseEvent;
     }
@@ -2737,6 +3099,27 @@ declare global {
         prototype: HTMLDsButtonUnfilledElement;
         new (): HTMLDsButtonUnfilledElement;
     };
+    interface HTMLDsCardDataVizBarElementEventMap {
+        "dsFilterClick": void;
+    }
+    /**
+     * Bar-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+     * region and an optional, content-sized static legend.
+     */
+    interface HTMLDsCardDataVizBarElement extends Components.DsCardDataVizBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsCardDataVizBarElementEventMap>(type: K, listener: (this: HTMLDsCardDataVizBarElement, ev: DsCardDataVizBarCustomEvent<HTMLDsCardDataVizBarElementEventMap[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 HTMLDsCardDataVizBarElementEventMap>(type: K, listener: (this: HTMLDsCardDataVizBarElement, ev: DsCardDataVizBarCustomEvent<HTMLDsCardDataVizBarElementEventMap[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 HTMLDsCardDataVizBarElement: {
+        prototype: HTMLDsCardDataVizBarElement;
+        new (): HTMLDsCardDataVizBarElement;
+    };
     interface HTMLDsCardDataVizDonutElementEventMap {
         "dsFilterClick": void;
     }
@@ -2758,6 +3141,27 @@ declare global {
         prototype: HTMLDsCardDataVizDonutElement;
         new (): HTMLDsCardDataVizDonutElement;
     };
+    interface HTMLDsCardDataVizLineElementEventMap {
+        "dsFilterClick": void;
+    }
+    /**
+     * Line-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+     * region and a content-sized, static legend.
+     */
+    interface HTMLDsCardDataVizLineElement extends Components.DsCardDataVizLine, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsCardDataVizLineElementEventMap>(type: K, listener: (this: HTMLDsCardDataVizLineElement, ev: DsCardDataVizLineCustomEvent<HTMLDsCardDataVizLineElementEventMap[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 HTMLDsCardDataVizLineElementEventMap>(type: K, listener: (this: HTMLDsCardDataVizLineElement, ev: DsCardDataVizLineCustomEvent<HTMLDsCardDataVizLineElementEventMap[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 HTMLDsCardDataVizLineElement: {
+        prototype: HTMLDsCardDataVizLineElement;
+        new (): HTMLDsCardDataVizLineElement;
+    };
     interface HTMLDsCardSettingElementEventMap {
         "dsAction": CardSettingActionDetail;
     }
@@ -2791,6 +3195,12 @@ declare global {
         prototype: HTMLDsChartBarElement;
         new (): HTMLDsChartBarElement;
     };
+    interface HTMLDsChartBarStackedElement extends Components.DsChartBarStacked, HTMLStencilElement {
+    }
+    var HTMLDsChartBarStackedElement: {
+        prototype: HTMLDsChartBarStackedElement;
+        new (): HTMLDsChartBarStackedElement;
+    };
     interface HTMLDsChartDonutElementEventMap {
         "dsSliceHover": ChartDatum | null;
     }
@@ -3235,7 +3645,18 @@ declare global {
         prototype: HTMLDsSelectMultiElement;
         new (): HTMLDsSelectMultiElement;
     };
+    interface HTMLDsShellAppElementEventMap {
+        "dsResponsiveModeChange": { mode: ShellResponsiveMode };
+    }
     interface HTMLDsShellAppElement extends Components.DsShellApp, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsShellAppElementEventMap>(type: K, listener: (this: HTMLDsShellAppElement, ev: DsShellAppCustomEvent<HTMLDsShellAppElementEventMap[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 HTMLDsShellAppElementEventMap>(type: K, listener: (this: HTMLDsShellAppElement, ev: DsShellAppCustomEvent<HTMLDsShellAppElementEventMap[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 HTMLDsShellAppElement: {
         prototype: HTMLDsShellAppElement;
@@ -3281,12 +3702,97 @@ declare global {
         prototype: HTMLDsShellGradientSwatchElement;
         new (): HTMLDsShellGradientSwatchElement;
     };
+    interface HTMLDsShellMobileBarElementEventMap {
+        "dsNavigationToggle": boolean;
+        "dsDestinationChange": ShellMobileBarDestinationDetail;
+    }
+    interface HTMLDsShellMobileBarElement extends Components.DsShellMobileBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsShellMobileBarElementEventMap>(type: K, listener: (this: HTMLDsShellMobileBarElement, ev: DsShellMobileBarCustomEvent<HTMLDsShellMobileBarElementEventMap[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 HTMLDsShellMobileBarElementEventMap>(type: K, listener: (this: HTMLDsShellMobileBarElement, ev: DsShellMobileBarCustomEvent<HTMLDsShellMobileBarElementEventMap[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 HTMLDsShellMobileBarElement: {
+        prototype: HTMLDsShellMobileBarElement;
+        new (): HTMLDsShellMobileBarElement;
+    };
+    interface HTMLDsShellMobileNavElementEventMap {
+        "dsAreaSelect": string;
+        "dsBrowseContextChange": NavChromeStyle;
+        "dsAuxiliarySelect": ShellMobileNavAuxiliaryDetail;
+        "dsClose": void;
+    }
+    interface HTMLDsShellMobileNavElement extends Components.DsShellMobileNav, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsShellMobileNavElementEventMap>(type: K, listener: (this: HTMLDsShellMobileNavElement, ev: DsShellMobileNavCustomEvent<HTMLDsShellMobileNavElementEventMap[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 HTMLDsShellMobileNavElementEventMap>(type: K, listener: (this: HTMLDsShellMobileNavElement, ev: DsShellMobileNavCustomEvent<HTMLDsShellMobileNavElementEventMap[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 HTMLDsShellMobileNavElement: {
+        prototype: HTMLDsShellMobileNavElement;
+        new (): HTMLDsShellMobileNavElement;
+    };
+    interface HTMLDsShellMobileSectionNavElementEventMap {
+        "dsTabChange": string;
+    }
+    interface HTMLDsShellMobileSectionNavElement extends Components.DsShellMobileSectionNav, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsShellMobileSectionNavElementEventMap>(type: K, listener: (this: HTMLDsShellMobileSectionNavElement, ev: DsShellMobileSectionNavCustomEvent<HTMLDsShellMobileSectionNavElementEventMap[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 HTMLDsShellMobileSectionNavElementEventMap>(type: K, listener: (this: HTMLDsShellMobileSectionNavElement, ev: DsShellMobileSectionNavCustomEvent<HTMLDsShellMobileSectionNavElementEventMap[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 HTMLDsShellMobileSectionNavElement: {
+        prototype: HTMLDsShellMobileSectionNavElement;
+        new (): HTMLDsShellMobileSectionNavElement;
+    };
     interface HTMLDsShellPageElement extends Components.DsShellPage, HTMLStencilElement {
     }
     var HTMLDsShellPageElement: {
         prototype: HTMLDsShellPageElement;
         new (): HTMLDsShellPageElement;
     };
+    interface HTMLDsShellToolsElementEventMap {
+        "dsToolChange": {
+    id: PanelToolsToolId;
+    selected: boolean;
+  };
+        "dsPresentationChange": {
+    presentation: 'drawer' | 'fullscreen';
+  };
+        "dsHeaderBack": {
+    tool: PanelToolsToolId;
+  };
+        "dsHeaderAction": {
+    tool: PanelToolsToolId;
+    id: string;
+  };
+    }
+    interface HTMLDsShellToolsElement extends Components.DsShellTools, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsShellToolsElementEventMap>(type: K, listener: (this: HTMLDsShellToolsElement, ev: DsShellToolsCustomEvent<HTMLDsShellToolsElementEventMap[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 HTMLDsShellToolsElementEventMap>(type: K, listener: (this: HTMLDsShellToolsElement, ev: DsShellToolsCustomEvent<HTMLDsShellToolsElementEventMap[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 HTMLDsShellToolsElement: {
+        prototype: HTMLDsShellToolsElement;
+        new (): HTMLDsShellToolsElement;
+    };
     interface HTMLDsSkeletonElement extends Components.DsSkeleton, HTMLStencilElement {
     }
     var HTMLDsSkeletonElement: {
@@ -3453,12 +3959,16 @@ declare global {
         "ds-bar-nav": HTMLDsBarNavElement;
         "ds-bar-title": HTMLDsBarTitleElement;
         "ds-bar-workflow": HTMLDsBarWorkflowElement;
+        "ds-breadcrumb": HTMLDsBreadcrumbElement;
         "ds-button-filled": HTMLDsButtonFilledElement;
         "ds-button-unfilled": HTMLDsButtonUnfilledElement;
+        "ds-card-data-viz-bar": HTMLDsCardDataVizBarElement;
         "ds-card-data-viz-donut": HTMLDsCardDataVizDonutElement;
+        "ds-card-data-viz-line": HTMLDsCardDataVizLineElement;
         "ds-card-setting": HTMLDsCardSettingElement;
         "ds-card-shell-data-viz": HTMLDsCardShellDataVizElement;
         "ds-chart-bar": HTMLDsChartBarElement;
+        "ds-chart-bar-stacked": HTMLDsChartBarStackedElement;
         "ds-chart-donut": HTMLDsChartDonutElement;
         "ds-chart-legend": HTMLDsChartLegendElement;
         "ds-chart-line": HTMLDsChartLineElement;
@@ -3493,7 +4003,11 @@ declare global {
         "ds-shell-app": HTMLDsShellAppElement;
         "ds-shell-gradient-picker": HTMLDsShellGradientPickerElement;
         "ds-shell-gradient-swatch": HTMLDsShellGradientSwatchElement;
+        "ds-shell-mobile-bar": HTMLDsShellMobileBarElement;
+        "ds-shell-mobile-nav": HTMLDsShellMobileNavElement;
+        "ds-shell-mobile-section-nav": HTMLDsShellMobileSectionNavElement;
         "ds-shell-page": HTMLDsShellPageElement;
+        "ds-shell-tools": HTMLDsShellToolsElement;
         "ds-skeleton": HTMLDsSkeletonElement;
         "ds-slider": HTMLDsSliderElement;
         "ds-swatch-picker": HTMLDsSwatchPickerElement;
@@ -3717,10 +4231,20 @@ declare namespace LocalJSX {
          */
         "backAriaLabel"?: string;
         /**
-          * Visible parent-page label used by the expanded Back breadcrumb.
+          * Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.
           * @default 'Back'
          */
         "backLabel"?: string;
+        /**
+          * Accessible name for the expanded breadcrumb navigation landmark.
+          * @default 'Breadcrumb'
+         */
+        "breadcrumbAriaLabel"?: string;
+        /**
+          * Optional expanded ancestor path. Compact variants continue to use the Back action.
+          * @default []
+         */
+        "breadcrumbs"?: BreadcrumbItem[];
         /**
           * Optional supporting copy shown in the expanded presentation.
           * @default ''
@@ -3738,6 +4262,10 @@ declare namespace LocalJSX {
           * Emitted when the leading Back action is activated.
          */
         "onDsBack"?: (event: DsBarTitleCustomEvent<MouseEvent>) => void;
+        /**
+          * Emitted when an authored expanded breadcrumb item is activated.
+         */
+        "onDsBreadcrumbSelect"?: (event: DsBarTitleCustomEvent<BreadcrumbSelectDetail>) => void;
         /**
           * Emitted with the newly selected page-section id.
          */
@@ -3831,6 +4359,22 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DsBreadcrumb {
+        /**
+          * Accessible name for the breadcrumb navigation landmark.
+          * @default 'Breadcrumb'
+         */
+        "ariaLabel"?: string;
+        /**
+          * Ordered path from the broadest ancestor to the nearest page.
+          * @default []
+         */
+        "items"?: BreadcrumbItem[];
+        /**
+          * Emitted when an interactive breadcrumb item is activated. Prevent to cancel native navigation.
+         */
+        "onDsSelect"?: (event: DsBreadcrumbCustomEvent<BreadcrumbSelectDetail>) => void;
+    }
     interface DsButtonFilled {
         /**
           * Accessible name override. Required for icon-only buttons.
@@ -3977,17 +4521,40 @@ declare namespace LocalJSX {
           * Native button type.
           * @default 'button'
          */
-        "type"?: 'button' | 'submit' | 'reset';
+        "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;
+    }
+    /**
+     * Bar-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+     * region and an optional, content-sized static legend.
+     */
+    interface DsCardDataVizBar {
+        /**
+          * Card width token — also sets matching min-height.
+          * @default 'md'
+         */
+        "cardWidth"?: CardDataVizBarWidth;
+        /**
+          * @default 'Filter'
+         */
+        "filterLabel"?: string;
         /**
-          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
-          * @default 'label'
+          * Widget heading shown in the card header.
          */
-        "variant"?: ButtonUnfilledVariant;
+        "heading": string;
         /**
-          * Width fit — hug content (default) or fill the parent.
-          * @default 'hug'
+          * Emits when the header filter control is activated.
          */
-        "width"?: ButtonUnfilledWidth;
+        "onDsFilterClick"?: (event: DsCardDataVizBarCustomEvent<void>) => void;
     }
     /**
      * Donut data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart region and
@@ -4012,6 +4579,29 @@ declare namespace LocalJSX {
          */
         "onDsFilterClick"?: (event: DsCardDataVizDonutCustomEvent<void>) => void;
     }
+    /**
+     * Line-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+     * region and a content-sized, static legend.
+     */
+    interface DsCardDataVizLine {
+        /**
+          * Card width token — also sets matching min-height.
+          * @default 'md'
+         */
+        "cardWidth"?: CardDataVizLineWidth;
+        /**
+          * @default 'Filter'
+         */
+        "filterLabel"?: string;
+        /**
+          * Widget heading shown in the card header.
+         */
+        "heading": string;
+        /**
+          * Emits when the header filter control is activated.
+         */
+        "onDsFilterClick"?: (event: DsCardDataVizLineCustomEvent<void>) => void;
+    }
     interface DsCardSetting {
         /**
           * @default 'Cancel'
@@ -4074,6 +4664,30 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
+    interface DsChartBarStacked {
+        /**
+          * X-axis labels — must match each series' `data` length. Set as a JS property.
+          * @default []
+         */
+        "categories"?: string[];
+        /**
+          * @default 240
+         */
+        "height"?: number;
+        /**
+          * Ordered stack series. Set as a JS property (not an HTML attribute).
+          * @default []
+         */
+        "series"?: ChartSeries[];
+        /**
+          * @default 'stacked'
+         */
+        "variant"?: ChartBarStackedVariant;
+        /**
+          * @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. External highlight never opens the local tooltip.
@@ -4144,6 +4758,11 @@ declare namespace LocalJSX {
           * @default 'vertical'
          */
         "direction"?: ChartLegendDirection;
+        /**
+          * Let local pointer/focus movement highlight one item and emit `dsItemHover`.
+          * @default true
+         */
+        "highlightOnHover"?: boolean;
         /**
           * Legend entries. Set as a JS property (not an HTML attribute).
           * @default []
@@ -5496,11 +6115,25 @@ declare namespace LocalJSX {
           * @default 'neutral'
          */
         "gradientPreset"?: ShellGradientPreset;
+        /**
+          * Controlled mobile surface shown above the persistent bottom bar.
+          * @default 'area'
+         */
+        "mobileDestination"?: ShellMobileDestination;
+        /**
+          * Controlled full-stage mobile navigation-pane state.
+          * @default false
+         */
+        "mobileNavigationOpen"?: boolean;
         /**
           * Chrome style propagated to slotted `ds-panel-nav` and `ds-bar-nav`.
           * @default 'dashboard'
          */
         "navStyle"?: NavChromeStyle;
+        /**
+          * Emitted after crossing the fixed 768px or 1200px shell boundaries.
+         */
+        "onDsResponsiveModeChange"?: (event: DsShellAppCustomEvent<{ mode: ShellResponsiveMode }>) => void;
         /**
           * When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K, A, S, M, N, and / toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native.
           * @default true
@@ -5546,6 +6179,139 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
+    interface DsShellMobileBar {
+        /**
+          * @default 'area'
+         */
+        "activeDestination"?: ShellMobileDestination;
+        /**
+          * @default false
+         */
+        "agentsDot"?: boolean;
+        /**
+          * @default 'Agents'
+         */
+        "agentsLabel"?: string;
+        /**
+          * @default {     id: 'tracking',     icon: 'MapPage',     label: 'Tracking',   }
+         */
+        "currentArea"?: PanelNavItem;
+        /**
+          * @default false
+         */
+        "inboxDot"?: boolean;
+        /**
+          * @default 'Inbox'
+         */
+        "inboxLabel"?: string;
+        /**
+          * @default 'Menu'
+         */
+        "menuLabel"?: string;
+        /**
+          * @default false
+         */
+        "navigationExpanded"?: boolean;
+        "onDsDestinationChange"?: (event: DsShellMobileBarCustomEvent<ShellMobileBarDestinationDetail>) => void;
+        "onDsNavigationToggle"?: (event: DsShellMobileBarCustomEvent<boolean>) => void;
+        /**
+          * @default false
+         */
+        "searchDot"?: boolean;
+        /**
+          * @default 'Search'
+         */
+        "searchLabel"?: string;
+    }
+    interface DsShellMobileNav {
+        /**
+          * @default 'Account'
+         */
+        "accountLabel"?: string;
+        /**
+          * @default 'dashboard'
+         */
+        "browseContext"?: NavChromeStyle;
+        /**
+          * @default ''
+         */
+        "currentUrl"?: string;
+        /**
+          * @default []
+         */
+        "dashboardGroups"?: PanelNavGroup[];
+        /**
+          * @default 'Dashboard'
+         */
+        "dashboardLabel"?: string;
+        /**
+          * @default 'Navigation'
+         */
+        "heading"?: string;
+        /**
+          * @default 'Help & Support'
+         */
+        "helpLabel"?: string;
+        /**
+          * @default 'Application navigation'
+         */
+        "navigationLabel"?: string;
+        "onDsAreaSelect"?: (event: DsShellMobileNavCustomEvent<string>) => void;
+        "onDsAuxiliarySelect"?: (event: DsShellMobileNavCustomEvent<ShellMobileNavAuxiliaryDetail>) => void;
+        "onDsBrowseContextChange"?: (event: DsShellMobileNavCustomEvent<NavChromeStyle>) => void;
+        "onDsClose"?: (event: DsShellMobileNavCustomEvent<void>) => void;
+        /**
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * @default []
+         */
+        "settingsGroups"?: PanelNavGroup[];
+        /**
+          * @default 'Settings'
+         */
+        "settingsLabel"?: string;
+    }
+    interface DsShellMobileSectionNav {
+        /**
+          * Section base path used to derive the selected route tab.
+          * @default ''
+         */
+        "basePath"?: string;
+        /**
+          * Current application route.
+          * @default ''
+         */
+        "currentUrl"?: string;
+        /**
+          * Active primary-area label shown when the route has no section row.
+         */
+        "heading"?: string | undefined;
+        /**
+          * @default 'Section navigation'
+         */
+        "navigationLabel"?: string;
+        /**
+          * Route intent; the application owns navigation.
+         */
+        "onDsTabChange"?: (event: DsShellMobileSectionNavCustomEvent<string>) => void;
+        /**
+          * Route sections shared with the corresponding desktop BarNav.
+          * @default []
+         */
+        "tabs"?: BarNavTab[];
+        /**
+          * JSON fallback for `tabs`.
+          * @default ''
+         */
+        "tabsJson"?: string;
+        /**
+          * Controlled selected tab when URL-derived selection is unavailable.
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface DsShellPage {
         /**
           * Standard page gutters, or no inset for full-bleed page content.
@@ -5553,11 +6319,88 @@ declare namespace LocalJSX {
          */
         "contentInset"?: ShellPageContentInset;
         /**
-          * Automatic container/scroll behavior, or an explicit header variant override.
+          * Available page-header capacity supplied by the owning application shell.
+         */
+        "headerCapacity"?: ShellPageCapacity;
+        /**
+          * Automatic capacity/scroll behavior, or an explicit header variant override.
           * @default 'auto'
          */
         "headerPresentation"?: ShellPageHeaderPresentation;
     }
+    interface DsShellTools {
+        /**
+          * @default ''
+         */
+        "activeTool"?: PanelToolsToolId | '';
+        /**
+          * @default 'shared'
+         */
+        "fullscreenHeaderMode"?: 'shared' | 'split';
+        /**
+          * @default {}
+         */
+        "headers"?: PanelToolsHeaders;
+        /**
+          * @default ''
+         */
+        "headersJson"?: string;
+        /**
+          * @default 'Inbox'
+         */
+        "inboxLabel"?: string;
+        /**
+          * @default 'Inbox sections'
+         */
+        "inboxNavigationLabel"?: string;
+        /**
+          * @default []
+         */
+        "items"?: PanelToolsItem[];
+        /**
+          * @default ''
+         */
+        "itemsJson"?: string;
+        "onDsHeaderAction"?: (event: DsShellToolsCustomEvent<{
+    tool: PanelToolsToolId;
+    id: string;
+  }>) => void;
+        "onDsHeaderBack"?: (event: DsShellToolsCustomEvent<{
+    tool: PanelToolsToolId;
+  }>) => void;
+        "onDsPresentationChange"?: (event: DsShellToolsCustomEvent<{
+    presentation: 'drawer' | 'fullscreen';
+  }>) => void;
+        "onDsToolChange"?: (event: DsShellToolsCustomEvent<{
+    id: PanelToolsToolId;
+    selected: boolean;
+  }>) => void;
+        /**
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * @default 'drawer'
+         */
+        "presentation"?: 'drawer' | 'fullscreen';
+        /**
+          * Resolved by ShellApp; mobile uses a full-stage tool presentation.
+          * @default 'desktop'
+         */
+        "responsiveMode"?: ShellResponsiveMode;
+        /**
+          * @default ''
+         */
+        "storageKey"?: string;
+        /**
+          * @default 'Tool shortcuts'
+         */
+        "toolShortcutsLabel"?: string;
+        /**
+          * @default 'Tools'
+         */
+        "toolsLabel"?: string;
+    }
     interface DsSkeleton {
         /**
           * Actual parent surface context. Omit on primary and secondary surfaces.
@@ -6032,8 +6875,8 @@ declare namespace LocalJSX {
     }
     interface DsTypingIndicator {
         /**
-          * Concise localized status text, ideally naming the participant who is typing.
-          * @default 'Typing…'
+          * Concise localized typing status.
+          * @default 'Typing...'
          */
         "label"?: string;
     }
@@ -6094,6 +6937,7 @@ declare namespace LocalJSX {
         "showBack": boolean;
         "backAriaLabel": string;
         "backLabel": string;
+        "breadcrumbAriaLabel": string;
         "value": string;
         "sectionsAriaLabel": string;
         "actionsAriaLabel": string;
@@ -6108,6 +6952,9 @@ declare namespace LocalJSX {
         "nextLabel": string;
         "isNextInactive": boolean;
     }
+    interface DsBreadcrumbAttributes {
+        "ariaLabel": string;
+    }
     interface DsButtonFilledAttributes {
         "variant": ButtonFilledVariant;
         "size": ButtonFilledSize;
@@ -6146,11 +6993,21 @@ declare namespace LocalJSX {
         "pressed": boolean | undefined;
         "focusTabIndex": number;
     }
+    interface DsCardDataVizBarAttributes {
+        "heading": string;
+        "cardWidth": CardDataVizBarWidth;
+        "filterLabel": string;
+    }
     interface DsCardDataVizDonutAttributes {
         "heading": string;
         "cardWidth": CardDataVizDonutWidth;
         "filterLabel": string;
     }
+    interface DsCardDataVizLineAttributes {
+        "heading": string;
+        "cardWidth": CardDataVizLineWidth;
+        "filterLabel": string;
+    }
     interface DsCardSettingAttributes {
         "heading": string;
         "cardWidth": CardSettingWidth;
@@ -6167,6 +7024,11 @@ declare namespace LocalJSX {
         "width": number;
         "height": number;
     }
+    interface DsChartBarStackedAttributes {
+        "variant": ChartBarStackedVariant;
+        "width": number;
+        "height": number;
+    }
     interface DsChartDonutAttributes {
         "locale": string | undefined;
         "noDataLabel": string;
@@ -6184,6 +7046,7 @@ declare namespace LocalJSX {
         "direction": ChartLegendDirection;
         "showPercentage": boolean;
         "percentageDecimals": ChartLegendPercentageDecimals;
+        "highlightOnHover": boolean;
         "activeLabel": string | null;
     }
     interface DsChartLineAttributes {
@@ -6487,6 +7350,8 @@ declare namespace LocalJSX {
         "navStyle": NavChromeStyle;
         "gradientPreset": ShellGradientPreset;
         "shortcutsEnabled": boolean;
+        "mobileDestination": ShellMobileDestination;
+        "mobileNavigationOpen": boolean;
     }
     interface DsShellGradientPickerAttributes {
         "value": ShellGradientPreset;
@@ -6498,10 +7363,55 @@ declare namespace LocalJSX {
         "isInactive": boolean;
         "ariaLabel": string | null;
     }
+    interface DsShellMobileBarAttributes {
+        "activeDestination": ShellMobileDestination;
+        "navigationExpanded": boolean;
+        "menuLabel": string;
+        "searchLabel": string;
+        "agentsLabel": string;
+        "inboxLabel": string;
+        "searchDot": boolean;
+        "agentsDot": boolean;
+        "inboxDot": boolean;
+    }
+    interface DsShellMobileNavAttributes {
+        "open": boolean;
+        "browseContext": NavChromeStyle;
+        "currentUrl": string;
+        "heading": string;
+        "navigationLabel": string;
+        "dashboardLabel": string;
+        "settingsLabel": string;
+        "accountLabel": string;
+        "helpLabel": string;
+    }
+    interface DsShellMobileSectionNavAttributes {
+        "tabsJson": string;
+        "value": string;
+        "heading": string | undefined;
+        "basePath": string;
+        "currentUrl": string;
+        "navigationLabel": string;
+    }
     interface DsShellPageAttributes {
         "headerPresentation": ShellPageHeaderPresentation;
+        "headerCapacity": ShellPageCapacity;
         "contentInset": ShellPageContentInset;
     }
+    interface DsShellToolsAttributes {
+        "responsiveMode": ShellResponsiveMode;
+        "open": boolean;
+        "activeTool": PanelToolsToolId | '';
+        "presentation": 'drawer' | 'fullscreen';
+        "fullscreenHeaderMode": 'shared' | 'split';
+        "itemsJson": string;
+        "headersJson": string;
+        "storageKey": string;
+        "toolsLabel": string;
+        "toolShortcutsLabel": string;
+        "inboxLabel": string;
+        "inboxNavigationLabel": string;
+    }
     interface DsSkeletonAttributes {
         "variant": SkeletonVariant;
         "textVariant": TextVariant;
@@ -6631,12 +7541,16 @@ declare namespace LocalJSX {
         "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-bar-title": Omit<DsBarTitle, keyof DsBarTitleAttributes> & { [K in keyof DsBarTitle & keyof DsBarTitleAttributes]?: DsBarTitle[K] } & { [K in keyof DsBarTitle & keyof DsBarTitleAttributes as `attr:${K}`]?: DsBarTitleAttributes[K] } & { [K in keyof DsBarTitle & keyof DsBarTitleAttributes as `prop:${K}`]?: DsBarTitle[K] } & OneOf<"heading", DsBarTitle["heading"], DsBarTitleAttributes["heading"]>;
         "ds-bar-workflow": Omit<DsBarWorkflow, keyof DsBarWorkflowAttributes> & { [K in keyof DsBarWorkflow & keyof DsBarWorkflowAttributes]?: DsBarWorkflow[K] } & { [K in keyof DsBarWorkflow & keyof DsBarWorkflowAttributes as `attr:${K}`]?: DsBarWorkflowAttributes[K] } & { [K in keyof DsBarWorkflow & keyof DsBarWorkflowAttributes as `prop:${K}`]?: DsBarWorkflow[K] } & OneOf<"heading", DsBarWorkflow["heading"], DsBarWorkflowAttributes["heading"]>;
+        "ds-breadcrumb": Omit<DsBreadcrumb, keyof DsBreadcrumbAttributes> & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes]?: DsBreadcrumb[K] } & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes as `attr:${K}`]?: DsBreadcrumbAttributes[K] } & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes as `prop:${K}`]?: DsBreadcrumb[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-data-viz-bar": Omit<DsCardDataVizBar, keyof DsCardDataVizBarAttributes> & { [K in keyof DsCardDataVizBar & keyof DsCardDataVizBarAttributes]?: DsCardDataVizBar[K] } & { [K in keyof DsCardDataVizBar & keyof DsCardDataVizBarAttributes as `attr:${K}`]?: DsCardDataVizBarAttributes[K] } & { [K in keyof DsCardDataVizBar & keyof DsCardDataVizBarAttributes as `prop:${K}`]?: DsCardDataVizBar[K] } & OneOf<"heading", DsCardDataVizBar["heading"], DsCardDataVizBarAttributes["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-data-viz-line": Omit<DsCardDataVizLine, keyof DsCardDataVizLineAttributes> & { [K in keyof DsCardDataVizLine & keyof DsCardDataVizLineAttributes]?: DsCardDataVizLine[K] } & { [K in keyof DsCardDataVizLine & keyof DsCardDataVizLineAttributes as `attr:${K}`]?: DsCardDataVizLineAttributes[K] } & { [K in keyof DsCardDataVizLine & keyof DsCardDataVizLineAttributes as `prop:${K}`]?: DsCardDataVizLine[K] } & OneOf<"heading", DsCardDataVizLine["heading"], DsCardDataVizLineAttributes["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-card-shell-data-viz": Omit<DsCardShellDataViz, keyof DsCardShellDataVizAttributes> & { [K in keyof DsCardShellDataViz & keyof DsCardShellDataVizAttributes]?: DsCardShellDataViz[K] } & { [K in keyof DsCardShellDataViz & keyof DsCardShellDataVizAttributes as `attr:${K}`]?: DsCardShellDataVizAttributes[K] } & { [K in keyof DsCardShellDataViz & keyof DsCardShellDataVizAttributes as `prop:${K}`]?: DsCardShellDataViz[K] } & OneOf<"heading", DsCardShellDataViz["heading"], DsCardShellDataVizAttributes["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-bar-stacked": Omit<DsChartBarStacked, keyof DsChartBarStackedAttributes> & { [K in keyof DsChartBarStacked & keyof DsChartBarStackedAttributes]?: DsChartBarStacked[K] } & { [K in keyof DsChartBarStacked & keyof DsChartBarStackedAttributes as `attr:${K}`]?: DsChartBarStackedAttributes[K] } & { [K in keyof DsChartBarStacked & keyof DsChartBarStackedAttributes as `prop:${K}`]?: DsChartBarStacked[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] };
@@ -6671,7 +7585,11 @@ declare namespace LocalJSX {
         "ds-shell-app": Omit<DsShellApp, keyof DsShellAppAttributes> & { [K in keyof DsShellApp & keyof DsShellAppAttributes]?: DsShellApp[K] } & { [K in keyof DsShellApp & keyof DsShellAppAttributes as `attr:${K}`]?: DsShellAppAttributes[K] } & { [K in keyof DsShellApp & keyof DsShellAppAttributes as `prop:${K}`]?: DsShellApp[K] };
         "ds-shell-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-shell-mobile-bar": Omit<DsShellMobileBar, keyof DsShellMobileBarAttributes> & { [K in keyof DsShellMobileBar & keyof DsShellMobileBarAttributes]?: DsShellMobileBar[K] } & { [K in keyof DsShellMobileBar & keyof DsShellMobileBarAttributes as `attr:${K}`]?: DsShellMobileBarAttributes[K] } & { [K in keyof DsShellMobileBar & keyof DsShellMobileBarAttributes as `prop:${K}`]?: DsShellMobileBar[K] };
+        "ds-shell-mobile-nav": Omit<DsShellMobileNav, keyof DsShellMobileNavAttributes> & { [K in keyof DsShellMobileNav & keyof DsShellMobileNavAttributes]?: DsShellMobileNav[K] } & { [K in keyof DsShellMobileNav & keyof DsShellMobileNavAttributes as `attr:${K}`]?: DsShellMobileNavAttributes[K] } & { [K in keyof DsShellMobileNav & keyof DsShellMobileNavAttributes as `prop:${K}`]?: DsShellMobileNav[K] };
+        "ds-shell-mobile-section-nav": Omit<DsShellMobileSectionNav, keyof DsShellMobileSectionNavAttributes> & { [K in keyof DsShellMobileSectionNav & keyof DsShellMobileSectionNavAttributes]?: DsShellMobileSectionNav[K] } & { [K in keyof DsShellMobileSectionNav & keyof DsShellMobileSectionNavAttributes as `attr:${K}`]?: DsShellMobileSectionNavAttributes[K] } & { [K in keyof DsShellMobileSectionNav & keyof DsShellMobileSectionNavAttributes as `prop:${K}`]?: DsShellMobileSectionNav[K] };
         "ds-shell-page": Omit<DsShellPage, keyof DsShellPageAttributes> & { [K in keyof DsShellPage & keyof DsShellPageAttributes]?: DsShellPage[K] } & { [K in keyof DsShellPage & keyof DsShellPageAttributes as `attr:${K}`]?: DsShellPageAttributes[K] } & { [K in keyof DsShellPage & keyof DsShellPageAttributes as `prop:${K}`]?: DsShellPage[K] };
+        "ds-shell-tools": Omit<DsShellTools, keyof DsShellToolsAttributes> & { [K in keyof DsShellTools & keyof DsShellToolsAttributes]?: DsShellTools[K] } & { [K in keyof DsShellTools & keyof DsShellToolsAttributes as `attr:${K}`]?: DsShellToolsAttributes[K] } & { [K in keyof DsShellTools & keyof DsShellToolsAttributes as `prop:${K}`]?: DsShellTools[K] };
         "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] };
         "ds-swatch-picker": Omit<DsSwatchPicker, keyof DsSwatchPickerAttributes> & { [K in keyof DsSwatchPicker & keyof DsSwatchPickerAttributes]?: DsSwatchPicker[K] } & { [K in keyof DsSwatchPicker & keyof DsSwatchPickerAttributes as `attr:${K}`]?: DsSwatchPickerAttributes[K] } & { [K in keyof DsSwatchPicker & keyof DsSwatchPickerAttributes as `prop:${K}`]?: DsSwatchPicker[K] };
@@ -6699,13 +7617,24 @@ declare module "@stencil/core" {
             "ds-bar-nav": LocalJSX.IntrinsicElements["ds-bar-nav"] & JSXBase.HTMLAttributes<HTMLDsBarNavElement>;
             "ds-bar-title": LocalJSX.IntrinsicElements["ds-bar-title"] & JSXBase.HTMLAttributes<HTMLDsBarTitleElement>;
             "ds-bar-workflow": LocalJSX.IntrinsicElements["ds-bar-workflow"] & JSXBase.HTMLAttributes<HTMLDsBarWorkflowElement>;
+            "ds-breadcrumb": LocalJSX.IntrinsicElements["ds-breadcrumb"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbElement>;
             "ds-button-filled": LocalJSX.IntrinsicElements["ds-button-filled"] & JSXBase.HTMLAttributes<HTMLDsButtonFilledElement>;
             "ds-button-unfilled": LocalJSX.IntrinsicElements["ds-button-unfilled"] & JSXBase.HTMLAttributes<HTMLDsButtonUnfilledElement>;
+            /**
+             * Bar-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+             * region and an optional, content-sized static legend.
+             */
+            "ds-card-data-viz-bar": LocalJSX.IntrinsicElements["ds-card-data-viz-bar"] & JSXBase.HTMLAttributes<HTMLDsCardDataVizBarElement>;
             /**
              * Donut data-viz card — dedicated `ds-card-shell-data-viz` 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>;
+            /**
+             * Line-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart
+             * region and a content-sized, static legend.
+             */
+            "ds-card-data-viz-line": LocalJSX.IntrinsicElements["ds-card-data-viz-line"] & JSXBase.HTMLAttributes<HTMLDsCardDataVizLineElement>;
             "ds-card-setting": LocalJSX.IntrinsicElements["ds-card-setting"] & JSXBase.HTMLAttributes<HTMLDsCardSettingElement>;
             /**
              * Dedicated shell chrome for data-visualization cards. Chart-specific layout,
@@ -6713,6 +7642,7 @@ declare module "@stencil/core" {
              */
             "ds-card-shell-data-viz": LocalJSX.IntrinsicElements["ds-card-shell-data-viz"] & JSXBase.HTMLAttributes<HTMLDsCardShellDataVizElement>;
             "ds-chart-bar": LocalJSX.IntrinsicElements["ds-chart-bar"] & JSXBase.HTMLAttributes<HTMLDsChartBarElement>;
+            "ds-chart-bar-stacked": LocalJSX.IntrinsicElements["ds-chart-bar-stacked"] & JSXBase.HTMLAttributes<HTMLDsChartBarStackedElement>;
             "ds-chart-donut": LocalJSX.IntrinsicElements["ds-chart-donut"] & JSXBase.HTMLAttributes<HTMLDsChartDonutElement>;
             /**
              * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
@@ -6765,7 +7695,11 @@ declare module "@stencil/core" {
              * @deprecated Use `ds-swatch-picker`; individual swatches are implementation detail.
              */
             "ds-shell-gradient-swatch": LocalJSX.IntrinsicElements["ds-shell-gradient-swatch"] & JSXBase.HTMLAttributes<HTMLDsShellGradientSwatchElement>;
+            "ds-shell-mobile-bar": LocalJSX.IntrinsicElements["ds-shell-mobile-bar"] & JSXBase.HTMLAttributes<HTMLDsShellMobileBarElement>;
+            "ds-shell-mobile-nav": LocalJSX.IntrinsicElements["ds-shell-mobile-nav"] & JSXBase.HTMLAttributes<HTMLDsShellMobileNavElement>;
+            "ds-shell-mobile-section-nav": LocalJSX.IntrinsicElements["ds-shell-mobile-section-nav"] & JSXBase.HTMLAttributes<HTMLDsShellMobileSectionNavElement>;
             "ds-shell-page": LocalJSX.IntrinsicElements["ds-shell-page"] & JSXBase.HTMLAttributes<HTMLDsShellPageElement>;
+            "ds-shell-tools": LocalJSX.IntrinsicElements["ds-shell-tools"] & JSXBase.HTMLAttributes<HTMLDsShellToolsElement>;
             "ds-skeleton": LocalJSX.IntrinsicElements["ds-skeleton"] & JSXBase.HTMLAttributes<HTMLDsSkeletonElement>;
             "ds-slider": LocalJSX.IntrinsicElements["ds-slider"] & JSXBase.HTMLAttributes<HTMLDsSliderElement>;
             "ds-swatch-picker": LocalJSX.IntrinsicElements["ds-swatch-picker"] & JSXBase.HTMLAttributes<HTMLDsSwatchPickerElement>;