@ds-mo/ui 14.35.0 → 15.0.0

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-field.d.ts

@@ -6,4 +6,4 @@ import type { StencilReactComponent } from './react-runtime.js';
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsField as DsFieldElement } from "@ds-mo/ui/dist/components/ds-field.js";
 export type DsFieldEvents = NonNullable<unknown>;
-export declare const DsField: StencilReactComponent<DsFieldElement, DsFieldEvents, Components.DsField, 'label'>;
+export declare const DsField: StencilReactComponent<DsFieldElement, DsFieldEvents, Components.DsField>;

package/dist/react/ds-input-date.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 DsInputDateCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsInputDate as DsInputDateElement } from "@ds-mo/ui/dist/components/ds-input-date.js";
+export type DsInputDateEvents = {
+    onDsChange: EventName<DsInputDateCustomEvent<string>>;
+};
+export declare const DsInputDate: StencilReactComponent<DsInputDateElement, DsInputDateEvents, Components.DsInputDate>;

package/dist/react/ds-input-date.js

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

package/dist/react/ds-input-time.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 DsInputTimeCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsInputTime as DsInputTimeElement } from "@ds-mo/ui/dist/components/ds-input-time.js";
+export type DsInputTimeEvents = {
+    onDsChange: EventName<DsInputTimeCustomEvent<string>>;
+};
+export declare const DsInputTime: StencilReactComponent<DsInputTimeElement, DsInputTimeEvents, Components.DsInputTime>;

package/dist/react/ds-input-time.js

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

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/react/ds-time-picker.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 DsTimePickerCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTimePicker as DsTimePickerElement } from "@ds-mo/ui/dist/components/ds-time-picker.js";
+export type DsTimePickerEvents = {
+    onDsChange: EventName<DsTimePickerCustomEvent<string>>;
+};
+export declare const DsTimePicker: StencilReactComponent<DsTimePickerElement, DsTimePickerEvents, Components.DsTimePicker>;

package/dist/react/ds-time-picker.js

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

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/BarTitle/BarTitle.d.ts

@@ -69,6 +69,7 @@ export declare class BarTitle {
     handleActionsChange(): void;
     private reportActionIdIssues;
     private get compact();
+    private get menuSideOffset();
     private get effectiveVariant();
     private get dividerVisible();
     private get expandedBreadcrumbItems();

package/dist/types/components/BarTitle/bar-title-action-chrome.d.ts

@@ -52,6 +52,7 @@ export declare function renderBarTitleActionMenus(options: {
     visibleActions: BarTitleActionConfigItem[];
     instanceId: number;
     resolvedActionItems: BarTitleActionConfigItem[];
+    sideOffset?: number | string;
     openActionMenuId: string;
     actionMenuInitialFocusVisible: boolean;
     overflowTrigger: FocusableBarTitleButton | null;
@@ -65,6 +66,7 @@ export declare function renderBarTitleOverflowMenu(options: {
     showOverflowTrigger: boolean;
     actionMenuId: string;
     actionMenuTriggerId: string;
+    sideOffset?: number | string;
     actionsAriaLabel: string;
     open: boolean;
     actionMenuInitialFocusVisible: boolean;

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

@@ -0,0 +1,83 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { ControlInsetDepth } from '../../utils/control-text';
+import type { ButtonPopup, ButtonSize, ButtonVariant, ButtonWidth } from '../../utils/button-types';
+export type ButtonInvertedVariant = ButtonVariant;
+export type ButtonInvertedSize = ButtonSize;
+export type ButtonInvertedWidth = ButtonWidth;
+export type ButtonInvertedPopup = ButtonPopup;
+export declare class ButtonInverted {
+    /**
+     * Content layout. Default is label-only; pass `icon` for icon-only chrome
+     * or `icon-label` for leading icon + text.
+     */
+    variant: ButtonInvertedVariant;
+    /** Control density (height, padding, icon, type). */
+    size: ButtonInvertedSize;
+    /** Use reduced outer geometry when nested inside a control of the same size. */
+    isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
+    /** Width fit — hug content (default) or fill the parent. */
+    width: ButtonInvertedWidth;
+    /** Visible text for `label` / `icon-label` variants. */
+    label: string;
+    /** Whether the visible label uses the emphasized weight. */
+    labelEmphasis: boolean;
+    /** Icon name passed to <ds-icon> for `icon` / `icon-label` variants. */
+    icon: string;
+    /** Use the half-radius treatment instead of the default control radius. */
+    rounded: boolean;
+    /**
+     * Scale down during a physical pointer press.
+     * Disable when an owning composite requires fixed child or background geometry.
+     */
+    pressScale: boolean;
+    /** Disables interaction. */
+    isInactive: boolean;
+    /** Shows an inline loader and prevents interaction without applying inactive opacity. */
+    isLoading: boolean;
+    /** Native button type. */
+    type: 'button' | 'submit' | 'reset';
+    /** Accessible name override. Required for icon-only buttons. */
+    ariaLabel: string | null;
+    /** ID of the popup this button controls. */
+    controls: string | undefined;
+    /** Controlled disclosure state forwarded to aria-expanded. */
+    expanded: boolean | undefined;
+    /**
+     * The associated menu, picker, or panel is visible, including its exit motion.
+     * Holds only the pressed wash and does not set ARIA or selection state.
+     */
+    surfaceOpen: boolean | undefined;
+    /** Popup type exposed to assistive technology. */
+    haspopup: ButtonInvertedPopup | undefined;
+    /**
+     * Append a separate ChevronDown menu segment while preserving the inverted
+     * recipe, variant, size, loading, inactive, and width treatment.
+     */
+    split: boolean;
+    /** Accessible name for the appended menu segment in split mode. */
+    menuAriaLabel: string;
+    /**
+     * This action has a menu: implies `aria-haspopup="menu"` and adds the
+     * trailing chevron that carries the affordance.
+     *
+     * Only `label` and `icon-label` are supported. Icon-only menu triggers belong
+     * to ButtonUnfilled so the glyph can communicate the overflow affordance.
+     */
+    hasMenu: boolean;
+    dsClick: EventEmitter<MouseEvent>;
+    dsMenuClick: EventEmitter<MouseEvent>;
+    private buttonEl;
+    private menuButtonEl;
+    setFocus(segment?: 'primary' | 'menu'): Promise<void>;
+    private handleClick;
+    private handleMenuClick;
+    private get resolvedHaspopup();
+    private get resolvedSurfaceOpen();
+    private get accessibleName();
+    private get doubleInset();
+    private buttonClass;
+    render(): any;
+}
+//# sourceMappingURL=ButtonInverted.d.ts.map

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

@@ -0,0 +1,2 @@
+export type { ButtonInvertedPopup, ButtonInvertedSize, ButtonInvertedVariant, ButtonInvertedWidth, } from './ButtonInverted';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type CalendarSelectionMode = 'single' | 'range';
+export declare class Calendar {
+    el: HTMLElement;
+    /** Single date emits YYYY-MM-DD. Range emits the shared `range:start/end` string. */
+    selectionMode: CalendarSelectionMode;
+    value: string;
+    min: string | undefined;
+    max: string | undefined;
+    isInactive: boolean;
+    /** Move keyboard focus into the grid after the calendar is rendered. */
+    autoFocus: boolean;
+    dsChange: EventEmitter<string>;
+    private month;
+    private pendingStart;
+    private previewEnd;
+    private heldRange;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    onValueChange(): void;
+    setFocus(): Promise<void>;
+    private anchorDate;
+    private isDisabled;
+    private moveMonth;
+    private selectDate;
+    private previewRange;
+    private clearPreview;
+    private focusDate;
+    private handleDayKeyDown;
+    render(): any;
+}
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/types/components/Calendar/calendar-grid.d.ts

@@ -0,0 +1,19 @@
+export interface CalendarDateRange {
+    start: string;
+    end: string;
+}
+export interface CalendarDay {
+    value: string;
+    day: number;
+    inMonth: boolean;
+    label: string;
+}
+export declare const CALENDAR_WEEKDAYS: string[];
+export declare function calendarToday(): string;
+export declare function calendarMonth(value: string): string;
+export declare function shiftCalendarMonth(value: string, offset: number): string;
+export declare function calendarMonthLabel(value: string): string;
+export declare function calendarDays(value: string): CalendarDay[];
+/** Keep the previous committed range visible while a replacement range is being chosen. */
+export declare function calendarPaintedRange(pendingStart: string, heldRange: CalendarDateRange | null, valueRange: CalendarDateRange | null): CalendarDateRange | null;
+//# sourceMappingURL=calendar-grid.d.ts.map

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;