@ds-mo/ui 14.36.0 → 15.1.0

package/dist/types/utils/data-field.d.ts

@@ -0,0 +1,38 @@
+/**
+ * A data point a control can name, sort by, search, or show and hide.
+ *
+ * Table columns were the first of these, so the toolbar controls originally
+ * typed against TableColumn. They never read a rendering property from it —
+ * only identity, labelling and capability — which meant a card list or map
+ * overlay had to describe itself as a table to reuse Sort, Search or Customize.
+ *
+ * TableColumn extends this, so table callers are unaffected and a non-table
+ * surface can supply the fields it actually has.
+ */
+export interface DataFieldSegment {
+    /** Compact label rendered where space is tight. */
+    label: string;
+    /** Complete data-point label used when the segment is named outside that context. */
+    dataLabel?: string;
+    /** Whether this data point is offered by search. Defaults to true. */
+    searchable?: boolean;
+    /** Stable key emitted as the sorted field id. */
+    sortKey: string;
+}
+export interface DataField {
+    /** Stable field identity. */
+    id: string;
+    /** Visible field label. May be empty when accessibleLabel supplies a non-visual name. */
+    label: string;
+    /** Complete data-point label used by controls such as Sort and Search. */
+    dataLabel?: string;
+    /** Screen-reader-only name for an intentionally blank visible label. */
+    accessibleLabel?: string;
+    /** Whether this data point is offered by Search. Defaults to true. */
+    searchable?: boolean;
+    /** Whether Sort offers this field. */
+    sortable?: boolean;
+    /** Labels for a field that presents and sorts several related data points. */
+    segments?: DataFieldSegment[];
+}
+//# sourceMappingURL=data-field.d.ts.map

package/dist/types/utils/list-customizer.d.ts

@@ -0,0 +1,38 @@
+import type { MenuItemData } from '../components/Menu/menu-types';
+/**
+ * Domain-neutral show/hide and reorder state for a customizable list of items.
+ *
+ * Table columns were the first consumer, but nothing here is table-shaped: a
+ * card list, a map overlay, or a filter catalog needs the same resolution rules
+ * (drop unknown ids, dedupe, keep a stable order) and the same menu rows. The
+ * two behaviours that genuinely differ between consumers are parameters rather
+ * than modes:
+ *
+ * - `minVisible` — how many items must stay visible. Table passes 1 so the last
+ *   data column cannot be hidden; a catalog where every field may hide passes 0.
+ * - `reorderable` — whether rows carry a drag handle. Menu renders a switch row
+ *   without one when this is false.
+ */
+export interface ListCustomizerItem {
+    /** Stable identity. */
+    id: string;
+    /** Visible row label. */
+    label: string;
+}
+export interface ListCustomizerOptions {
+    /** Items that must remain visible. Defaults to 0, so every item may hide. */
+    minVisible?: number;
+    /** Prefix a drag handle and allow reorder. Defaults to false. */
+    reorderable?: boolean;
+}
+/** Ids in display order. Unknown and duplicate ids are ignored, missing ids append. */
+export declare function resolveListOrder(ids: readonly string[], order?: readonly string[]): string[];
+/** Hidden ids, dropping unknowns and keeping `minVisible` items visible. */
+export declare function resolveListHiddenIds(ids: readonly string[], hiddenIds?: readonly string[], options?: ListCustomizerOptions): string[];
+export declare function canToggleListHidden(ids: readonly string[], hiddenIds: readonly string[] | undefined, id: string, options?: ListCustomizerOptions): boolean;
+export declare function toggleListHidden(ids: readonly string[], hiddenIds: readonly string[] | undefined, id: string, options?: ListCustomizerOptions): string[];
+export declare function moveListOrder(order: string[], fromId: string, toId: string): string[];
+export declare function moveListOrderBy(order: string[], id: string, offset: number): string[];
+/** Menu switch rows for a customizable list, in resolved display order. */
+export declare function listCustomizerMenuItems(items: readonly ListCustomizerItem[], hiddenIds: readonly string[] | undefined, order: readonly string[] | undefined, options?: ListCustomizerOptions): MenuItemData[];
+//# sourceMappingURL=list-customizer.d.ts.map

package/dist/types/utils/table-caption-compact.d.ts

@@ -1,4 +1,4 @@
-/** Matches `@container ds-table (max-width: 899px)` on caption Filter/Group/Sort. */
+/** Shared compact breakpoint for table captions and standalone data toolbars. */
 export declare const TABLE_CAPTION_COMPACT_MAX_PX = 899;
 export declare function isTableCaptionCompact(width: number): boolean;
 export declare function tableCaptionInlineSize(entry: ResizeObserverEntry): number;

package/dist/vue/components.d.ts

@@ -35,6 +35,14 @@ export { DsCodeBlock } from './ds-code-block.js';
 export { DsConversationList } from './ds-conversation-list.js';
 export { DsConversationListItem } from './ds-conversation-list-item.js';
 export { DsConversationListSection } from './ds-conversation-list-section.js';
+export { DsDataCustomize } from './ds-data-customize.js';
+export { DsDataFilter } from './ds-data-filter.js';
+export { DsDataGroup } from './ds-data-group.js';
+export { DsDataPreferences } from './ds-data-preferences.js';
+export { DsDataSavedViews } from './ds-data-saved-views.js';
+export { DsDataSearch } from './ds-data-search.js';
+export { DsDataSort } from './ds-data-sort.js';
+export { DsDataToolbar } from './ds-data-toolbar.js';
 export { DsDivider } from './ds-divider.js';
 export { DsEmptyState } from './ds-empty-state.js';
 export { DsField } from './ds-field.js';
@@ -76,13 +84,6 @@ export { DsSwatchPicker } from './ds-swatch-picker.js';
 export { DsSwitch } from './ds-switch.js';
 export { DsTabGroup } from './ds-tab-group.js';
 export { DsTable } from './ds-table.js';
-export { DsTableFilter } from './ds-table-filter.js';
-export { DsTableGroup } from './ds-table-group.js';
-export { DsTablePreferences } from './ds-table-preferences.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 { DsTag } from './ds-tag.js';
 export { DsText } from './ds-text.js';
 export { DsTextarea } from './ds-textarea.js';

package/dist/vue/components.js

@@ -37,6 +37,14 @@ export { DsCodeBlock } from './ds-code-block.js';
 export { DsConversationList } from './ds-conversation-list.js';
 export { DsConversationListItem } from './ds-conversation-list-item.js';
 export { DsConversationListSection } from './ds-conversation-list-section.js';
+export { DsDataCustomize } from './ds-data-customize.js';
+export { DsDataFilter } from './ds-data-filter.js';
+export { DsDataGroup } from './ds-data-group.js';
+export { DsDataPreferences } from './ds-data-preferences.js';
+export { DsDataSavedViews } from './ds-data-saved-views.js';
+export { DsDataSearch } from './ds-data-search.js';
+export { DsDataSort } from './ds-data-sort.js';
+export { DsDataToolbar } from './ds-data-toolbar.js';
 export { DsDivider } from './ds-divider.js';
 export { DsEmptyState } from './ds-empty-state.js';
 export { DsField } from './ds-field.js';
@@ -78,13 +86,6 @@ export { DsSwatchPicker } from './ds-swatch-picker.js';
 export { DsSwitch } from './ds-switch.js';
 export { DsTabGroup } from './ds-tab-group.js';
 export { DsTable } from './ds-table.js';
-export { DsTableFilter } from './ds-table-filter.js';
-export { DsTableGroup } from './ds-table-group.js';
-export { DsTablePreferences } from './ds-table-preferences.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 { DsTag } from './ds-tag.js';
 export { DsText } from './ds-text.js';
 export { DsTextarea } from './ds-textarea.js';

package/dist/vue/ds-conversation-list.js

@@ -3,6 +3,4 @@
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
 import { defineCustomElement as defineDsConversationList } from '@ds-mo/ui/components/ds-conversation-list.js';
-export const DsConversationList = /*@__PURE__*/ defineContainer('ds-conversation-list', defineDsConversationList, [
-    'actionLayout'
-]);
+export const DsConversationList = /*@__PURE__*/ defineContainer('ds-conversation-list', defineDsConversationList);

package/dist/vue/ds-data-customize.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsDataCustomize: StencilVueComponent<JSX.DsDataCustomize>;

package/dist/vue/ds-data-customize.js

@@ -0,0 +1,23 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-runtime.js';
+import { defineCustomElement as defineDsDataCustomize } from '@ds-mo/ui/components/ds-data-customize.js';
+export const DsDataCustomize = /*@__PURE__*/ defineContainer('ds-data-customize', defineDsDataCustomize, [
+    'hasBorder',
+    'fields',
+    'hiddenFieldIds',
+    'fieldOrder',
+    'reorderable',
+    'minVisible',
+    'catalogHeader',
+    'options',
+    'optionsHeader',
+    'ariaLabel',
+    'label',
+    'dsFieldsConfigChange',
+    'dsOptionChange'
+], [
+    'dsFieldsConfigChange',
+    'dsOptionChange'
+]);

package/dist/vue/{ds-table-group.d.ts → ds-data-filter.d.ts}

@@ -1,3 +1,3 @@
 import { type StencilVueComponent } from './vue-runtime.js';
 import type { JSX } from '@ds-mo/ui/components';
-export declare const DsTableGroup: StencilVueComponent<JSX.DsTableGroup>;
+export declare const DsDataFilter: StencilVueComponent<JSX.DsDataFilter>;

package/dist/vue/{ds-table-filter.js → ds-data-filter.js}

@@ -2,8 +2,8 @@
 /* tslint:disable */
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
-import { defineCustomElement as defineDsTableFilter } from '@ds-mo/ui/components/ds-table-filter.js';
-export const DsTableFilter = /*@__PURE__*/ defineContainer('ds-table-filter', defineDsTableFilter, [
+import { defineCustomElement as defineDsDataFilter } from '@ds-mo/ui/components/ds-data-filter.js';
+export const DsDataFilter = /*@__PURE__*/ defineContainer('ds-data-filter', defineDsDataFilter, [
     'open',
     'hasBorder',
     'filters',

package/dist/vue/{ds-table-sort.d.ts → ds-data-group.d.ts}

@@ -1,3 +1,3 @@
 import { type StencilVueComponent } from './vue-runtime.js';
 import type { JSX } from '@ds-mo/ui/components';
-export declare const DsTableSort: StencilVueComponent<JSX.DsTableSort>;
+export declare const DsDataGroup: StencilVueComponent<JSX.DsDataGroup>;

package/dist/vue/{ds-table-group.js → ds-data-group.js}

@@ -2,8 +2,8 @@
 /* tslint:disable */
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
-import { defineCustomElement as defineDsTableGroup } from '@ds-mo/ui/components/ds-table-group.js';
-export const DsTableGroup = /*@__PURE__*/ defineContainer('ds-table-group', defineDsTableGroup, [
+import { defineCustomElement as defineDsDataGroup } from '@ds-mo/ui/components/ds-data-group.js';
+export const DsDataGroup = /*@__PURE__*/ defineContainer('ds-data-group', defineDsDataGroup, [
     'hasBorder',
     'vertical',
     'embedded',

package/dist/vue/{ds-table-saved-views.d.ts → ds-data-preferences.d.ts}

@@ -1,3 +1,3 @@
 import { type StencilVueComponent } from './vue-runtime.js';
 import type { JSX } from '@ds-mo/ui/components';
-export declare const DsTableSavedViews: StencilVueComponent<JSX.DsTableSavedViews>;
+export declare const DsDataPreferences: StencilVueComponent<JSX.DsDataPreferences>;

package/dist/vue/{ds-table-preferences.js → ds-data-preferences.js}

@@ -2,22 +2,25 @@
 /* tslint:disable */
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
-import { defineCustomElement as defineDsTablePreferences } from '@ds-mo/ui/components/ds-table-preferences.js';
-export const DsTablePreferences = /*@__PURE__*/ defineContainer('ds-table-preferences', defineDsTablePreferences, [
+import { defineCustomElement as defineDsDataPreferences } from '@ds-mo/ui/components/ds-data-preferences.js';
+export const DsDataPreferences = /*@__PURE__*/ defineContainer('ds-data-preferences', defineDsDataPreferences, [
     'hasBorder',
     'filters',
     'values',
     'matchModes',
     'activeFilterId',
-    'columns',
+    'fields',
     'customizeOptions',
     'customizeSections',
+    'customizeLabel',
+    'catalogHeader',
+    'catalogReorderable',
     'sortColumns',
     'sort',
     'groupingOptions',
     'grouping',
-    'hiddenColumnIds',
-    'columnOrder',
+    'hiddenFieldIds',
+    'fieldOrder',
     'embedded',
     'activeTab',
     'label',
@@ -30,7 +33,7 @@ export const DsTablePreferences = /*@__PURE__*/ defineContainer('ds-table-prefer
     'dsSortChange',
     'dsGroupChange',
     'dsGroupClear',
-    'dsColumnsConfigChange'
+    'dsFieldsConfigChange'
 ], [
     'dsCustomizeOptionChange',
     'dsPreferencesTabChange',
@@ -41,5 +44,5 @@ export const DsTablePreferences = /*@__PURE__*/ defineContainer('ds-table-prefer
     'dsSortChange',
     'dsGroupChange',
     'dsGroupClear',
-    'dsColumnsConfigChange'
+    'dsFieldsConfigChange'
 ]);

package/dist/vue/ds-data-saved-views.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsDataSavedViews: StencilVueComponent<JSX.DsDataSavedViews>;

package/dist/vue/{ds-table-saved-views.js → ds-data-saved-views.js}

@@ -2,8 +2,8 @@
 /* tslint:disable */
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
-import { defineCustomElement as defineDsTableSavedViews } from '@ds-mo/ui/components/ds-table-saved-views.js';
-export const DsTableSavedViews = /*@__PURE__*/ defineContainer('ds-table-saved-views', defineDsTableSavedViews, [
+import { defineCustomElement as defineDsDataSavedViews } from '@ds-mo/ui/components/ds-data-saved-views.js';
+export const DsDataSavedViews = /*@__PURE__*/ defineContainer('ds-data-saved-views', defineDsDataSavedViews, [
     'hasBorder',
     'views',
     'value',

package/dist/vue/{ds-table-filter.d.ts → ds-data-search.d.ts}

@@ -1,3 +1,3 @@
 import { type StencilVueComponent } from './vue-runtime.js';
 import type { JSX } from '@ds-mo/ui/components';
-export declare const DsTableFilter: StencilVueComponent<JSX.DsTableFilter>;
+export declare const DsDataSearch: StencilVueComponent<JSX.DsDataSearch>;

package/dist/vue/{ds-table-search.js → ds-data-search.js}

@@ -2,11 +2,11 @@
 /* tslint:disable */
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
-import { defineCustomElement as defineDsTableSearch } from '@ds-mo/ui/components/ds-table-search.js';
-export const DsTableSearch = /*@__PURE__*/ defineContainer('ds-table-search', defineDsTableSearch, [
+import { defineCustomElement as defineDsDataSearch } from '@ds-mo/ui/components/ds-data-search.js';
+export const DsDataSearch = /*@__PURE__*/ defineContainer('ds-data-search', defineDsDataSearch, [
     'hasBorder',
     'value',
-    'columns',
+    'fields',
     'selectedFieldIds',
     'placeholder',
     'ariaLabel',

package/dist/vue/{ds-table-search.d.ts → ds-data-sort.d.ts}

@@ -1,3 +1,3 @@
 import { type StencilVueComponent } from './vue-runtime.js';
 import type { JSX } from '@ds-mo/ui/components';
-export declare const DsTableSearch: StencilVueComponent<JSX.DsTableSearch>;
+export declare const DsDataSort: StencilVueComponent<JSX.DsDataSort>;

package/dist/vue/{ds-table-sort.js → ds-data-sort.js}

@@ -2,10 +2,10 @@
 /* tslint:disable */
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-runtime.js';
-import { defineCustomElement as defineDsTableSort } from '@ds-mo/ui/components/ds-table-sort.js';
-export const DsTableSort = /*@__PURE__*/ defineContainer('ds-table-sort', defineDsTableSort, [
+import { defineCustomElement as defineDsDataSort } from '@ds-mo/ui/components/ds-data-sort.js';
+export const DsDataSort = /*@__PURE__*/ defineContainer('ds-data-sort', defineDsDataSort, [
     'hasBorder',
-    'columns',
+    'fields',
     'sort',
     'ariaLabel',
     'dsSortChange'

package/dist/vue/ds-data-toolbar.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsDataToolbar: StencilVueComponent<JSX.DsDataToolbar>;

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

@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-runtime.js';
+import { defineCustomElement as defineDsDataToolbar } from '@ds-mo/ui/components/ds-data-toolbar.js';
+export const DsDataToolbar = /*@__PURE__*/ defineContainer('ds-data-toolbar', defineDsDataToolbar, [
+    'label',
+    'borderless'
+]);

package/dist/vue/ds-table.js

@@ -18,8 +18,8 @@ export const DsTable = /*@__PURE__*/ defineContainer('ds-table', defineDsTable,
     'columnCustomizer',
     'captionControlsBorderless',
     'hideColumnCustomizerTrigger',
-    'hiddenColumnIds',
-    'columnOrder',
+    'hiddenFieldIds',
+    'fieldOrder',
     'displayedCount',
     'totalCount',
     'resultSummaryLabel',
@@ -77,7 +77,7 @@ export const DsTable = /*@__PURE__*/ defineContainer('ds-table', defineDsTable,
     'dsPaginationChange',
     'dsCellAction',
     'dsRowActivate',
-    'dsColumnsConfigChange',
+    'dsFieldsConfigChange',
     'dsDataModeChange'
 ], [
     'dsCustomizeOptionChange',
@@ -89,6 +89,6 @@ export const DsTable = /*@__PURE__*/ defineContainer('ds-table', defineDsTable,
     'dsPaginationChange',
     'dsCellAction',
     'dsRowActivate',
-    'dsColumnsConfigChange',
+    'dsFieldsConfigChange',
     'dsDataModeChange'
 ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "14.36.0",
+  "version": "15.1.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -75,7 +75,12 @@
     "./agent": "./dist/agent.json",
     "./agent/patterns": "./dist/agent-patterns.json",
     "./dist/components/*": "./dist/components/*",
-    "./components/*": "./dist/components/*"
+    "./components/*": "./dist/components/*",
+    "./lint": {
+      "types": "./dist/lint/index.d.ts",
+      "import": "./dist/lint/index.js",
+      "default": "./dist/lint/index.js"
+    }
   },
   "files": [
     "dist",
@@ -85,7 +90,7 @@
     "prebuild": "npm run clean && npm run clean:framework-proxies && node scripts/generate-icon-catalog.mjs",
     "pretypecheck": "node scripts/generate-icon-catalog.mjs",
     "pretest": "node scripts/generate-icon-catalog.mjs",
-    "build": "stencil build && node scripts/verify-framework-proxies.mjs && node scripts/patch-index-types.mjs && node scripts/verify-icons-externalized.mjs && node scripts/build-lib-exports.mjs && node scripts/build-style-exports.mjs && node scripts/build-framework-exports.mjs && node scripts/build-registry.mjs && node scripts/build-agent-manifest.mjs && node scripts/build-mcp.mjs && node scripts/verify-framework-proxies.mjs && node scripts/write-build-stamp.mjs",
+    "build": "stencil build && node scripts/verify-framework-proxies.mjs && node scripts/patch-index-types.mjs && node scripts/verify-icons-externalized.mjs && node scripts/build-lib-exports.mjs && node scripts/build-style-exports.mjs && node scripts/build-framework-exports.mjs && node scripts/build-registry.mjs && node scripts/build-agent-manifest.mjs && node scripts/build-lint.mjs && node scripts/build-mcp.mjs && node scripts/verify-framework-proxies.mjs && node scripts/write-build-stamp.mjs",
     "verify:pack": "node scripts/verify-framework-proxies.mjs && node scripts/verify-npm-pack.mjs && node scripts/verify-package-imports.mjs",
     "verify:local": "npm run format:check && npm run typecheck && npm run typecheck:storybook && npm run lint && npm test && npm run build && npm run agent:validate && npm run verify:pack",
     "verify:local:full": "npm run verify:local && npm run test:e2e:chromium",
@@ -114,8 +119,8 @@
     "clean:framework-proxies": "node scripts/clean-framework-proxies.mjs",
     "typecheck": "tsc --noEmit",
     "typecheck:storybook": "tsc -p tsconfig.storybook-tests.json",
-    "lint": "eslint src/ .storybook/vitest.setup.ts vitest.config.ts tests/ci-browser-scope.test.ts && npm run lint:css",
-    "lint:css": "stylelint \"src/wc/components/**/*.css\" \"src/wc/styles/**/*.css\" \"src/wc/utils/**/*.css\"",
+    "lint": "eslint src/ .storybook/vitest.setup.ts vitest.config.ts tests/ci-browser-scope.test.ts",
+    "lint:css": "eslint \"src/wc/components/**/*.css\" \"src/wc/styles/**/*.css\" \"src/wc/utils/**/*.css\"",
     "registry:build": "node scripts/build-registry.mjs",
     "agent:validate": "node scripts/validate-agent-contract.mjs",
     "agent:validate:trilogy": "node scripts/validate-trilogy-manifests.mjs",
@@ -124,8 +129,10 @@
   "peerDependencies": {
     "@angular/core": ">=19 <23",
     "@angular/forms": ">=19 <23",
-    "@ds-mo/icons": "^7.0.0",
+    "@ds-mo/icons": "^8.1.0",
     "@ds-mo/tokens": "^6.5.1",
+    "@eslint/css": "^2.0.0",
+    "eslint": "^10.7.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
     "rxjs": "^7.8.0",
@@ -149,6 +156,12 @@
     },
     "vue": {
       "optional": true
+    },
+    "eslint": {
+      "optional": true
+    },
+    "@eslint/css": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -157,8 +170,14 @@
     "@angular/core": "^22.0.7",
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
-    "@ds-mo/icons": "^7.0.0",
+    "@csstools/css-calc": "^3.3.0",
+    "@csstools/css-parser-algorithms": "^4.0.0",
+    "@csstools/css-syntax-patches-for-csstree": "^1.1.7",
+    "@csstools/css-tokenizer": "^4.0.0",
+    "@csstools/media-query-list-parser": "^5.0.0",
+    "@ds-mo/icons": "^8.1.0",
     "@ds-mo/tokens": "^6.5.1",
+    "@eslint/css": "^2.0.0",
     "@eslint/js": "^10.0.1",
     "@fontsource-variable/inter": "^5.3.0",
     "@fontsource/fira-code": "^5.3.0",
@@ -183,18 +202,24 @@
     "@vitest/browser-playwright": "^4.1.10",
     "ajv": "^8.20.0",
     "axe-core": "^4.12.1",
+    "colord": "^2.9.3",
     "concurrently": "^10.0.3",
+    "css-tree": "^3.2.1",
     "esbuild": "^0.28.1",
     "eslint": "^10.7.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "globals": "^17.7.0",
+    "html-tags": "^5.1.0",
     "lit": "^3.3.3",
+    "mathml-tag-names": "^4.0.0",
+    "postcss": "^8.5.26",
+    "postcss-selector-parser": "^7.1.4",
+    "postcss-value-parser": "^4.2.0",
     "prettier": "3.8.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "storybook": "^10.5.0",
-    "stylelint": "^17.14.0",
-    "stylelint-config-standard": "^40.0.0",
+    "svg-tags": "^1.0.0",
     "tsx": "^4.23.0",
     "typescript": "~6.0.3",
     "typescript-eslint": "^8.63.0",

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

@@ -1,50 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableFilterCustomEvent } from '@ds-mo/ui/components';
-import type { FilterMenuChangeDetail as IDsTableFilterFilterMenuChangeDetail } from '@ds-mo/ui/components';
-import type { FilterMenuMatchModeChangeDetail as IDsTableFilterFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableFilter {
-    protected z: NgZone;
-    protected el: HTMLDsTableFilterElement;
-    dsChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuChangeDetail>>;
-    dsClear: EventEmitter<DsTableFilterCustomEvent<void>>;
-    dsMatchModeChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuMatchModeChangeDetail>>;
-    dsActiveFilterChange: EventEmitter<DsTableFilterCustomEvent<string>>;
-    dsClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-    dsOpenChange: EventEmitter<DsTableFilterCustomEvent<boolean>>;
-    dsAfterClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableFilter, "ds-table-filter", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsMatchModeChange": "dsMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableFilter extends Components.DsTableFilter {
-    /**
-     * Requests a controlled value replacement without closing the popup.
-     */
-    dsChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuChangeDetail>>;
-    /**
-     * Requests that the consumer clear every filter value.
-     */
-    dsClear: EventEmitter<DsTableFilterCustomEvent<void>>;
-    /**
-     * Requests a controlled any/all mode replacement for a multiple-choice filter.
-     */
-    dsMatchModeChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuMatchModeChangeDetail>>;
-    /**
-     * Requests a controlled active-category replacement.
-     */
-    dsActiveFilterChange: EventEmitter<DsTableFilterCustomEvent<string>>;
-    /**
-     * Requests that the controlled popup close.
-     */
-    dsClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-    /**
-     * Emitted whenever trigger activation changes popup visibility.
-     */
-    dsOpenChange: EventEmitter<DsTableFilterCustomEvent<boolean>>;
-    /**
-     * Emitted after exit motion and rendered popup removal complete.
-     */
-    dsAfterClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-}

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

@@ -1,29 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableGroupCustomEvent } from '@ds-mo/ui/components';
-import type { TableGroupingState as IDsTableGroupTableGroupingState } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableGroup {
-    protected z: NgZone;
-    protected el: HTMLDsTableGroupElement;
-    dsGroupChange: EventEmitter<DsTableGroupCustomEvent<IDsTableGroupTableGroupingState>>;
-    dsClear: EventEmitter<DsTableGroupCustomEvent<void>>;
-    dsOpenChange: EventEmitter<DsTableGroupCustomEvent<boolean>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableGroup, "ds-table-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsGroupChange": "dsGroupChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableGroup extends Components.DsTableGroup {
-    /**
-     * Requests replacement of the complete controlled grouping state.
-     */
-    dsGroupChange: EventEmitter<DsTableGroupCustomEvent<IDsTableGroupTableGroupingState>>;
-    /**
-     * Requests removal of the controlled grouping state.
-     */
-    dsClear: EventEmitter<DsTableGroupCustomEvent<void>>;
-    /**
-     * Reports controlled popup visibility changes.
-     */
-    dsOpenChange: EventEmitter<DsTableGroupCustomEvent<boolean>>;
-}

package/dist/angular/ds-table-preferences.d.ts

@@ -1,39 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTablePreferencesCustomEvent } from '@ds-mo/ui/components';
-import type { PreferencesTab as IDsTablePreferencesPreferencesTab } from '@ds-mo/ui/components';
-import type { FilterMenuChangeDetail as IDsTablePreferencesFilterMenuChangeDetail } from '@ds-mo/ui/components';
-import type { FilterMenuMatchModeChangeDetail as IDsTablePreferencesFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
-import type { TableSortChangeDetail as IDsTablePreferencesTableSortChangeDetail } from '@ds-mo/ui/components';
-import type { TableGroupingState as IDsTablePreferencesTableGroupingState } from '@ds-mo/ui/components';
-import type { TableColumnsConfigChangeDetail as IDsTablePreferencesTableColumnsConfigChangeDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTablePreferences {
-    protected z: NgZone;
-    protected el: HTMLDsTablePreferencesElement;
-    dsCustomizeOptionChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsPreferencesTabChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesPreferencesTab>>;
-    dsFilterChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuChangeDetail>>;
-    dsFilterMatchModeChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuMatchModeChangeDetail>>;
-    dsActiveFilterChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsFiltersClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsSortChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableSortChangeDetail>>;
-    dsGroupChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableGroupingState>>;
-    dsGroupClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsColumnsConfigChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableColumnsConfigChangeDetail>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTablePreferences, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTablePreferences, "ds-table-preferences", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "customizeOptions": { "alias": "customizeOptions"; "required": false; }; "customizeSections": { "alias": "customizeSections"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groupingOptions": { "alias": "groupingOptions"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hiddenColumnIds": { "alias": "hiddenColumnIds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "sortColumns": { "alias": "sortColumns"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsCustomizeOptionChange": "dsCustomizeOptionChange"; "dsPreferencesTabChange": "dsPreferencesTabChange"; "dsFilterChange": "dsFilterChange"; "dsFilterMatchModeChange": "dsFilterMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsFiltersClear": "dsFiltersClear"; "dsSortChange": "dsSortChange"; "dsGroupChange": "dsGroupChange"; "dsGroupClear": "dsGroupClear"; "dsColumnsConfigChange": "dsColumnsConfigChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsTablePreferences extends Components.DsTablePreferences {
-    dsCustomizeOptionChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsPreferencesTabChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesPreferencesTab>>;
-    dsFilterChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuChangeDetail>>;
-    dsFilterMatchModeChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuMatchModeChangeDetail>>;
-    dsActiveFilterChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsFiltersClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsSortChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableSortChangeDetail>>;
-    dsGroupChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableGroupingState>>;
-    dsGroupClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsColumnsConfigChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableColumnsConfigChangeDetail>>;
-}