@ds-mo/ui 13.11.0 → 13.12.0

package/dist/types/components.d.ts

@@ -40,8 +40,9 @@ import { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
 import { ButtonFilledIntent as ButtonFilledIntent1 } from "./components/ButtonFilled/ButtonFilled";
 import { PanelNavGroup, PanelNavItem, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
 import { MobileBarNavDestinationDetail } from "./components/MobileBarNav/mobile-bar-nav-types";
-import { MobileHeaderHeadingLevel, MobileHeaderTone } from "./components/MobileHeader/mobile-header-types";
+import { MobileHeaderHeadingLevel, MobileHeaderSectionsPresentation, MobileHeaderTone } from "./components/MobileHeader/mobile-header-types";
 import { TabGroupItem, TabItem } from "./components/TabGroup/tab-item-utils";
+import { TabGroupSize } from "./components/TabGroup/TabGroup";
 import { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
 import { ChromeTransitionDetail } from "./shell/chrome-transition";
 import { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
@@ -52,14 +53,15 @@ import { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOver
 import { SelectBackground, SelectOption, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
 import { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 import { ShellGradientPreset } from "./shell/shell-gradient-presets";
-import { ShellPageCapacity, ShellPageContentInset, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
+import { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, 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";
 import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
 import { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
 import { SwitchSize } from "./components/Switch/Switch";
-import { TabBackground } from "./components/TabGroup/TabGroup";
+import { TabBackground, TabGroupSize as TabGroupSize1 } from "./components/TabGroup/TabGroup";
+import { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableGroup, TableGroupingChangeDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableRow, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
 import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 import { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
@@ -99,8 +101,9 @@ export { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
 export { ButtonFilledIntent as ButtonFilledIntent1 } from "./components/ButtonFilled/ButtonFilled";
 export { PanelNavGroup, PanelNavItem, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
 export { MobileBarNavDestinationDetail } from "./components/MobileBarNav/mobile-bar-nav-types";
-export { MobileHeaderHeadingLevel, MobileHeaderTone } from "./components/MobileHeader/mobile-header-types";
+export { MobileHeaderHeadingLevel, MobileHeaderSectionsPresentation, MobileHeaderTone } from "./components/MobileHeader/mobile-header-types";
 export { TabGroupItem, TabItem } from "./components/TabGroup/tab-item-utils";
+export { TabGroupSize } from "./components/TabGroup/TabGroup";
 export { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
 export { ChromeTransitionDetail } from "./shell/chrome-transition";
 export { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
@@ -111,14 +114,15 @@ export { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOver
 export { SelectBackground, SelectOption, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
 export { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 export { ShellGradientPreset } from "./shell/shell-gradient-presets";
-export { ShellPageCapacity, ShellPageContentInset, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
+export { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, 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";
 export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
 export { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
 export { SwitchSize } from "./components/Switch/Switch";
-export { TabBackground } from "./components/TabGroup/TabGroup";
+export { TabBackground, TabGroupSize as TabGroupSize1 } from "./components/TabGroup/TabGroup";
+export { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableGroup, TableGroupingChangeDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableRow, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
 export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 export { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 export { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
@@ -1462,12 +1466,22 @@ export namespace Components {
           * Controlled peer sections. Their selected label replaces the static title.
           * @default []
          */
-        "sections": TabItem[];
+        "sections": TabGroupItem[];
         /**
           * Accessible name for the section chooser.
           * @default 'Change page section'
          */
         "sectionsAriaLabel": string;
+        /**
+          * Popup switcher or an inline segmented TabGroup for peer sections.
+          * @default 'switcher'
+         */
+        "sectionsPresentation": MobileHeaderSectionsPresentation;
+        /**
+          * Density for the segmented sections presentation.
+          * @default 'md'
+         */
+        "sectionsSize": TabGroupSize;
         /**
           * Controlled child sections within the selected page or detail screen.
           * @default []
@@ -2156,6 +2170,11 @@ export namespace Components {
           * @default 'default'
          */
         "contentInset": ShellPageContentInset;
+        /**
+          * Canvas surface painted around and beneath routed page content.
+          * @default 'primary'
+         */
+        "contentSurface": ShellPageContentSurface;
         /**
           * Available page-header capacity supplied by the owning application shell.
          */
@@ -2470,6 +2489,11 @@ export namespace Components {
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
         "background": TabBackground | undefined;
+        /**
+          * Control density: 24px small, 32px medium, or 40px large track.
+          * @default 'md'
+         */
+        "size": TabGroupSize1;
         /**
           * @default []
          */
@@ -2479,6 +2503,145 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DsTable {
+        /**
+          * Required accessible table name, rendered as a native caption.
+         */
+        "caption": string;
+        /**
+          * @default 'hidden'
+         */
+        "captionVisibility": TableCaptionVisibility;
+        /**
+          * Stable column definitions. Assign through JavaScript.
+          * @default []
+         */
+        "columns": TableColumn[];
+        /**
+          * @default 'No data is available.'
+         */
+        "emptyBody": string;
+        /**
+          * @default 'Not available'
+         */
+        "emptyCellLabel": string;
+        /**
+          * @default 'No results'
+         */
+        "emptyHeading": string;
+        /**
+          * @default 'All results loaded'
+         */
+        "endOfResultsLabel": string;
+        /**
+          * Initial error state. Existing rows stay visible; incremental failures use loadMoreError.
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * @default 'The data could not be loaded.'
+         */
+        "errorBody": string;
+        /**
+          * @default 'Unable to load data'
+         */
+        "errorHeading": string;
+        /**
+          * Controlled grouping column and group-order direction.
+          * @default null
+         */
+        "grouping": TableGroupingState | null;
+        /**
+          * One level of application-owned grouped data. Assign through JavaScript.
+          * @default []
+         */
+        "groups": TableGroup[];
+        /**
+          * @default false
+         */
+        "hasMore": boolean;
+        /**
+          * Enable application-owned incremental loading without pagination.
+          * @default false
+         */
+        "lazyLoading": boolean;
+        /**
+          * Reset key for a new query/group/sort dataset.
+          * @default 'default'
+         */
+        "loadIdentity": string | number;
+        "loadMoreError": string | undefined;
+        /**
+          * @default 'Load more'
+         */
+        "loadMoreLabel": string;
+        /**
+          * @default 'auto'
+         */
+        "loadMoreMode": TableLoadMoreMode;
+        /**
+          * IntersectionObserver root margin in CSS pixels.
+          * @default 0
+         */
+        "loadMoreThreshold": number;
+        /**
+          * Initial loading state. Existing rows stay visible; incremental loading uses loadingMore.
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * @default false
+         */
+        "loadingMore": boolean;
+        /**
+          * @default 'Loading more results'
+         */
+        "loadingMoreLabel": string;
+        /**
+          * Maximum scroll-region height. Numbers resolve to CSS pixels.
+         */
+        "maxHeight": string | number | undefined;
+        /**
+          * @default 'Retry'
+         */
+        "retryLabel": string;
+        /**
+          * Ungrouped row data. Ignored while grouping is active. Assign through JavaScript.
+          * @default []
+         */
+        "rows": TableRow[];
+        /**
+          * Supports {count} and {total} placeholders.
+          * @default '{count} more rows loaded. {total} rows loaded.'
+         */
+        "rowsLoadedLabel": string;
+        /**
+          * Optional explicit label for the horizontal/vertical scroll region.
+         */
+        "scrollLabel": string | undefined;
+        /**
+          * Controlled selected row identities. IDs outside the loaded rows are preserved.
+          * @default []
+         */
+        "selectedRowIds": string[];
+        /**
+          * @default 'none'
+         */
+        "selectionMode": TableSelectionMode;
+        /**
+          * @default 5
+         */
+        "skeletonRows": number;
+        /**
+          * Controlled member-row sort state.
+          * @default null
+         */
+        "sort": TableSortState | null;
+        /**
+          * @default false
+         */
+        "stickyHeader": boolean;
+    }
     interface DsTag {
         /**
           * ID of the menu controlled by an interactive Tag.
@@ -2512,6 +2675,11 @@ export namespace Components {
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Use the reduced outer geometry when nested inside a control of the same size.
+          * @default false
+         */
+        "isInset": boolean;
         "label": string;
         "maxWidth": string | number | undefined;
         /**
@@ -2866,6 +3034,10 @@ export interface DsTabGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsTabGroupElement;
 }
+export interface DsTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsTableElement;
+}
 export interface DsTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsTagElement;
@@ -3747,6 +3919,27 @@ declare global {
         prototype: HTMLDsTabGroupElement;
         new (): HTMLDsTabGroupElement;
     };
+    interface HTMLDsTableElementEventMap {
+        "dsSortChange": TableSortChangeDetail;
+        "dsGroupingChange": TableGroupingChangeDetail;
+        "dsSelectionChange": TableSelectionChangeDetail;
+        "dsLoadMore": TableLoadMoreDetail;
+        "dsCellAction": TableCellActionDetail;
+    }
+    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 HTMLDsTagElementEventMap {
         "dsClick": MouseEvent;
     }
@@ -3887,6 +4080,7 @@ declare global {
         "ds-swatch-picker": HTMLDsSwatchPickerElement;
         "ds-switch": HTMLDsSwitchElement;
         "ds-tab-group": HTMLDsTabGroupElement;
+        "ds-table": HTMLDsTableElement;
         "ds-tag": HTMLDsTagElement;
         "ds-text": HTMLDsTextElement;
         "ds-toast": HTMLDsToastElement;
@@ -5340,12 +5534,22 @@ declare namespace LocalJSX {
           * Controlled peer sections. Their selected label replaces the static title.
           * @default []
          */
-        "sections"?: TabItem[];
+        "sections"?: TabGroupItem[];
         /**
           * Accessible name for the section chooser.
           * @default 'Change page section'
          */
         "sectionsAriaLabel"?: string;
+        /**
+          * Popup switcher or an inline segmented TabGroup for peer sections.
+          * @default 'switcher'
+         */
+        "sectionsPresentation"?: MobileHeaderSectionsPresentation;
+        /**
+          * Density for the segmented sections presentation.
+          * @default 'md'
+         */
+        "sectionsSize"?: TabGroupSize;
         /**
           * Controlled child sections within the selected page or detail screen.
           * @default []
@@ -6144,6 +6348,11 @@ declare namespace LocalJSX {
           * @default 'default'
          */
         "contentInset"?: ShellPageContentInset;
+        /**
+          * Canvas surface painted around and beneath routed page content.
+          * @default 'primary'
+         */
+        "contentSurface"?: ShellPageContentSurface;
         /**
           * Available page-header capacity supplied by the owning application shell.
          */
@@ -6470,6 +6679,11 @@ declare namespace LocalJSX {
         "ariaLabelledby"?: string | undefined;
         "background"?: TabBackground | undefined;
         "onDsChange"?: (event: DsTabGroupCustomEvent<string>) => void;
+        /**
+          * Control density: 24px small, 32px medium, or 40px large track.
+          * @default 'md'
+         */
+        "size"?: TabGroupSize1;
         /**
           * @default []
          */
@@ -6479,6 +6693,150 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DsTable {
+        /**
+          * Required accessible table name, rendered as a native caption.
+         */
+        "caption": string;
+        /**
+          * @default 'hidden'
+         */
+        "captionVisibility"?: TableCaptionVisibility;
+        /**
+          * Stable column definitions. Assign through JavaScript.
+          * @default []
+         */
+        "columns"?: TableColumn[];
+        /**
+          * @default 'No data is available.'
+         */
+        "emptyBody"?: string;
+        /**
+          * @default 'Not available'
+         */
+        "emptyCellLabel"?: string;
+        /**
+          * @default 'No results'
+         */
+        "emptyHeading"?: string;
+        /**
+          * @default 'All results loaded'
+         */
+        "endOfResultsLabel"?: string;
+        /**
+          * Initial error state. Existing rows stay visible; incremental failures use loadMoreError.
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default 'The data could not be loaded.'
+         */
+        "errorBody"?: string;
+        /**
+          * @default 'Unable to load data'
+         */
+        "errorHeading"?: string;
+        /**
+          * Controlled grouping column and group-order direction.
+          * @default null
+         */
+        "grouping"?: TableGroupingState | null;
+        /**
+          * One level of application-owned grouped data. Assign through JavaScript.
+          * @default []
+         */
+        "groups"?: TableGroup[];
+        /**
+          * @default false
+         */
+        "hasMore"?: boolean;
+        /**
+          * Enable application-owned incremental loading without pagination.
+          * @default false
+         */
+        "lazyLoading"?: boolean;
+        /**
+          * Reset key for a new query/group/sort dataset.
+          * @default 'default'
+         */
+        "loadIdentity"?: string | number;
+        "loadMoreError"?: string | undefined;
+        /**
+          * @default 'Load more'
+         */
+        "loadMoreLabel"?: string;
+        /**
+          * @default 'auto'
+         */
+        "loadMoreMode"?: TableLoadMoreMode;
+        /**
+          * IntersectionObserver root margin in CSS pixels.
+          * @default 0
+         */
+        "loadMoreThreshold"?: number;
+        /**
+          * Initial loading state. Existing rows stay visible; incremental loading uses loadingMore.
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * @default false
+         */
+        "loadingMore"?: boolean;
+        /**
+          * @default 'Loading more results'
+         */
+        "loadingMoreLabel"?: string;
+        /**
+          * Maximum scroll-region height. Numbers resolve to CSS pixels.
+         */
+        "maxHeight"?: string | number | undefined;
+        "onDsCellAction"?: (event: DsTableCustomEvent<TableCellActionDetail>) => void;
+        "onDsGroupingChange"?: (event: DsTableCustomEvent<TableGroupingChangeDetail>) => void;
+        "onDsLoadMore"?: (event: DsTableCustomEvent<TableLoadMoreDetail>) => void;
+        "onDsSelectionChange"?: (event: DsTableCustomEvent<TableSelectionChangeDetail>) => void;
+        "onDsSortChange"?: (event: DsTableCustomEvent<TableSortChangeDetail>) => void;
+        /**
+          * @default 'Retry'
+         */
+        "retryLabel"?: string;
+        /**
+          * Ungrouped row data. Ignored while grouping is active. Assign through JavaScript.
+          * @default []
+         */
+        "rows"?: TableRow[];
+        /**
+          * Supports {count} and {total} placeholders.
+          * @default '{count} more rows loaded. {total} rows loaded.'
+         */
+        "rowsLoadedLabel"?: string;
+        /**
+          * Optional explicit label for the horizontal/vertical scroll region.
+         */
+        "scrollLabel"?: string | undefined;
+        /**
+          * Controlled selected row identities. IDs outside the loaded rows are preserved.
+          * @default []
+         */
+        "selectedRowIds"?: string[];
+        /**
+          * @default 'none'
+         */
+        "selectionMode"?: TableSelectionMode;
+        /**
+          * @default 5
+         */
+        "skeletonRows"?: number;
+        /**
+          * Controlled member-row sort state.
+          * @default null
+         */
+        "sort"?: TableSortState | null;
+        /**
+          * @default false
+         */
+        "stickyHeader"?: boolean;
+    }
     interface DsTag {
         /**
           * ID of the menu controlled by an interactive Tag.
@@ -6512,6 +6870,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Use the reduced outer geometry when nested inside a control of the same size.
+          * @default false
+         */
+        "isInset"?: boolean;
         "label": string;
         "maxWidth"?: string | number | undefined;
         /**
@@ -7063,6 +7426,8 @@ declare namespace LocalJSX {
         "headingLevel": MobileHeaderHeadingLevel;
         "value": string;
         "sectionsAriaLabel": string;
+        "sectionsPresentation": MobileHeaderSectionsPresentation;
+        "sectionsSize": TabGroupSize;
         "subvalue": string;
         "subsectionsAriaLabel": string;
         "tone": MobileHeaderTone;
@@ -7209,6 +7574,7 @@ declare namespace LocalJSX {
         "headerPresentation": ShellPageHeaderPresentation;
         "headerCapacity": ShellPageCapacity;
         "contentInset": ShellPageContentInset;
+        "contentSurface": ShellPageContentSurface;
         "responsiveMode": ShellResponsiveMode;
     }
     interface DsShellToolsAttributes {
@@ -7281,16 +7647,46 @@ declare namespace LocalJSX {
     }
     interface DsTabGroupAttributes {
         "value": string;
+        "size": TabGroupSize;
         "background": TabBackground | undefined;
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
     }
+    interface DsTableAttributes {
+        "caption": string;
+        "captionVisibility": TableCaptionVisibility;
+        "stickyHeader": boolean;
+        "maxHeight": string;
+        "scrollLabel": string | undefined;
+        "selectionMode": TableSelectionMode;
+        "loading": boolean;
+        "skeletonRows": number;
+        "emptyHeading": string;
+        "emptyBody": string;
+        "error": boolean;
+        "errorHeading": string;
+        "errorBody": string;
+        "emptyCellLabel": string;
+        "lazyLoading": boolean;
+        "loadMoreMode": TableLoadMoreMode;
+        "hasMore": boolean;
+        "loadingMore": boolean;
+        "loadMoreError": string | undefined;
+        "loadIdentity": string;
+        "loadMoreThreshold": number;
+        "loadMoreLabel": string;
+        "retryLabel": string;
+        "loadingMoreLabel": string;
+        "endOfResultsLabel": string;
+        "rowsLoadedLabel": string;
+    }
     interface DsTagAttributes {
         "label": string;
         "icon": string;
         "intent": TagIntent;
         "contrast": TagContrast;
         "size": TagSize;
+        "isInset": boolean;
         "rounded": boolean;
         "maxWidth": string;
         "interactive": boolean;
@@ -7403,6 +7799,7 @@ declare namespace LocalJSX {
         "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] };
         "ds-switch": Omit<DsSwitch, keyof DsSwitchAttributes> & { [K in keyof DsSwitch & keyof DsSwitchAttributes]?: DsSwitch[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `attr:${K}`]?: DsSwitchAttributes[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `prop:${K}`]?: DsSwitch[K] };
         "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-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] } & OneOf<"caption", DsTable["caption"], DsTableAttributes["caption"]>;
         "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-toast": Omit<DsToast, keyof DsToastAttributes> & { [K in keyof DsToast & keyof DsToastAttributes]?: DsToast[K] } & { [K in keyof DsToast & keyof DsToastAttributes as `attr:${K}`]?: DsToastAttributes[K] } & { [K in keyof DsToast & keyof DsToastAttributes as `prop:${K}`]?: DsToast[K] };
@@ -7490,6 +7887,7 @@ declare module "@stencil/core" {
             "ds-swatch-picker": LocalJSX.IntrinsicElements["ds-swatch-picker"] & JSXBase.HTMLAttributes<HTMLDsSwatchPickerElement>;
             "ds-switch": LocalJSX.IntrinsicElements["ds-switch"] & JSXBase.HTMLAttributes<HTMLDsSwitchElement>;
             "ds-tab-group": LocalJSX.IntrinsicElements["ds-tab-group"] & JSXBase.HTMLAttributes<HTMLDsTabGroupElement>;
+            "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-toast": LocalJSX.IntrinsicElements["ds-toast"] & JSXBase.HTMLAttributes<HTMLDsToastElement>;

package/dist/types/shell/index.d.ts

@@ -1,6 +1,7 @@
 export type { NavChromeStyle } from './nav-chrome';
 export type { PanelNavGroup, PanelNavItem, } from '../components/PanelNav/panel-nav-types';
 export type { BarNavTab } from '../components/BarNav/bar-nav-types';
+export type { ShellPageContentInset, ShellPageContentSurface, } from '../components/ShellPage/shell-page-types';
 export type { ShellAppComposition, ShellNavigationConfig, ShellNavigationSelectDetail, ShellPageChromeConfig, ShellToolsConfig, } from '../components/ShellApp/shell-app-types';
 export type { PanelToolsHeaderAction, PanelToolsHeaderConfig, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId, } from '../components/PanelTools/panel-tools-types';
 export { PANEL_TOOLS_DEFAULT_ITEMS } from '../components/PanelTools/panel-tools-types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "13.11.0",
+  "version": "13.12.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -66,6 +66,7 @@
     },
     "./control-elevation.css": "./dist/styles/control-elevation.css",
     "./prose.css": "./dist/styles/prose.css",
+    "./table.css": "./dist/styles/table.css",
     "./agent": "./dist/agent.json",
     "./agent/patterns": "./dist/agent-patterns.json",
     "./dist/components/*": "./dist/components/*",
@@ -137,7 +138,7 @@
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
     "@ds-mo/icons": "^6.5.0",
-    "@ds-mo/tokens": "^6.0.2",
+    "@ds-mo/tokens": "^6.1.0",
     "@eslint/js": "^10.0.1",
     "@modelcontextprotocol/client": "^2.0.0",
     "@modelcontextprotocol/server": "^2.0.0",