@ds-mo/ui 13.17.0 → 13.18.1

package/dist/react/ds-filter-menu.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './react-runtime.js';
+import { type DsFilterMenuCustomEvent, type FilterMenuChangeDetail } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsFilterMenu as DsFilterMenuElement } from "@ds-mo/ui/dist/components/ds-filter-menu.js";
+export type DsFilterMenuEvents = {
+    onDsChange: EventName<DsFilterMenuCustomEvent<FilterMenuChangeDetail>>;
+    onDsClear: EventName<DsFilterMenuCustomEvent<void>>;
+    onDsActiveFilterChange: EventName<DsFilterMenuCustomEvent<string>>;
+    onDsClose: EventName<DsFilterMenuCustomEvent<void>>;
+    onDsOpenChange: EventName<DsFilterMenuCustomEvent<boolean>>;
+    onDsAfterClose: EventName<DsFilterMenuCustomEvent<void>>;
+};
+export declare const DsFilterMenu: StencilReactComponent<DsFilterMenuElement, DsFilterMenuEvents, Components.DsFilterMenu>;

package/dist/react/ds-filter-menu.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsFilterMenu as DsFilterMenuElement, defineCustomElement as defineDsFilterMenu } from "@ds-mo/ui/dist/components/ds-filter-menu.js";
+export const DsFilterMenu = /*@__PURE__*/ createComponent({
+    tagName: 'ds-filter-menu',
+    elementClass: DsFilterMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsClear: 'dsClear',
+        onDsActiveFilterChange: 'dsActiveFilterChange',
+        onDsClose: 'dsClose',
+        onDsOpenChange: 'dsOpenChange',
+        onDsAfterClose: 'dsAfterClose'
+    },
+    defineCustomElement: defineDsFilterMenu
+});

package/dist/react/ds-select.d.ts

@@ -3,12 +3,14 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type DsSelectCustomEvent, type SelectValue } from "@ds-mo/ui";
+import { type DsSelectCustomEvent, type SelectOptionActionDetail, type SelectValue } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsSelect as DsSelectElement } from "@ds-mo/ui/dist/components/ds-select.js";
 export type DsSelectEvents = {
     onDsChange: EventName<DsSelectCustomEvent<SelectValue>>;
     onDsClear: EventName<DsSelectCustomEvent<void>>;
     onDsOpenChange: EventName<DsSelectCustomEvent<boolean>>;
+    onDsFooterAction: EventName<DsSelectCustomEvent<void>>;
+    onDsOptionAction: EventName<DsSelectCustomEvent<SelectOptionActionDetail>>;
 };
 export declare const DsSelect: StencilReactComponent<DsSelectElement, DsSelectEvents, Components.DsSelect>;

package/dist/react/ds-select.js

@@ -10,7 +10,9 @@ export const DsSelect = /*@__PURE__*/ createComponent({
     events: {
         onDsChange: 'dsChange',
         onDsClear: 'dsClear',
-        onDsOpenChange: 'dsOpenChange'
+        onDsOpenChange: 'dsOpenChange',
+        onDsFooterAction: 'dsFooterAction',
+        onDsOptionAction: 'dsOptionAction'
     },
     defineCustomElement: defineDsSelect
 });

package/dist/react/ds-table.d.ts

@@ -3,12 +3,11 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type DsTableCustomEvent, type TableCellActionDetail, type TableGroupCollapseChangeDetail, type TableGroupingChangeDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail, type TableSortChangeDetail } from "@ds-mo/ui";
+import { type DsTableCustomEvent, type TableCellActionDetail, type TableGroupCollapseChangeDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail, type TableSortChangeDetail } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsTable as DsTableElement } from "@ds-mo/ui/dist/components/ds-table.js";
 export type DsTableEvents = {
     onDsSortChange: EventName<DsTableCustomEvent<TableSortChangeDetail>>;
-    onDsGroupingChange: EventName<DsTableCustomEvent<TableGroupingChangeDetail>>;
     onDsGroupCollapseChange: EventName<DsTableCustomEvent<TableGroupCollapseChangeDetail>>;
     onDsSelectionChange: EventName<DsTableCustomEvent<TableSelectionChangeDetail>>;
     onDsLoadMore: EventName<DsTableCustomEvent<TableLoadMoreDetail>>;

package/dist/react/ds-table.js

@@ -9,7 +9,6 @@ export const DsTable = /*@__PURE__*/ createComponent({
     react: React,
     events: {
         onDsSortChange: 'dsSortChange',
-        onDsGroupingChange: 'dsGroupingChange',
         onDsGroupCollapseChange: 'dsGroupCollapseChange',
         onDsSelectionChange: 'dsSelectionChange',
         onDsLoadMore: 'dsLoadMore',

package/dist/styles/prose.css

@@ -125,9 +125,25 @@
 
 :where(.ds-prose)
   :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
-  color: var(--color-foreground-brand);
-  text-decoration: underline;
-  text-decoration-color: var(--color-foreground-tertiary);
+  color: var(--color-foreground-bold-brand);
+  text-decoration-line: none;
+  text-decoration-color: currentcolor;
+  text-decoration-thickness: var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));
+  text-underline-offset: var(--ds-text-decoration-offset, var(--dimension-space-025));
+}
+
+@media (hover: hover) and (pointer: fine) {
+  :where(.ds-prose)
+    :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)):hover {
+    text-decoration-line: underline;
+  }
+}
+
+@media (forced-colors: active) {
+  :where(.ds-prose)
+    :where(a):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+    text-decoration-line: underline;
+  }
 }
 
 :where(.ds-prose)

package/dist/styles/table.css

@@ -291,6 +291,10 @@
   padding: var(--ds-control-padding-inline, var(--dimension-space-075));
 }
 
+:where(.ds-table__bar-copy--summary) {
+  justify-content: flex-end;
+}
+
 :where(.ds-table__bar-copy > slot) {
   display: contents;
 }
@@ -314,7 +318,7 @@
 :where(.ds-table__footer) {
   border-end-start-radius: var(--_table-radius);
   border-end-end-radius: var(--_table-radius);
-  border-block-start: var(--dimension-stroke-width-012) solid var(--_table-column-border);
+  border-block-start: var(--dimension-stroke-width-012) solid var(--_table-border);
   color: var(--color-foreground-secondary);
 }
 
@@ -529,7 +533,7 @@
   block-size: var(--_table-row-min-block-size);
   padding: var(--_table-cell-padding-block) var(--_table-cell-padding-inline);
   --ds-interaction-group-divider-width: var(--dimension-stroke-width-012);
-  --ds-interaction-group-divider-color: var(--_table-border);
+  --ds-interaction-group-divider-color: var(--_table-column-border);
   border-block-end: 0;
   background-color: inherit;
   vertical-align: top;
@@ -808,9 +812,7 @@
 }
 
 :where(.ds-table__cell-tag-stack--tag-with-text .ds-table__cell-tag-text) {
-  padding-inline: calc(
-    var(--_table-cell-track-padding-inline) + var(--_table-cell-track-label-inset)
-  );
+  padding-inline: var(--_table-cell-track-padding-inline);
   padding-block: var(--dimension-space-025);
   min-block-size: 0;
 }

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

@@ -60,8 +60,8 @@ export declare class ButtonUnfilled {
     controls: string | undefined;
     /**
      * Controlled disclosure or popup state forwarded to `aria-expanded`.
-     * Popup triggers hold a pressed visual while open; ordinary disclosures
-     * retain the normal resting appearance.
+     * Popup triggers hold only the pressed wash while open; their resting
+     * foreground is unchanged. Ordinary disclosures remain visually neutral.
      */
     expanded: boolean | undefined;
     haspopup: ButtonUnfilledPopup | undefined;

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

@@ -0,0 +1,137 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlWidth } from '../../utils';
+import type { AnchoredAlign, AnchoredSide } from '../../utils/anchored-position';
+export type FilterMenuFilterKind = 'single' | 'multiple' | 'boolean' | 'date';
+export type FilterMenuSize = 'lg' | 'md' | 'sm' | 'xs';
+export type FilterMenuWidth = ControlWidth;
+export interface FilterMenuOption {
+    label: string;
+    value: string;
+    description?: string;
+    isInactive?: boolean;
+}
+export interface FilterMenuFilter {
+    id: string;
+    label: string;
+    kind: FilterMenuFilterKind;
+    options?: FilterMenuOption[];
+    description?: string;
+    fieldLabel?: string;
+    /** Draw a standard menu-section divider after this category. */
+    divider?: boolean;
+}
+export type FilterMenuValue = string[] | boolean | string;
+export type FilterMenuValues = Record<string, FilterMenuValue | undefined>;
+export interface FilterMenuChangeDetail {
+    filterId: string;
+    value: FilterMenuValue;
+}
+export declare class FilterMenu {
+    el: HTMLElement;
+    /** Controlled popup visibility. */
+    open: boolean;
+    /** Select trigger text. The selected count is appended automatically. */
+    triggerLabel: string;
+    /** Optional select trigger prefix icon name. */
+    icon: string | undefined;
+    /** Select trigger density. */
+    size: FilterMenuSize;
+    /** Select trigger width fit. */
+    width: FilterMenuWidth;
+    /** Show the surface-aware inset border around the select trigger. */
+    hasBorder: boolean;
+    /** Show selected interaction fill when one or more criteria are active. */
+    activeFill: boolean;
+    /** ID applied to the internal select trigger. */
+    inputId: string | undefined;
+    /** Direct accessible name for the internal select trigger. */
+    ariaLabel: string | null;
+    /** Product-owned filter categories and option definitions. */
+    filters: FilterMenuFilter[];
+    /** Controlled values keyed by filter id. */
+    values: FilterMenuValues;
+    /** Controlled category shown in the option pane. */
+    activeFilterId: string | undefined;
+    /** External trigger element to position against. */
+    anchor: HTMLElement | undefined;
+    /** ID of the external trigger element used for positioning and focus return. */
+    anchorId: string | undefined;
+    /** Preferred popup side; collision handling may flip it. */
+    side: AnchoredSide;
+    /** Cross-axis alignment against the trigger. */
+    align: AnchoredAlign;
+    /** Gap between trigger and popup — number in px or a TokoMo length. */
+    sideOffset: number | string;
+    /** Cross-axis offset — number in px or a TokoMo length. */
+    alignOffset: number | string;
+    /** Popup width. It remains clamped to the viewport by the component recipe. */
+    menuWidth: string;
+    /** Accessible name for the non-modal filter dialog. */
+    menuLabel: string;
+    /** Accessible name for the category tab list. */
+    categoriesLabel: string;
+    /** Footer action and date-clear accessible label. */
+    clearLabel: string;
+    /** Show a visible focus ring on initial entry after keyboard activation. */
+    initialFocusVisible: boolean;
+    private shouldRender;
+    private closing;
+    private positionReady;
+    private pos;
+    private focusRingVisible;
+    private activeOptionIndex;
+    /** Requests a controlled value replacement without closing the popup. */
+    dsChange: EventEmitter<FilterMenuChangeDetail>;
+    /** Requests that the consumer clear every filter value. */
+    dsClear: EventEmitter<void>;
+    /** Requests a controlled active-category replacement. */
+    dsActiveFilterChange: EventEmitter<string>;
+    /** Requests that the controlled popup close. */
+    dsClose: EventEmitter<void>;
+    /** Emitted whenever internal select-trigger activation changes popup visibility. */
+    dsOpenChange: EventEmitter<boolean>;
+    /** Emitted after exit motion and rendered popup removal complete. */
+    dsAfterClose: EventEmitter<void>;
+    private readonly generatedId;
+    private outsideHandler;
+    private triggerElement;
+    private pendingInitialFocusVisible;
+    private closeTimer;
+    private closingSnapshot;
+    private readonly position;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(isOpen: boolean): void;
+    onPositionInputChange(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    private get resolvedAnchor();
+    private get usesInternalTrigger();
+    private get anchorFocusTarget();
+    private get viewportPad();
+    private get popupFallbackWidth();
+    private get popupFallbackHeight();
+    private setupListeners;
+    private teardownListeners;
+    private close;
+    private toggleFromTrigger;
+    private handleTriggerKeyDown;
+    private finishClose;
+    private captureClosingSnapshot;
+    private focusAnchor;
+    private focusInitialCategory;
+    private tabLeavesPopup;
+    private moveFocusAfterTab;
+    private selectedFilter;
+    private selectedCount;
+    private totalSelected;
+    private activeFilterCount;
+    private selectCategory;
+    private handleCategoryKeyDown;
+    private handlePanelKeyDown;
+    private handleOptionKeyDown;
+    private toggleMultiple;
+    private selectOption;
+    private renderOptions;
+    render(): any;
+}
+//# sourceMappingURL=FilterMenu.d.ts.map

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { type ChoicePopupAnchorAlignment, type ControlSize } from '../../utils';
 import type { MenuAlign, MenuSide } from './menu-position';
-import type { MenuItemData, MenuSection } from './menu-types';
+import { type MenuItemData, type MenuSection } from './menu-types';
 export type MenuSelectionMode = 'none' | 'single';
 export type MenuSize = ControlSize;
 export declare class Menu {

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

@@ -1,12 +1,21 @@
 import type { SwatchPickerOption, SwatchPickerSection } from '../SwatchPicker/swatch-picker-types';
+import type { TagContrast, TagIntent } from '../Tag/Tag';
 export type { MenuAlign, MenuSide } from './menu-position';
 export { PANEL_NAV_USER_MENU_PLACEMENT, PANEL_TOOLS_HEADER_MENU_PLACEMENT, type MenuPlacement, } from './menu-placement';
+export interface MenuItemTagData {
+    label: string;
+    intent?: TagIntent;
+    contrast?: TagContrast;
+    rounded?: boolean;
+}
 export interface MenuItemData {
     label: string;
     value?: string;
     subtext?: string;
     /** Show a supplemental brand notification dot. */
     dot?: boolean;
+    /** Show a non-interactive tag at the trailing edge of the row. */
+    tag?: MenuItemTagData;
     isSelected?: boolean;
     isInactive?: boolean;
     isDestructive?: boolean;

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

@@ -27,6 +27,7 @@ export declare class Modal {
     private previousFocus;
     private closeTimer;
     componentDidLoad(): void;
+    componentDidRender(): void;
     disconnectedCallback(): void;
     onOpenChange(isOpen: boolean): void;
     private focusClose;

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

@@ -6,7 +6,13 @@ export type SelectSection = ChoiceSection;
 export type SelectBackground = ChoiceBackground;
 export type SelectSize = 'lg' | 'md' | 'sm' | 'xs';
 export type SelectWidth = ControlWidth;
+export type SelectPopupAlign = 'start' | 'end';
 export type SelectValue = string | string[];
+export interface SelectOptionActionDetail {
+    value: string;
+    anchorId: string;
+    originalEvent: MouseEvent;
+}
 export declare class Select {
     el: HTMLElement;
     internals: ElementInternals;
@@ -30,10 +36,18 @@ export declare class Select {
     requiredMessage: string;
     /** Trigger text shown when no valid value is selected. */
     placeholder: string;
+    /** Optional scalar-mode trigger text that does not change the selected option label. */
+    triggerLabel: string | undefined;
+    /** Present triggerLabel with placeholder emphasis while preserving the selected value. */
+    triggerLabelPlaceholder: boolean;
+    /** Show a supplemental notification dot beside the trigger label. */
+    dot: boolean;
     /** Control density. */
     size: SelectSize;
     /** Width fit — hug content (default) or fill the parent. */
     width: SelectWidth;
+    /** Align the popup's choice edge to the trigger start or end edge. */
+    popupAlign: SelectPopupAlign;
     /** Shared inactive treatment; removes interaction and form submission. */
     isInactive: boolean;
     /** Replace the prefix with a loader and disable option interaction. */
@@ -50,6 +64,8 @@ export declare class Select {
     clearLabel: string;
     /** Localized noun displayed after the selected count in multiple mode. */
     selectedLabel: string;
+    /** Optional text action shown in the popup footer instead of the clear action. */
+    footerActionLabel: string | undefined;
     /** Show immediate local filtering over option labels, subtext, and section headings. */
     searchable: boolean;
     /** Localized search-field placeholder and accessible name. */
@@ -78,23 +94,36 @@ export declare class Select {
     dsClear: EventEmitter<void>;
     /** Emitted whenever popup visibility changes. */
     dsOpenChange: EventEmitter<boolean>;
+    /** Emitted when the optional popup footer action is activated. */
+    dsFooterAction: EventEmitter<void>;
+    /** Emitted when an option's contextual ellipsis action is activated. */
+    dsOptionAction: EventEmitter<SelectOptionActionDetail>;
     private activeIndex;
     private searchTerm;
     private formDisabled;
     private position;
     private positionReady;
     private focusRingVisible;
+    private compactFooterSummary;
     private readonly generatedId;
     private readonly listboxId;
     private readonly errorId;
     private initialValue;
     private readonly controller;
+    private footerContentElement?;
+    private footerSummaryMeasureElement?;
+    private footerClearElement?;
+    private footerResizeObserver?;
+    private observedFooterContentElement?;
+    private footerMeasurementFrame?;
     private createController;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    componentDidRender(): void;
     disconnectedCallback(): void;
     syncFormValue(): void;
     onLoadingChange(): void;
+    onPopupAlignChange(): void;
     onOpenChange(open: boolean): void;
     onSearchTermChange(): void;
     onActiveIndexChange(): void;
@@ -113,10 +142,15 @@ export declare class Select {
     private get selectedOption();
     private get hasSelection();
     private get activeOptionId();
+    private get popupRole();
+    private observeFooterContent;
+    private scheduleFooterSummaryMeasurement;
+    private measureFooterSummary;
     private closePopup;
     private openPopup;
     private selectOption;
     private clearSelection;
+    private activateFooterAction;
     private readonly handleListKeyDown;
     private readonly handleTriggerKeyDown;
     private renderOption;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableGroup, TableGroupCollapseChangeDetail, TableGroupingChangeDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from './table-types';
+import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from './table-types';
 export declare class Table {
     el: HTMLElement;
     /** Stable column definitions. Assign through JavaScript. */
@@ -8,7 +8,7 @@ export declare class Table {
     rows: TableRow[];
     /** One level of application-owned grouped data. Assign through JavaScript. */
     groups: TableGroup[];
-    /** Controlled grouping column and group-order direction. */
+    /** Controlled grouping column. Applications supply groups in their final fixed order. */
     grouping: TableGroupingState | null;
     /** Controlled member-row sort state. */
     sort: TableSortState | null;
@@ -69,7 +69,6 @@ export declare class Table {
     /** Supports {count} and {total} placeholders. */
     rowsLoadedLabel: string;
     dsSortChange: EventEmitter<TableSortChangeDetail>;
-    dsGroupingChange: EventEmitter<TableGroupingChangeDetail>;
     dsGroupCollapseChange: EventEmitter<TableGroupCollapseChangeDetail>;
     dsSelectionChange: EventEmitter<TableSelectionChangeDetail>;
     dsLoadMore: EventEmitter<TableLoadMoreDetail>;

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

@@ -1,2 +1,2 @@
-export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellTagVariant, TableCellValue, TableColumn, TableColumnSticky, TableColumnWidth, TableGroup, TableGroupCollapseChangeDetail, TableGroupIntent, TableHeaderSegment, TableGroupingChangeDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
+export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellTagVariant, TableCellValue, TableColumn, TableColumnSticky, TableColumnWidth, TableGroup, TableGroupCollapseChangeDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/table-model.d.ts

@@ -1,4 +1,4 @@
-import type { TableCellBlank, TableCellAction, TableCellEmpty, TableCellIcon, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellValue, TableColumn, TableGroup, TableGroupingState, TableRow, TableSortState } from './table-types';
+import type { TableCellBlank, TableCellAction, TableCellEmpty, TableCellIcon, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellValue, TableColumn, TableGroup, TableRow, TableSortState } from './table-types';
 export interface TableSelectionState {
     selectableRowIds: string[];
     selectedLoadedCount: number;
@@ -16,7 +16,6 @@ export declare function isTableCellBlank(value: TableCellValue): value is TableC
 export declare function tableCellPrimary(value: TableCellValue): string | number | null;
 export declare function tableRowSelectionLabel(row: TableRow, columns: TableColumn[]): string;
 export declare function nextTableSortState(current: TableSortState | null | undefined, columnId: string): TableSortState;
-export declare function nextTableGroupOrder(grouping: TableGroupingState): TableGroupingState;
 export declare function toggleTableGroupCollapsed(collapsedGroupIds: string[], groupId: string): string[];
 export declare function nextTableGroupsCollapsed(collapsedGroupIds: string[], groupIds: string[]): string[];
 /** Host for grouped collapse-all: the trailing action lane or a scrollport-owned overlay. */

package/dist/types/components/Table/table-types.d.ts

@@ -24,7 +24,7 @@ export interface TableSortState {
     columnId: string;
     direction: TableSortDirection;
 }
-/** One controlled grouping level plus the supplied group-order direction. */
+/** One controlled grouping level. Applications supply groups in their final fixed order. */
 export interface TableGroupingState {
     columnId: string;
     direction: TableSortDirection;
@@ -178,9 +178,6 @@ export interface TableGroup {
 export interface TableSortChangeDetail {
     sort: TableSortState | null;
 }
-export interface TableGroupingChangeDetail {
-    grouping: TableGroupingState;
-}
 export interface TableSelectionChangeDetail {
     selectedRowIds: string[];
     scope: 'row' | 'all-loaded' | 'group';