@sellmate/design-system 0.0.55 → 1.0.0

package/dist/types/components.d.ts

@@ -8,34 +8,40 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { Type } from "./components/sd-date-box/sd-date-box";
+import { Rule } from "./types/form";
+import { SdTooltipProps } from "./components/sd-tooltip/sd-tooltip";
+import { ValidatableField } from "./components/sd-form/sd-form";
 import { Event } from "./stencil-public-runtime";
 import { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
 import { RadioOption, RadioValue } from "./components/sd-radio-button-group/sd-radio-button-group";
 import { RadioOption as RadioOption1, RadioValue as RadioValue1 } from "./components/sd-radio-group/sd-radio-group";
 import { SelectEvents, SelectOption } from "./components/sd-select/sd-select";
-import { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/select";
+import { Rule as Rule1, SdTooltipProps as SdTooltipProps1 } from "./components";
+import { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption1, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
+import { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/select";
 import { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
-import { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption2, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
-import { Row as Row1, SdTableColumn as SdTableColumn1 } from "./components/sd-table-backup/sd-table-backup";
 import { TabOption } from "./components/sd-tabs/sd-tabs";
 import { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 import { ToastType } from "./components/sd-toast-message/sd-toast-message";
 export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { Type } from "./components/sd-date-box/sd-date-box";
+export { Rule } from "./types/form";
+export { SdTooltipProps } from "./components/sd-tooltip/sd-tooltip";
+export { ValidatableField } from "./components/sd-form/sd-form";
 export { Event } from "./stencil-public-runtime";
 export { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
 export { RadioOption, RadioValue } from "./components/sd-radio-button-group/sd-radio-button-group";
 export { RadioOption as RadioOption1, RadioValue as RadioValue1 } from "./components/sd-radio-group/sd-radio-group";
 export { SelectEvents, SelectOption } from "./components/sd-select/sd-select";
-export { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/select";
+export { Rule as Rule1, SdTooltipProps as SdTooltipProps1 } from "./components";
+export { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption1, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
+export { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/select";
 export { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
-export { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption2, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
 export { Row, SdTableColumn } from "./components/sd-table/sd-table";
-export { Row as Row1, SdTableColumn as SdTableColumn1 } from "./components/sd-table-backup/sd-table-backup";
 export { TabOption } from "./components/sd-tabs/sd-tabs";
 export { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 export { ToastType } from "./components/sd-toast-message/sd-toast-message";
@@ -100,13 +106,9 @@ export namespace Components {
         /**
           * @default ''
          */
-        "class": string;
+        "cardClassName"?: string;
     }
     interface SdCheckbox {
-        /**
-          * 현재 선택 상태 또는 배열 형태의 값
-         */
-        "checked": CheckedType;
         /**
           * 비활성화 여부
           * @default false
@@ -121,6 +123,10 @@ export namespace Components {
           * 배열 모드에서의 개별 값
          */
         "val"?: any;
+        /**
+          * 현재 선택 상태 또는 배열 형태의 값
+         */
+        "value": CheckedType;
     }
     interface SdDateBox {
         /**
@@ -189,6 +195,57 @@ export namespace Components {
          */
         "value": [string, string];
     }
+    interface SdField {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default false
+         */
+        "focused"?: boolean;
+        /**
+          * @default false
+         */
+        "hovered"?: boolean;
+        /**
+          * @default false
+         */
+        "insideLabel": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "name": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "sdFocus": () => Promise<void>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidation": () => Promise<void>;
+        "sdValidate": () => Promise<boolean>;
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default false
+         */
+        "useLabelRequired": boolean;
+    }
     interface SdFilePicker {
         "accept"?: string;
         /**
@@ -213,6 +270,39 @@ export namespace Components {
         "value"?: File[] | File | null;
         "width"?: number | string;
     }
+    interface SdFloatingPortal {
+        /**
+          * @default [0, 0]
+         */
+        "offset": [number, number];
+        /**
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * @default null
+         */
+        "parentRef": HTMLElement | null;
+        /**
+          * @default 'bottom'
+         */
+        "placement": 'top' | 'bottom' | 'left' | 'right';
+        /**
+          * @default 'body'
+         */
+        "to": HTMLElement | string;
+        /**
+          * @default 9999
+         */
+        "zIndex": number;
+    }
+    interface SdForm {
+        "sdRegisterField": (field: ValidatableField) => Promise<void>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidation": () => Promise<void>;
+        "sdUnregisterField": (name: string) => Promise<void>;
+        "sdValidate": () => Promise<boolean>;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -280,7 +370,18 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
-        "getNativeElement": () => Promise<HTMLInputElement | null>;
+        /**
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * @default false
+         */
+        "focused": boolean;
+        /**
+          * @default false
+         */
+        "hovered": boolean;
         /**
           * @default ''
          */
@@ -293,7 +394,18 @@ export namespace Components {
           * @default false
          */
         "insideLabel": boolean;
+        /**
+          * @default ''
+         */
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
         /**
           * @default '입력해 주세요.'
          */
@@ -302,8 +414,24 @@ export namespace Components {
           * @default false
          */
         "readonly": boolean;
-        "rules"?: Array<(value: string | number | null) => boolean | string>;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "sdFocus": () => Promise<void>;
+        "sdGetNativeElement": () => Promise<HTMLInputElement | null>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidate": () => Promise<void>;
+        "sdValidate": () => Promise<void>;
         "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default 'text'
+         */
+        "type": 'text' | 'password' | 'email';
+        /**
+          * @default false
+         */
+        "useLabelRequired": boolean;
         /**
           * @default null
          */
@@ -359,7 +487,6 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
-        "getNativeElement": () => Promise<HTMLInputElement | null>;
         /**
           * @default ''
          */
@@ -386,6 +513,7 @@ export namespace Components {
          */
         "readonly": boolean;
         "rules"?: Array<(value: string | number | null) => boolean | string>;
+        "sdGetNativeElement": () => Promise<HTMLInputElement | null>;
         "status"?: 'default' | 'pass' | 'error';
         /**
           * @default 1
@@ -554,6 +682,10 @@ export namespace Components {
         "value": RadioValue1;
     }
     interface SdSelect {
+        /**
+          * @default false
+         */
+        "autoFocus": boolean;
         /**
           * @default false
          */
@@ -566,11 +698,27 @@ export namespace Components {
           * @default '260px'
          */
         "dropdownHeight": string;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default false
+         */
+        "insideLabel": boolean;
         /**
           * @default ''
          */
         "label": string;
-        "open": () => Promise<void>;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        "name"?: string;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -584,10 +732,23 @@ export namespace Components {
           * @default '선택'
          */
         "placeholder": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule1[];
+        "sdFocus": () => Promise<void>;
+        "sdOpen": () => Promise<void>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidate": () => Promise<void>;
+        "sdValidate": () => Promise<void>;
         /**
           * @default false
          */
         "searchable": boolean;
+        /**
+          * @default false
+         */
+        "useLabelRequired": boolean;
         /**
           * @default null
          */
@@ -597,7 +758,31 @@ export namespace Components {
          */
         "width": string;
     }
+    interface SdSelectDropdown {
+        "dropdownHeight": string;
+        "itemIndex": number;
+        "optionPlaceholder": string;
+        "options": SelectOption1[];
+        "searchable": boolean;
+        /**
+          * @default false
+         */
+        "useAll"?: boolean;
+        /**
+          * @default false
+         */
+        "useCheckbox": boolean;
+        /**
+          * @default null
+         */
+        "value": SelectValue;
+        "width": string;
+    }
     interface SdSelectMultiple {
+        /**
+          * @default false
+         */
+        "autoFocus": boolean;
         /**
           * @default false
          */
@@ -610,36 +795,65 @@ export namespace Components {
           * @default '260px'
          */
         "dropdownHeight": string;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
         /**
           * @default ''
          */
         "label": string;
-        "open": () => Promise<void>;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps1 | null;
+        "name"?: string;
         /**
           * @default '옵션이 없습니다.'
          */
         "optionPlaceholder": string;
-        "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
+        "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
         /**
           * @default []
          */
-        "options": SelectOption1[];
+        "options": SelectOption2[];
         /**
           * @default '선택'
          */
         "placeholder": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule1[];
+        "sdFocus": () => Promise<void>;
+        "sdOpen": () => Promise<void>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidate": () => Promise<void>;
+        "sdValidate": () => Promise<void>;
         /**
           * @default false
          */
         "searchable": boolean;
+        /**
+          * @default false
+         */
+        "useAll": boolean;
         /**
           * @default false
          */
         "useCheckbox": boolean;
+        /**
+          * @default false
+         */
+        "useLabelRequired": boolean;
         /**
           * @default null
          */
-        "value": SelectOption1[] | null;
+        "value": SelectOption2[] | null;
         /**
           * @default '200px'
          */
@@ -674,6 +888,10 @@ export namespace Components {
           * @default {}
          */
         "dropdownStyle": SelectStyleProps['dropdownStyle'];
+        /**
+          * @default false
+         */
+        "error"?: boolean;
         /**
           * @default ''
          */
@@ -682,12 +900,20 @@ export namespace Components {
           * @default {}
          */
         "labelStyle": SelectStyleProps['labelStyle'];
-        "open": () => Promise<void>;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        "name"?: string;
         /**
           * @default '옵션이 없습니다.'
          */
         "optionPlaceholder": string;
-        "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
+        "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
         /**
           * @default {}
          */
@@ -700,6 +926,15 @@ export namespace Components {
           * @default '선택'
          */
         "placeholder": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule1[];
+        "sdFocus": () => Promise<void>;
+        "sdOpen": () => Promise<void>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidate": () => Promise<void>;
+        "sdValidate": () => Promise<void>;
         /**
           * @default false
          */
@@ -716,6 +951,10 @@ export namespace Components {
           * @default false
          */
         "useCheckbox": boolean;
+        /**
+          * @default false
+         */
+        "useLabelRequired": boolean;
         /**
           * @default null
          */
@@ -731,7 +970,6 @@ export namespace Components {
          */
         "disabled": boolean;
         "index": number;
-        "isDisabled": () => Promise<boolean>;
         /**
           * @default false
          */
@@ -740,8 +978,9 @@ export namespace Components {
           * @default false
          */
         "isSelected": boolean;
-        "option": SelectOption1;
+        "option": SelectOption2;
         "optionStyle"?: { [key: string]: string };
+        "sdIsDisabled": () => Promise<boolean>;
         /**
           * @default false
          */
@@ -778,12 +1017,12 @@ export namespace Components {
         "useIndicator"?: boolean;
     }
     interface SdSelectSearchInput {
-        "getNativeElement": () => Promise<HTMLInputElement | null>;
         /**
           * @default false
          */
         "isScrolled"?: boolean;
-        "searchInputFocus": () => Promise<void>;
+        "sdGetNativeElement": () => Promise<HTMLInputElement | null>;
+        "sdSearchInputFocus": () => Promise<void>;
         /**
           * @default ''
          */
@@ -795,6 +1034,7 @@ export namespace Components {
   row: Row,
  ) => HTMLElement | string | null | undefined;
         "columns": SdTableColumn[];
+        "headerCellRenderer"?: (column: SdTableColumn) => HTMLElement | string | null | undefined;
         "height"?: string;
         /**
           * @default false
@@ -821,75 +1061,15 @@ export namespace Components {
         /**
           * @default [   { label: '10개씩 보기', value: 10 },   { label: '25개씩 보기', value: 25 },   { label: '50개씩 보기', value: 50 },   { label: '100개씩 보기', value: 100 },  ]
          */
-        "rowsPerPageOption": SelectOption2[];
-        /**
-          * @default false
-         */
-        "selectable": boolean;
-        /**
-          * @default new Set()
-         */
-        "selected": Set<Row>;
-        /**
-          * @default { left: 0, right: 0 }
-         */
-        "stickyColumn": { left?: number; right?: number };
-        /**
-          * @default false
-         */
-        "stickyHeader": boolean;
-        /**
-          * @default false
-         */
-        "useInternalPagination": boolean;
-        /**
-          * @default false
-         */
-        "useRowsPerPageSelect": boolean;
-        "width"?: string;
-    }
-    interface SdTableBackup {
-        "bodyCellRenderer"?: (
-  column: SdTableColumn1,
-  row: Row1,
- ) => HTMLElement | string | null | undefined;
-        "columns": SdTableColumn1[];
-        "headerCellRenderer"?: (column: SdTableColumn1) => HTMLElement | string | null | undefined;
-        "height"?: string;
-        /**
-          * @default false
-         */
-        "isLoading": boolean;
-        /**
-          * @default '데이터가 없습니다.'
-         */
-        "noDataLabel": string;
-        "pagination"?: {
-  page: number;
-  rowsPerPage: number;
-  lastPage?: number;
- };
-        /**
-          * @default false
-         */
-        "resizable": boolean;
-        /**
-          * @default 'id'
-         */
-        "rowKey": string;
-        "rows": Row1[];
-        /**
-          * @default [   { label: '10개씩 보기', value: 10 },   { label: '25개씩 보기', value: 25 },   { label: '50개씩 보기', value: 50 },   { label: '100개씩 보기', value: 100 },  ]
-         */
-        "rowsPerPageOption": SelectOption2[];
+        "rowsPerPageOption": SelectOption1[];
         /**
           * @default false
          */
         "selectable": boolean;
         /**
-          * @default new Set()
+          * @default []
          */
-        "selected": Set<Row1>;
+        "selected": Row[];
         /**
           * @default { left: 0, right: 0 }
          */
@@ -959,28 +1139,36 @@ export namespace Components {
         "size": TagSize;
         "textColor"?: string;
     }
-    interface SdTbody {
-    }
-    interface SdTd {
+    interface SdTextarea {
+        /**
+          * @default false
+         */
+        "autoFocus": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "getNativeElement": () => Promise<HTMLTextAreaElement | null>;
+        "helpText"?: string;
+        "maxLength"?: number;
+        "name"?: string;
         /**
-          * @default 'left'
+          * @default '입력해 주세요.'
          */
-        "align": 'left' | 'center' | 'right';
+        "placeholder": string;
+        "sdFocus": () => Promise<void>;
         /**
           * @default ''
          */
-        "name": string;
-        "tdClass"?: string;
-        "tdStyle"?: Record<string, string>;
-    }
-    interface SdTh {
+        "textareaClass": string;
+        /**
+          * @default null
+         */
+        "value"?: string | null;
+        "width"?: number | string;
     }
     interface SdToastMessage {
         "buttonLabel"?: string;
-        /**
-          * @default false
-         */
-        "close": boolean;
         "icon"?: IconName;
         "link"?: string;
         "linkLabel"?: string;
@@ -989,6 +1177,10 @@ export namespace Components {
           * @default 'basicDark'
          */
         "type": ToastType;
+        /**
+          * @default false
+         */
+        "useClose": boolean;
     }
     interface SdToggle {
         /**
@@ -1064,38 +1256,6 @@ export namespace Components {
          */
         "useClose": boolean;
     }
-    interface SdTooltipPortal {
-        /**
-          * @default [0, 0]
-         */
-        "offset": [number, number];
-        /**
-          * @default false
-         */
-        "open": boolean;
-        /**
-          * @default null
-         */
-        "parentRef": HTMLElement | null;
-        /**
-          * @default 'bottom'
-         */
-        "placement": 'top' | 'bottom' | 'left' | 'right';
-        /**
-          * @default 'body'
-         */
-        "to": HTMLElement | string;
-        /**
-          * @default 9999
-         */
-        "zIndex": number;
-    }
-    interface SdTr {
-    }
-}
-export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdButtonElement;
 }
 export interface SdCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1117,6 +1277,14 @@ export interface SdFilePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdFilePickerElement;
 }
+export interface SdFloatingPortalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdFloatingPortalElement;
+}
+export interface SdFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdFormElement;
+}
 export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
@@ -1149,6 +1317,10 @@ export interface SdSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdSelectElement;
 }
+export interface SdSelectDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdSelectDropdownElement;
+}
 export interface SdSelectMultipleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdSelectMultipleElement;
@@ -1173,14 +1345,14 @@ export interface SdTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTableElement;
 }
-export interface SdTableBackupCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdTableBackupElement;
-}
 export interface SdTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTabsElement;
 }
+export interface SdTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTextareaElement;
+}
 export interface SdToastMessageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdToastMessageElement;
@@ -1193,10 +1365,6 @@ export interface SdToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdToggleButtonElement;
 }
-export interface SdTooltipPortalCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdTooltipPortalElement;
-}
 declare global {
     interface HTMLSdBadgeElement extends Components.SdBadge, HTMLStencilElement {
     }
@@ -1204,18 +1372,7 @@ declare global {
         prototype: HTMLSdBadgeElement;
         new (): HTMLSdBadgeElement;
     };
-    interface HTMLSdButtonElementEventMap {
-        "sdClick": MouseEvent;
-    }
     interface HTMLSdButtonElement extends Components.SdButton, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdButtonElementEventMap>(type: K, listener: (this: HTMLSdButtonElement, ev: SdButtonCustomEvent<HTMLSdButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSdButtonElementEventMap>(type: K, listener: (this: HTMLSdButtonElement, ev: SdButtonCustomEvent<HTMLSdButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSdButtonElement: {
         prototype: HTMLSdButtonElement;
@@ -1228,7 +1385,7 @@ declare global {
         new (): HTMLSdCardElement;
     };
     interface HTMLSdCheckboxElementEventMap {
-        "sdChange": CheckedType;
+        "sdUpdate": CheckedType;
     }
     interface HTMLSdCheckboxElement extends Components.SdCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdCheckboxElementEventMap>(type: K, listener: (this: HTMLSdCheckboxElement, ev: SdCheckboxCustomEvent<HTMLSdCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1263,7 +1420,7 @@ declare global {
         new (): HTMLSdDateBoxElement;
     };
     interface HTMLSdDatePickerElementEventMap {
-        "sdChange": string | null;
+        "sdUpdate": string | null;
     }
     interface HTMLSdDatePickerElement extends Components.SdDatePicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdDatePickerElementEventMap>(type: K, listener: (this: HTMLSdDatePickerElement, ev: SdDatePickerCustomEvent<HTMLSdDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1280,7 +1437,7 @@ declare global {
         new (): HTMLSdDatePickerElement;
     };
     interface HTMLSdDateRangePickerElementEventMap {
-        "sdChange": [string, string];
+        "sdUpdate": [string, string];
     }
     interface HTMLSdDateRangePickerElement extends Components.SdDateRangePicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdDateRangePickerElementEventMap>(type: K, listener: (this: HTMLSdDateRangePickerElement, ev: SdDateRangePickerCustomEvent<HTMLSdDateRangePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1296,8 +1453,14 @@ declare global {
         prototype: HTMLSdDateRangePickerElement;
         new (): HTMLSdDateRangePickerElement;
     };
+    interface HTMLSdFieldElement extends Components.SdField, HTMLStencilElement {
+    }
+    var HTMLSdFieldElement: {
+        prototype: HTMLSdFieldElement;
+        new (): HTMLSdFieldElement;
+    };
     interface HTMLSdFilePickerElementEventMap {
-        "sdChange": File[] | File | null;
+        "sdUpdate": File[] | File | null;
     }
     interface HTMLSdFilePickerElement extends Components.SdFilePicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdFilePickerElementEventMap>(type: K, listener: (this: HTMLSdFilePickerElement, ev: SdFilePickerCustomEvent<HTMLSdFilePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1313,6 +1476,41 @@ declare global {
         prototype: HTMLSdFilePickerElement;
         new (): HTMLSdFilePickerElement;
     };
+    interface HTMLSdFloatingPortalElementEventMap {
+        "sdClose": void;
+    }
+    interface HTMLSdFloatingPortalElement extends Components.SdFloatingPortal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdFloatingPortalElementEventMap>(type: K, listener: (this: HTMLSdFloatingPortalElement, ev: SdFloatingPortalCustomEvent<HTMLSdFloatingPortalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdFloatingPortalElementEventMap>(type: K, listener: (this: HTMLSdFloatingPortalElement, ev: SdFloatingPortalCustomEvent<HTMLSdFloatingPortalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdFloatingPortalElement: {
+        prototype: HTMLSdFloatingPortalElement;
+        new (): HTMLSdFloatingPortalElement;
+    };
+    interface HTMLSdFormElementEventMap {
+        "sdSubmit": void;
+        "sdValidationError": void;
+    }
+    interface HTMLSdFormElement extends Components.SdForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdFormElementEventMap>(type: K, listener: (this: HTMLSdFormElement, ev: SdFormCustomEvent<HTMLSdFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdFormElementEventMap>(type: K, listener: (this: HTMLSdFormElement, ev: SdFormCustomEvent<HTMLSdFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdFormElement: {
+        prototype: HTMLSdFormElement;
+        new (): HTMLSdFormElement;
+    };
     interface HTMLSdGuideElement extends Components.SdGuide, HTMLStencilElement {
     }
     var HTMLSdGuideElement: {
@@ -1326,9 +1524,7 @@ declare global {
         new (): HTMLSdIconElement;
     };
     interface HTMLSdInputElementEventMap {
-        "sdClick": string | number | null;
-        "sdInput": string | number | null;
-        "sdChange": string | number | null;
+        "sdUpdate": string | number | null;
         "sdFocus": Event;
         "sdBlur": Event;
     }
@@ -1371,10 +1567,7 @@ declare global {
         new (): HTMLSdModalCardElement;
     };
     interface HTMLSdNumberInputElementEventMap {
-        "sdIncrement": { currentVal: number; prevVal: number };
-        "sdDecrement": { currentVal: number; prevVal: number };
-        "sdInput": number | null;
-        "sdChange": number | null;
+        "sdUpdate": number | null;
         "sdFocus": Event;
         "sdBlur": Event;
     }
@@ -1393,7 +1586,7 @@ declare global {
         new (): HTMLSdNumberInputElement;
     };
     interface HTMLSdPaginationElementEventMap {
-        "pageChange": number;
+        "sdPageChange": number;
     }
     interface HTMLSdPaginationElement extends Components.SdPagination, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdPaginationElementEventMap>(type: K, listener: (this: HTMLSdPaginationElement, ev: SdPaginationCustomEvent<HTMLSdPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1439,7 +1632,7 @@ declare global {
         new (): HTMLSdProgressElement;
     };
     interface HTMLSdRadioButtonGroupElementEventMap {
-        "sdChange": RadioValue;
+        "sdUpdate": RadioValue;
     }
     interface HTMLSdRadioButtonGroupElement extends Components.SdRadioButtonGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLSdRadioButtonGroupElement, ev: SdRadioButtonGroupCustomEvent<HTMLSdRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1456,7 +1649,7 @@ declare global {
         new (): HTMLSdRadioButtonGroupElement;
     };
     interface HTMLSdRadioGroupElementEventMap {
-        "sdChange": RadioValue1;
+        "sdUpdate": RadioValue1;
     }
     interface HTMLSdRadioGroupElement extends Components.SdRadioGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdRadioGroupElementEventMap>(type: K, listener: (this: HTMLSdRadioGroupElement, ev: SdRadioGroupCustomEvent<HTMLSdRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1473,8 +1666,8 @@ declare global {
         new (): HTMLSdRadioGroupElement;
     };
     interface HTMLSdSelectElementEventMap {
-        "sdChange": SelectEvents['sdChange'];
-        "dropDownShow": SelectEvents['dropDownShow'];
+        "sdUpdate": SelectEvents['sdUpdate'];
+        "sdDropDownShow": SelectEvents['dropDownShow'];
     }
     interface HTMLSdSelectElement extends Components.SdSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdSelectElementEventMap>(type: K, listener: (this: HTMLSdSelectElement, ev: SdSelectCustomEvent<HTMLSdSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1490,9 +1683,32 @@ declare global {
         prototype: HTMLSdSelectElement;
         new (): HTMLSdSelectElement;
     };
+    interface HTMLSdSelectDropdownElementEventMap {
+        "sdOptionClick": {
+  option: SelectOption1;
+  index: number;
+  event: MouseEvent;
+ };
+        "sdOptionFiltered": SelectOption1[];
+        "sdScroll": Event;
+    }
+    interface HTMLSdSelectDropdownElement extends Components.SdSelectDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdSelectDropdownElementEventMap>(type: K, listener: (this: HTMLSdSelectDropdownElement, ev: SdSelectDropdownCustomEvent<HTMLSdSelectDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdSelectDropdownElementEventMap>(type: K, listener: (this: HTMLSdSelectDropdownElement, ev: SdSelectDropdownCustomEvent<HTMLSdSelectDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdSelectDropdownElement: {
+        prototype: HTMLSdSelectDropdownElement;
+        new (): HTMLSdSelectDropdownElement;
+    };
     interface HTMLSdSelectMultipleElementEventMap {
-        "sdChange": SelectMultipleEvents['sdChange'];
-        "dropDownShow": SelectMultipleEvents['dropDownShow'];
+        "sdUpdate": SelectMultipleEvents['sdUpdate'];
+        "sdDropDownShow": SelectMultipleEvents['dropDownShow'];
     }
     interface HTMLSdSelectMultipleElement extends Components.SdSelectMultiple, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdSelectMultipleElementEventMap>(type: K, listener: (this: HTMLSdSelectMultipleElement, ev: SdSelectMultipleCustomEvent<HTMLSdSelectMultipleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1509,8 +1725,8 @@ declare global {
         new (): HTMLSdSelectMultipleElement;
     };
     interface HTMLSdSelectMultipleGroupElementEventMap {
-        "sdChange": SelectMultipleEvents1['sdChange'];
-        "dropDownShow": SelectMultipleEvents1['dropDownShow'];
+        "sdUpdate": SelectMultipleEvents1['sdUpdate'];
+        "sdDropDownShow": SelectMultipleEvents1['dropDownShow'];
     }
     interface HTMLSdSelectMultipleGroupElement extends Components.SdSelectMultipleGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdSelectMultipleGroupElementEventMap>(type: K, listener: (this: HTMLSdSelectMultipleGroupElement, ev: SdSelectMultipleGroupCustomEvent<HTMLSdSelectMultipleGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1528,7 +1744,7 @@ declare global {
     };
     interface HTMLSdSelectOptionElementEventMap {
         "optionClick": {
-  option: SelectOption1;
+  option: SelectOption2;
   index: number;
   event: MouseEvent;
  };
@@ -1606,27 +1822,8 @@ declare global {
         prototype: HTMLSdTableElement;
         new (): HTMLSdTableElement;
     };
-    interface HTMLSdTableBackupElementEventMap {
-        "sdSelectChange": Row1[];
-        "sdPageChange": number;
-        "sdRowsPerPageChange": number;
-    }
-    interface HTMLSdTableBackupElement extends Components.SdTableBackup, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdTableBackupElementEventMap>(type: K, listener: (this: HTMLSdTableBackupElement, ev: SdTableBackupCustomEvent<HTMLSdTableBackupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSdTableBackupElementEventMap>(type: K, listener: (this: HTMLSdTableBackupElement, ev: SdTableBackupCustomEvent<HTMLSdTableBackupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLSdTableBackupElement: {
-        prototype: HTMLSdTableBackupElement;
-        new (): HTMLSdTableBackupElement;
-    };
     interface HTMLSdTabsElementEventMap {
-        "sdChange": string;
+        "sdUpdate": string;
     }
     interface HTMLSdTabsElement extends Components.SdTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdTabsElementEventMap>(type: K, listener: (this: HTMLSdTabsElement, ev: SdTabsCustomEvent<HTMLSdTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1648,23 +1845,24 @@ declare global {
         prototype: HTMLSdTagElement;
         new (): HTMLSdTagElement;
     };
-    interface HTMLSdTbodyElement extends Components.SdTbody, HTMLStencilElement {
-    }
-    var HTMLSdTbodyElement: {
-        prototype: HTMLSdTbodyElement;
-        new (): HTMLSdTbodyElement;
-    };
-    interface HTMLSdTdElement extends Components.SdTd, HTMLStencilElement {
+    interface HTMLSdTextareaElementEventMap {
+        "sdUpdate": string | null;
+        "sdFocus": Event;
+        "sdBlur": Event;
     }
-    var HTMLSdTdElement: {
-        prototype: HTMLSdTdElement;
-        new (): HTMLSdTdElement;
-    };
-    interface HTMLSdThElement extends Components.SdTh, HTMLStencilElement {
+    interface HTMLSdTextareaElement extends Components.SdTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTextareaElementEventMap>(type: K, listener: (this: HTMLSdTextareaElement, ev: SdTextareaCustomEvent<HTMLSdTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTextareaElementEventMap>(type: K, listener: (this: HTMLSdTextareaElement, ev: SdTextareaCustomEvent<HTMLSdTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLSdThElement: {
-        prototype: HTMLSdThElement;
-        new (): HTMLSdThElement;
+    var HTMLSdTextareaElement: {
+        prototype: HTMLSdTextareaElement;
+        new (): HTMLSdTextareaElement;
     };
     interface HTMLSdToastMessageElementEventMap {
         "sdClose": void;
@@ -1685,7 +1883,7 @@ declare global {
         new (): HTMLSdToastMessageElement;
     };
     interface HTMLSdToggleElementEventMap {
-        "sdChange": boolean;
+        "sdUpdate": boolean;
     }
     interface HTMLSdToggleElement extends Components.SdToggle, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdToggleElementEventMap>(type: K, listener: (this: HTMLSdToggleElement, ev: SdToggleCustomEvent<HTMLSdToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1702,7 +1900,7 @@ declare global {
         new (): HTMLSdToggleElement;
     };
     interface HTMLSdToggleButtonElementEventMap {
-        "sdChange": boolean;
+        "sdUpdate": boolean;
     }
     interface HTMLSdToggleButtonElement extends Components.SdToggleButton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdToggleButtonElementEventMap>(type: K, listener: (this: HTMLSdToggleButtonElement, ev: SdToggleButtonCustomEvent<HTMLSdToggleButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1724,29 +1922,6 @@ declare global {
         prototype: HTMLSdTooltipElement;
         new (): HTMLSdTooltipElement;
     };
-    interface HTMLSdTooltipPortalElementEventMap {
-        "sdClose": void;
-    }
-    interface HTMLSdTooltipPortalElement extends Components.SdTooltipPortal, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdTooltipPortalElementEventMap>(type: K, listener: (this: HTMLSdTooltipPortalElement, ev: SdTooltipPortalCustomEvent<HTMLSdTooltipPortalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSdTooltipPortalElementEventMap>(type: K, listener: (this: HTMLSdTooltipPortalElement, ev: SdTooltipPortalCustomEvent<HTMLSdTooltipPortalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLSdTooltipPortalElement: {
-        prototype: HTMLSdTooltipPortalElement;
-        new (): HTMLSdTooltipPortalElement;
-    };
-    interface HTMLSdTrElement extends Components.SdTr, HTMLStencilElement {
-    }
-    var HTMLSdTrElement: {
-        prototype: HTMLSdTrElement;
-        new (): HTMLSdTrElement;
-    };
     interface HTMLElementTagNameMap {
         "sd-badge": HTMLSdBadgeElement;
         "sd-button": HTMLSdButtonElement;
@@ -1755,7 +1930,10 @@ declare global {
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
+        "sd-field": HTMLSdFieldElement;
         "sd-file-picker": HTMLSdFilePickerElement;
+        "sd-floating-portal": HTMLSdFloatingPortalElement;
+        "sd-form": HTMLSdFormElement;
         "sd-guide": HTMLSdGuideElement;
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
@@ -1769,24 +1947,20 @@ declare global {
         "sd-radio-button-group": HTMLSdRadioButtonGroupElement;
         "sd-radio-group": HTMLSdRadioGroupElement;
         "sd-select": HTMLSdSelectElement;
+        "sd-select-dropdown": HTMLSdSelectDropdownElement;
         "sd-select-multiple": HTMLSdSelectMultipleElement;
         "sd-select-multiple-group": HTMLSdSelectMultipleGroupElement;
         "sd-select-option": HTMLSdSelectOptionElement;
         "sd-select-option-group": HTMLSdSelectOptionGroupElement;
         "sd-select-search-input": HTMLSdSelectSearchInputElement;
         "sd-table": HTMLSdTableElement;
-        "sd-table-backup": HTMLSdTableBackupElement;
         "sd-tabs": HTMLSdTabsElement;
         "sd-tag": HTMLSdTagElement;
-        "sd-tbody": HTMLSdTbodyElement;
-        "sd-td": HTMLSdTdElement;
-        "sd-th": HTMLSdThElement;
+        "sd-textarea": HTMLSdTextareaElement;
         "sd-toast-message": HTMLSdToastMessageElement;
         "sd-toggle": HTMLSdToggleElement;
         "sd-toggle-button": HTMLSdToggleButtonElement;
         "sd-tooltip": HTMLSdTooltipElement;
-        "sd-tooltip-portal": HTMLSdTooltipPortalElement;
-        "sd-tr": HTMLSdTrElement;
     }
 }
 declare namespace LocalJSX {
@@ -1829,7 +2003,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "noHover"?: boolean;
-        "onSdClick"?: (event: SdButtonCustomEvent<MouseEvent>) => void;
         /**
           * @default 'sm'
          */
@@ -1851,13 +2024,9 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "class"?: string;
+        "cardClassName"?: string;
     }
     interface SdCheckbox {
-        /**
-          * 현재 선택 상태 또는 배열 형태의 값
-         */
-        "checked": CheckedType;
         /**
           * 비활성화 여부
           * @default false
@@ -1871,11 +2040,15 @@ declare namespace LocalJSX {
         /**
           * 값 변경 이벤트
          */
-        "onSdChange"?: (event: SdCheckboxCustomEvent<CheckedType>) => void;
+        "onSdUpdate"?: (event: SdCheckboxCustomEvent<CheckedType>) => void;
         /**
           * 배열 모드에서의 개별 값
          */
         "val"?: any;
+        /**
+          * 현재 선택 상태 또는 배열 형태의 값
+         */
+        "value": CheckedType;
     }
     interface SdDateBox {
         /**
@@ -1919,7 +2092,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "label"?: string;
-        "onSdChange"?: (event: SdDatePickerCustomEvent<string | null>) => void;
+        "onSdUpdate"?: (event: SdDatePickerCustomEvent<string | null>) => void;
         /**
           * @default ''
          */
@@ -1937,16 +2110,63 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "label"?: string;
         "maxRange"?: number;
-        "onSdChange"?: (event: SdDateRangePickerCustomEvent<[string, string]>) => void;
+        "onSdUpdate"?: (event: SdDateRangePickerCustomEvent<[string, string]>) => void;
         /**
           * @default ''
          */
         "placeholder"?: string;
         "selectable"?: [string, string];
         /**
-          * @default ['', '']
+          * @default ['', '']
+         */
+        "value"?: [string, string];
+    }
+    interface SdField {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default false
+         */
+        "focused"?: boolean;
+        /**
+          * @default false
+         */
+        "hovered"?: boolean;
+        /**
+          * @default false
+         */
+        "insideLabel"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default false
          */
-        "value"?: [string, string];
+        "useLabelRequired"?: boolean;
     }
     interface SdFilePicker {
         "accept"?: string;
@@ -1962,7 +2182,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "multiple"?: boolean;
-        "onSdChange"?: (event: SdFilePickerCustomEvent<File[] | File | null>) => void;
+        "onSdUpdate"?: (event: SdFilePickerCustomEvent<File[] | File | null>) => void;
         /**
           * @default 'Click to upload'
          */
@@ -1973,6 +2193,37 @@ declare namespace LocalJSX {
         "value"?: File[] | File | null;
         "width"?: number | string;
     }
+    interface SdFloatingPortal {
+        /**
+          * @default [0, 0]
+         */
+        "offset"?: [number, number];
+        "onSdClose"?: (event: SdFloatingPortalCustomEvent<void>) => void;
+        /**
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * @default null
+         */
+        "parentRef"?: HTMLElement | null;
+        /**
+          * @default 'bottom'
+         */
+        "placement"?: 'top' | 'bottom' | 'left' | 'right';
+        /**
+          * @default 'body'
+         */
+        "to"?: HTMLElement | string;
+        /**
+          * @default 9999
+         */
+        "zIndex"?: number;
+    }
+    interface SdForm {
+        "onSdSubmit"?: (event: SdFormCustomEvent<void>) => void;
+        "onSdValidationError"?: (event: SdFormCustomEvent<void>) => void;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -2040,6 +2291,18 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default false
+         */
+        "focused"?: boolean;
+        /**
+          * @default false
+         */
+        "hovered"?: boolean;
         /**
           * @default ''
          */
@@ -2052,12 +2315,21 @@ declare namespace LocalJSX {
           * @default false
          */
         "insideLabel"?: boolean;
+        /**
+          * @default ''
+         */
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
         "onSdBlur"?: (event: SdInputCustomEvent<Event>) => void;
-        "onSdChange"?: (event: SdInputCustomEvent<string | number | null>) => void;
-        "onSdClick"?: (event: SdInputCustomEvent<string | number | null>) => void;
         "onSdFocus"?: (event: SdInputCustomEvent<Event>) => void;
-        "onSdInput"?: (event: SdInputCustomEvent<string | number | null>) => void;
+        "onSdUpdate"?: (event: SdInputCustomEvent<string | number | null>) => void;
         /**
           * @default '입력해 주세요.'
          */
@@ -2066,8 +2338,19 @@ declare namespace LocalJSX {
           * @default false
          */
         "readonly"?: boolean;
-        "rules"?: Array<(value: string | number | null) => boolean | string>;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
         "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default 'text'
+         */
+        "type"?: 'text' | 'password' | 'email';
+        /**
+          * @default false
+         */
+        "useLabelRequired"?: boolean;
         /**
           * @default null
          */
@@ -2143,11 +2426,8 @@ declare namespace LocalJSX {
          */
         "min"?: number;
         "onSdBlur"?: (event: SdNumberInputCustomEvent<Event>) => void;
-        "onSdChange"?: (event: SdNumberInputCustomEvent<number | null>) => void;
-        "onSdDecrement"?: (event: SdNumberInputCustomEvent<{ currentVal: number; prevVal: number }>) => void;
         "onSdFocus"?: (event: SdNumberInputCustomEvent<Event>) => void;
-        "onSdIncrement"?: (event: SdNumberInputCustomEvent<{ currentVal: number; prevVal: number }>) => void;
-        "onSdInput"?: (event: SdNumberInputCustomEvent<number | null>) => void;
+        "onSdUpdate"?: (event: SdNumberInputCustomEvent<number | null>) => void;
         /**
           * @default '입력해 주세요.'
          */
@@ -2185,7 +2465,7 @@ declare namespace LocalJSX {
           * @default 1
          */
         "lastPage"?: number;
-        "onPageChange"?: (event: SdPaginationCustomEvent<number>) => void;
+        "onSdPageChange"?: (event: SdPaginationCustomEvent<number>) => void;
         /**
           * @default false
          */
@@ -2300,7 +2580,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "name"?: string;
-        "onSdChange"?: (event: SdRadioButtonGroupCustomEvent<RadioValue>) => void;
+        "onSdUpdate"?: (event: SdRadioButtonGroupCustomEvent<RadioValue>) => void;
         /**
           * @default []
          */
@@ -2321,7 +2601,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "name"?: string;
-        "onSdChange"?: (event: SdRadioGroupCustomEvent<RadioValue1>) => void;
+        "onSdUpdate"?: (event: SdRadioGroupCustomEvent<RadioValue1>) => void;
         /**
           * @default []
          */
@@ -2329,6 +2609,10 @@ declare namespace LocalJSX {
         "value": RadioValue1;
     }
     interface SdSelect {
+        /**
+          * @default false
+         */
+        "autoFocus"?: boolean;
         /**
           * @default false
          */
@@ -2341,12 +2625,29 @@ declare namespace LocalJSX {
           * @default '260px'
          */
         "dropdownHeight"?: string;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default false
+         */
+        "insideLabel"?: boolean;
         /**
           * @default ''
          */
         "label"?: string;
-        "onDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
-        "onSdChange"?: (event: SdSelectCustomEvent<SelectEvents['sdChange']>) => void;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
+        "name"?: string;
+        "onSdDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
+        "onSdUpdate"?: (event: SdSelectCustomEvent<SelectEvents['sdUpdate']>) => void;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -2360,10 +2661,18 @@ declare namespace LocalJSX {
           * @default '선택'
          */
         "placeholder"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule1[];
         /**
           * @default false
          */
         "searchable"?: boolean;
+        /**
+          * @default false
+         */
+        "useLabelRequired"?: boolean;
         /**
           * @default null
          */
@@ -2373,7 +2682,38 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface SdSelectDropdown {
+        "dropdownHeight": string;
+        "itemIndex": number;
+        "onSdOptionClick"?: (event: SdSelectDropdownCustomEvent<{
+  option: SelectOption1;
+  index: number;
+  event: MouseEvent;
+ }>) => void;
+        "onSdOptionFiltered"?: (event: SdSelectDropdownCustomEvent<SelectOption1[]>) => void;
+        "onSdScroll"?: (event: SdSelectDropdownCustomEvent<Event>) => void;
+        "optionPlaceholder": string;
+        "options": SelectOption1[];
+        "searchable": boolean;
+        /**
+          * @default false
+         */
+        "useAll"?: boolean;
+        /**
+          * @default false
+         */
+        "useCheckbox"?: boolean;
+        /**
+          * @default null
+         */
+        "value"?: SelectValue;
+        "width": string;
+    }
     interface SdSelectMultiple {
+        /**
+          * @default false
+         */
+        "autoFocus"?: boolean;
         /**
           * @default false
          */
@@ -2386,37 +2726,62 @@ declare namespace LocalJSX {
           * @default '260px'
          */
         "dropdownHeight"?: string;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
         /**
           * @default ''
          */
         "label"?: string;
-        "onDropDownShow"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>) => void;
-        "onSdChange"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>) => void;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps1 | null;
+        "name"?: string;
+        "onSdDropDownShow"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>) => void;
+        "onSdUpdate"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>) => void;
         /**
           * @default '옵션이 없습니다.'
          */
         "optionPlaceholder"?: string;
-        "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
+        "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
         /**
           * @default []
          */
-        "options"?: SelectOption1[];
+        "options"?: SelectOption2[];
         /**
           * @default '선택'
          */
         "placeholder"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule1[];
         /**
           * @default false
          */
         "searchable"?: boolean;
+        /**
+          * @default false
+         */
+        "useAll"?: boolean;
         /**
           * @default false
          */
         "useCheckbox"?: boolean;
+        /**
+          * @default false
+         */
+        "useLabelRequired"?: boolean;
         /**
           * @default null
          */
-        "value"?: SelectOption1[] | null;
+        "value"?: SelectOption2[] | null;
         /**
           * @default '200px'
          */
@@ -2451,6 +2816,10 @@ declare namespace LocalJSX {
           * @default {}
          */
         "dropdownStyle"?: SelectStyleProps['dropdownStyle'];
+        /**
+          * @default false
+         */
+        "error"?: boolean;
         /**
           * @default ''
          */
@@ -2459,13 +2828,22 @@ declare namespace LocalJSX {
           * @default {}
          */
         "labelStyle"?: SelectStyleProps['labelStyle'];
-        "onDropDownShow"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['dropDownShow']>) => void;
-        "onSdChange"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['sdChange']>) => void;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
+        "name"?: string;
+        "onSdDropDownShow"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['dropDownShow']>) => void;
+        "onSdUpdate"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['sdUpdate']>) => void;
         /**
           * @default '옵션이 없습니다.'
          */
         "optionPlaceholder"?: string;
-        "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
+        "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
         /**
           * @default {}
          */
@@ -2478,6 +2856,10 @@ declare namespace LocalJSX {
           * @default '선택'
          */
         "placeholder"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule1[];
         /**
           * @default false
          */
@@ -2494,6 +2876,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "useCheckbox"?: boolean;
+        /**
+          * @default false
+         */
+        "useLabelRequired"?: boolean;
         /**
           * @default null
          */
@@ -2518,11 +2904,11 @@ declare namespace LocalJSX {
          */
         "isSelected"?: boolean;
         "onOptionClick"?: (event: SdSelectOptionCustomEvent<{
-  option: SelectOption1;
+  option: SelectOption2;
   index: number;
   event: MouseEvent;
  }>) => void;
-        "option": SelectOption1;
+        "option": SelectOption2;
         "optionStyle"?: { [key: string]: string };
         /**
           * @default false
@@ -2582,6 +2968,7 @@ declare namespace LocalJSX {
   row: Row,
  ) => HTMLElement | string | null | undefined;
         "columns": SdTableColumn[];
+        "headerCellRenderer"?: (column: SdTableColumn) => HTMLElement | string | null | undefined;
         "height"?: string;
         /**
           * @default false
@@ -2611,78 +2998,15 @@ declare namespace LocalJSX {
         /**
           * @default [   { label: '10개씩 보기', value: 10 },   { label: '25개씩 보기', value: 25 },   { label: '50개씩 보기', value: 50 },   { label: '100개씩 보기', value: 100 },  ]
          */
-        "rowsPerPageOption"?: SelectOption2[];
-        /**
-          * @default false
-         */
-        "selectable"?: boolean;
-        /**
-          * @default new Set()
-         */
-        "selected"?: Set<Row>;
-        /**
-          * @default { left: 0, right: 0 }
-         */
-        "stickyColumn"?: { left?: number; right?: number };
-        /**
-          * @default false
-         */
-        "stickyHeader"?: boolean;
-        /**
-          * @default false
-         */
-        "useInternalPagination"?: boolean;
-        /**
-          * @default false
-         */
-        "useRowsPerPageSelect"?: boolean;
-        "width"?: string;
-    }
-    interface SdTableBackup {
-        "bodyCellRenderer"?: (
-  column: SdTableColumn1,
-  row: Row1,
- ) => HTMLElement | string | null | undefined;
-        "columns": SdTableColumn1[];
-        "headerCellRenderer"?: (column: SdTableColumn1) => HTMLElement | string | null | undefined;
-        "height"?: string;
-        /**
-          * @default false
-         */
-        "isLoading"?: boolean;
-        /**
-          * @default '데이터가 없습니다.'
-         */
-        "noDataLabel"?: string;
-        "onSdPageChange"?: (event: SdTableBackupCustomEvent<number>) => void;
-        "onSdRowsPerPageChange"?: (event: SdTableBackupCustomEvent<number>) => void;
-        "onSdSelectChange"?: (event: SdTableBackupCustomEvent<Row1[]>) => void;
-        "pagination"?: {
-  page: number;
-  rowsPerPage: number;
-  lastPage?: number;
- };
-        /**
-          * @default false
-         */
-        "resizable"?: boolean;
-        /**
-          * @default 'id'
-         */
-        "rowKey"?: string;
-        "rows": Row1[];
-        /**
-          * @default [   { label: '10개씩 보기', value: 10 },   { label: '25개씩 보기', value: 25 },   { label: '50개씩 보기', value: 50 },   { label: '100개씩 보기', value: 100 },  ]
-         */
-        "rowsPerPageOption"?: SelectOption2[];
+        "rowsPerPageOption"?: SelectOption1[];
         /**
           * @default false
          */
         "selectable"?: boolean;
         /**
-          * @default new Set()
+          * @default []
          */
-        "selected"?: Set<Row1>;
+        "selected"?: Row[];
         /**
           * @default { left: 0, right: 0 }
          */
@@ -2722,7 +3046,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "isSub"?: boolean;
-        "onSdChange"?: (event: SdTabsCustomEvent<string>) => void;
+        "onSdUpdate"?: (event: SdTabsCustomEvent<string>) => void;
         /**
           * @default 'md'
          */
@@ -2753,28 +3077,37 @@ declare namespace LocalJSX {
         "size"?: TagSize;
         "textColor"?: string;
     }
-    interface SdTbody {
-    }
-    interface SdTd {
+    interface SdTextarea {
         /**
-          * @default 'left'
+          * @default false
          */
-        "align"?: 'left' | 'center' | 'right';
+        "autoFocus"?: boolean;
         /**
-          * @default ''
+          * @default false
          */
+        "disabled"?: boolean;
+        "helpText"?: string;
+        "maxLength"?: number;
         "name"?: string;
-        "tdClass"?: string;
-        "tdStyle"?: Record<string, string>;
-    }
-    interface SdTh {
+        "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
+        "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
+        "onSdUpdate"?: (event: SdTextareaCustomEvent<string | null>) => void;
+        /**
+          * @default '입력해 주세요.'
+         */
+        "placeholder"?: string;
+        /**
+          * @default ''
+         */
+        "textareaClass"?: string;
+        /**
+          * @default null
+         */
+        "value"?: string | null;
+        "width"?: number | string;
     }
     interface SdToastMessage {
         "buttonLabel"?: string;
-        /**
-          * @default false
-         */
-        "close"?: boolean;
         "icon"?: IconName;
         "link"?: string;
         "linkLabel"?: string;
@@ -2785,6 +3118,10 @@ declare namespace LocalJSX {
           * @default 'basicDark'
          */
         "type"?: ToastType;
+        /**
+          * @default false
+         */
+        "useClose"?: boolean;
     }
     interface SdToggle {
         /**
@@ -2795,7 +3132,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
-        "onSdChange"?: (event: SdToggleCustomEvent<boolean>) => void;
+        "onSdUpdate"?: (event: SdToggleCustomEvent<boolean>) => void;
         /**
           * @default false
          */
@@ -2810,7 +3147,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
-        "onSdChange"?: (event: SdToggleButtonCustomEvent<boolean>) => void;
+        "onSdUpdate"?: (event: SdToggleButtonCustomEvent<boolean>) => void;
         /**
           * @default false
          */
@@ -2862,35 +3199,6 @@ declare namespace LocalJSX {
          */
         "useClose"?: boolean;
     }
-    interface SdTooltipPortal {
-        /**
-          * @default [0, 0]
-         */
-        "offset"?: [number, number];
-        "onSdClose"?: (event: SdTooltipPortalCustomEvent<void>) => void;
-        /**
-          * @default false
-         */
-        "open"?: boolean;
-        /**
-          * @default null
-         */
-        "parentRef"?: HTMLElement | null;
-        /**
-          * @default 'bottom'
-         */
-        "placement"?: 'top' | 'bottom' | 'left' | 'right';
-        /**
-          * @default 'body'
-         */
-        "to"?: HTMLElement | string;
-        /**
-          * @default 9999
-         */
-        "zIndex"?: number;
-    }
-    interface SdTr {
-    }
     interface IntrinsicElements {
         "sd-badge": SdBadge;
         "sd-button": SdButton;
@@ -2899,7 +3207,10 @@ declare namespace LocalJSX {
         "sd-date-box": SdDateBox;
         "sd-date-picker": SdDatePicker;
         "sd-date-range-picker": SdDateRangePicker;
+        "sd-field": SdField;
         "sd-file-picker": SdFilePicker;
+        "sd-floating-portal": SdFloatingPortal;
+        "sd-form": SdForm;
         "sd-guide": SdGuide;
         "sd-icon": SdIcon;
         "sd-input": SdInput;
@@ -2913,24 +3224,20 @@ declare namespace LocalJSX {
         "sd-radio-button-group": SdRadioButtonGroup;
         "sd-radio-group": SdRadioGroup;
         "sd-select": SdSelect;
+        "sd-select-dropdown": SdSelectDropdown;
         "sd-select-multiple": SdSelectMultiple;
         "sd-select-multiple-group": SdSelectMultipleGroup;
         "sd-select-option": SdSelectOption;
         "sd-select-option-group": SdSelectOptionGroup;
         "sd-select-search-input": SdSelectSearchInput;
         "sd-table": SdTable;
-        "sd-table-backup": SdTableBackup;
         "sd-tabs": SdTabs;
         "sd-tag": SdTag;
-        "sd-tbody": SdTbody;
-        "sd-td": SdTd;
-        "sd-th": SdTh;
+        "sd-textarea": SdTextarea;
         "sd-toast-message": SdToastMessage;
         "sd-toggle": SdToggle;
         "sd-toggle-button": SdToggleButton;
         "sd-tooltip": SdTooltip;
-        "sd-tooltip-portal": SdTooltipPortal;
-        "sd-tr": SdTr;
     }
 }
 export { LocalJSX as JSX };
@@ -2944,7 +3251,10 @@ declare module "@stencil/core" {
             "sd-date-box": LocalJSX.SdDateBox & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.SdDatePicker & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
             "sd-date-range-picker": LocalJSX.SdDateRangePicker & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
+            "sd-field": LocalJSX.SdField & JSXBase.HTMLAttributes<HTMLSdFieldElement>;
             "sd-file-picker": LocalJSX.SdFilePicker & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;
+            "sd-floating-portal": LocalJSX.SdFloatingPortal & JSXBase.HTMLAttributes<HTMLSdFloatingPortalElement>;
+            "sd-form": LocalJSX.SdForm & JSXBase.HTMLAttributes<HTMLSdFormElement>;
             "sd-guide": LocalJSX.SdGuide & JSXBase.HTMLAttributes<HTMLSdGuideElement>;
             "sd-icon": LocalJSX.SdIcon & JSXBase.HTMLAttributes<HTMLSdIconElement>;
             "sd-input": LocalJSX.SdInput & JSXBase.HTMLAttributes<HTMLSdInputElement>;
@@ -2958,24 +3268,20 @@ declare module "@stencil/core" {
             "sd-radio-button-group": LocalJSX.SdRadioButtonGroup & JSXBase.HTMLAttributes<HTMLSdRadioButtonGroupElement>;
             "sd-radio-group": LocalJSX.SdRadioGroup & JSXBase.HTMLAttributes<HTMLSdRadioGroupElement>;
             "sd-select": LocalJSX.SdSelect & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
+            "sd-select-dropdown": LocalJSX.SdSelectDropdown & JSXBase.HTMLAttributes<HTMLSdSelectDropdownElement>;
             "sd-select-multiple": LocalJSX.SdSelectMultiple & JSXBase.HTMLAttributes<HTMLSdSelectMultipleElement>;
             "sd-select-multiple-group": LocalJSX.SdSelectMultipleGroup & JSXBase.HTMLAttributes<HTMLSdSelectMultipleGroupElement>;
             "sd-select-option": LocalJSX.SdSelectOption & JSXBase.HTMLAttributes<HTMLSdSelectOptionElement>;
             "sd-select-option-group": LocalJSX.SdSelectOptionGroup & JSXBase.HTMLAttributes<HTMLSdSelectOptionGroupElement>;
             "sd-select-search-input": LocalJSX.SdSelectSearchInput & JSXBase.HTMLAttributes<HTMLSdSelectSearchInputElement>;
             "sd-table": LocalJSX.SdTable & JSXBase.HTMLAttributes<HTMLSdTableElement>;
-            "sd-table-backup": LocalJSX.SdTableBackup & JSXBase.HTMLAttributes<HTMLSdTableBackupElement>;
             "sd-tabs": LocalJSX.SdTabs & JSXBase.HTMLAttributes<HTMLSdTabsElement>;
             "sd-tag": LocalJSX.SdTag & JSXBase.HTMLAttributes<HTMLSdTagElement>;
-            "sd-tbody": LocalJSX.SdTbody & JSXBase.HTMLAttributes<HTMLSdTbodyElement>;
-            "sd-td": LocalJSX.SdTd & JSXBase.HTMLAttributes<HTMLSdTdElement>;
-            "sd-th": LocalJSX.SdTh & JSXBase.HTMLAttributes<HTMLSdThElement>;
+            "sd-textarea": LocalJSX.SdTextarea & JSXBase.HTMLAttributes<HTMLSdTextareaElement>;
             "sd-toast-message": LocalJSX.SdToastMessage & JSXBase.HTMLAttributes<HTMLSdToastMessageElement>;
             "sd-toggle": LocalJSX.SdToggle & JSXBase.HTMLAttributes<HTMLSdToggleElement>;
             "sd-toggle-button": LocalJSX.SdToggleButton & JSXBase.HTMLAttributes<HTMLSdToggleButtonElement>;
             "sd-tooltip": LocalJSX.SdTooltip & JSXBase.HTMLAttributes<HTMLSdTooltipElement>;
-            "sd-tooltip-portal": LocalJSX.SdTooltipPortal & JSXBase.HTMLAttributes<HTMLSdTooltipPortalElement>;
-            "sd-tr": LocalJSX.SdTr & JSXBase.HTMLAttributes<HTMLSdTrElement>;
         }
     }
 }