@sellmate/design-system-react 1.0.75 → 1.0.77

package/lib/components/components.server.ts

@@ -8,7 +8,7 @@
 // @ts-ignore - ignore potential type issues as the project is importing itself
 import * as clientComponents from '@sellmate/design-system-react';
 
-import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
+import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListboxCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
 import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
 import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
 import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -43,22 +43,13 @@ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/d
 import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
 import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
 import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
-import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
 import { SdRadioButton as SdRadioButtonElement } from "@sellmate/design-system/dist/components/sd-radio-button.js";
 import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
 import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
-import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
-import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
-import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
-import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
-import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
-import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
-import { SdSelectSearchInput as SdSelectSearchInputElement } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
-import { SdSelectV2ListItemSearch as SdSelectV2ListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item-search.js";
-import { SdSelectV2ListItem as SdSelectV2ListItemElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item.js";
-import { SdSelectV2Listbox as SdSelectV2ListboxElement } from "@sellmate/design-system/dist/components/sd-select-v2-listbox.js";
-import { SdSelectV2Trigger as SdSelectV2TriggerElement } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
-import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/components/sd-select-v2.js";
+import { SdSelectListItemSearch as SdSelectListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-list-item-search.js";
+import { SdSelectListItem as SdSelectListItemElement } from "@sellmate/design-system/dist/components/sd-select-list-item.js";
+import { SdSelectListbox as SdSelectListboxElement } from "@sellmate/design-system/dist/components/sd-select-listbox.js";
+import { SdSelectTrigger as SdSelectTriggerElement } from "@sellmate/design-system/dist/components/sd-select-trigger.js";
 import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
 import { SdSwitch as SdSwitchElement } from "@sellmate/design-system/dist/components/sd-switch.js";
 import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
@@ -74,7 +65,6 @@ import { SdToast as SdToastElement } from "@sellmate/design-system/dist/componen
 import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
 import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
 import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
-import { TableTest as TableTestElement } from "@sellmate/design-system/dist/components/table-test.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 
@@ -754,23 +744,6 @@ export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> =
     serializeShadowRoot,
 });
 
-export type SdProgressEvents = NonNullable<unknown>;
-
-export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents> = /*@__PURE__*/ createComponent<SdProgressElement, SdProgressEvents>({
-    tagName: 'sd-progress',
-    properties: {
-        type: 'type',
-        error: 'error',
-        percentage: 'percentage',
-        size: 'size',
-        strokeWidth: 'stroke-width',
-        label: 'label'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdProgress as ReactWebComponent<SdProgressElement, SdProgressEvents>,
-    serializeShadowRoot,
-});
-
 export type SdRadioEvents = { onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>> };
 
 export const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents> = /*@__PURE__*/ createComponent<SdRadioElement, SdRadioEvents>({
@@ -817,224 +790,12 @@ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGro
 });
 
 export type SdSelectEvents = {
-    onSdUpdate: EventName<SdSelectCustomEvent<SelectEvents['sdUpdate']>>,
-    onSdDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
+    onSdUpdate: EventName<SdSelectCustomEvent<SelectValue>>,
+    onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
 };
 
 export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> = /*@__PURE__*/ createComponent<SdSelectElement, SdSelectEvents>({
     tagName: 'sd-select',
-    properties: {
-        value: 'value',
-        placeholder: 'placeholder',
-        optionPlaceholder: 'option-placeholder',
-        width: 'width',
-        dropdownHeight: 'dropdown-height',
-        autoFocus: 'auto-focus',
-        disabled: 'disabled',
-        clearable: 'clearable',
-        searchable: 'searchable',
-        label: 'label',
-        labelWidth: 'label-width',
-        addonLabel: 'addon-label',
-        addonAlign: 'addon-align',
-        labelTooltip: 'label-tooltip',
-        error: 'error',
-        name: 'name',
-        options: 'options',
-        rules: 'rules'},
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelect as ReactWebComponent<SdSelectElement, SdSelectEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectDropdownEvents = {
-    onSdOptionClick: EventName<SdSelectDropdownCustomEvent<{
-        option: SelectOption;
-        index: number;
-        event: MouseEvent;
-    }>>,
-    onSdOptionFiltered: EventName<SdSelectDropdownCustomEvent<SelectOption[]>>,
-    onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>
-};
-
-export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents> = /*@__PURE__*/ createComponent<SdSelectDropdownElement, SdSelectDropdownEvents>({
-    tagName: 'sd-select-dropdown',
-    properties: {
-        itemIndex: 'item-index',
-        value: 'value',
-        width: 'width',
-        dropdownHeight: 'dropdown-height',
-        searchable: 'searchable',
-        optionPlaceholder: 'option-placeholder',
-        useCheckbox: 'use-checkbox',
-        useAll: 'use-all',
-        options: 'options'},
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectDropdown as ReactWebComponent<SdSelectDropdownElement, SdSelectDropdownEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectGroupEvents = {
-    onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
-    onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
-};
-
-export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
-    tagName: 'sd-select-group',
-    properties: {
-        value: 'value',
-        placeholder: 'placeholder',
-        optionPlaceholder: 'option-placeholder',
-        width: 'width',
-        dropdownHeight: 'dropdown-height',
-        autoFocus: 'auto-focus',
-        disabled: 'disabled',
-        clearable: 'clearable',
-        searchable: 'searchable',
-        label: 'label',
-        labelWidth: 'label-width',
-        addonLabel: 'addon-label',
-        addonAlign: 'addon-align',
-        labelTooltip: 'label-tooltip',
-        error: 'error',
-        name: 'name',
-        options: 'options',
-        rules: 'rules'},
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectGroup as ReactWebComponent<SdSelectGroupElement, SdSelectGroupEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectMultipleEvents = {
-    onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
-    onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
-};
-
-export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleElement, SdSelectMultipleEvents>({
-    tagName: 'sd-select-multiple',
-    properties: {
-        placeholder: 'placeholder',
-        optionPlaceholder: 'option-placeholder',
-        width: 'width',
-        dropdownHeight: 'dropdown-height',
-        autoFocus: 'auto-focus',
-        disabled: 'disabled',
-        clearable: 'clearable',
-        searchable: 'searchable',
-        useAll: 'use-all',
-        useCheckbox: 'use-checkbox',
-        label: 'label',
-        labelWidth: 'label-width',
-        labelTooltip: 'label-tooltip',
-        error: 'error',
-        value: 'value',
-        options: 'options',
-        rules: 'rules'},
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectMultiple as ReactWebComponent<SdSelectMultipleElement, SdSelectMultipleEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectMultipleGroupEvents = {
-    onSdUpdate: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdUpdate']>>,
-    onSdDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>
-};
-
-export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>({
-    tagName: 'sd-select-multiple-group',
-    properties: {
-        placeholder: 'placeholder',
-        optionPlaceholder: 'option-placeholder',
-        width: 'width',
-        dropdownHeight: 'dropdown-height',
-        disabled: 'disabled',
-        clearable: 'clearable',
-        searchable: 'searchable',
-        useCheckbox: 'use-checkbox',
-        useAll: 'use-all',
-        allCheckedLabel: 'all-checked-label',
-        allCheckOptionLabel: 'all-check-option-label',
-        label: 'label',
-        labelWidth: 'label-width',
-        labelTooltip: 'label-tooltip',
-        error: 'error',
-        value: 'value',
-        options: 'options',
-        rules: 'rules'},
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectMultipleGroup as ReactWebComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectOptionEvents = {
-    onOptionClick: EventName<SdSelectOptionCustomEvent<{
-        option: SelectOption;
-        index: number;
-        event: MouseEvent;
-    }>>
-};
-
-export const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents> = /*@__PURE__*/ createComponent<SdSelectOptionElement, SdSelectOptionEvents>({
-    tagName: 'sd-select-option',
-    properties: {
-        index: 'index',
-        isSelected: 'is-selected',
-        isFocused: 'is-focused',
-        disabled: 'disabled',
-        useCheckbox: 'use-checkbox'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectOption as ReactWebComponent<SdSelectOptionElement, SdSelectOptionEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectOptionGroupEvents = {
-    onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
-        option: SelectOptionGroup;
-        isSelected: boolean | null;
-        index: number;
-        event: MouseEvent;
-    }>>
-};
-
-export const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents> = /*@__PURE__*/ createComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>({
-    tagName: 'sd-select-option-group',
-    properties: {
-        index: 'index',
-        isSelected: 'is-selected',
-        isFocused: 'is-focused',
-        disabled: 'disabled',
-        useCheckbox: 'use-checkbox',
-        useIndicator: 'use-indicator'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectOptionGroup as ReactWebComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectSearchInputEvents = {
-    onSdSearchInput: EventName<CustomEvent<string>>,
-    onSdSearchFocus: EventName<CustomEvent<void>>
-};
-
-export const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents> = /*@__PURE__*/ createComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>({
-    tagName: 'sd-select-search-input',
-    properties: {
-        isScrolled: 'is-scrolled',
-        searchText: 'search-text'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectSearchInput as ReactWebComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>,
-    serializeShadowRoot,
-});
-
-export type SdSelectV2Events = {
-    onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>,
-    onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
-};
-
-export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Events> = /*@__PURE__*/ createComponent<SdSelectV2Element, SdSelectV2Events>({
-    tagName: 'sd-select-v2',
     properties: {
         type: 'type',
         value: 'value',
@@ -1052,18 +813,21 @@ export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Even
         labelTooltip: 'label-tooltip',
         emitValue: 'emit-value',
         width: 'width',
+        useSearch: 'use-search',
+        allSelectedLabel: 'all-selected-label',
+        useSelectAll: 'use-select-all',
         name: 'name',
         options: 'options',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectV2 as ReactWebComponent<SdSelectV2Element, SdSelectV2Events>,
+    clientModule: clientComponents.SdSelect as ReactWebComponent<SdSelectElement, SdSelectEvents>,
     serializeShadowRoot,
 });
 
-export type SdSelectV2ListItemEvents = { onSdListItemClick: EventName<SdSelectV2ListItemCustomEvent<SelectV2Option>> };
+export type SdSelectListItemEvents = { onSdListItemClick: EventName<SdSelectListItemCustomEvent<SelectOption>> };
 
-export const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>({
-    tagName: 'sd-select-v2-list-item',
+export const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents> = /*@__PURE__*/ createComponent<SdSelectListItemElement, SdSelectListItemEvents>({
+    tagName: 'sd-select-list-item',
     properties: {
         depth: 'depth',
         isSelected: 'is-selected',
@@ -1071,48 +835,50 @@ export const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement
         useCheckbox: 'use-checkbox'
     },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectV2ListItem as ReactWebComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>,
+    clientModule: clientComponents.SdSelectListItem as ReactWebComponent<SdSelectListItemElement, SdSelectListItemEvents>,
     serializeShadowRoot,
 });
 
-export type SdSelectV2ListItemSearchEvents = {
+export type SdSelectListItemSearchEvents = {
     onSdSearchFilter: EventName<CustomEvent<string>>,
     onSdSearchFocus: EventName<CustomEvent<void>>
 };
 
-export const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>({
-    tagName: 'sd-select-v2-list-item-search',
+export const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents> = /*@__PURE__*/ createComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>({
+    tagName: 'sd-select-list-item-search',
     properties: { isScrolled: 'is-scrolled' },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectV2ListItemSearch as ReactWebComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>,
+    clientModule: clientComponents.SdSelectListItemSearch as ReactWebComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>,
     serializeShadowRoot,
 });
 
-export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>> };
+export type SdSelectListboxEvents = { onSdOptionSelect: EventName<SdSelectListboxCustomEvent<SelectOptionSelectDetail>> };
 
-export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
-    tagName: 'sd-select-v2-listbox',
+export const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents> = /*@__PURE__*/ createComponent<SdSelectListboxElement, SdSelectListboxEvents>({
+    tagName: 'sd-select-listbox',
     properties: {
         type: 'type',
         value: 'value',
         emitValue: 'emit-value',
+        useSearch: 'use-search',
+        useSelectAll: 'use-select-all',
         triggerWidth: 'trigger-width',
         maxWidth: 'max-width',
         maxHeight: 'max-height',
         options: 'options'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectV2Listbox as ReactWebComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>,
+    clientModule: clientComponents.SdSelectListbox as ReactWebComponent<SdSelectListboxElement, SdSelectListboxEvents>,
     serializeShadowRoot,
 });
 
-export type SdSelectV2TriggerEvents = {
+export type SdSelectTriggerEvents = {
     onSdTriggerClick: EventName<CustomEvent<void>>,
     onSdTriggerFocus: EventName<CustomEvent<void>>,
     onSdTriggerBlur: EventName<CustomEvent<void>>
 };
 
-export const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents> = /*@__PURE__*/ createComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>({
-    tagName: 'sd-select-v2-trigger',
+export const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents> = /*@__PURE__*/ createComponent<SdSelectTriggerElement, SdSelectTriggerEvents>({
+    tagName: 'sd-select-trigger',
     properties: {
         displayText: 'display-text',
         placeholder: 'placeholder',
@@ -1120,7 +886,7 @@ export const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement,
         isOpen: 'is-open'
     },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.SdSelectV2Trigger as ReactWebComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>,
+    clientModule: clientComponents.SdSelectTrigger as ReactWebComponent<SdSelectTriggerElement, SdSelectTriggerEvents>,
     serializeShadowRoot,
 });
 
@@ -1228,7 +994,9 @@ export const SdTd: StencilReactComponent<SdTdElement, SdTdEvents> = /*@__PURE__*
     properties: {
         field: 'field',
         rowKey: 'row-key',
-        align: 'align'
+        align: 'align',
+        rowspan: 'rowspan',
+        colspan: 'colspan'
     },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdTd as ReactWebComponent<SdTdElement, SdTdEvents>,
@@ -1290,7 +1058,7 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
     serializeShadowRoot,
 });
 
-export type SdTheadEvents = NonNullable<unknown>;
+export type SdTheadEvents = { onSdColumnSort: EventName<SdTheadCustomEvent<{ column: SdTableColumn }>> };
 
 export const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents> = /*@__PURE__*/ createComponent<SdTheadElement, SdTheadEvents>({
     tagName: 'sd-thead',
@@ -1391,17 +1159,3 @@ export const SdTr: StencilReactComponent<SdTrElement, SdTrEvents> = /*@__PURE__*
     clientModule: clientComponents.SdTr as ReactWebComponent<SdTrElement, SdTrEvents>,
     serializeShadowRoot,
 });
-
-export type TableTestEvents = { onTableReady: EventName<CustomEvent<void>> };
-
-export const TableTest: StencilReactComponent<TableTestElement, TableTestEvents> = /*@__PURE__*/ createComponent<TableTestElement, TableTestEvents>({
-    tagName: 'table-test',
-    properties: {
-        bordered: 'bordered',
-        striped: 'striped',
-        columns: 'columns',
-        rows: 'rows'},
-    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.TableTest as ReactWebComponent<TableTestElement, TableTestEvents>,
-    serializeShadowRoot,
-});