@ds-mo/ui 14.19.1 → 14.21.0

package/dist/react/components.d.ts

@@ -67,7 +67,9 @@ export { DsSwatchPicker } from "./ds-swatch-picker.js";
 export { DsSwitch } from "./ds-switch.js";
 export { DsTabGroup } from "./ds-tab-group.js";
 export { DsTableFilter } from "./ds-table-filter.js";
+export { DsTableGroup } from "./ds-table-group.js";
 export { DsTableSavedViews } from "./ds-table-saved-views.js";
+export { DsTableSearch } from "./ds-table-search.js";
 export { DsTableSort } from "./ds-table-sort.js";
 export { DsTableToolbar } from "./ds-table-toolbar.js";
 export { DsTable } from "./ds-table.js";

package/dist/react/components.js

@@ -68,7 +68,9 @@ export { DsSwatchPicker } from "./ds-swatch-picker.js";
 export { DsSwitch } from "./ds-switch.js";
 export { DsTabGroup } from "./ds-tab-group.js";
 export { DsTableFilter } from "./ds-table-filter.js";
+export { DsTableGroup } from "./ds-table-group.js";
 export { DsTableSavedViews } from "./ds-table-saved-views.js";
+export { DsTableSearch } from "./ds-table-search.js";
 export { DsTableSort } from "./ds-table-sort.js";
 export { DsTableToolbar } from "./ds-table-toolbar.js";
 export { DsTable } from "./ds-table.js";

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

@@ -3,12 +3,13 @@
  * 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 DsFilterMenuCustomEvent, type FilterMenuChangeDetail, type FilterMenuMatchModeChangeDetail } 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>>;
+    onDsMatchModeChange: EventName<DsFilterMenuCustomEvent<FilterMenuMatchModeChangeDetail>>;
     onDsActiveFilterChange: EventName<DsFilterMenuCustomEvent<string>>;
     onDsClose: EventName<DsFilterMenuCustomEvent<void>>;
     onDsOpenChange: EventName<DsFilterMenuCustomEvent<boolean>>;

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

@@ -10,6 +10,7 @@ export const DsFilterMenu = /*@__PURE__*/ createComponent({
     events: {
         onDsChange: 'dsChange',
         onDsClear: 'dsClear',
+        onDsMatchModeChange: 'dsMatchModeChange',
         onDsActiveFilterChange: 'dsActiveFilterChange',
         onDsClose: 'dsClose',
         onDsOpenChange: 'dsOpenChange',

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

@@ -3,12 +3,13 @@
  * 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 DsTableFilterCustomEvent, type FilterMenuChangeDetail } from "@ds-mo/ui";
+import { type DsTableFilterCustomEvent, type FilterMenuChangeDetail, type FilterMenuMatchModeChangeDetail } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsTableFilter as DsTableFilterElement } from "@ds-mo/ui/dist/components/ds-table-filter.js";
 export type DsTableFilterEvents = {
     onDsChange: EventName<DsTableFilterCustomEvent<FilterMenuChangeDetail>>;
     onDsClear: EventName<DsTableFilterCustomEvent<void>>;
+    onDsMatchModeChange: EventName<DsTableFilterCustomEvent<FilterMenuMatchModeChangeDetail>>;
     onDsActiveFilterChange: EventName<DsTableFilterCustomEvent<string>>;
     onDsClose: EventName<DsTableFilterCustomEvent<void>>;
     onDsOpenChange: EventName<DsTableFilterCustomEvent<boolean>>;

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

@@ -10,6 +10,7 @@ export const DsTableFilter = /*@__PURE__*/ createComponent({
     events: {
         onDsChange: 'dsChange',
         onDsClear: 'dsClear',
+        onDsMatchModeChange: 'dsMatchModeChange',
         onDsActiveFilterChange: 'dsActiveFilterChange',
         onDsClose: 'dsClose',
         onDsOpenChange: 'dsOpenChange',

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

@@ -0,0 +1,14 @@
+/**
+ * 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 DsTableGroupCustomEvent, type TableGroupingState } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTableGroup as DsTableGroupElement } from "@ds-mo/ui/dist/components/ds-table-group.js";
+export type DsTableGroupEvents = {
+    onDsGroupChange: EventName<DsTableGroupCustomEvent<TableGroupingState>>;
+    onDsClear: EventName<DsTableGroupCustomEvent<void>>;
+    onDsOpenChange: EventName<DsTableGroupCustomEvent<boolean>>;
+};
+export declare const DsTableGroup: StencilReactComponent<DsTableGroupElement, DsTableGroupEvents, Components.DsTableGroup>;

package/dist/react/ds-table-group.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsTableGroup as DsTableGroupElement, defineCustomElement as defineDsTableGroup } from "@ds-mo/ui/dist/components/ds-table-group.js";
+export const DsTableGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-table-group',
+    elementClass: DsTableGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsGroupChange: 'dsGroupChange',
+        onDsClear: 'dsClear',
+        onDsOpenChange: 'dsOpenChange'
+    },
+    defineCustomElement: defineDsTableGroup
+});

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

@@ -0,0 +1,14 @@
+/**
+ * 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 DsTableSearchCustomEvent, type TableSearchFieldsChangeDetail } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTableSearch as DsTableSearchElement } from "@ds-mo/ui/dist/components/ds-table-search.js";
+export type DsTableSearchEvents = {
+    onDsChange: EventName<DsTableSearchCustomEvent<string>>;
+    onDsFieldsChange: EventName<DsTableSearchCustomEvent<TableSearchFieldsChangeDetail>>;
+    onDsClear: EventName<DsTableSearchCustomEvent<void>>;
+};
+export declare const DsTableSearch: StencilReactComponent<DsTableSearchElement, DsTableSearchEvents, Components.DsTableSearch>;

package/dist/react/ds-table-search.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsTableSearch as DsTableSearchElement, defineCustomElement as defineDsTableSearch } from "@ds-mo/ui/dist/components/ds-table-search.js";
+export const DsTableSearch = /*@__PURE__*/ createComponent({
+    tagName: 'ds-table-search',
+    elementClass: DsTableSearchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsFieldsChange: 'dsFieldsChange',
+        onDsClear: 'dsClear'
+    },
+    defineCustomElement: defineDsTableSearch
+});

package/dist/styles/table.css

@@ -432,6 +432,18 @@
   width: var(--dimension-size-500);
 }
 
+:where(.ds-table__elastic-spacer-column) {
+  inline-size: auto;
+  width: auto;
+}
+
+:where(.ds-table__elastic-spacer-cell) {
+  min-inline-size: 0;
+  inline-size: auto;
+  width: auto;
+  padding: 0;
+}
+
 :where(.ds-table__head) {
   position: relative;
   z-index: 1;
@@ -903,6 +915,35 @@
   min-block-size: 0;
 }
 
+/*
+ * Multiple Tags use the 20px small single-inset control so each wrapped line
+ * occupies one later-track slot. The 2px block inset forms the 24px first
+ * track; subsequent lines add a 20px track and 2px gap, preserving the named
+ * row ladder for any declared number of tracks.
+ */
+:where(.ds-table__cell--tags .ds-table__cell-content) {
+  min-block-size: 0;
+}
+
+:where(.ds-table__cell-tags) {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  align-items: center;
+  gap: var(--dimension-space-025);
+  box-sizing: border-box;
+  inline-size: 100%;
+  min-inline-size: 0;
+  max-inline-size: 100%;
+  min-block-size: var(--_table-cell-tags-min-block-size, var(--_table-cell-track-min-block-size));
+  padding-block: var(--dimension-space-025);
+}
+
+:where(.ds-table__cell-tags > ds-tag) {
+  flex: none;
+  max-inline-size: 100%;
+}
+
 :where(.ds-table__cell-tag-stack) {
   display: flex;
   flex-direction: column;
@@ -1057,6 +1098,11 @@
   overflow-wrap: anywhere;
 }
 
+:where(.ds-table__match) {
+  background-color: var(--color-background-faint-brand);
+  color: var(--color-foreground-bold-brand);
+}
+
 /*
  * Wrapping tracks must be block boxes so ds-text line-clamp (a -webkit-box
  * inner) can grow onto later tracks. Flex + line-clamp otherwise collapses

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlInsetDepth } from '../../utils';
 /**
  * Semantic chip state — replaces Tag’s intent × contrast matrix.
  * - `default` — neutral faint
@@ -18,6 +19,10 @@ export declare class Chip {
     /** Semantic color state. @default 'default' */
     state: ChipState;
     size: ChipSize;
+    /** Use reduced outer geometry when nested inside a control of the same size. */
+    isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
     rounded: boolean;
     maxWidth: string | number | undefined;
     isInactive: boolean;

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

@@ -4,6 +4,8 @@ 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 type FilterMenuFooterLayout = 'summary' | 'categories-clear';
+export type FilterMenuMatchMode = 'any' | 'all';
 export interface FilterMenuOption {
     label: string;
     value: string;
@@ -22,16 +24,23 @@ export interface FilterMenuFilter {
 }
 export type FilterMenuValue = string[] | boolean | string;
 export type FilterMenuValues = Record<string, FilterMenuValue | undefined>;
+export type FilterMenuMatchModes = Record<string, FilterMenuMatchMode | undefined>;
 export interface FilterMenuChangeDetail {
     filterId: string;
     value: FilterMenuValue;
 }
+export interface FilterMenuMatchModeChangeDetail {
+    filterId: string;
+    mode: FilterMenuMatchMode;
+}
 export declare class FilterMenu {
     el: HTMLElement;
     /** Controlled popup visibility. */
     open: boolean;
-    /** Select trigger text. The selected count is appended automatically. */
+    /** Select trigger text. */
     triggerLabel: string;
+    /** Append the active-filter count to the visible trigger label. */
+    showSelectedCount: boolean;
     /** Optional select trigger prefix icon name. */
     icon: string | undefined;
     /** Select trigger density. */
@@ -55,6 +64,8 @@ export declare class FilterMenu {
     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;
     /** External trigger element to position against. */
@@ -79,6 +90,12 @@ export declare class FilterMenu {
     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;
+    /** Footer recipe: full-width selected summary or reserved category-pane Clear action. */
+    footerLayout: FilterMenuFooterLayout;
     /** Show a visible focus ring on initial entry after keyboard activation. */
     initialFocusVisible: boolean;
     private shouldRender;
@@ -88,10 +105,17 @@ export declare class FilterMenu {
     private focusRingVisible;
     private activeOptionIndex;
     private captionCompact;
+    private dateModeByFilter;
+    private calendarMonthByFilter;
+    private pendingRangeStartByFilter;
+    private previewRangeEndByFilter;
+    private optionQueryByFilter;
     /** 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. */
@@ -138,13 +162,34 @@ export declare class FilterMenu {
     private handleCategoryKeyDown;
     private handlePanelKeyDown;
     private handleOptionKeyDown;
+    private optionMatchesQuery;
+    private visibleOptions;
+    private booleanOption;
+    private setOptionQuery;
+    private handleOptionSearchKeyDown;
     private toggleMultiple;
     private selectOption;
+    private dateMode;
+    private setDateMode;
+    private calendarMonth;
+    private moveCalendarMonth;
+    private selectCalendarDate;
+    private previewCalendarRange;
+    private clearCalendarRangePreview;
+    private focusCalendarDate;
+    private handleCalendarDayKeyDown;
+    private renderRelativeDateOptions;
+    private renderDateCalendar;
+    private renderDateFilter;
+    private renderOptionSearch;
+    private renderNoOptionResults;
     private renderOptions;
     private get captionIconOnly();
     private syncCaptionCompactObserver;
     private disconnectCaptionCompactObserver;
     private renderCaptionTooltip;
+    private renderFooter;
+    private renderMatchModeFooter;
     render(): any;
 }
 //# sourceMappingURL=FilterMenu.d.ts.map

package/dist/types/components/FilterMenu/filter-menu-calendar.d.ts

@@ -0,0 +1,13 @@
+export interface FilterMenuCalendarDay {
+    value: string;
+    day: number;
+    inMonth: boolean;
+    label: string;
+}
+export declare const FILTER_MENU_WEEKDAYS: string[];
+export declare function filterMenuToday(): string;
+export declare function filterMenuCalendarMonth(value: string): string;
+export declare function shiftFilterMenuCalendarMonth(value: string, offset: number): string;
+export declare function filterMenuCalendarMonthLabel(value: string): string;
+export declare function filterMenuCalendarDays(value: string): FilterMenuCalendarDay[];
+//# sourceMappingURL=filter-menu-calendar.d.ts.map

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

@@ -40,6 +40,8 @@ export declare class Input {
     width: InputWidth;
     /** Show the standard inset border, including focused and invalid strokes. */
     hasBorder: boolean;
+    /** Show the standard hover and pressed fill when the field is not embedded in interactive chrome. */
+    hasInteractionFill: boolean;
     /** Optional leading icon name. */
     icon: string | undefined;
     isInactive: boolean;
@@ -51,6 +53,10 @@ export declare class Input {
     ariaLabel: string | null;
     ariaLabelledby: string | undefined;
     ariaDescribedby: string | undefined;
+    /** Identifies the results or popup controlled by the editable field. */
+    ariaControls: string | undefined;
+    /** Identifies the active descendant while focus remains in the editable field. */
+    ariaActiveDescendant: string | undefined;
     dsChange: EventEmitter<string>;
     dsClear: EventEmitter<void>;
     private initialValue;

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. */