@sellmate/design-system 1.0.16 → 1.0.18

package/dist/types/components.d.ts

@@ -26,7 +26,7 @@ import { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-sele
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
 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";
+import { ToastType } from "./components/sd-toast/sd-toast";
 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";
@@ -48,7 +48,7 @@ export { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-sele
 export { Row, SdTableColumn } from "./components/sd-table/sd-table";
 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";
+export { ToastType } from "./components/sd-toast/sd-toast";
 export namespace Components {
     interface SdBadge {
         /**
@@ -65,10 +65,6 @@ export namespace Components {
         "size": 'sm' | 'md';
     }
     interface SdButton {
-        /**
-          * @default ''
-         */
-        "class": string;
         /**
           * @default '#025497'
          */
@@ -89,6 +85,10 @@ export namespace Components {
           * @default false
          */
         "noHover": boolean;
+        /**
+          * @default ''
+         */
+        "sdClass": string;
         /**
           * @default 'sm'
          */
@@ -110,7 +110,7 @@ export namespace Components {
         /**
           * @default ''
          */
-        "cardClassName"?: string;
+        "sdClass"?: string;
     }
     interface SdCheckbox {
         /**
@@ -461,14 +461,14 @@ export namespace Components {
           * @default []
          */
         "message": string[];
-        /**
-          * @default ''
-         */
-        "modalClass": string;
         /**
           * @default 'normal'
          */
         "modalTitle": string;
+        /**
+          * @default ''
+         */
+        "sdClass": string;
         /**
           * @default 'normal'
          */
@@ -755,7 +755,7 @@ export namespace Components {
          */
         "labelTooltipProps": SdTooltipProps | null;
         /**
-          * @default '옵션이 없습니다.'
+          * @default '선택지가 없습니다.'
          */
         "optionPlaceholder": string;
         "optionRenderer"?: (option: SelectOption, index: number, isSelected: boolean) => any;
@@ -846,9 +846,8 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps1 | null;
-        "name"?: string;
         /**
-          * @default '옵션이 없습니다.'
+          * @default '선택지가 없습니다.'
          */
         "optionPlaceholder": string;
         "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
@@ -943,9 +942,8 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
-        "name"?: string;
         /**
-          * @default '옵션이 없습니다.'
+          * @default '선택지가 없습니다.'
          */
         "optionPlaceholder": string;
         "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
@@ -1064,12 +1062,7 @@ export namespace Components {
         "searchText": string | null;
     }
     interface SdTable {
-        "bodyCellRenderer"?: (
-  column: SdTableColumn,
-  row: Row,
- ) => HTMLElement | string | null | undefined;
         "columns": SdTableColumn[];
-        "headerCellRenderer"?: (column: SdTableColumn) => HTMLElement | string | null | undefined;
         "height"?: string;
         /**
           * @default false
@@ -1201,7 +1194,7 @@ export namespace Components {
          */
         "value"?: string | null;
     }
-    interface SdToastMessage {
+    interface SdToast {
         "buttonLabel"?: string;
         "icon"?: IconName;
         "link"?: string;
@@ -1291,6 +1284,10 @@ export namespace Components {
         "useClose": boolean;
     }
 }
+export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdButtonElement;
+}
 export interface SdCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdCheckboxElement;
@@ -1391,9 +1388,9 @@ export interface SdTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTextareaElement;
 }
-export interface SdToastMessageCustomEvent<T> extends CustomEvent<T> {
+export interface SdToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSdToastMessageElement;
+    target: HTMLSdToastElement;
 }
 export interface SdToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1410,7 +1407,18 @@ 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;
@@ -1919,23 +1927,23 @@ declare global {
         prototype: HTMLSdTextareaElement;
         new (): HTMLSdTextareaElement;
     };
-    interface HTMLSdToastMessageElementEventMap {
+    interface HTMLSdToastElementEventMap {
         "sdClose": void;
         "sdButtonClick": void;
     }
-    interface HTMLSdToastMessageElement extends Components.SdToastMessage, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdToastMessageElementEventMap>(type: K, listener: (this: HTMLSdToastMessageElement, ev: SdToastMessageCustomEvent<HTMLSdToastMessageElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLSdToastElement extends Components.SdToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdToastElementEventMap>(type: K, listener: (this: HTMLSdToastElement, ev: SdToastCustomEvent<HTMLSdToastElementEventMap[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 HTMLSdToastMessageElementEventMap>(type: K, listener: (this: HTMLSdToastMessageElement, ev: SdToastMessageCustomEvent<HTMLSdToastMessageElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdToastElementEventMap>(type: K, listener: (this: HTMLSdToastElement, ev: SdToastCustomEvent<HTMLSdToastElementEventMap[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 HTMLSdToastMessageElement: {
-        prototype: HTMLSdToastMessageElement;
-        new (): HTMLSdToastMessageElement;
+    var HTMLSdToastElement: {
+        prototype: HTMLSdToastElement;
+        new (): HTMLSdToastElement;
     };
     interface HTMLSdToggleElementEventMap {
         "sdUpdate": boolean;
@@ -2013,13 +2021,15 @@ declare global {
         "sd-tabs": HTMLSdTabsElement;
         "sd-tag": HTMLSdTagElement;
         "sd-textarea": HTMLSdTextareaElement;
-        "sd-toast-message": HTMLSdToastMessageElement;
+        "sd-toast": HTMLSdToastElement;
         "sd-toggle": HTMLSdToggleElement;
         "sd-toggle-button": HTMLSdToggleButtonElement;
         "sd-tooltip": HTMLSdTooltipElement;
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface SdBadge {
         /**
           * @default 'brilliantblue_75'
@@ -2035,10 +2045,6 @@ declare namespace LocalJSX {
         "size"?: 'sm' | 'md';
     }
     interface SdButton {
-        /**
-          * @default ''
-         */
-        "class"?: string;
         /**
           * @default '#025497'
          */
@@ -2059,6 +2065,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "noHover"?: boolean;
+        "onSdClick"?: (event: SdButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * @default ''
+         */
+        "sdClass"?: string;
         /**
           * @default 'sm'
          */
@@ -2080,7 +2091,7 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "cardClassName"?: string;
+        "sdClass"?: string;
     }
     interface SdCheckbox {
         /**
@@ -2432,16 +2443,16 @@ declare namespace LocalJSX {
           * @default []
          */
         "message"?: string[];
-        /**
-          * @default ''
-         */
-        "modalClass"?: string;
         /**
           * @default 'normal'
          */
         "modalTitle"?: string;
         "onSdClose"?: (event: SdModalCardCustomEvent<MouseEvent>) => void;
         "onSdConfirm"?: (event: SdModalCardCustomEvent<MouseEvent>) => void;
+        /**
+          * @default ''
+         */
+        "sdClass"?: string;
         /**
           * @default 'normal'
          */
@@ -2733,7 +2744,7 @@ declare namespace LocalJSX {
         "onSdDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectCustomEvent<SelectEvents['sdUpdate']>) => void;
         /**
-          * @default '옵션이 없습니다.'
+          * @default '선택지가 없습니다.'
          */
         "optionPlaceholder"?: string;
         "optionRenderer"?: (option: SelectOption, index: number, isSelected: boolean) => any;
@@ -2826,11 +2837,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps1 | null;
-        "name"?: string;
         "onSdDropDownShow"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>) => void;
         /**
-          * @default '옵션이 없습니다.'
+          * @default '선택지가 없습니다.'
          */
         "optionPlaceholder"?: string;
         "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
@@ -2920,11 +2930,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
-        "name"?: string;
         "onSdDropDownShow"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['sdUpdate']>) => void;
         /**
-          * @default '옵션이 없습니다.'
+          * @default '선택지가 없습니다.'
          */
         "optionPlaceholder"?: string;
         "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
@@ -3047,12 +3056,7 @@ declare namespace LocalJSX {
         "searchText"?: string | null;
     }
     interface SdTable {
-        "bodyCellRenderer"?: (
-  column: SdTableColumn,
-  row: Row,
- ) => HTMLElement | string | null | undefined;
         "columns": SdTableColumn[];
-        "headerCellRenderer"?: (column: SdTableColumn) => HTMLElement | string | null | undefined;
         "height"?: string;
         /**
           * @default false
@@ -3189,14 +3193,14 @@ declare namespace LocalJSX {
          */
         "value"?: string | null;
     }
-    interface SdToastMessage {
+    interface SdToast {
         "buttonLabel"?: string;
         "icon"?: IconName;
         "link"?: string;
         "linkLabel"?: string;
         "message": string;
-        "onSdButtonClick"?: (event: SdToastMessageCustomEvent<void>) => void;
-        "onSdClose"?: (event: SdToastMessageCustomEvent<void>) => void;
+        "onSdButtonClick"?: (event: SdToastCustomEvent<void>) => void;
+        "onSdClose"?: (event: SdToastCustomEvent<void>) => void;
         /**
           * @default 'basicDark'
          */
@@ -3282,91 +3286,435 @@ declare namespace LocalJSX {
          */
         "useClose"?: boolean;
     }
+
+    interface SdBadgeAttributes {
+        "size": 'sm' | 'md';
+        "color": string;
+        "label": string;
+    }
+    interface SdButtonAttributes {
+        "variant": ButtonVariant;
+        "size": ButtonSize;
+        "color": string;
+        "label": string;
+        "disabled": boolean;
+        "type": 'button' | 'submit' | 'reset';
+        "icon": IconName;
+        "iconColor": string;
+        "iconSize": number;
+        "iconRight": IconName;
+        "noHover": boolean;
+        "sdClass": string;
+    }
+    interface SdCardAttributes {
+        "bordered": boolean;
+        "sdClass": string;
+    }
+    interface SdCheckboxAttributes {
+        "value": CheckedType;
+        "val": string;
+        "disabled": boolean;
+        "label": string;
+    }
+    interface SdDateBoxAttributes {
+        "date": string;
+        "disabled": boolean;
+        "selected": boolean;
+        "isStartDate": boolean;
+        "isEndDate": boolean;
+        "isToday": boolean;
+        "inRange": boolean;
+        "type": Type;
+    }
+    interface SdDatePickerAttributes {
+        "value": string | null;
+        "label": string;
+        "disabled": boolean;
+        "placeholder": string;
+    }
+    interface SdDateRangePickerAttributes {
+        "label": string;
+        "maxRange": number;
+        "disabled": boolean;
+        "placeholder": string;
+    }
+    interface SdFieldAttributes {
+        "name": string;
+        "error": boolean;
+        "disabled": boolean;
+        "hovered": boolean;
+        "focused": boolean;
+        "status": 'default' | 'pass' | 'error';
+        "label": string;
+        "insideLabel": boolean;
+        "useLabelRequired": boolean;
+        "labelTooltip": string;
+    }
+    interface SdFilePickerAttributes {
+        "placeholder": string;
+        "disabled": boolean;
+        "inline": boolean;
+        "multiple": boolean;
+        "accept": string;
+    }
+    interface SdFloatingPortalAttributes {
+        "to": HTMLElement | string;
+        "zIndex": number;
+        "placement": 'top' | 'bottom' | 'left' | 'right';
+        "open": boolean;
+    }
+    interface SdFormAttributes {
+        "formClass": string;
+    }
+    interface SdGuideAttributes {
+        "type": GuideType;
+        "label": string;
+        "message": string | string[];
+        "guideUrl": string;
+        "popupTitle": string;
+        "popupWidth": number;
+    }
+    interface SdIconAttributes {
+        "name": IconName;
+        "size": string;
+        "color": string;
+        "rotate": 0 | 90 | 180 | 270;
+        "label": string;
+    }
+    interface SdInputAttributes {
+        "value": string;
+        "type": 'text' | 'password' | 'email';
+        "insideLabel": boolean;
+        "placeholder": string;
+        "disabled": boolean;
+        "clearable": boolean;
+        "width": string;
+        "barcode": boolean;
+        "autoFocus": boolean;
+        "status": 'default' | 'pass' | 'error';
+        "inputClass": string;
+        "readonly": boolean;
+        "error": boolean;
+        "focused": boolean;
+        "hovered": boolean;
+        "label": string;
+        "useLabelRequired": boolean;
+        "labelTooltip": string;
+    }
+    interface SdLoadingSpinnerAttributes {
+        "color": string;
+    }
+    interface SdModalCardAttributes {
+        "type": 'info' | 'warning' | 'normal';
+        "system": 'normal' | 'positive' | 'negative';
+        "useCloseButton": boolean;
+        "modalTitle": string;
+        "buttonFlexDirection": 'row' | 'column';
+        "sdClass": string;
+    }
+    interface SdNumberInputAttributes {
+        "min": number;
+        "max": number;
+        "step": number;
+        "useButton": boolean;
+        "useDecimal": boolean;
+        "value": string;
+        "label": string;
+        "insideLabel": boolean;
+        "placeholder": string;
+        "disabled": boolean;
+        "width": string;
+        "autoFocus": boolean;
+        "status": 'default' | 'pass' | 'error';
+        "inputClass": string;
+        "readonly": boolean;
+        "error": boolean;
+        "focused": boolean;
+        "hovered": boolean;
+    }
+    interface SdPaginationAttributes {
+        "currentPage": number;
+        "lastPage": number;
+        "simple": boolean;
+    }
+    interface SdPopoverAttributes {
+        "show": boolean;
+        "placement": 'top' | 'bottom' | 'left' | 'right';
+        "color": string;
+        "icon": IconName;
+        "iconSize": number;
+        "label": string;
+        "buttonSize": ButtonSize;
+        "buttonVariant": ButtonVariant;
+        "menuTitle": string;
+        "menuClass": string;
+        "noHover": boolean;
+        "useClose": boolean;
+    }
+    interface SdPortalAttributes {
+        "to": HTMLElement | string;
+        "zIndex": number;
+        "open": boolean;
+    }
+    interface SdProgressAttributes {
+        "type": 'bar' | 'spinner';
+        "error": boolean;
+        "percentage": number;
+        "size": number;
+        "strokeWidth": number;
+        "label": string;
+    }
+    interface SdRadioAttributes {
+        "value": string;
+        "disabled": boolean;
+        "val": string;
+        "label": string;
+    }
+    interface SdRadioButtonGroupAttributes {
+        "value": string;
+        "size": 'sm' | 'md';
+        "disabled": boolean;
+        "name": string;
+    }
+    interface SdRadioGroupAttributes {
+        "value": string;
+        "direction": 'horizontal' | 'vertical';
+        "disabled": boolean;
+        "groupName": string;
+    }
+    interface SdSelectAttributes {
+        "value": string;
+        "placeholder": string;
+        "optionPlaceholder": string;
+        "width": string;
+        "dropdownHeight": string;
+        "autoFocus": boolean;
+        "disabled": boolean;
+        "clearable": boolean;
+        "searchable": boolean;
+        "label": string;
+        "insideLabel": boolean;
+        "useLabelRequired": boolean;
+        "labelTooltip": string;
+        "error": boolean;
+    }
+    interface SdSelectDropdownAttributes {
+        "itemIndex": number;
+        "value": string;
+        "width": string;
+        "dropdownHeight": string;
+        "searchable": boolean;
+        "optionPlaceholder": string;
+        "useCheckbox": boolean;
+        "useAll": boolean;
+    }
+    interface SdSelectMultipleAttributes {
+        "placeholder": string;
+        "optionPlaceholder": string;
+        "width": string;
+        "dropdownHeight": string;
+        "autoFocus": boolean;
+        "disabled": boolean;
+        "clearable": boolean;
+        "searchable": boolean;
+        "useAll": boolean;
+        "useCheckbox": boolean;
+        "label": string;
+        "useLabelRequired": boolean;
+        "labelTooltip": string;
+        "error": boolean;
+    }
+    interface SdSelectMultipleGroupAttributes {
+        "placeholder": string;
+        "optionPlaceholder": string;
+        "width": string;
+        "dropdownHeight": string;
+        "disabled": boolean;
+        "clearable": boolean;
+        "searchable": boolean;
+        "useCheckbox": boolean;
+        "useAll": boolean;
+        "allCheckedLabel": string;
+        "allCheckOptionLabel": string;
+        "label": string;
+        "useLabelRequired": boolean;
+        "labelTooltip": string;
+        "error": boolean;
+    }
+    interface SdSelectOptionAttributes {
+        "index": number;
+        "isSelected": boolean;
+        "isFocused": boolean;
+        "disabled": boolean;
+        "useCheckbox": boolean;
+    }
+    interface SdSelectOptionGroupAttributes {
+        "index": number;
+        "isSelected": boolean | null;
+        "isFocused": boolean;
+        "disabled": boolean;
+        "useCheckbox": boolean;
+        "useIndicator": boolean;
+    }
+    interface SdSelectSearchInputAttributes {
+        "isScrolled": boolean;
+        "searchText": string | null;
+    }
+    interface SdTableAttributes {
+        "rowKey": string;
+        "selectable": boolean;
+        "resizable": boolean;
+        "width": string;
+        "height": string;
+        "stickyHeader": boolean;
+        "noDataLabel": string;
+        "isLoading": boolean;
+        "useInternalPagination": boolean;
+        "useRowsPerPageSelect": boolean;
+        "virtualRowHeight": number;
+        "virtualColumnWidth": number;
+    }
+    interface SdTabsAttributes {
+        "value": string;
+        "size": 'sm' | 'md';
+        "isSub": boolean;
+    }
+    interface SdTagAttributes {
+        "size": TagSize;
+        "color": TagColor;
+        "rounded": boolean;
+        "label": string;
+        "bgColor": string;
+        "textColor": string;
+    }
+    interface SdTextareaAttributes {
+        "value": string | null;
+        "name": string;
+        "disabled": boolean;
+        "autoFocus": boolean;
+        "textareaClass": string;
+        "helpText": string;
+        "maxLength": number;
+        "placeholder": string;
+    }
+    interface SdToastAttributes {
+        "icon": IconName;
+        "message": string;
+        "link": string;
+        "linkLabel": string;
+        "buttonLabel": string;
+        "useClose": boolean;
+        "type": ToastType;
+    }
+    interface SdToggleAttributes {
+        "value": boolean;
+        "label": string;
+        "disabled": boolean;
+    }
+    interface SdToggleButtonAttributes {
+        "value": boolean;
+        "label": string;
+        "disabled": boolean;
+    }
+    interface SdTooltipAttributes {
+        "trigger": 'hover' | 'click';
+        "placement": 'top' | 'bottom' | 'left' | 'right';
+        "color": string;
+        "type": 'default' | 'caution' | 'notice' | 'accent';
+        "icon": IconName;
+        "iconSize": number;
+        "label": string;
+        "buttonSize": ButtonSize;
+        "buttonVariant": ButtonVariant;
+        "noHover": boolean;
+        "useClose": boolean;
+    }
+
     interface IntrinsicElements {
-        "sd-badge": SdBadge;
-        "sd-button": SdButton;
-        "sd-card": SdCard;
-        "sd-checkbox": SdCheckbox;
-        "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;
-        "sd-loading-spinner": SdLoadingSpinner;
-        "sd-modal-card": SdModalCard;
-        "sd-number-input": SdNumberInput;
-        "sd-pagination": SdPagination;
-        "sd-popover": SdPopover;
-        "sd-portal": SdPortal;
-        "sd-progress": SdProgress;
-        "sd-radio": SdRadio;
-        "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-tabs": SdTabs;
-        "sd-tag": SdTag;
-        "sd-textarea": SdTextarea;
-        "sd-toast-message": SdToastMessage;
-        "sd-toggle": SdToggle;
-        "sd-toggle-button": SdToggleButton;
-        "sd-tooltip": SdTooltip;
+        "sd-badge": Omit<SdBadge, keyof SdBadgeAttributes> & { [K in keyof SdBadge & keyof SdBadgeAttributes]?: SdBadge[K] } & { [K in keyof SdBadge & keyof SdBadgeAttributes as `attr:${K}`]?: SdBadgeAttributes[K] } & { [K in keyof SdBadge & keyof SdBadgeAttributes as `prop:${K}`]?: SdBadge[K] };
+        "sd-button": Omit<SdButton, keyof SdButtonAttributes> & { [K in keyof SdButton & keyof SdButtonAttributes]?: SdButton[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `attr:${K}`]?: SdButtonAttributes[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `prop:${K}`]?: SdButton[K] };
+        "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
+        "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
+        "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
+        "sd-date-picker": Omit<SdDatePicker, keyof SdDatePickerAttributes> & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes]?: SdDatePicker[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `attr:${K}`]?: SdDatePickerAttributes[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `prop:${K}`]?: SdDatePicker[K] };
+        "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
+        "sd-field": Omit<SdField, keyof SdFieldAttributes> & { [K in keyof SdField & keyof SdFieldAttributes]?: SdField[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `attr:${K}`]?: SdFieldAttributes[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `prop:${K}`]?: SdField[K] };
+        "sd-file-picker": Omit<SdFilePicker, keyof SdFilePickerAttributes> & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes]?: SdFilePicker[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `attr:${K}`]?: SdFilePickerAttributes[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `prop:${K}`]?: SdFilePicker[K] };
+        "sd-floating-portal": Omit<SdFloatingPortal, keyof SdFloatingPortalAttributes> & { [K in keyof SdFloatingPortal & keyof SdFloatingPortalAttributes]?: SdFloatingPortal[K] } & { [K in keyof SdFloatingPortal & keyof SdFloatingPortalAttributes as `attr:${K}`]?: SdFloatingPortalAttributes[K] } & { [K in keyof SdFloatingPortal & keyof SdFloatingPortalAttributes as `prop:${K}`]?: SdFloatingPortal[K] };
+        "sd-form": Omit<SdForm, keyof SdFormAttributes> & { [K in keyof SdForm & keyof SdFormAttributes]?: SdForm[K] } & { [K in keyof SdForm & keyof SdFormAttributes as `attr:${K}`]?: SdFormAttributes[K] } & { [K in keyof SdForm & keyof SdFormAttributes as `prop:${K}`]?: SdForm[K] };
+        "sd-guide": Omit<SdGuide, keyof SdGuideAttributes> & { [K in keyof SdGuide & keyof SdGuideAttributes]?: SdGuide[K] } & { [K in keyof SdGuide & keyof SdGuideAttributes as `attr:${K}`]?: SdGuideAttributes[K] } & { [K in keyof SdGuide & keyof SdGuideAttributes as `prop:${K}`]?: SdGuide[K] };
+        "sd-icon": Omit<SdIcon, keyof SdIconAttributes> & { [K in keyof SdIcon & keyof SdIconAttributes]?: SdIcon[K] } & { [K in keyof SdIcon & keyof SdIconAttributes as `attr:${K}`]?: SdIconAttributes[K] } & { [K in keyof SdIcon & keyof SdIconAttributes as `prop:${K}`]?: SdIcon[K] } & OneOf<"name", SdIcon["name"], SdIconAttributes["name"]>;
+        "sd-input": Omit<SdInput, keyof SdInputAttributes> & { [K in keyof SdInput & keyof SdInputAttributes]?: SdInput[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `attr:${K}`]?: SdInputAttributes[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `prop:${K}`]?: SdInput[K] };
+        "sd-loading-spinner": Omit<SdLoadingSpinner, keyof SdLoadingSpinnerAttributes> & { [K in keyof SdLoadingSpinner & keyof SdLoadingSpinnerAttributes]?: SdLoadingSpinner[K] } & { [K in keyof SdLoadingSpinner & keyof SdLoadingSpinnerAttributes as `attr:${K}`]?: SdLoadingSpinnerAttributes[K] } & { [K in keyof SdLoadingSpinner & keyof SdLoadingSpinnerAttributes as `prop:${K}`]?: SdLoadingSpinner[K] };
+        "sd-modal-card": Omit<SdModalCard, keyof SdModalCardAttributes> & { [K in keyof SdModalCard & keyof SdModalCardAttributes]?: SdModalCard[K] } & { [K in keyof SdModalCard & keyof SdModalCardAttributes as `attr:${K}`]?: SdModalCardAttributes[K] } & { [K in keyof SdModalCard & keyof SdModalCardAttributes as `prop:${K}`]?: SdModalCard[K] };
+        "sd-number-input": Omit<SdNumberInput, keyof SdNumberInputAttributes> & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes]?: SdNumberInput[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `attr:${K}`]?: SdNumberInputAttributes[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `prop:${K}`]?: SdNumberInput[K] };
+        "sd-pagination": Omit<SdPagination, keyof SdPaginationAttributes> & { [K in keyof SdPagination & keyof SdPaginationAttributes]?: SdPagination[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `attr:${K}`]?: SdPaginationAttributes[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `prop:${K}`]?: SdPagination[K] };
+        "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] };
+        "sd-portal": Omit<SdPortal, keyof SdPortalAttributes> & { [K in keyof SdPortal & keyof SdPortalAttributes]?: SdPortal[K] } & { [K in keyof SdPortal & keyof SdPortalAttributes as `attr:${K}`]?: SdPortalAttributes[K] } & { [K in keyof SdPortal & keyof SdPortalAttributes as `prop:${K}`]?: SdPortal[K] };
+        "sd-progress": Omit<SdProgress, keyof SdProgressAttributes> & { [K in keyof SdProgress & keyof SdProgressAttributes]?: SdProgress[K] } & { [K in keyof SdProgress & keyof SdProgressAttributes as `attr:${K}`]?: SdProgressAttributes[K] } & { [K in keyof SdProgress & keyof SdProgressAttributes as `prop:${K}`]?: SdProgress[K] };
+        "sd-radio": Omit<SdRadio, keyof SdRadioAttributes> & { [K in keyof SdRadio & keyof SdRadioAttributes]?: SdRadio[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `attr:${K}`]?: SdRadioAttributes[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `prop:${K}`]?: SdRadio[K] } & OneOf<"value", SdRadio["value"], SdRadioAttributes["value"]> & OneOf<"val", SdRadio["val"], SdRadioAttributes["val"]>;
+        "sd-radio-button-group": Omit<SdRadioButtonGroup, keyof SdRadioButtonGroupAttributes> & { [K in keyof SdRadioButtonGroup & keyof SdRadioButtonGroupAttributes]?: SdRadioButtonGroup[K] } & { [K in keyof SdRadioButtonGroup & keyof SdRadioButtonGroupAttributes as `attr:${K}`]?: SdRadioButtonGroupAttributes[K] } & { [K in keyof SdRadioButtonGroup & keyof SdRadioButtonGroupAttributes as `prop:${K}`]?: SdRadioButtonGroup[K] } & OneOf<"value", SdRadioButtonGroup["value"], SdRadioButtonGroupAttributes["value"]>;
+        "sd-radio-group": Omit<SdRadioGroup, keyof SdRadioGroupAttributes> & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes]?: SdRadioGroup[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `attr:${K}`]?: SdRadioGroupAttributes[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `prop:${K}`]?: SdRadioGroup[K] } & OneOf<"value", SdRadioGroup["value"], SdRadioGroupAttributes["value"]>;
+        "sd-select": Omit<SdSelect, keyof SdSelectAttributes> & { [K in keyof SdSelect & keyof SdSelectAttributes]?: SdSelect[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `attr:${K}`]?: SdSelectAttributes[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `prop:${K}`]?: SdSelect[K] };
+        "sd-select-dropdown": Omit<SdSelectDropdown, keyof SdSelectDropdownAttributes> & { [K in keyof SdSelectDropdown & keyof SdSelectDropdownAttributes]?: SdSelectDropdown[K] } & { [K in keyof SdSelectDropdown & keyof SdSelectDropdownAttributes as `attr:${K}`]?: SdSelectDropdownAttributes[K] } & { [K in keyof SdSelectDropdown & keyof SdSelectDropdownAttributes as `prop:${K}`]?: SdSelectDropdown[K] } & OneOf<"itemIndex", SdSelectDropdown["itemIndex"], SdSelectDropdownAttributes["itemIndex"]> & OneOf<"width", SdSelectDropdown["width"], SdSelectDropdownAttributes["width"]> & OneOf<"dropdownHeight", SdSelectDropdown["dropdownHeight"], SdSelectDropdownAttributes["dropdownHeight"]> & OneOf<"searchable", SdSelectDropdown["searchable"], SdSelectDropdownAttributes["searchable"]> & OneOf<"optionPlaceholder", SdSelectDropdown["optionPlaceholder"], SdSelectDropdownAttributes["optionPlaceholder"]>;
+        "sd-select-multiple": Omit<SdSelectMultiple, keyof SdSelectMultipleAttributes> & { [K in keyof SdSelectMultiple & keyof SdSelectMultipleAttributes]?: SdSelectMultiple[K] } & { [K in keyof SdSelectMultiple & keyof SdSelectMultipleAttributes as `attr:${K}`]?: SdSelectMultipleAttributes[K] } & { [K in keyof SdSelectMultiple & keyof SdSelectMultipleAttributes as `prop:${K}`]?: SdSelectMultiple[K] };
+        "sd-select-multiple-group": Omit<SdSelectMultipleGroup, keyof SdSelectMultipleGroupAttributes> & { [K in keyof SdSelectMultipleGroup & keyof SdSelectMultipleGroupAttributes]?: SdSelectMultipleGroup[K] } & { [K in keyof SdSelectMultipleGroup & keyof SdSelectMultipleGroupAttributes as `attr:${K}`]?: SdSelectMultipleGroupAttributes[K] } & { [K in keyof SdSelectMultipleGroup & keyof SdSelectMultipleGroupAttributes as `prop:${K}`]?: SdSelectMultipleGroup[K] };
+        "sd-select-option": Omit<SdSelectOption, keyof SdSelectOptionAttributes> & { [K in keyof SdSelectOption & keyof SdSelectOptionAttributes]?: SdSelectOption[K] } & { [K in keyof SdSelectOption & keyof SdSelectOptionAttributes as `attr:${K}`]?: SdSelectOptionAttributes[K] } & { [K in keyof SdSelectOption & keyof SdSelectOptionAttributes as `prop:${K}`]?: SdSelectOption[K] } & OneOf<"index", SdSelectOption["index"], SdSelectOptionAttributes["index"]>;
+        "sd-select-option-group": Omit<SdSelectOptionGroup, keyof SdSelectOptionGroupAttributes> & { [K in keyof SdSelectOptionGroup & keyof SdSelectOptionGroupAttributes]?: SdSelectOptionGroup[K] } & { [K in keyof SdSelectOptionGroup & keyof SdSelectOptionGroupAttributes as `attr:${K}`]?: SdSelectOptionGroupAttributes[K] } & { [K in keyof SdSelectOptionGroup & keyof SdSelectOptionGroupAttributes as `prop:${K}`]?: SdSelectOptionGroup[K] } & OneOf<"index", SdSelectOptionGroup["index"], SdSelectOptionGroupAttributes["index"]>;
+        "sd-select-search-input": Omit<SdSelectSearchInput, keyof SdSelectSearchInputAttributes> & { [K in keyof SdSelectSearchInput & keyof SdSelectSearchInputAttributes]?: SdSelectSearchInput[K] } & { [K in keyof SdSelectSearchInput & keyof SdSelectSearchInputAttributes as `attr:${K}`]?: SdSelectSearchInputAttributes[K] } & { [K in keyof SdSelectSearchInput & keyof SdSelectSearchInputAttributes as `prop:${K}`]?: SdSelectSearchInput[K] };
+        "sd-table": Omit<SdTable, keyof SdTableAttributes> & { [K in keyof SdTable & keyof SdTableAttributes]?: SdTable[K] } & { [K in keyof SdTable & keyof SdTableAttributes as `attr:${K}`]?: SdTableAttributes[K] } & { [K in keyof SdTable & keyof SdTableAttributes as `prop:${K}`]?: SdTable[K] };
+        "sd-tabs": Omit<SdTabs, keyof SdTabsAttributes> & { [K in keyof SdTabs & keyof SdTabsAttributes]?: SdTabs[K] } & { [K in keyof SdTabs & keyof SdTabsAttributes as `attr:${K}`]?: SdTabsAttributes[K] } & { [K in keyof SdTabs & keyof SdTabsAttributes as `prop:${K}`]?: SdTabs[K] } & OneOf<"value", SdTabs["value"], SdTabsAttributes["value"]>;
+        "sd-tag": Omit<SdTag, keyof SdTagAttributes> & { [K in keyof SdTag & keyof SdTagAttributes]?: SdTag[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `attr:${K}`]?: SdTagAttributes[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `prop:${K}`]?: SdTag[K] };
+        "sd-textarea": Omit<SdTextarea, keyof SdTextareaAttributes> & { [K in keyof SdTextarea & keyof SdTextareaAttributes]?: SdTextarea[K] } & { [K in keyof SdTextarea & keyof SdTextareaAttributes as `attr:${K}`]?: SdTextareaAttributes[K] } & { [K in keyof SdTextarea & keyof SdTextareaAttributes as `prop:${K}`]?: SdTextarea[K] };
+        "sd-toast": Omit<SdToast, keyof SdToastAttributes> & { [K in keyof SdToast & keyof SdToastAttributes]?: SdToast[K] } & { [K in keyof SdToast & keyof SdToastAttributes as `attr:${K}`]?: SdToastAttributes[K] } & { [K in keyof SdToast & keyof SdToastAttributes as `prop:${K}`]?: SdToast[K] } & OneOf<"message", SdToast["message"], SdToastAttributes["message"]>;
+        "sd-toggle": Omit<SdToggle, keyof SdToggleAttributes> & { [K in keyof SdToggle & keyof SdToggleAttributes]?: SdToggle[K] } & { [K in keyof SdToggle & keyof SdToggleAttributes as `attr:${K}`]?: SdToggleAttributes[K] } & { [K in keyof SdToggle & keyof SdToggleAttributes as `prop:${K}`]?: SdToggle[K] };
+        "sd-toggle-button": Omit<SdToggleButton, keyof SdToggleButtonAttributes> & { [K in keyof SdToggleButton & keyof SdToggleButtonAttributes]?: SdToggleButton[K] } & { [K in keyof SdToggleButton & keyof SdToggleButtonAttributes as `attr:${K}`]?: SdToggleButtonAttributes[K] } & { [K in keyof SdToggleButton & keyof SdToggleButtonAttributes as `prop:${K}`]?: SdToggleButton[K] };
+        "sd-tooltip": Omit<SdTooltip, keyof SdTooltipAttributes> & { [K in keyof SdTooltip & keyof SdTooltipAttributes]?: SdTooltip[K] } & { [K in keyof SdTooltip & keyof SdTooltipAttributes as `attr:${K}`]?: SdTooltipAttributes[K] } & { [K in keyof SdTooltip & keyof SdTooltipAttributes as `prop:${K}`]?: SdTooltip[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "sd-badge": LocalJSX.SdBadge & JSXBase.HTMLAttributes<HTMLSdBadgeElement>;
-            "sd-button": LocalJSX.SdButton & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
-            "sd-card": LocalJSX.SdCard & JSXBase.HTMLAttributes<HTMLSdCardElement>;
-            "sd-checkbox": LocalJSX.SdCheckbox & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
-            "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>;
-            "sd-loading-spinner": LocalJSX.SdLoadingSpinner & JSXBase.HTMLAttributes<HTMLSdLoadingSpinnerElement>;
-            "sd-modal-card": LocalJSX.SdModalCard & JSXBase.HTMLAttributes<HTMLSdModalCardElement>;
-            "sd-number-input": LocalJSX.SdNumberInput & JSXBase.HTMLAttributes<HTMLSdNumberInputElement>;
-            "sd-pagination": LocalJSX.SdPagination & JSXBase.HTMLAttributes<HTMLSdPaginationElement>;
-            "sd-popover": LocalJSX.SdPopover & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
-            "sd-portal": LocalJSX.SdPortal & JSXBase.HTMLAttributes<HTMLSdPortalElement>;
-            "sd-progress": LocalJSX.SdProgress & JSXBase.HTMLAttributes<HTMLSdProgressElement>;
-            "sd-radio": LocalJSX.SdRadio & JSXBase.HTMLAttributes<HTMLSdRadioElement>;
-            "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-tabs": LocalJSX.SdTabs & JSXBase.HTMLAttributes<HTMLSdTabsElement>;
-            "sd-tag": LocalJSX.SdTag & JSXBase.HTMLAttributes<HTMLSdTagElement>;
-            "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-badge": LocalJSX.IntrinsicElements["sd-badge"] & JSXBase.HTMLAttributes<HTMLSdBadgeElement>;
+            "sd-button": LocalJSX.IntrinsicElements["sd-button"] & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
+            "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
+            "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
+            "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
+            "sd-date-picker": LocalJSX.IntrinsicElements["sd-date-picker"] & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
+            "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
+            "sd-field": LocalJSX.IntrinsicElements["sd-field"] & JSXBase.HTMLAttributes<HTMLSdFieldElement>;
+            "sd-file-picker": LocalJSX.IntrinsicElements["sd-file-picker"] & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;
+            "sd-floating-portal": LocalJSX.IntrinsicElements["sd-floating-portal"] & JSXBase.HTMLAttributes<HTMLSdFloatingPortalElement>;
+            "sd-form": LocalJSX.IntrinsicElements["sd-form"] & JSXBase.HTMLAttributes<HTMLSdFormElement>;
+            "sd-guide": LocalJSX.IntrinsicElements["sd-guide"] & JSXBase.HTMLAttributes<HTMLSdGuideElement>;
+            "sd-icon": LocalJSX.IntrinsicElements["sd-icon"] & JSXBase.HTMLAttributes<HTMLSdIconElement>;
+            "sd-input": LocalJSX.IntrinsicElements["sd-input"] & JSXBase.HTMLAttributes<HTMLSdInputElement>;
+            "sd-loading-spinner": LocalJSX.IntrinsicElements["sd-loading-spinner"] & JSXBase.HTMLAttributes<HTMLSdLoadingSpinnerElement>;
+            "sd-modal-card": LocalJSX.IntrinsicElements["sd-modal-card"] & JSXBase.HTMLAttributes<HTMLSdModalCardElement>;
+            "sd-number-input": LocalJSX.IntrinsicElements["sd-number-input"] & JSXBase.HTMLAttributes<HTMLSdNumberInputElement>;
+            "sd-pagination": LocalJSX.IntrinsicElements["sd-pagination"] & JSXBase.HTMLAttributes<HTMLSdPaginationElement>;
+            "sd-popover": LocalJSX.IntrinsicElements["sd-popover"] & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
+            "sd-portal": LocalJSX.IntrinsicElements["sd-portal"] & JSXBase.HTMLAttributes<HTMLSdPortalElement>;
+            "sd-progress": LocalJSX.IntrinsicElements["sd-progress"] & JSXBase.HTMLAttributes<HTMLSdProgressElement>;
+            "sd-radio": LocalJSX.IntrinsicElements["sd-radio"] & JSXBase.HTMLAttributes<HTMLSdRadioElement>;
+            "sd-radio-button-group": LocalJSX.IntrinsicElements["sd-radio-button-group"] & JSXBase.HTMLAttributes<HTMLSdRadioButtonGroupElement>;
+            "sd-radio-group": LocalJSX.IntrinsicElements["sd-radio-group"] & JSXBase.HTMLAttributes<HTMLSdRadioGroupElement>;
+            "sd-select": LocalJSX.IntrinsicElements["sd-select"] & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
+            "sd-select-dropdown": LocalJSX.IntrinsicElements["sd-select-dropdown"] & JSXBase.HTMLAttributes<HTMLSdSelectDropdownElement>;
+            "sd-select-multiple": LocalJSX.IntrinsicElements["sd-select-multiple"] & JSXBase.HTMLAttributes<HTMLSdSelectMultipleElement>;
+            "sd-select-multiple-group": LocalJSX.IntrinsicElements["sd-select-multiple-group"] & JSXBase.HTMLAttributes<HTMLSdSelectMultipleGroupElement>;
+            "sd-select-option": LocalJSX.IntrinsicElements["sd-select-option"] & JSXBase.HTMLAttributes<HTMLSdSelectOptionElement>;
+            "sd-select-option-group": LocalJSX.IntrinsicElements["sd-select-option-group"] & JSXBase.HTMLAttributes<HTMLSdSelectOptionGroupElement>;
+            "sd-select-search-input": LocalJSX.IntrinsicElements["sd-select-search-input"] & JSXBase.HTMLAttributes<HTMLSdSelectSearchInputElement>;
+            "sd-table": LocalJSX.IntrinsicElements["sd-table"] & JSXBase.HTMLAttributes<HTMLSdTableElement>;
+            "sd-tabs": LocalJSX.IntrinsicElements["sd-tabs"] & JSXBase.HTMLAttributes<HTMLSdTabsElement>;
+            "sd-tag": LocalJSX.IntrinsicElements["sd-tag"] & JSXBase.HTMLAttributes<HTMLSdTagElement>;
+            "sd-textarea": LocalJSX.IntrinsicElements["sd-textarea"] & JSXBase.HTMLAttributes<HTMLSdTextareaElement>;
+            "sd-toast": LocalJSX.IntrinsicElements["sd-toast"] & JSXBase.HTMLAttributes<HTMLSdToastElement>;
+            "sd-toggle": LocalJSX.IntrinsicElements["sd-toggle"] & JSXBase.HTMLAttributes<HTMLSdToggleElement>;
+            "sd-toggle-button": LocalJSX.IntrinsicElements["sd-toggle-button"] & JSXBase.HTMLAttributes<HTMLSdToggleButtonElement>;
+            "sd-tooltip": LocalJSX.IntrinsicElements["sd-tooltip"] & JSXBase.HTMLAttributes<HTMLSdTooltipElement>;
         }
     }
 }