@sellmate/design-system-react 0.0.62 → 1.0.1

package/dist/components/components.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,36 +26,30 @@ 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';
 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 = {
@@ -61,25 +58,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>>;
 };
@@ -92,22 +98,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>;
@@ -119,26 +116,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 = {
@@ -169,42 +176,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.js

@@ -6,7 +6,10 @@ import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbo
 import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
 import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
 import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
+import { SdField as SdFieldElement, defineCustomElement as defineSdField } from "@sellmate/design-system/dist/components/sd-field.js";
 import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
+import { SdFloatingPortal as SdFloatingPortalElement, defineCustomElement as defineSdFloatingPortal } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
+import { SdForm as SdFormElement, defineCustomElement as defineSdForm } from "@sellmate/design-system/dist/components/sd-form.js";
 import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
 import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
 import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -19,25 +22,21 @@ import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } fr
 import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
 import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
 import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
+import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
 import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
 import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
 import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
 import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
 import { SdSelectSearchInput as SdSelectSearchInputElement, defineCustomElement as defineSdSelectSearchInput } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
 import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
-import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
 import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
 import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
 import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
-import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
-import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
-import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
+import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
 import { SdToastMessage as SdToastMessageElement, defineCustomElement as defineSdToastMessage } from "@sellmate/design-system/dist/components/sd-toast-message.js";
 import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
 import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
-import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
 import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
-import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
 export const SdBadge = /*@__PURE__*/ createComponent({
@@ -53,7 +52,7 @@ export const SdButton = /*@__PURE__*/ createComponent({
     elementClass: SdButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdClick: 'sdClick' },
+    events: {},
     defineCustomElement: defineSdButton
 });
 export const SdCard = /*@__PURE__*/ createComponent({
@@ -69,7 +68,7 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
     elementClass: SdCheckboxElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdCheckbox
 });
 export const SdDateBox = /*@__PURE__*/ createComponent({
@@ -88,7 +87,7 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
     elementClass: SdDatePickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdDatePicker
 });
 export const SdDateRangePicker = /*@__PURE__*/ createComponent({
@@ -96,17 +95,44 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
     elementClass: SdDateRangePickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdDateRangePicker
 });
+export const SdField = /*@__PURE__*/ createComponent({
+    tagName: 'sd-field',
+    elementClass: SdFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdField
+});
 export const SdFilePicker = /*@__PURE__*/ createComponent({
     tagName: 'sd-file-picker',
     elementClass: SdFilePickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdFilePicker
 });
+export const SdFloatingPortal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-floating-portal',
+    elementClass: SdFloatingPortalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdClose: 'sdClose' },
+    defineCustomElement: defineSdFloatingPortal
+});
+export const SdForm = /*@__PURE__*/ createComponent({
+    tagName: 'sd-form',
+    elementClass: SdFormElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdSubmit: 'sdSubmit',
+        onSdValidationError: 'sdValidationError'
+    },
+    defineCustomElement: defineSdForm
+});
 export const SdGuide = /*@__PURE__*/ createComponent({
     tagName: 'sd-guide',
     elementClass: SdGuideElement,
@@ -129,9 +155,7 @@ export const SdInput = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onSdClick: 'sdClick',
-        onSdInput: 'sdInput',
-        onSdChange: 'sdChange',
+        onSdUpdate: 'sdUpdate',
         onSdFocus: 'sdFocus',
         onSdBlur: 'sdBlur'
     },
@@ -162,10 +186,7 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onSdIncrement: 'sdIncrement',
-        onSdDecrement: 'sdDecrement',
-        onSdInput: 'sdInput',
-        onSdChange: 'sdChange',
+        onSdUpdate: 'sdUpdate',
         onSdFocus: 'sdFocus',
         onSdBlur: 'sdBlur'
     },
@@ -176,7 +197,7 @@ export const SdPagination = /*@__PURE__*/ createComponent({
     elementClass: SdPaginationElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onPageChange: 'pageChange' },
+    events: { onSdPageChange: 'sdPageChange' },
     defineCustomElement: defineSdPagination
 });
 export const SdPopover = /*@__PURE__*/ createComponent({
@@ -208,7 +229,7 @@ export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
     elementClass: SdRadioButtonGroupElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdRadioButtonGroup
 });
 export const SdRadioGroup = /*@__PURE__*/ createComponent({
@@ -216,7 +237,7 @@ export const SdRadioGroup = /*@__PURE__*/ createComponent({
     elementClass: SdRadioGroupElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdRadioGroup
 });
 export const SdSelect = /*@__PURE__*/ createComponent({
@@ -225,19 +246,31 @@ export const SdSelect = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onSdChange: 'sdChange',
-        onDropDownShow: 'dropDownShow'
+        onSdUpdate: 'sdUpdate',
+        onSdDropDownShow: 'sdDropDownShow'
     },
     defineCustomElement: defineSdSelect
 });
+export const SdSelectDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select-dropdown',
+    elementClass: SdSelectDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdOptionClick: 'sdOptionClick',
+        onSdOptionFiltered: 'sdOptionFiltered',
+        onSdScroll: 'sdScroll'
+    },
+    defineCustomElement: defineSdSelectDropdown
+});
 export const SdSelectMultiple = /*@__PURE__*/ createComponent({
     tagName: 'sd-select-multiple',
     elementClass: SdSelectMultipleElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onSdChange: 'sdChange',
-        onDropDownShow: 'dropDownShow'
+        onSdUpdate: 'sdUpdate',
+        onSdDropDownShow: 'sdDropDownShow'
     },
     defineCustomElement: defineSdSelectMultiple
 });
@@ -247,8 +280,8 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onSdChange: 'sdChange',
-        onDropDownShow: 'dropDownShow'
+        onSdUpdate: 'sdUpdate',
+        onSdDropDownShow: 'sdDropDownShow'
     },
     defineCustomElement: defineSdSelectMultipleGroup
 });
@@ -291,24 +324,12 @@ export const SdTable = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineSdTable
 });
-export const SdTableBackup = /*@__PURE__*/ createComponent({
-    tagName: 'sd-table-backup',
-    elementClass: SdTableBackupElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onSdSelectChange: 'sdSelectChange',
-        onSdPageChange: 'sdPageChange',
-        onSdRowsPerPageChange: 'sdRowsPerPageChange'
-    },
-    defineCustomElement: defineSdTableBackup
-});
 export const SdTabs = /*@__PURE__*/ createComponent({
     tagName: 'sd-tabs',
     elementClass: SdTabsElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdTabs
 });
 export const SdTag = /*@__PURE__*/ createComponent({
@@ -319,29 +340,17 @@ export const SdTag = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineSdTag
 });
-export const SdTbody = /*@__PURE__*/ createComponent({
-    tagName: 'sd-tbody',
-    elementClass: SdTbodyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdTbody
-});
-export const SdTd = /*@__PURE__*/ createComponent({
-    tagName: 'sd-td',
-    elementClass: SdTdElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdTd
-});
-export const SdTh = /*@__PURE__*/ createComponent({
-    tagName: 'sd-th',
-    elementClass: SdThElement,
+export const SdTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'sd-textarea',
+    elementClass: SdTextareaElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
-    defineCustomElement: defineSdTh
+    events: {
+        onSdUpdate: 'sdUpdate',
+        onSdFocus: 'sdFocus',
+        onSdBlur: 'sdBlur'
+    },
+    defineCustomElement: defineSdTextarea
 });
 export const SdToastMessage = /*@__PURE__*/ createComponent({
     tagName: 'sd-toast-message',
@@ -359,7 +368,7 @@ export const SdToggle = /*@__PURE__*/ createComponent({
     elementClass: SdToggleElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdToggle
 });
 export const SdToggleButton = /*@__PURE__*/ createComponent({
@@ -367,7 +376,7 @@ export const SdToggleButton = /*@__PURE__*/ createComponent({
     elementClass: SdToggleButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdChange: 'sdChange' },
+    events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdToggleButton
 });
 export const SdTooltip = /*@__PURE__*/ createComponent({
@@ -378,19 +387,3 @@ export const SdTooltip = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineSdTooltip
 });
-export const SdTooltipPortal = /*@__PURE__*/ createComponent({
-    tagName: 'sd-tooltip-portal',
-    elementClass: SdTooltipPortalElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSdClose: 'sdClose' },
-    defineCustomElement: defineSdTooltipPortal
-});
-export const SdTr = /*@__PURE__*/ createComponent({
-    tagName: 'sd-tr',
-    elementClass: SdTrElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdTr
-});