@ds-mo/ui 14.36.0 → 15.1.0

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

@@ -93,7 +93,58 @@
           "label": "Surface ownership and trigger state",
           "path": "src/docs/SurfaceOwnership.mdx"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "font",
+              "font-size",
+              "font-weight",
+              "font-family",
+              "line-height",
+              "letter-spacing",
+              "height",
+              "min-height",
+              "max-height",
+              "padding",
+              "gap"
+            ],
+            "reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.",
+            "props": [
+              "size",
+              "isInset",
+              "insetDepth"
+            ]
+          },
+          {
+            "properties": [
+              "border-radius"
+            ],
+            "reason": "The component owns its corner treatment; select the supported radius treatment.",
+            "props": [
+              "rounded",
+              "size"
+            ]
+          },
+          {
+            "properties": [
+              "background",
+              "border",
+              "box-shadow",
+              "color"
+            ],
+            "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
+            "props": [
+              "intent",
+              "contrast",
+              "size"
+            ]
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -385,7 +436,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

@@ -88,7 +88,28 @@
           "label": "Typography contract",
           "path": "AGENTS.md"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "font",
+              "font-size",
+              "font-weight",
+              "font-family",
+              "line-height",
+              "letter-spacing"
+            ],
+            "reason": "Typography metrics form one atomic variant; choose variant and emphasis. Layout and inherited foreground remain consumer-owned.",
+            "props": [
+              "variant",
+              "emphasis"
+            ]
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -340,7 +361,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

@@ -80,7 +80,44 @@
           "label": "Cross-browser form and accessibility coverage",
           "path": "tests/e2e/forms.spec.ts"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "font",
+              "font-size",
+              "font-weight",
+              "font-family",
+              "line-height",
+              "letter-spacing",
+              "padding",
+              "border-radius"
+            ],
+            "reason": "Size selects the text and inset recipe; rows and resize retain their documented height ownership.",
+            "props": [
+              "size",
+              "rows",
+              "resize"
+            ]
+          },
+          {
+            "properties": [
+              "background",
+              "border",
+              "box-shadow",
+              "color"
+            ],
+            "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
+            "props": [
+              "hasBorder",
+              "size"
+            ]
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -572,7 +609,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

@@ -65,7 +65,20 @@
           "label": "Storybook examples",
           "path": "src/wc/components/TimePicker/TimePicker.stories.ts"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "gap"
+            ],
+            "reason": "The component owns spacing between its immediate content regions; the application controls surrounding margins and placement.",
+            "props": []
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -231,7 +244,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

@@ -104,7 +104,30 @@
           "label": "Cross-browser behavior coverage",
           "path": "tests/e2e/toast.spec.ts"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "background",
+              "border",
+              "box-shadow",
+              "color"
+            ],
+            "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
+            "props": []
+          },
+          {
+            "properties": [
+              "border-radius"
+            ],
+            "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.",
+            "props": []
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -313,7 +336,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

@@ -75,7 +75,30 @@
           "label": "Storybook example",
           "path": "src/wc/components/TooltipChart/TooltipChart.stories.ts"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "background",
+              "border",
+              "box-shadow",
+              "color"
+            ],
+            "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
+            "props": []
+          },
+          {
+            "properties": [
+              "border-radius"
+            ],
+            "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.",
+            "props": []
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -232,7 +255,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

@@ -96,7 +96,32 @@
           "label": "Positioning unit coverage",
           "path": "tests/anchored-position.test.ts"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
+        "protected": [
+          {
+            "properties": [
+              "background",
+              "border",
+              "box-shadow",
+              "color"
+            ],
+            "reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
+            "props": [
+              "size"
+            ]
+          },
+          {
+            "properties": [
+              "border-radius"
+            ],
+            "reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.",
+            "props": []
+          }
+        ],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -362,7 +387,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

@@ -44,7 +44,12 @@
           "label": "Storybook example",
           "path": "src/wc/components/TypingIndicator/TypingIndicator.stories.ts"
         }
-      ]
+      ],
+      "styling": {
+        "rationale": "The indicator composes loader and text recipes inside an application-positioned host.",
+        "protected": [],
+        "customProperties": []
+      }
     },
     "api": {
       "props": {
@@ -104,7 +109,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
 });