@ds-mo/ui 14.20.0 → 14.22.0

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

@@ -4,8 +4,9 @@ import type { PanelToolsToolId } from '../PanelTools/panel-tools-types';
 import type { BreadcrumbSelectDetail } from '../Breadcrumb/breadcrumb-types';
 import { type ShellGradientPreset } from '../../shell/shell-gradient-presets';
 import { type MobileDestination, type ShellResponsiveMode } from '../../shell/shell-responsive';
+import type { PanelNavChildSelectDetail } from '../PanelNav/panel-nav-types';
 import type { PanelNavUserActionDetail } from '../PanelNav/panel-nav-types';
-import type { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from './shell-app-types';
+import type { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellSectionNavigation, ShellToolsConfig } from './shell-app-types';
 import type { PaperTextureConfig } from '../PaperTexture/paper-texture-types';
 export declare class ShellApp {
     private static readonly FOREGROUND_REFRESH_MS;
@@ -13,6 +14,8 @@ export declare class ShellApp {
     composition: ShellAppComposition;
     /** Router-owned navigation data used by managed composition. */
     navigation: ShellNavigationConfig;
+    /** Desktop/tablet route sections in BarNav, or nested beneath PanelNav parents. */
+    sectionNavigation: ShellSectionNavigation;
     /** Route-owned page title and section data used by managed composition. */
     pageChrome: ShellPageChromeConfig;
     /** Product-owned global tool definitions used by managed composition. */
@@ -40,6 +43,8 @@ export declare class ShellApp {
     dsNavSelect: EventEmitter<string>;
     /** Managed desktop BarNav or mobile section-selection intent. */
     dsTabChange: EventEmitter<string>;
+    /** Managed nested PanelNav child-route intent. */
+    dsNavChildSelect: EventEmitter<PanelNavChildSelectDetail>;
     /** Managed page-subsection intent from BarTitle or MobileHeader. */
     dsSubsectionChange: EventEmitter<string>;
     /** Managed page-level Back intent. */
@@ -97,6 +102,7 @@ export declare class ShellApp {
     private get effectiveMobileSheetNavOpen();
     private get resolvedNavigationGroups();
     private get resolvedToolItems();
+    private get resolvedPageTabs();
     private get availableInboxTools();
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -143,6 +149,7 @@ export declare class ShellApp {
     /** Request drawer or fullscreen presentation for the active managed tool. */
     setToolPresentation(presentation: 'drawer' | 'fullscreen'): Promise<void>;
     private handleManagedNavSelect;
+    private handleManagedNavChildSelect;
     private handleManagedTabChange;
     private handleManagedPageBack;
     private handleManagedBreadcrumbSelect;
@@ -167,12 +174,15 @@ export declare class ShellApp {
     private renderPaperTexture;
     private renderManagedPanelNav;
     private renderManagedBarNav;
+    private renderManagedTopBar;
     private renderManagedToolSlots;
     private renderManagedTools;
     private renderManagedMobileSheetNav;
     private renderManagedMobileBarNav;
     private renderManagedMobileLeading;
     private renderManagedMobileActions;
+    private get barTitleSections();
+    private renderManagedBarTitle;
     private renderManagedPage;
     private renderSlottedShell;
     render(): any;

package/dist/types/components/ShellApp/shell-app-types.d.ts

@@ -7,6 +7,7 @@ import type { PanelToolsHeaders, PanelToolsHeaderAction, PanelToolsItem } from '
 import type { NavChromeStyle } from '../../shell/nav-chrome';
 import type { ShellPageContentInset, ShellPageContentSurface } from '../ShellPage/shell-page-types';
 export type ShellAppComposition = 'managed' | 'slotted';
+export type ShellSectionNavigation = 'bar' | 'panel';
 /**
  * Router-owned application navigation supplied to managed ShellApp.
  * ShellApp renders the responsive chrome but never performs route changes.

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

@@ -1,5 +1,5 @@
 import type { ShellResponsiveMode } from '../../shell/shell-responsive';
-import type { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation } from './shell-page-types';
+import type { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageDesktopHeaderPlacement, ShellPageHeaderPresentation } from './shell-page-types';
 export declare class ShellPage {
     private static readonly MAX_HEADER_REVEAL_FRAMES;
     private static readonly MAX_HEADER_GEOMETRY_FRAMES;
@@ -8,6 +8,8 @@ export declare class ShellPage {
     headerPresentation: ShellPageHeaderPresentation;
     /** Available page-header capacity supplied by the owning application shell. */
     headerCapacity?: ShellPageCapacity;
+    /** Desktop title chrome is rendered in this page or externally in the shell bar. */
+    desktopHeaderPlacement: ShellPageDesktopHeaderPlacement;
     /** Standard page gutters, or no inset for full-bleed page content. */
     contentInset: ShellPageContentInset;
     /** Preserve the responsive side/end gutters while allowing content to meet the header. */
@@ -40,12 +42,15 @@ export declare class ShellPage {
     private hasLoaded;
     handleHeaderContractChange(): void;
     handleResponsiveModeChange(): void;
+    handleDesktopHeaderPlacementChange(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private connectRuntime;
     private get effectiveVariant();
+    private get desktopHeaderExternal();
+    private get effectiveScrollCompaction();
     private get headerContractResolved();
     private get isScrollCompacted();
     private get contentInsetStyles();

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

@@ -1,3 +1,3 @@
 export { ShellPage } from './ShellPage';
-export type { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation, } from './shell-page-types';
+export type { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageDesktopHeaderPlacement, ShellPageHeaderPresentation, } from './shell-page-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/ShellPage/shell-page-types.d.ts

@@ -1,5 +1,6 @@
 import type { BarTitleVariant } from '../BarTitle/bar-title-types';
 export type ShellPageHeaderPresentation = 'auto' | BarTitleVariant;
+export type ShellPageDesktopHeaderPlacement = 'page' | 'shell-bar';
 export type ShellPageContentInset = 'default' | 'none';
 export type ShellPageContentSurface = 'primary' | 'secondary';
 export type ShellPageCapacity = 'roomy' | 'compact' | 'constrained';

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

@@ -12,6 +12,8 @@ export declare class TabGroup {
     size: TabGroupSize;
     /** Width fit — hug content (default) or fill the parent with equal-width segments. */
     width: TabGroupWidth;
+    /** Show the segmented control's outer background, border, and inset. */
+    hasContainer: boolean;
     background: TabBackground | undefined;
     ariaLabel: string | null;
     ariaLabelledby: string | undefined;

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

@@ -15,6 +15,10 @@ export declare class Table {
     sort: TableSortState | null;
     /** Controlled collapsed group identities. Groups not listed remain expanded. */
     collapsedGroupIds: string[];
+    /** Literal terms to highlight in table-owned text cells. Applications still own filtering. */
+    highlightTerms: string[];
+    /** Optional TableSearch field identities that restrict which data-point tracks are highlighted. */
+    highlightFieldIds: string[];
     /** Required accessible table name, retained as a native caption. */
     caption: string;
     /** Shows a matching presentational title bar above the native table frame. */
@@ -145,6 +149,7 @@ export declare class Table {
     private virtualItems;
     private visibleColumnsCache;
     private renderModelCache;
+    private highlightMatcherCache;
     private virtualItemsCache;
     private rootEl;
     private viewportEl;
@@ -222,6 +227,7 @@ export declare class Table {
     private currentLoadedRows;
     private currentLoadedRowCount;
     private createRenderModel;
+    private get highlightMatcher();
     private get virtualizationEnabled();
     private get virtualViewportMissing();
     private get hasVirtualViewportBounds();

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

@@ -1,2 +1,2 @@
-export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellActionDivider, TableCellActionMenuEntry, TableCellActionMenuItem, TableCellBlank, TableCellEmpty, TableCellLinkTarget, TableCellIcon, TableCellIconText, TableCellImage, TableCellImageTracks, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTextRun, TableCellTextTrack, TableCellTag, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, TableColumnsConfigChangeDetail, TableColumnSticky, TableColumnWidth, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
+export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellActionDivider, TableCellActionMenuEntry, TableCellActionMenuItem, TableCellBlank, TableCellEmpty, TableCellLinkTarget, TableCellIcon, TableCellIconText, TableCellImage, TableCellImageTracks, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTextRun, TableCellTextTrack, TableCellTag, TableCellTagItem, TableCellTags, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, TableColumnsConfigChangeDetail, TableColumnSticky, TableColumnWidth, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import type { TableCellAction, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellImageTracks, TableCellTag, TableCellTagVariant, TableCellTextRun, TableCellTextTrack, TableCellValue, TableCellLinkTarget, TableCellLineClamp, TableCellMaxLines, TableColumn } from './table-types';
+import type { TableCellAction, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellImageTracks, TableCellTag, TableCellTags, TableCellTagVariant, TableCellTextRun, TableCellTextTrack, TableCellValue, TableCellLinkTarget, TableCellLineClamp, TableCellMaxLines, TableColumn } from './table-types';
 import type { IconColor } from '../Icon/Icon';
 import type { TextColor } from '../Text/text-types';
 /** Maximum independently colored runs on one secondary or tertiary track. */
@@ -50,6 +50,12 @@ export type TableCellPresentation = {
     cellType: 'tag';
     value: TableCellTag;
     variant: TableCellTagVariant;
+} | {
+    kind: 'tags';
+    cellType: 'tags';
+    value: TableCellTags;
+    tracks: number;
+    variant: `${number}-track`;
 } | {
     kind: 'text';
     cellType: 'text' | 'primary-text';
@@ -64,6 +70,10 @@ export type TableCellPresentation = {
 export declare function resolveTableCellImageTracks(tracks: TableCellImage['tracks']): TableCellImageTracks;
 /** Map an image track stack onto the shared single/multi/triple cell variant. */
 export declare function tableCellImageVariant(tracks: TableCellImageTracks): 'single' | 'multi' | 'triple';
+/** Normalize the declared line count used by wrapping multiple-Tag cells. */
+export declare function resolveTableCellTagsTracks(tracks: number): number;
+/** Token-backed content height for any named number of body-row tracks. */
+export declare function tableCellTrackStackBlockSize(tracks: number): string;
 /** Collapse a consumer track into at most three non-empty runs. */
 export declare function normalizeTableCellTextTrack(track: TableCellTextTrack | number | undefined): TableCellTextRun[] | undefined;
 /** Map wrap / maxLines onto wrap-to-track geometry and a line clamp. */

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

@@ -0,0 +1,12 @@
+export interface TableHighlightSegment {
+    text: string;
+    match: boolean;
+}
+export type TableHighlightMatcher = (value: string | number) => TableHighlightSegment[];
+export declare const TABLE_NO_HIGHLIGHT_MATCHER: TableHighlightMatcher;
+/**
+ * Creates one literal, case-insensitive matcher for table-owned text tracks.
+ * Longer terms win when supplied terms overlap.
+ */
+export declare function createTableHighlightMatcher(terms: string[]): TableHighlightMatcher;
+//# sourceMappingURL=table-highlight.d.ts.map

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

@@ -1,4 +1,4 @@
-import type { TableCellBlank, TableCellAction, TableCellEmpty, TableCellIcon, TableCellIconText, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellValue, TableColumn, TableGroup, TableRow, TableSortState } from './table-types';
+import type { TableCellBlank, TableCellAction, TableCellEmpty, TableCellIcon, TableCellIconText, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellTags, TableCellValue, TableColumn, TableGroup, TableRow, TableSortState } from './table-types';
 export interface TableSelectionState {
     selectableRowIds: string[];
     selectedLoadedCount: number;
@@ -8,6 +8,7 @@ export interface TableSelectionState {
 export declare function isTableCellText(value: TableCellValue): value is TableCellText;
 export declare function isTableCellPrimaryText(value: TableCellValue): value is TableCellPrimaryText;
 export declare function isTableCellTag(value: TableCellValue): value is TableCellTag;
+export declare function isTableCellTags(value: TableCellValue): value is TableCellTags;
 export declare function isTableCellIcon(value: TableCellValue): value is TableCellIcon;
 export declare function isTableCellIconText(value: TableCellValue): value is TableCellIconText;
 export declare function isTableCellImage(value: TableCellValue): value is TableCellImage;
@@ -30,11 +31,11 @@ export declare function tableCollapseAllHost(columns: TableColumn[]): TableColla
 export declare function clampTableColumnSize(column: TableColumn): number | undefined;
 export declare function tableColumnSize(column: TableColumn): string | undefined;
 /**
- * When every column has an explicit width, one ordinary lane must absorb spare
- * table width so fixed selection and action lanes are not expanded by the
- * native fixed-table layout algorithm.
+ * Fully sized tables add one internal lane that absorbs spare inline space and
+ * collapses to zero at the explicit overflow width. Keep trailing action and
+ * sticky-end lanes after it so those controls remain at the visible edge.
  */
-export declare function tableFlexibleColumnId(columns: TableColumn[]): string | undefined;
+export declare function tableElasticSpacerIndex(columns: TableColumn[]): number | undefined;
 export declare function tableExplicitMinWidth(columns: TableColumn[]): string | undefined;
 export declare function tableRows(rows: TableRow[], groups: TableGroup[], grouped: boolean): TableRow[];
 export declare function deriveTableSelectionState(rows: TableRow[], selectedRowIds: readonly string[]): TableSelectionState;

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

@@ -26,7 +26,7 @@ export interface TableRenderModel {
     allGroupsCollapsed: boolean;
     showCollapseAll: boolean;
     collapseAllHost: TableCollapseAllHost | undefined;
-    flexibleColumnId: string | undefined;
+    elasticSpacerIndex: number | undefined;
     tableStyle: Record<string, string> | undefined;
 }
 export interface TableRenderModelInput {

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

@@ -1,4 +1,5 @@
 import type { TableRenderModel } from './table-render-model';
+import { type TableHighlightMatcher } from './table-highlight';
 import type { TableCellActionDetail, TableColumn, TableRow } from './table-types';
 export interface TableRowViewOptions {
     row: TableRow;
@@ -10,6 +11,8 @@ export interface TableRowViewOptions {
         rowId: string;
         columnId: string;
     } | null;
+    highlightMatcher: TableHighlightMatcher;
+    highlightFieldIds: string[];
     ariaRowIndex?: number;
     variableVirtualSize?: boolean;
     rowKey?: string;
@@ -22,5 +25,5 @@ export interface TableRowViewOptions {
     onActionMenuToggle: (row: TableRow, column: TableColumn, event: MouseEvent) => void;
 }
 /** Render one semantic body row and the complete declarative table-cell vocabulary. */
-export declare function renderTableRow({ row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, ariaRowIndex, variableVirtualSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
+export declare function renderTableRow({ row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, highlightMatcher, highlightFieldIds, ariaRowIndex, variableVirtualSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
 //# sourceMappingURL=table-row-view.d.ts.map

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

@@ -23,7 +23,12 @@ export type TableCellLineClamp = TableCellMaxLines | 'none';
 export type TableGroupIntent = 'brand' | 'neutral' | 'negative' | 'warning' | 'caution' | 'positive';
 /** Independently sortable label within a compound column header. */
 export interface TableHeaderSegment {
+    /** Compact label rendered inside the table header. */
     label: string;
+    /** Complete data-point label used when the segment is named outside the table header. */
+    dataLabel?: string;
+    /** Whether this data point is offered by TableSearch. Defaults to true. */
+    searchable?: boolean;
     /** Stable key emitted through TableSortState.columnId. */
     sortKey: string;
     /** Visible separator rendered after this label when another segment follows. */
@@ -192,22 +197,31 @@ export type TableCellAction = TableCellActionBase & ({
 });
 /** Declarative Tag content rendered by the table's standard cell primitive. */
 export type TableCellTagVariant = 'tag-only' | 'tag-with-text' | 'text-with-tag';
-interface TableCellTagBase {
-    kind: 'tag';
+/** One Tag inside a single- or multiple-Tag table cell. */
+export interface TableCellTagItem {
     label: string;
     intent?: TagIntent;
     contrast?: TagContrast;
     icon?: string;
     rounded?: boolean;
 }
-export type TableCellTag = TableCellTagBase & ({
+export type TableCellTag = TableCellTagItem & {
+    kind: 'tag';
+} & ({
     variant?: 'tag-only';
     text?: never;
 } | {
     variant: Exclude<TableCellTagVariant, 'tag-only'>;
     text: string;
 });
-export type TableCellValue = string | number | null | undefined | TableCellText | TableCellPrimaryText | TableCellTag | TableCellIcon | TableCellIconText | TableCellImage | TableCellAction | TableCellEmpty | TableCellBlank;
+/** Multiple Tags that wrap inline while retaining the table's named track rhythm. */
+export interface TableCellTags {
+    kind: 'tags';
+    items: TableCellTagItem[];
+    /** Expected positive wrapped-line count used for row geometry and virtual estimates. */
+    tracks: number;
+}
+export type TableCellValue = string | number | null | undefined | TableCellText | TableCellPrimaryText | TableCellTag | TableCellTags | TableCellIcon | TableCellIconText | TableCellImage | TableCellAction | TableCellEmpty | TableCellBlank;
 export type TableSkeletonWidth = string | number;
 /** Representative loading geometry for one table column. */
 export type TableCellSkeleton = {
@@ -246,6 +260,10 @@ export interface TableColumn {
     id: string;
     /** Visible column label. May be empty when headerLabel supplies a non-visual name. */
     header: string;
+    /** Complete data-point label used by controls such as Sort and Search. */
+    dataLabel?: string;
+    /** Whether this data point is offered by TableSearch. Defaults to true for data columns. */
+    searchable?: boolean;
     /** Screen-reader-only column name for an intentionally blank visual header. */
     headerLabel?: string;
     /** Supplementary header help. Does not replace the visible or accessible column name. */

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

@@ -9,6 +9,8 @@ export declare const TABLE_VIRTUAL_ROW_TRACK_SIZE: {
     readonly 3: 84;
     readonly 4: 106;
 };
+/** Estimated row height for any positive named track count. */
+export declare function tableVirtualRowTrackSize(tracks: number): number;
 export declare const TABLE_VIRTUAL_GROUP_HEADER_SIZE: 40;
 export declare const TABLE_VIRTUAL_MIN_OVERSCAN_ROWS = 8;
 export declare const TABLE_VIRTUAL_VIEWPORT_REQUIRED_HEADING = "Bounded height required";

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuValues } from '../FilterMenu/FilterMenu';
+import type { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuMatchModeChangeDetail, FilterMenuMatchModes, FilterMenuValues } from '../FilterMenu/FilterMenu';
 export declare class TableFilter {
     /** Controlled popup visibility. */
     open: boolean;
@@ -7,6 +7,8 @@ export declare class TableFilter {
     filters: FilterMenuFilter[];
     /** Controlled values keyed by filter id. */
     values: FilterMenuValues;
+    /** Controlled any/all match mode keyed by multiple-choice filter id. Defaults to any. */
+    matchModes: FilterMenuMatchModes;
     /** Controlled category shown in the option pane. */
     activeFilterId: string | undefined;
     /** Visible trigger label. */
@@ -19,10 +21,16 @@ export declare class TableFilter {
     categoriesLabel: string;
     /** Footer action and date-clear accessible label. */
     clearLabel: string;
+    /** Placeholder shown in each non-date option search header. */
+    searchPlaceholder: string;
+    /** Empty-state text shown when an option search has no matches. */
+    noResultsText: string;
     /** 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 any/all mode replacement for a multiple-choice filter. */
+    dsMatchModeChange: EventEmitter<FilterMenuMatchModeChangeDetail>;
     /** Requests a controlled active-category replacement. */
     dsActiveFilterChange: EventEmitter<string>;
     /** Requests that the controlled popup close. */

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { TableGroupingState } from '../Table/table-types';
+export interface TableGroupOption {
+    label: string;
+    value: string;
+    description?: string;
+    isInactive?: boolean;
+}
+export declare class TableGroup {
+    private el;
+    /** Product-owned data points that may group the table. */
+    options: TableGroupOption[];
+    /** Controlled grouping field and the order of its group sections. */
+    grouping: TableGroupingState | null;
+    /** Accessible name for the trigger and non-modal dialog. */
+    ariaLabel: string | null;
+    /** Controlled popup visibility. */
+    open: boolean;
+    /** Empty message kept in the order pane until a grouping data point is selected. */
+    emptyMessage: string;
+    /** Clear action label. */
+    clearLabel: string;
+    /** Requests replacement of the complete controlled grouping state. */
+    dsGroupChange: EventEmitter<TableGroupingState>;
+    /** Requests removal of the controlled grouping state. */
+    dsClear: EventEmitter<void>;
+    /** Reports controlled popup visibility changes. */
+    dsOpenChange: EventEmitter<boolean>;
+    private shouldRender;
+    private closing;
+    private positionReady;
+    private pos;
+    private focusRingVisible;
+    private readonly componentId;
+    private readonly triggerId;
+    private readonly popupId;
+    private triggerElement;
+    private pendingInitialFocusVisible;
+    private closeTimer;
+    private readonly position;
+    private readonly interaction;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(isOpen: boolean): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    private get popupFallbackWidth();
+    private get popupFallbackHeight();
+    private teardown;
+    private toggle;
+    private close;
+    private finishClose;
+    private focusInitialDataPoint;
+    private selectData;
+    private selectDirection;
+    private moveFocus;
+    private renderDataOption;
+    private renderDirection;
+    render(): any;
+}
+//# sourceMappingURL=TableGroup.d.ts.map

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

@@ -0,0 +1,56 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { TableColumn } from '../Table/table-types';
+import type { TableSearchFieldsChangeDetail } from './table-search-types';
+export declare class TableSearch {
+    private el;
+    /** Controlled free-text query. */
+    value: string;
+    /** Table column catalog used to derive searchable data points and their complete labels. */
+    columns: TableColumn[];
+    /** Controlled ordered field scopes rendered as Tags. */
+    selectedFieldIds: string[];
+    placeholder: string;
+    ariaLabel: string;
+    clearLabel: string;
+    fieldMenuLabel: string;
+    isInactive: boolean;
+    dsChange: EventEmitter<string>;
+    dsFieldsChange: EventEmitter<TableSearchFieldsChangeDetail>;
+    dsClear: EventEmitter<void>;
+    private menuOpen;
+    private menuQuery;
+    private activeIndex;
+    private focusRingVisible;
+    private position;
+    private positionReady;
+    private availableHeight;
+    private announcement;
+    private readonly componentId;
+    private readonly inputId;
+    private readonly listboxId;
+    private readonly descriptionId;
+    private inputEl;
+    private controlEl;
+    private popupEl;
+    private readonly positionController;
+    private readonly interactionController;
+    disconnectedCallback(): void;
+    syncAvailableFields(): void;
+    syncInactive(isInactive: boolean): void;
+    setFocus(): Promise<void>;
+    private get selectedFields();
+    private get availableFields();
+    private get visibleFields();
+    private get searchFields();
+    private get activeOptionId();
+    private openMenu;
+    private closeMenu;
+    private handleInput;
+    private selectField;
+    private removeLastField;
+    private removeField;
+    private clearSearch;
+    private handleKeyDown;
+    render(): any;
+}
+//# sourceMappingURL=TableSearch.d.ts.map

package/dist/types/components/TableSearch/table-search-model.d.ts

@@ -0,0 +1,10 @@
+import type { TableColumn } from '../Table/table-types';
+import type { TableSearchField } from './table-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[];
+/** 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 nextTableSearchActiveIndex(currentIndex: number, optionCount: number, direction: 1 | -1): number;
+//# sourceMappingURL=table-search-model.d.ts.map

package/dist/types/components/TableSearch/table-search-types.d.ts

@@ -0,0 +1,10 @@
+export interface TableSearchField {
+    /** 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 {
+    selectedFieldIds: string[];
+}
+//# sourceMappingURL=table-search-types.d.ts.map