@ds-mo/ui 14.36.0 → 15.0.0

package/dist/mcp-data/registry/tag.json

@@ -385,7 +385,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/text.json

@@ -340,7 +340,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/textarea.json

@@ -572,7 +572,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/time-picker.json

@@ -231,7 +231,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/toast.json

@@ -313,7 +313,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/tooltip-chart.json

@@ -232,7 +232,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/tooltip.json

@@ -362,7 +362,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/typing-indicator.json

@@ -104,7 +104,7 @@
       "peerDependencies": {
         "required": [
           "@ds-mo/tokens ^6.5.1",
-          "@ds-mo/icons ^7.0.0"
+          "@ds-mo/icons ^8.1.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/react/components.d.ts

@@ -35,6 +35,14 @@ export { DsCodeBlock } from "./ds-code-block.js";
 export { DsConversationListItem } from "./ds-conversation-list-item.js";
 export { DsConversationListSection } from "./ds-conversation-list-section.js";
 export { DsConversationList } from "./ds-conversation-list.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";
@@ -75,13 +83,6 @@ export { DsSlider } from "./ds-slider.js";
 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 { 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 { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";

package/dist/react/components.js

@@ -36,6 +36,14 @@ export { DsCodeBlock } from "./ds-code-block.js";
 export { DsConversationListItem } from "./ds-conversation-list-item.js";
 export { DsConversationListSection } from "./ds-conversation-list-section.js";
 export { DsConversationList } from "./ds-conversation-list.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 { DsSlider } from "./ds-slider.js";
 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 { 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 { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";

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

@@ -0,0 +1,13 @@
+/**
+ * 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 DataCustomizeChangeDetail, type DsDataCustomizeCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataCustomize as DsDataCustomizeElement } from "@ds-mo/ui/dist/components/ds-data-customize.js";
+export type DsDataCustomizeEvents = {
+    onDsFieldsConfigChange: EventName<DsDataCustomizeCustomEvent<DataCustomizeChangeDetail>>;
+    onDsOptionChange: EventName<DsDataCustomizeCustomEvent<string>>;
+};
+export declare const DsDataCustomize: StencilReactComponent<DsDataCustomizeElement, DsDataCustomizeEvents, Components.DsDataCustomize>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsDataCustomize as DsDataCustomizeElement, defineCustomElement as defineDsDataCustomize } from "@ds-mo/ui/dist/components/ds-data-customize.js";
+export const DsDataCustomize = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-customize',
+    elementClass: DsDataCustomizeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsFieldsConfigChange: 'dsFieldsConfigChange',
+        onDsOptionChange: 'dsOptionChange'
+    },
+    defineCustomElement: defineDsDataCustomize
+});

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

@@ -0,0 +1,18 @@
+/**
+ * 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 DsDataFilterCustomEvent, type FilterMenuChangeDetail, type FilterMenuMatchModeChangeDetail } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataFilter as DsDataFilterElement } from "@ds-mo/ui/dist/components/ds-data-filter.js";
+export type DsDataFilterEvents = {
+    onDsChange: EventName<DsDataFilterCustomEvent<FilterMenuChangeDetail>>;
+    onDsClear: EventName<DsDataFilterCustomEvent<void>>;
+    onDsMatchModeChange: EventName<DsDataFilterCustomEvent<FilterMenuMatchModeChangeDetail>>;
+    onDsActiveFilterChange: EventName<DsDataFilterCustomEvent<string>>;
+    onDsClose: EventName<DsDataFilterCustomEvent<void>>;
+    onDsOpenChange: EventName<DsDataFilterCustomEvent<boolean>>;
+    onDsAfterClose: EventName<DsDataFilterCustomEvent<void>>;
+};
+export declare const DsDataFilter: StencilReactComponent<DsDataFilterElement, DsDataFilterEvents, Components.DsDataFilter>;

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

@@ -1,10 +1,10 @@
 'use client';
 import { createComponent } from './react-runtime.js';
 import React from 'react';
-import { DsTableFilter as DsTableFilterElement, defineCustomElement as defineDsTableFilter } from "@ds-mo/ui/dist/components/ds-table-filter.js";
-export const DsTableFilter = /*@__PURE__*/ createComponent({
-    tagName: 'ds-table-filter',
-    elementClass: DsTableFilterElement,
+import { DsDataFilter as DsDataFilterElement, defineCustomElement as defineDsDataFilter } from "@ds-mo/ui/dist/components/ds-data-filter.js";
+export const DsDataFilter = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-filter',
+    elementClass: DsDataFilterElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
@@ -16,5 +16,5 @@ export const DsTableFilter = /*@__PURE__*/ createComponent({
         onDsOpenChange: 'dsOpenChange',
         onDsAfterClose: 'dsAfterClose'
     },
-    defineCustomElement: defineDsTableFilter
+    defineCustomElement: defineDsDataFilter
 });

package/dist/react/ds-data-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 DataGroupingState, type DsDataGroupCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataGroup as DsDataGroupElement } from "@ds-mo/ui/dist/components/ds-data-group.js";
+export type DsDataGroupEvents = {
+    onDsGroupChange: EventName<DsDataGroupCustomEvent<DataGroupingState>>;
+    onDsClear: EventName<DsDataGroupCustomEvent<void>>;
+    onDsOpenChange: EventName<DsDataGroupCustomEvent<boolean>>;
+};
+export declare const DsDataGroup: StencilReactComponent<DsDataGroupElement, DsDataGroupEvents, Components.DsDataGroup>;

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

@@ -1,10 +1,10 @@
 '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,
+import { DsDataGroup as DsDataGroupElement, defineCustomElement as defineDsDataGroup } from "@ds-mo/ui/dist/components/ds-data-group.js";
+export const DsDataGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-group',
+    elementClass: DsDataGroupElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
@@ -12,5 +12,5 @@ export const DsTableGroup = /*@__PURE__*/ createComponent({
         onDsClear: 'dsClear',
         onDsOpenChange: 'dsOpenChange'
     },
-    defineCustomElement: defineDsTableGroup
+    defineCustomElement: defineDsDataGroup
 });

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

@@ -0,0 +1,21 @@
+/**
+ * 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 DataFieldsConfigChangeDetail, type DataGroupingState, type DataSortChangeDetail, type DsDataPreferencesCustomEvent, type FilterMenuChangeDetail, type FilterMenuMatchModeChangeDetail, type PreferencesTab } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataPreferences as DsDataPreferencesElement } from "@ds-mo/ui/dist/components/ds-data-preferences.js";
+export type DsDataPreferencesEvents = {
+    onDsCustomizeOptionChange: EventName<DsDataPreferencesCustomEvent<string>>;
+    onDsPreferencesTabChange: EventName<DsDataPreferencesCustomEvent<PreferencesTab>>;
+    onDsFilterChange: EventName<DsDataPreferencesCustomEvent<FilterMenuChangeDetail>>;
+    onDsFilterMatchModeChange: EventName<DsDataPreferencesCustomEvent<FilterMenuMatchModeChangeDetail>>;
+    onDsActiveFilterChange: EventName<DsDataPreferencesCustomEvent<string>>;
+    onDsFiltersClear: EventName<DsDataPreferencesCustomEvent<void>>;
+    onDsSortChange: EventName<DsDataPreferencesCustomEvent<DataSortChangeDetail>>;
+    onDsGroupChange: EventName<DsDataPreferencesCustomEvent<DataGroupingState>>;
+    onDsGroupClear: EventName<DsDataPreferencesCustomEvent<void>>;
+    onDsFieldsConfigChange: EventName<DsDataPreferencesCustomEvent<DataFieldsConfigChangeDetail>>;
+};
+export declare const DsDataPreferences: StencilReactComponent<DsDataPreferencesElement, DsDataPreferencesEvents, Components.DsDataPreferences>;

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

@@ -1,10 +1,10 @@
 'use client';
 import { createComponent } from './react-runtime.js';
 import React from 'react';
-import { DsTablePreferences as DsTablePreferencesElement, defineCustomElement as defineDsTablePreferences } from "@ds-mo/ui/dist/components/ds-table-preferences.js";
-export const DsTablePreferences = /*@__PURE__*/ createComponent({
-    tagName: 'ds-table-preferences',
-    elementClass: DsTablePreferencesElement,
+import { DsDataPreferences as DsDataPreferencesElement, defineCustomElement as defineDsDataPreferences } from "@ds-mo/ui/dist/components/ds-data-preferences.js";
+export const DsDataPreferences = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-preferences',
+    elementClass: DsDataPreferencesElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
@@ -17,7 +17,7 @@ export const DsTablePreferences = /*@__PURE__*/ createComponent({
         onDsSortChange: 'dsSortChange',
         onDsGroupChange: 'dsGroupChange',
         onDsGroupClear: 'dsGroupClear',
-        onDsColumnsConfigChange: 'dsColumnsConfigChange'
+        onDsFieldsConfigChange: 'dsFieldsConfigChange'
     },
-    defineCustomElement: defineDsTablePreferences
+    defineCustomElement: defineDsDataPreferences
 });

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

@@ -0,0 +1,17 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './react-runtime.js';
+import { type DataSavedViewChangeDetail, type DataSavedViewCreateDetail, type DataSavedViewDiscardDetail, type DataSavedViewRemoveDetail, type DataSavedViewRenameDetail, type DataSavedViewSaveDetail, type DsDataSavedViewsCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataSavedViews as DsDataSavedViewsElement } from "@ds-mo/ui/dist/components/ds-data-saved-views.js";
+export type DsDataSavedViewsEvents = {
+    onDsViewChange: EventName<DsDataSavedViewsCustomEvent<DataSavedViewChangeDetail>>;
+    onDsViewCreate: EventName<DsDataSavedViewsCustomEvent<DataSavedViewCreateDetail>>;
+    onDsViewRename: EventName<DsDataSavedViewsCustomEvent<DataSavedViewRenameDetail>>;
+    onDsViewRemove: EventName<DsDataSavedViewsCustomEvent<DataSavedViewRemoveDetail>>;
+    onDsViewSave: EventName<DsDataSavedViewsCustomEvent<DataSavedViewSaveDetail>>;
+    onDsViewDiscard: EventName<DsDataSavedViewsCustomEvent<DataSavedViewDiscardDetail>>;
+};
+export declare const DsDataSavedViews: StencilReactComponent<DsDataSavedViewsElement, DsDataSavedViewsEvents, Components.DsDataSavedViews>;

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

@@ -1,10 +1,10 @@
 'use client';
 import { createComponent } from './react-runtime.js';
 import React from 'react';
-import { DsTableSavedViews as DsTableSavedViewsElement, defineCustomElement as defineDsTableSavedViews } from "@ds-mo/ui/dist/components/ds-table-saved-views.js";
-export const DsTableSavedViews = /*@__PURE__*/ createComponent({
-    tagName: 'ds-table-saved-views',
-    elementClass: DsTableSavedViewsElement,
+import { DsDataSavedViews as DsDataSavedViewsElement, defineCustomElement as defineDsDataSavedViews } from "@ds-mo/ui/dist/components/ds-data-saved-views.js";
+export const DsDataSavedViews = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-saved-views',
+    elementClass: DsDataSavedViewsElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
@@ -15,5 +15,5 @@ export const DsTableSavedViews = /*@__PURE__*/ createComponent({
         onDsViewSave: 'dsViewSave',
         onDsViewDiscard: 'dsViewDiscard'
     },
-    defineCustomElement: defineDsTableSavedViews
+    defineCustomElement: defineDsDataSavedViews
 });

package/dist/react/ds-data-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 DataSearchFieldsChangeDetail, type DsDataSearchCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataSearch as DsDataSearchElement } from "@ds-mo/ui/dist/components/ds-data-search.js";
+export type DsDataSearchEvents = {
+    onDsChange: EventName<DsDataSearchCustomEvent<string>>;
+    onDsFieldsChange: EventName<DsDataSearchCustomEvent<DataSearchFieldsChangeDetail>>;
+    onDsClear: EventName<DsDataSearchCustomEvent<void>>;
+};
+export declare const DsDataSearch: StencilReactComponent<DsDataSearchElement, DsDataSearchEvents, Components.DsDataSearch>;

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

@@ -1,10 +1,10 @@
 '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,
+import { DsDataSearch as DsDataSearchElement, defineCustomElement as defineDsDataSearch } from "@ds-mo/ui/dist/components/ds-data-search.js";
+export const DsDataSearch = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-search',
+    elementClass: DsDataSearchElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
@@ -12,5 +12,5 @@ export const DsTableSearch = /*@__PURE__*/ createComponent({
         onDsFieldsChange: 'dsFieldsChange',
         onDsClear: 'dsClear'
     },
-    defineCustomElement: defineDsTableSearch
+    defineCustomElement: defineDsDataSearch
 });

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

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './react-runtime.js';
+import { type DataSortChangeDetail, type DsDataSortCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDataSort as DsDataSortElement } from "@ds-mo/ui/dist/components/ds-data-sort.js";
+export type DsDataSortEvents = {
+    onDsSortChange: EventName<DsDataSortCustomEvent<DataSortChangeDetail>>;
+};
+export declare const DsDataSort: StencilReactComponent<DsDataSortElement, DsDataSortEvents, Components.DsDataSort>;

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

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

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

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

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

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

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

@@ -3,12 +3,12 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type DsTableCustomEvent, type PaginationChangeDetail, type TableCellActionDetail, type TableColumnsConfigChangeDetail, type TableDataModeChangeDetail, type TableGroupCollapseChangeDetail, type TableGroupLoadMoreDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail, type TableSortChangeDetail } from "@ds-mo/ui";
+import { type DataFieldsConfigChangeDetail, type DataSortChangeDetail, type DsTableCustomEvent, type PaginationChangeDetail, type TableCellActionDetail, type TableDataModeChangeDetail, type TableGroupCollapseChangeDetail, type TableGroupLoadMoreDetail, type TableLoadMoreDetail, type TableRowActivateDetail, type TableSelectionChangeDetail } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsTable as DsTableElement } from "@ds-mo/ui/dist/components/ds-table.js";
 export type DsTableEvents = {
     onDsCustomizeOptionChange: EventName<DsTableCustomEvent<string>>;
-    onDsSortChange: EventName<DsTableCustomEvent<TableSortChangeDetail>>;
+    onDsSortChange: EventName<DsTableCustomEvent<DataSortChangeDetail>>;
     onDsGroupCollapseChange: EventName<DsTableCustomEvent<TableGroupCollapseChangeDetail>>;
     onDsSelectionChange: EventName<DsTableCustomEvent<TableSelectionChangeDetail>>;
     onDsLoadMore: EventName<DsTableCustomEvent<TableLoadMoreDetail>>;
@@ -16,7 +16,7 @@ export type DsTableEvents = {
     onDsPaginationChange: EventName<DsTableCustomEvent<PaginationChangeDetail>>;
     onDsCellAction: EventName<DsTableCustomEvent<TableCellActionDetail>>;
     onDsRowActivate: EventName<DsTableCustomEvent<TableRowActivateDetail>>;
-    onDsColumnsConfigChange: EventName<DsTableCustomEvent<TableColumnsConfigChangeDetail>>;
+    onDsFieldsConfigChange: EventName<DsTableCustomEvent<DataFieldsConfigChangeDetail>>;
     onDsDataModeChange: EventName<DsTableCustomEvent<TableDataModeChangeDetail>>;
 };
 export declare const DsTable: StencilReactComponent<DsTableElement, DsTableEvents, Components.DsTable, 'caption'>;

package/dist/react/ds-table.js

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

package/dist/styles/table.css

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

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

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

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

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