@sellmate/design-system-react 0.0.61 → 1.0.0

package/dist/components/components.server.d.ts

@@ -2,7 +2,7 @@
  * 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 CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
+import { type CheckedType, type RadioValue, type Row, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
 import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
 import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
 import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -10,7 +10,10 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
 import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
 import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
 import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
+import { SdField as SdFieldElement } from "@sellmate/design-system/dist/components/sd-field.js";
 import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
+import { SdFloatingPortal as SdFloatingPortalElement } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
+import { SdForm as SdFormElement } from "@sellmate/design-system/dist/components/sd-form.js";
 import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
 import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
 import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -23,38 +26,32 @@ import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/compon
 import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
 import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
 import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
+import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.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 { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
-import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
 import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
 import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
 import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
-import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
-import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
-import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
+import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
 import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
 import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
 import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
-import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.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 type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 export declare const serializeShadowRoot: SerializeShadowRootOptions;
 export type SdBadgeEvents = NonNullable<unknown>;
 export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
-export type SdButtonEvents = {
-    onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
-};
+export type SdButtonEvents = NonNullable<unknown>;
 export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;
 export type SdCardEvents = NonNullable<unknown>;
 export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
 export type SdCheckboxEvents = {
-    onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
+    onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
 };
 export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
 export type SdDateBoxEvents = {
@@ -63,25 +60,34 @@ export type SdDateBoxEvents = {
 };
 export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
 export type SdDatePickerEvents = {
-    onSdChange: EventName<CustomEvent<string | null>>;
+    onSdUpdate: EventName<CustomEvent<string | null>>;
 };
 export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
 export type SdDateRangePickerEvents = {
-    onSdChange: EventName<CustomEvent<[string, string]>>;
+    onSdUpdate: EventName<CustomEvent<[string, string]>>;
 };
 export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
+export type SdFieldEvents = NonNullable<unknown>;
+export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents>;
 export type SdFilePickerEvents = {
-    onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
+    onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
 };
 export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
+export type SdFloatingPortalEvents = {
+    onSdClose: EventName<CustomEvent<void>>;
+};
+export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents>;
+export type SdFormEvents = {
+    onSdSubmit: EventName<CustomEvent<void>>;
+    onSdValidationError: EventName<CustomEvent<void>>;
+};
+export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
 export type SdGuideEvents = NonNullable<unknown>;
 export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
 export type SdIconEvents = NonNullable<unknown>;
 export declare const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents>;
 export type SdInputEvents = {
-    onSdClick: EventName<CustomEvent<string | number | null>>;
-    onSdInput: EventName<CustomEvent<string | number | null>>;
-    onSdChange: EventName<CustomEvent<string | number | null>>;
+    onSdUpdate: EventName<CustomEvent<string | number | null>>;
     onSdFocus: EventName<SdInputCustomEvent<Event>>;
     onSdBlur: EventName<SdInputCustomEvent<Event>>;
 };
@@ -94,22 +100,13 @@ export type SdModalCardEvents = {
 };
 export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
 export type SdNumberInputEvents = {
-    onSdIncrement: EventName<CustomEvent<{
-        currentVal: number;
-        prevVal: number;
-    }>>;
-    onSdDecrement: EventName<CustomEvent<{
-        currentVal: number;
-        prevVal: number;
-    }>>;
-    onSdInput: EventName<CustomEvent<number | null>>;
-    onSdChange: EventName<CustomEvent<number | null>>;
+    onSdUpdate: EventName<CustomEvent<number | null>>;
     onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
     onSdBlur: EventName<SdNumberInputCustomEvent<Event>>;
 };
 export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents>;
 export type SdPaginationEvents = {
-    onPageChange: EventName<CustomEvent<number>>;
+    onSdPageChange: EventName<CustomEvent<number>>;
 };
 export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;
 export type SdPopoverEvents = NonNullable<unknown>;
@@ -121,26 +118,36 @@ export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEv
 export type SdProgressEvents = NonNullable<unknown>;
 export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
 export type SdRadioButtonGroupEvents = {
-    onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
+    onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
 };
 export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
 export type SdRadioGroupEvents = {
-    onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
+    onSdUpdate: EventName<SdRadioGroupCustomEvent<RadioValue>>;
 };
 export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
 export type SdSelectEvents = {
-    onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
-    onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
+    onSdUpdate: EventName<SdSelectCustomEvent<SelectEvents['sdUpdate']>>;
+    onSdDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
 };
 export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
+export type SdSelectDropdownEvents = {
+    onSdOptionClick: EventName<SdSelectDropdownCustomEvent<{
+        option: SelectOption;
+        index: number;
+        event: MouseEvent;
+    }>>;
+    onSdOptionFiltered: EventName<SdSelectDropdownCustomEvent<SelectOption[]>>;
+    onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
+};
+export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
 export type SdSelectMultipleEvents = {
-    onSdChange: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>>;
-    onDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
+    onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
+    onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
 };
 export declare const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents>;
 export type SdSelectMultipleGroupEvents = {
-    onSdChange: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdChange']>>;
-    onDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>;
+    onSdUpdate: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdUpdate']>>;
+    onSdDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>;
 };
 export declare const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>;
 export type SdSelectOptionEvents = {
@@ -171,42 +178,30 @@ export type SdTableEvents = {
     onSdRowsPerPageChange: EventName<CustomEvent<number>>;
 };
 export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
-export type SdTableBackupEvents = {
-    onSdSelectChange: EventName<SdTableBackupCustomEvent<Row[]>>;
-    onSdPageChange: EventName<CustomEvent<number>>;
-    onSdRowsPerPageChange: EventName<CustomEvent<number>>;
-};
-export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
 export type SdTabsEvents = {
-    onSdChange: EventName<CustomEvent<string>>;
+    onSdUpdate: EventName<CustomEvent<string>>;
 };
 export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
 export type SdTagEvents = NonNullable<unknown>;
 export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
-export type SdTbodyEvents = NonNullable<unknown>;
-export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents>;
-export type SdTdEvents = NonNullable<unknown>;
-export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
-export type SdThEvents = NonNullable<unknown>;
-export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
+export type SdTextareaEvents = {
+    onSdUpdate: EventName<CustomEvent<string | null>>;
+    onSdFocus: EventName<SdTextareaCustomEvent<Event>>;
+    onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
+};
+export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
 export type SdToastMessageEvents = {
     onSdClose: EventName<CustomEvent<void>>;
     onSdButtonClick: EventName<CustomEvent<void>>;
 };
 export declare const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents>;
 export type SdToggleEvents = {
-    onSdChange: EventName<CustomEvent<boolean>>;
+    onSdUpdate: EventName<CustomEvent<boolean>>;
 };
 export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
 export type SdToggleButtonEvents = {
-    onSdChange: EventName<CustomEvent<boolean>>;
+    onSdUpdate: EventName<CustomEvent<boolean>>;
 };
 export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
 export type SdTooltipEvents = NonNullable<unknown>;
 export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
-export type SdTooltipPortalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
-};
-export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;
-export type SdTrEvents = NonNullable<unknown>;
-export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;

package/dist/components/components.server.js

@@ -42,7 +42,7 @@ export const SdCard = /*@__PURE__*/ createComponent({
     tagName: 'sd-card',
     properties: {
         bordered: 'bordered',
-        class: 'class'
+        cardClassName: 'card-class-name'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdCard,
@@ -51,7 +51,7 @@ export const SdCard = /*@__PURE__*/ createComponent({
 export const SdCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'sd-checkbox',
     properties: {
-        checked: 'checked',
+        value: 'value',
         val: 'val',
         disabled: 'disabled',
         label: 'label'
@@ -100,6 +100,24 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
     clientModule: clientComponents.SdDateRangePicker,
     serializeShadowRoot,
 });
+export const SdField = /*@__PURE__*/ createComponent({
+    tagName: 'sd-field',
+    properties: {
+        name: 'name',
+        error: 'error',
+        disabled: 'disabled',
+        hovered: 'hovered',
+        focused: 'focused',
+        status: 'status',
+        label: 'label',
+        insideLabel: 'inside-label',
+        useLabelRequired: 'use-label-required',
+        labelTooltip: 'label-tooltip'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdField,
+    serializeShadowRoot,
+});
 export const SdFilePicker = /*@__PURE__*/ createComponent({
     tagName: 'sd-file-picker',
     properties: {
@@ -114,6 +132,25 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
     clientModule: clientComponents.SdFilePicker,
     serializeShadowRoot,
 });
+export const SdFloatingPortal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-floating-portal',
+    properties: {
+        to: 'to',
+        zIndex: 'z-index',
+        placement: 'placement',
+        open: 'open'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdFloatingPortal,
+    serializeShadowRoot,
+});
+export const SdForm = /*@__PURE__*/ createComponent({
+    tagName: 'sd-form',
+    properties: {},
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdForm,
+    serializeShadowRoot,
+});
 export const SdGuide = /*@__PURE__*/ createComponent({
     tagName: 'sd-guide',
     properties: {
@@ -145,7 +182,7 @@ export const SdInput = /*@__PURE__*/ createComponent({
     tagName: 'sd-input',
     properties: {
         value: 'value',
-        label: 'label',
+        type: 'type',
         insideLabel: 'inside-label',
         placeholder: 'placeholder',
         disabled: 'disabled',
@@ -155,7 +192,13 @@ export const SdInput = /*@__PURE__*/ createComponent({
         autoFocus: 'auto-focus',
         status: 'status',
         inputClass: 'input-class',
-        readonly: 'readonly'
+        readonly: 'readonly',
+        error: 'error',
+        focused: 'focused',
+        hovered: 'hovered',
+        label: 'label',
+        useLabelRequired: 'use-label-required',
+        labelTooltip: 'label-tooltip'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdInput,
@@ -288,31 +331,59 @@ export const SdSelect = /*@__PURE__*/ createComponent({
     tagName: 'sd-select',
     properties: {
         value: 'value',
-        label: 'label',
         placeholder: 'placeholder',
         optionPlaceholder: 'option-placeholder',
         width: 'width',
         dropdownHeight: 'dropdown-height',
+        autoFocus: 'auto-focus',
         disabled: 'disabled',
         clearable: 'clearable',
-        searchable: 'searchable'
+        searchable: 'searchable',
+        label: 'label',
+        insideLabel: 'inside-label',
+        useLabelRequired: 'use-label-required',
+        labelTooltip: 'label-tooltip',
+        name: 'name',
+        error: 'error'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdSelect,
     serializeShadowRoot,
 });
+export const SdSelectDropdown = /*@__PURE__*/ createComponent({
+    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'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdSelectDropdown,
+    serializeShadowRoot,
+});
 export const SdSelectMultiple = /*@__PURE__*/ createComponent({
     tagName: 'sd-select-multiple',
     properties: {
-        label: 'label',
         placeholder: 'placeholder',
         optionPlaceholder: 'option-placeholder',
         width: 'width',
         dropdownHeight: 'dropdown-height',
+        autoFocus: 'auto-focus',
         disabled: 'disabled',
         clearable: 'clearable',
         searchable: 'searchable',
-        useCheckbox: 'use-checkbox'
+        useAll: 'use-all',
+        useCheckbox: 'use-checkbox',
+        label: 'label',
+        useLabelRequired: 'use-label-required',
+        labelTooltip: 'label-tooltip',
+        name: 'name',
+        error: 'error'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdSelectMultiple,
@@ -321,7 +392,6 @@ export const SdSelectMultiple = /*@__PURE__*/ createComponent({
 export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
     tagName: 'sd-select-multiple-group',
     properties: {
-        label: 'label',
         placeholder: 'placeholder',
         optionPlaceholder: 'option-placeholder',
         width: 'width',
@@ -332,7 +402,12 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
         useCheckbox: 'use-checkbox',
         useAll: 'use-all',
         allCheckedLabel: 'all-checked-label',
-        allCheckOptionLabel: 'all-check-option-label'
+        allCheckOptionLabel: 'all-check-option-label',
+        label: 'label',
+        useLabelRequired: 'use-label-required',
+        labelTooltip: 'label-tooltip',
+        name: 'name',
+        error: 'error'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdSelectMultipleGroup,
@@ -377,24 +452,6 @@ export const SdSelectSearchInput = /*@__PURE__*/ createComponent({
 });
 export const SdTable = /*@__PURE__*/ createComponent({
     tagName: 'sd-table',
-    properties: {
-        rowKey: 'row-key',
-        selectable: 'selectable',
-        resizable: 'resizable',
-        width: 'width',
-        height: 'height',
-        stickyHeader: 'sticky-header',
-        noDataLabel: 'no-data-label',
-        isLoading: 'is-loading',
-        useInternalPagination: 'use-internal-pagination',
-        useRowsPerPageSelect: 'use-rows-per-page-select'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTable,
-    serializeShadowRoot,
-});
-export const SdTableBackup = /*@__PURE__*/ createComponent({
-    tagName: 'sd-table-backup',
     properties: {
         rowKey: 'row-key',
         selectable: 'selectable',
@@ -410,7 +467,7 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
         virtualColumnWidth: 'virtual-column-width'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTableBackup,
+    clientModule: clientComponents.SdTable,
     serializeShadowRoot,
 });
 export const SdTabs = /*@__PURE__*/ createComponent({
@@ -438,29 +495,21 @@ export const SdTag = /*@__PURE__*/ createComponent({
     clientModule: clientComponents.SdTag,
     serializeShadowRoot,
 });
-export const SdTbody = /*@__PURE__*/ createComponent({
-    tagName: 'sd-tbody',
-    properties: {},
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTbody,
-    serializeShadowRoot,
-});
-export const SdTd = /*@__PURE__*/ createComponent({
-    tagName: 'sd-td',
+export const SdTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'sd-textarea',
     properties: {
+        value: 'value',
         name: 'name',
-        align: 'align',
-        tdClass: 'td-class'
+        disabled: 'disabled',
+        width: 'width',
+        autoFocus: 'auto-focus',
+        textareaClass: 'textarea-class',
+        helpText: 'help-text',
+        maxLength: 'max-length',
+        placeholder: 'placeholder'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTd,
-    serializeShadowRoot,
-});
-export const SdTh = /*@__PURE__*/ createComponent({
-    tagName: 'sd-th',
-    properties: {},
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTh,
+    clientModule: clientComponents.SdTextarea,
     serializeShadowRoot,
 });
 export const SdToastMessage = /*@__PURE__*/ createComponent({
@@ -471,7 +520,7 @@ export const SdToastMessage = /*@__PURE__*/ createComponent({
         link: 'link',
         linkLabel: 'link-label',
         buttonLabel: 'button-label',
-        close: 'close',
+        useClose: 'use-close',
         type: 'type'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -519,22 +568,3 @@ export const SdTooltip = /*@__PURE__*/ createComponent({
     clientModule: clientComponents.SdTooltip,
     serializeShadowRoot,
 });
-export const SdTooltipPortal = /*@__PURE__*/ createComponent({
-    tagName: 'sd-tooltip-portal',
-    properties: {
-        to: 'to',
-        zIndex: 'z-index',
-        placement: 'placement',
-        open: 'open'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTooltipPortal,
-    serializeShadowRoot,
-});
-export const SdTr = /*@__PURE__*/ createComponent({
-    tagName: 'sd-tr',
-    properties: {},
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdTr,
-    serializeShadowRoot,
-});