@ds-mo/ui 14.36.0 → 15.1.0

package/dist/react/ds-data-sort.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 DataSortChangeDetail, type DsDataSortCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataSort as DsDataSortElement } from "@ds-mo/ui/dist/components/ds-data-sort.js";
+export type DsDataSortEvents = {
+    onDsSortChange: EventName<DsDataSortCustomEvent<DataSortChangeDetail>>;
+};
+export declare const DsDataSort: StencilReactComponent<DsDataSortElement, DsDataSortEvents, Components.DsDataSort>;

package/dist/react/ds-data-sort.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsDataSort as DsDataSortElement, defineCustomElement as defineDsDataSort } from "@ds-mo/ui/dist/components/ds-data-sort.js";
+export const DsDataSort = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-sort',
+    elementClass: DsDataSortElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsSortChange: 'dsSortChange' },
+    defineCustomElement: defineDsDataSort
+});

package/dist/react/{ds-table-toolbar.d.ts → ds-data-toolbar.d.ts}

@@ -4,6 +4,6 @@
  */
 import type { StencilReactComponent } from './react-runtime.js';
 import type { Components } from "@ds-mo/ui/dist/components";
-import { DsTableToolbar as DsTableToolbarElement } from "@ds-mo/ui/dist/components/ds-table-toolbar.js";
-export type DsTableToolbarEvents = NonNullable<unknown>;
-export declare const DsTableToolbar: StencilReactComponent<DsTableToolbarElement, DsTableToolbarEvents, Components.DsTableToolbar>;
+import { DsDataToolbar as DsDataToolbarElement } from "@ds-mo/ui/dist/components/ds-data-toolbar.js";
+export type DsDataToolbarEvents = NonNullable<unknown>;
+export declare const DsDataToolbar: StencilReactComponent<DsDataToolbarElement, DsDataToolbarEvents, Components.DsDataToolbar>;

package/dist/react/ds-data-toolbar.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsDataToolbar as DsDataToolbarElement, defineCustomElement as defineDsDataToolbar } from "@ds-mo/ui/dist/components/ds-data-toolbar.js";
+export const DsDataToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-toolbar',
+    elementClass: DsDataToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsDataToolbar
+});

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

@@ -3,12 +3,12 @@
  * 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 PaginationChangeDetail, type TableCellActionDetail, type TableColumnsConfigChangeDetail, type TableDataModeChangeDetail, type TableGroupCollapseChangeDetail, type TableGroupLoadMoreDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail, type TableSortChangeDetail } from "@ds-mo/ui";
+import { type DataFieldsConfigChangeDetail, type DataSortChangeDetail, type DsTableCustomEvent, type PaginationChangeDetail, type TableCellActionDetail, type TableDataModeChangeDetail, type TableGroupCollapseChangeDetail, type TableGroupLoadMoreDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail } 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 = {
     onDsCustomizeOptionChange: EventName<DsTableCustomEvent<string>>;
-    onDsSortChange: EventName<DsTableCustomEvent<TableSortChangeDetail>>;
+    onDsSortChange: EventName<DsTableCustomEvent<DataSortChangeDetail>>;
     onDsGroupCollapseChange: EventName<DsTableCustomEvent<TableGroupCollapseChangeDetail>>;
     onDsSelectionChange: EventName<DsTableCustomEvent<TableSelectionChangeDetail>>;
     onDsLoadMore: EventName<DsTableCustomEvent<TableLoadMoreDetail>>;
@@ -16,7 +16,7 @@ export type DsTableEvents = {
     onDsPaginationChange: EventName<DsTableCustomEvent<PaginationChangeDetail>>;
     onDsCellAction: EventName<DsTableCustomEvent<TableCellActionDetail>>;
     onDsRowActivate: EventName<DsTableCustomEvent<TableRowActivateDetail>>;
-    onDsColumnsConfigChange: EventName<DsTableCustomEvent<TableColumnsConfigChangeDetail>>;
+    onDsFieldsConfigChange: EventName<DsTableCustomEvent<DataFieldsConfigChangeDetail>>;
     onDsDataModeChange: EventName<DsTableCustomEvent<TableDataModeChangeDetail>>;
 };
 export declare const DsTable: StencilReactComponent<DsTableElement, DsTableEvents, Components.DsTable, 'caption'>;

package/dist/react/ds-table.js

@@ -17,7 +17,7 @@ export const DsTable = /*@__PURE__*/ createComponent({
         onDsPaginationChange: 'dsPaginationChange',
         onDsCellAction: 'dsCellAction',
         onDsRowActivate: 'dsRowActivate',
-        onDsColumnsConfigChange: 'dsColumnsConfigChange',
+        onDsFieldsConfigChange: 'dsFieldsConfigChange',
         onDsDataModeChange: 'dsDataModeChange'
     },
     defineCustomElement: defineDsTable

package/dist/styles/table.css

@@ -35,7 +35,7 @@
   --_table-wrap-secondary-padding-block: 0;
   --_table-surface: var(--ds-table-surface, var(--color-background-primary));
   --_table-header-surface: var(--ds-table-header-surface, var(--color-background-primary));
-  --_table-group-surface: var(--ds-table-group-surface, var(--color-background-secondary));
+  --_data-group-surface: var(--ds-data-group-surface, var(--color-background-secondary));
   --_table-row-hover: var(--ds-table-row-hover, var(--color-interaction-hover));
   --_table-row-pressed: var(--ds-table-row-pressed, var(--color-interaction-pressed));
   --_table-row-selected: var(--ds-table-row-selected, var(--color-interaction-active-brand));
@@ -1395,35 +1395,35 @@
 :where(.ds-table__group-cell--intent-warning),
 :where(.ds-table__group-cell--intent-caution),
 :where(.ds-table__group-cell--intent-positive) {
-  --_table-group-surface: linear-gradient(
+  --_data-group-surface: linear-gradient(
     to right,
-    var(--_table-group-intent-surface),
+    var(--_data-group-intent-surface),
     var(--color-background-faint-neutral)
   );
 }
 
 :where(.ds-table__group-cell--intent-brand) {
-  --_table-group-intent-surface: var(--color-background-faint-brand);
+  --_data-group-intent-surface: var(--color-background-faint-brand);
 }
 
 :where(.ds-table__group-cell--intent-neutral) {
-  --_table-group-surface: var(--color-background-faint-neutral);
+  --_data-group-surface: var(--color-background-faint-neutral);
 }
 
 :where(.ds-table__group-cell--intent-negative) {
-  --_table-group-intent-surface: var(--color-background-faint-negative);
+  --_data-group-intent-surface: var(--color-background-faint-negative);
 }
 
 :where(.ds-table__group-cell--intent-warning) {
-  --_table-group-intent-surface: var(--color-background-faint-warning);
+  --_data-group-intent-surface: var(--color-background-faint-warning);
 }
 
 :where(.ds-table__group-cell--intent-caution) {
-  --_table-group-intent-surface: var(--color-background-faint-caution);
+  --_data-group-intent-surface: var(--color-background-faint-caution);
 }
 
 :where(.ds-table__group-cell--intent-positive) {
-  --_table-group-intent-surface: var(--color-background-faint-positive);
+  --_data-group-intent-surface: var(--color-background-faint-positive);
 }
 
 :where(.ds-table__group-content) {
@@ -1441,7 +1441,7 @@
   min-block-size: var(--_table-row-min-block-size);
   padding: var(--dimension-space-100);
   border-block-end: 0;
-  background: var(--_table-group-surface);
+  background: var(--_data-group-surface);
   background-clip: border-box;
   cursor: default;
 }
@@ -1770,7 +1770,7 @@
   :where(.ds-table) {
     --_table-surface: var(--ds-forced-color-surface);
     --_table-header-surface: var(--ds-forced-color-surface);
-    --_table-group-surface: var(--ds-forced-color-surface);
+    --_data-group-surface: var(--ds-forced-color-surface);
     --_table-border: var(--ds-forced-color-control-boundary);
     --_table-column-border: var(--ds-forced-color-control-boundary);
     --_table-border-strong: var(--ds-forced-color-control-boundary);

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

@@ -1,13 +1,6 @@
-export type ConversationListActionLayout = 'floating' | 'footer';
 export declare class ConversationList {
     el: HTMLElement;
-    /** Corner icon action or full-width persistent footer action. */
-    actionLayout: ConversationListActionLayout;
-    private viewport?;
-    private content?;
     private empty?;
-    private overlay?;
-    private scrollOverlayController?;
     private emptySlotObserver?;
     componentDidLoad(): void;
     disconnectedCallback(): void;

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

@@ -0,0 +1,67 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { DataField } from '../../utils/data-field';
+import type { MenuItemData } from '../Menu/menu-types';
+export interface DataCustomizeChangeDetail {
+    /** Fields the viewer has hidden, in the order they were hidden. */
+    hiddenFieldIds: string[];
+    /** Field ids in display order. Unchanged unless the catalog reorders. */
+    fieldOrder: string[];
+}
+/**
+ * Show, hide and optionally reorder the data points a view renders.
+ *
+ * The table owns its own column customizer inside the caption, because a table
+ * locks its last visible column and reorders columns. This control is the same
+ * catalog for every other surface — a card list, a map overlay — where the
+ * fields are independent and usually only show and hide.
+ */
+export declare class DataCustomize {
+    private el;
+    /** Show the trigger border. */
+    hasBorder: boolean;
+    /** Catalog of data points the view can render. */
+    fields: DataField[];
+    /** Controlled hidden field ids. */
+    hiddenFieldIds: string[];
+    /** Controlled display order. Ids missing from it keep catalog order. */
+    fieldOrder: string[];
+    /**
+     * Drag-reorder the catalog rows. Off by default: most surfaces only show and
+     * hide, and a card layout has no column order to express.
+     */
+    reorderable: boolean;
+    /**
+     * Fields that must stay visible. Zero by default, so a view whose identity
+     * lives outside this catalog can hide every entry in it.
+     */
+    minVisible: number;
+    /** Section header above the catalog rows. Omitted when there is no second section. */
+    catalogHeader?: string;
+    /** Extra switch rows rendered in their own Options section. */
+    options: MenuItemData[];
+    /** Header for the options section. */
+    optionsHeader: string;
+    /** Accessible name for the trigger and menu. */
+    ariaLabel: string | null;
+    /** Visible trigger label. Collapses to the icon when space is tight. */
+    label: string;
+    dsFieldsConfigChange: EventEmitter<DataCustomizeChangeDetail>;
+    dsOptionChange: EventEmitter<string>;
+    private menuOpen;
+    private menuSurfaceOpen;
+    private initialFocusVisible;
+    private readonly componentId;
+    private readonly triggerId;
+    private readonly menuId;
+    setFocus(): Promise<void>;
+    private get customizerOptions();
+    private get catalog();
+    private get sections();
+    render(): any;
+    private toggle;
+    private open;
+    private close;
+    private handleSelect;
+    private handleReorder;
+}
+//# sourceMappingURL=DataCustomize.d.ts.map

package/dist/types/components/{TableFilter/TableFilter.d.ts → DataFilter/DataFilter.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuMatchModeChangeDetail, FilterMenuMatchModes, FilterMenuValues } from '../FilterMenu/FilterMenu';
-export declare class TableFilter {
+export declare class DataFilter {
     /** Controlled popup visibility. */
     open: boolean;
     /** Product-owned filter categories and option definitions. */
@@ -44,4 +44,4 @@ export declare class TableFilter {
     render(): any;
     private forward;
 }
-//# sourceMappingURL=TableFilter.d.ts.map
+//# sourceMappingURL=DataFilter.d.ts.map

package/dist/types/components/{TableGroup/TableGroup.d.ts → DataGroup/DataGroup.d.ts}

@@ -1,12 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TableGroupingState, TableSortDirection } from '../Table/table-types';
+import type { DataGroupingState, DataSortDirection } from '../Table/table-types';
 export interface TableGroupOrderOption {
     label: string;
-    direction: TableSortDirection;
+    direction: DataSortDirection;
     /** Optional application-owned data point used to order the group sections. */
     orderBy?: string;
 }
-export interface TableGroupOption {
+export interface DataGroupOption {
     label: string;
     value: string;
     description?: string;
@@ -14,7 +14,7 @@ export interface TableGroupOption {
     /** Product-owned order choices for this grouping data point. */
     orderOptions?: TableGroupOrderOption[];
 }
-export declare class TableGroup {
+export declare class DataGroup {
     private el;
     /** Product-owned data points that may group the table. */
     /** Render content inside a parent-owned surface; the parent owns dismissal and positioning. */
@@ -22,9 +22,9 @@ export declare class TableGroup {
     hasBorder: boolean;
     vertical: boolean;
     embedded: boolean;
-    options: TableGroupOption[];
+    options: DataGroupOption[];
     /** Controlled grouping field and the order of its group sections. */
-    grouping: TableGroupingState | null;
+    grouping: DataGroupingState | null;
     /** Accessible name for the trigger and non-modal dialog. */
     ariaLabel: string | null;
     /** Controlled popup visibility. */
@@ -34,7 +34,7 @@ export declare class TableGroup {
     /** Clear action label. */
     clearLabel: string;
     /** Requests replacement of the complete controlled grouping state. */
-    dsGroupChange: EventEmitter<TableGroupingState>;
+    dsGroupChange: EventEmitter<DataGroupingState>;
     /** Requests removal of the controlled grouping state. */
     dsClear: EventEmitter<void>;
     /** Reports controlled popup visibility changes. */
@@ -72,4 +72,4 @@ export declare class TableGroup {
     private renderOrder;
     render(): any;
 }
-//# sourceMappingURL=TableGroup.d.ts.map
+//# sourceMappingURL=DataGroup.d.ts.map

package/dist/types/components/{TablePreferences/TablePreferences.d.ts → DataPreferences/DataPreferences.d.ts}

@@ -1,10 +1,11 @@
+import type { DataField } from '../../utils/data-field';
 import type { MenuItemData, MenuSection } from '../Menu/menu-types';
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { FilterMenuFilter, FilterMenuValues, FilterMenuMatchModes, FilterMenuChangeDetail, FilterMenuMatchModeChangeDetail } from '../FilterMenu/FilterMenu';
-import type { TableColumn, TableSortState, TableSortChangeDetail, TableGroupingState, TableColumnsConfigChangeDetail } from '../Table/table-types';
-import type { TableGroupOption } from '../TableGroup/TableGroup';
+import type { TableColumn, DataSortState, DataSortChangeDetail, DataGroupingState, DataFieldsConfigChangeDetail } from '../Table/table-types';
+import type { DataGroupOption } from '../DataGroup/DataGroup';
 export type PreferencesTab = 'filters' | 'sort' | 'group' | 'customize';
-export declare class TablePreferences {
+export declare class DataPreferences {
     el: HTMLElement;
     /** Show the trigger border. */
     hasBorder: boolean;
@@ -12,18 +13,31 @@ export declare class TablePreferences {
     values: FilterMenuValues;
     matchModes: FilterMenuMatchModes;
     activeFilterId: string | undefined;
-    columns: TableColumn[];
+    fields: DataField[];
     /** Additional toggle options in the column customizer. */
     customizeOptions: MenuItemData[];
     customizeSections: MenuSection[];
+    /** Accessible name for the Customize menu. */
+    customizeLabel: string;
+    /**
+     * Section header above the catalog rows. Defaults to Columns when
+     * customizeOptions supply a second section, matching the table.
+     */
+    catalogHeader?: string;
+    /**
+     * Drag-reorder the catalog rows and keep the last visible entry locked, as a
+     * table requires. Pass false for a catalog that only shows and hides, where
+     * every entry may be hidden and rows carry no drag handle.
+     */
+    catalogReorderable: boolean;
     dsCustomizeOptionChange: EventEmitter<string>;
     /** Optional sort fields when they differ from customizable content. */
     sortColumns?: TableColumn[];
-    sort: TableSortState | null;
-    groupingOptions: TableGroupOption[];
-    grouping: TableGroupingState | null;
-    hiddenColumnIds: string[];
-    columnOrder: string[];
+    sort: DataSortState | null;
+    groupingOptions: DataGroupOption[];
+    grouping: DataGroupingState | null;
+    hiddenFieldIds: string[];
+    fieldOrder: string[];
     /** Render shared content without its popup or trigger. */
     embedded: boolean;
     activeTab: PreferencesTab;
@@ -33,10 +47,12 @@ export declare class TablePreferences {
     dsFilterMatchModeChange: EventEmitter<FilterMenuMatchModeChangeDetail>;
     dsActiveFilterChange: EventEmitter<string>;
     dsFiltersClear: EventEmitter<void>;
-    dsSortChange: EventEmitter<TableSortChangeDetail>;
-    dsGroupChange: EventEmitter<TableGroupingState>;
+    dsSortChange: EventEmitter<DataSortChangeDetail>;
+    dsGroupChange: EventEmitter<DataGroupingState>;
     dsGroupClear: EventEmitter<void>;
-    dsColumnsConfigChange: EventEmitter<TableColumnsConfigChangeDetail>;
+    dsFieldsConfigChange: EventEmitter<DataFieldsConfigChangeDetail>;
+    /** Catalog rows as domain-neutral items, so a non-table catalog needs no column shape. */
+    private catalogItems;
     private open;
     private tab;
     private pos;
@@ -53,4 +69,4 @@ export declare class TablePreferences {
     private forward;
     render(): any;
 }
-//# sourceMappingURL=TablePreferences.d.ts.map
+//# sourceMappingURL=DataPreferences.d.ts.map

package/dist/types/components/{TableSavedViews/TableSavedViews.d.ts → DataSavedViews/DataSavedViews.d.ts}

@@ -1,11 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail } from './table-saved-views-types';
-export declare class TableSavedViews {
+import type { DataSavedView, DataSavedViewChangeDetail, DataSavedViewCreateDetail, DataSavedViewDiscardDetail, DataSavedViewRemoveDetail, DataSavedViewRenameDetail, DataSavedViewSaveDetail } from './data-saved-views-types';
+export declare class DataSavedViews {
     el: HTMLElement;
     /** Application-owned custom saved views. Assign arrays through the JavaScript property. */
     /** Show the trigger border. */
     hasBorder: boolean;
-    views: TableSavedView[];
+    views: DataSavedView[];
     /** ID of the controlled active view, including the default view ID. */
     value: string;
     /** Whether the current table state differs from the selected custom view. Ignored for the default view. */
@@ -23,17 +23,17 @@ export declare class TableSavedViews {
     /** Footer action label that opens the create-view dialog. */
     createLabel: string;
     /** Emitted when a view selection is requested. */
-    dsViewChange: EventEmitter<TableSavedViewChangeDetail>;
+    dsViewChange: EventEmitter<DataSavedViewChangeDetail>;
     /** Emitted after a valid create-view name is submitted. */
-    dsViewCreate: EventEmitter<TableSavedViewCreateDetail>;
+    dsViewCreate: EventEmitter<DataSavedViewCreateDetail>;
     /** Emitted after a valid renamed view name is submitted. */
-    dsViewRename: EventEmitter<TableSavedViewRenameDetail>;
+    dsViewRename: EventEmitter<DataSavedViewRenameDetail>;
     /** Emitted when a custom view removal is requested. */
-    dsViewRemove: EventEmitter<TableSavedViewRemoveDetail>;
+    dsViewRemove: EventEmitter<DataSavedViewRemoveDetail>;
     /** Emitted when changes to the active custom view should replace its stored payload. */
-    dsViewSave: EventEmitter<TableSavedViewSaveDetail>;
+    dsViewSave: EventEmitter<DataSavedViewSaveDetail>;
     /** Emitted when the active custom view's stored payload should be restored. */
-    dsViewDiscard: EventEmitter<TableSavedViewDiscardDetail>;
+    dsViewDiscard: EventEmitter<DataSavedViewDiscardDetail>;
     private actionViewId;
     private actionAnchorId;
     private actionMenuOpen;
@@ -62,4 +62,4 @@ export declare class TableSavedViews {
     private finishDialogClose;
     render(): any;
 }
-//# sourceMappingURL=TableSavedViews.d.ts.map
+//# sourceMappingURL=DataSavedViews.d.ts.map

package/dist/types/components/DataSavedViews/data-saved-views-types.d.ts

@@ -0,0 +1,24 @@
+export interface DataSavedView {
+    id: string;
+    label: string;
+}
+export interface DataSavedViewChangeDetail {
+    viewId: string;
+}
+export interface DataSavedViewCreateDetail {
+    name: string;
+}
+export interface DataSavedViewRenameDetail {
+    viewId: string;
+    name: string;
+}
+export interface DataSavedViewRemoveDetail {
+    viewId: string;
+}
+export interface DataSavedViewSaveDetail {
+    viewId: string;
+}
+export interface DataSavedViewDiscardDetail {
+    viewId: string;
+}
+//# sourceMappingURL=data-saved-views-types.d.ts.map

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

@@ -0,0 +1,2 @@
+export type { DataSavedView, DataSavedViewChangeDetail, DataSavedViewCreateDetail, DataSavedViewDiscardDetail, DataSavedViewRemoveDetail, DataSavedViewRenameDetail, DataSavedViewSaveDetail, } from './data-saved-views-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/{TableSearch/TableSearch.d.ts → DataSearch/DataSearch.d.ts}

@@ -1,14 +1,14 @@
+import type { DataField } from '../../utils/data-field';
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TableColumn } from '../Table/table-types';
-import type { TableSearchFieldsChangeDetail } from './table-search-types';
-export declare class TableSearch {
+import type { DataSearchFieldsChangeDetail } from './data-search-types';
+export declare class DataSearch {
     private el;
     /** Show the resting field border; keyboard focus remains visible. */
     hasBorder: boolean;
     /** Controlled free-text query. */
     value: string;
     /** Table column catalog used to derive searchable data points and their complete labels. */
-    columns: TableColumn[];
+    fields: DataField[];
     /** Controlled ordered field scopes rendered as Tags. */
     selectedFieldIds: string[];
     placeholder: string;
@@ -17,7 +17,7 @@ export declare class TableSearch {
     fieldMenuLabel: string;
     isInactive: boolean;
     dsChange: EventEmitter<string>;
-    dsFieldsChange: EventEmitter<TableSearchFieldsChangeDetail>;
+    dsFieldsChange: EventEmitter<DataSearchFieldsChangeDetail>;
     dsClear: EventEmitter<void>;
     private menuOpen;
     private menuQuery;
@@ -55,4 +55,4 @@ export declare class TableSearch {
     private handleKeyDown;
     render(): any;
 }
-//# sourceMappingURL=TableSearch.d.ts.map
+//# sourceMappingURL=DataSearch.d.ts.map

package/dist/types/components/{TableSearch/table-search-model.d.ts → DataSearch/data-search-model.d.ts}

@@ -1,10 +1,10 @@
 import type { TableColumn } from '../Table/table-types';
-import type { TableSearchField } from './table-search-types';
+import type { DataSearchField } from './data-search-types';
 /** Searchable data points from the table catalog, including compound header segments. */
-export declare function tableSearchFields(columns: readonly TableColumn[]): TableSearchField[];
-export declare function selectedTableSearchFields(fields: readonly TableSearchField[], selectedFieldIds: string[]): TableSearchField[];
-export declare function availableTableSearchFields(fields: readonly TableSearchField[], selectedFieldIds: string[]): TableSearchField[];
+export declare function tableSearchFields(columns: readonly TableColumn[]): DataSearchField[];
+export declare function selectedTableSearchFields(fields: readonly DataSearchField[], selectedFieldIds: string[]): DataSearchField[];
+export declare function availableTableSearchFields(fields: readonly DataSearchField[], selectedFieldIds: string[]): DataSearchField[];
 /** Matches the field-picker query against the complete visible label and canonical identity. */
-export declare function filterTableSearchFields(fields: readonly TableSearchField[], query: string): TableSearchField[];
+export declare function filterTableSearchFields(fields: readonly DataSearchField[], query: string): DataSearchField[];
 export declare function nextTableSearchActiveIndex(currentIndex: number, optionCount: number, direction: 1 | -1): number;
-//# sourceMappingURL=table-search-model.d.ts.map
+//# sourceMappingURL=data-search-model.d.ts.map

package/dist/types/components/{TableSearch/table-search-types.d.ts → DataSearch/data-search-types.d.ts}

@@ -1,10 +1,10 @@
-export interface TableSearchField {
+export interface DataSearchField {
     /** Stable application-owned field identity used to scope filtering. */
     id: string;
     /** Visible field label shown in the slash menu and selected Tag. */
     label: string;
 }
-export interface TableSearchFieldsChangeDetail {
+export interface DataSearchFieldsChangeDetail {
     selectedFieldIds: string[];
 }
-//# sourceMappingURL=table-search-types.d.ts.map
+//# sourceMappingURL=data-search-types.d.ts.map

package/dist/types/components/{TableSort/TableSort.d.ts → DataSort/DataSort.d.ts}

@@ -1,16 +1,17 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TableColumn, TableSortChangeDetail, TableSortState } from '../Table/table-types';
-export declare class TableSort {
+import type { DataField } from '../../utils/data-field';
+import type { DataSortChangeDetail, DataSortState } from '../Table/table-types';
+export declare class DataSort {
     private el;
     /** Catalog used to derive sortable fields, including compound header segments. */
     /** Show the trigger border. */
     hasBorder: boolean;
-    columns: TableColumn[];
+    fields: DataField[];
     /** Controlled table sort. Header sorting and this menu share the same value. */
-    sort: TableSortState | null;
+    sort: DataSortState | null;
     /** Accessible name for the trigger and menu. */
     ariaLabel: string | null;
-    dsSortChange: EventEmitter<TableSortChangeDetail>;
+    dsSortChange: EventEmitter<DataSortChangeDetail>;
     private menuOpen;
     private menuSurfaceOpen;
     private initialFocusVisible;
@@ -24,4 +25,4 @@ export declare class TableSort {
     private close;
     private handleSelect;
 }
-//# sourceMappingURL=TableSort.d.ts.map
+//# sourceMappingURL=DataSort.d.ts.map

package/dist/types/components/DataSort/data-sort-menu.d.ts

@@ -0,0 +1,15 @@
+import type { MenuItemData, MenuSection } from '../Menu/menu-types';
+import type { TableColumn, DataSortState } from '../Table/table-types';
+export declare const TABLE_SORT_DIRECTION_ASC = "direction:asc";
+export declare const TABLE_SORT_DIRECTION_DESC = "direction:desc";
+export interface TableSortField {
+    id: string;
+    label: string;
+}
+/** Sortable data fields from the catalog, including compound header segments. */
+export declare function dataSortFields(columns: readonly TableColumn[]): TableSortField[];
+export declare function dataSortMenuSections(columns: readonly TableColumn[], sort: DataSortState | null | undefined): MenuSection[];
+export declare function dataSortStatesEqual(left: DataSortState | null | undefined, right: DataSortState | null | undefined): boolean;
+/** Next controlled sort from a Sort menu selection. Does not toggle like a header click. */
+export declare function nextDataSortStateFromMenuItem(columns: readonly TableColumn[], current: DataSortState | null | undefined, item: MenuItemData): DataSortState | null;
+//# sourceMappingURL=data-sort-menu.d.ts.map

package/dist/types/components/{TableToolbar/TableToolbar.d.ts → DataToolbar/DataToolbar.d.ts}

@@ -1,6 +1,6 @@
-export declare class TableToolbar {
+export declare class DataToolbar {
     el: HTMLElement;
-    /** Accessible name for the grouped table controls. */
+    /** Accessible name for the grouped controls. Pass a contextual name such as Table controls or Map controls. */
     label: string;
     /** Use separators between regions when composing borderless controls. */
     borderless: boolean;
@@ -10,4 +10,4 @@ export declare class TableToolbar {
     private syncSlotPresence;
     render(): any;
 }
-//# sourceMappingURL=TableToolbar.d.ts.map
+//# sourceMappingURL=DataToolbar.d.ts.map