@sellmate/design-system 0.0.52 → 0.0.54

package/dist/types/components.d.ts

@@ -11,28 +11,34 @@ import { Type } from "./components/sd-date-box/sd-date-box";
 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-group/sd-radio-group";
+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 { 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 { 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-group/sd-radio-group";
+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 { 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";
 export namespace Components {
     interface SdBadge {
         /**
@@ -175,6 +181,30 @@ export namespace Components {
         "maxRange"?: number;
         "selectable"?: [string, string];
     }
+    interface SdFilePicker {
+        "accept"?: string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "inline": boolean;
+        /**
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * @default 'Click to upload'
+         */
+        "placeholder": string;
+        /**
+          * @default null
+         */
+        "value"?: File[] | File | null;
+        "width"?: number | string;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -304,6 +334,61 @@ export namespace Components {
          */
         "useCloseButton": boolean;
     }
+    interface SdNumberInput {
+        /**
+          * @default false
+         */
+        "autoFocus": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "getNativeElement": () => Promise<HTMLInputElement | null>;
+        /**
+          * @default ''
+         */
+        "inputClass": string;
+        /**
+          * @default {}
+         */
+        "inputStyle": { [key: string]: string };
+        "label"?: string;
+        /**
+          * @default Number.POSITIVE_INFINITY
+         */
+        "max": number;
+        /**
+          * @default Number.NEGATIVE_INFINITY
+         */
+        "min": number;
+        /**
+          * @default '입력해 주세요.'
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        "rules"?: Array<(value: string | number | null) => boolean | string>;
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default 1
+         */
+        "step": number;
+        /**
+          * @default false
+         */
+        "useButton": boolean;
+        /**
+          * @default false
+         */
+        "useDecimal": boolean;
+        /**
+          * @default null
+         */
+        "value"?: string | number | null;
+        "width"?: number | string;
+    }
     interface SdPagination {
         /**
           * @default 1
@@ -420,6 +505,22 @@ export namespace Components {
          */
         "type": 'bar' | 'spinner';
     }
+    interface SdRadioButtonGroup {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "name"?: string;
+        /**
+          * @default []
+         */
+        "radioOptions": RadioOption[];
+        /**
+          * @default 'md'
+         */
+        "size": 'sm' | 'md';
+        "value": RadioValue;
+    }
     interface SdRadioGroup {
         /**
           * @default 'vertical'
@@ -433,8 +534,8 @@ export namespace Components {
         /**
           * @default []
          */
-        "radioOptions": RadioOption[];
-        "value": RadioValue;
+        "radioOptions": RadioOption1[];
+        "value": RadioValue1;
     }
     interface SdSelect {
         /**
@@ -453,6 +554,7 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        "open": () => Promise<void>;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -496,6 +598,7 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        "open": () => Promise<void>;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -563,6 +666,7 @@ export namespace Components {
           * @default {}
          */
         "labelStyle": SelectStyleProps['labelStyle'];
+        "open": () => Promise<void>;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -792,6 +896,21 @@ export namespace Components {
         "virtualRowHeight": number;
         "width"?: string;
     }
+    interface SdTabs {
+        /**
+          * @default false
+         */
+        "isSub": boolean;
+        /**
+          * @default 'md'
+         */
+        "size": 'sm' | 'md';
+        /**
+          * @default []
+         */
+        "tabs": TabOption[];
+        "value": string;
+    }
     interface SdTag {
         "bgColor"?: string;
         /**
@@ -828,6 +947,21 @@ export namespace Components {
     }
     interface SdTh {
     }
+    interface SdToastMessage {
+        "buttonLabel"?: string;
+        /**
+          * @default false
+         */
+        "close": boolean;
+        "icon"?: IconName;
+        "link"?: string;
+        "linkLabel"?: string;
+        "message": string;
+        /**
+          * @default 'basicDark'
+         */
+        "type": ToastType;
+    }
     interface SdToggle {
         /**
           * @default false
@@ -842,6 +976,20 @@ export namespace Components {
          */
         "value": boolean;
     }
+    interface SdToggleButton {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default false
+         */
+        "value": boolean;
+    }
     interface SdTooltip {
         /**
           * @default 'sm'
@@ -937,6 +1085,10 @@ export interface SdDateRangePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDateRangePickerElement;
 }
+export interface SdFilePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdFilePickerElement;
+}
 export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
@@ -945,6 +1097,10 @@ export interface SdModalCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdModalCardElement;
 }
+export interface SdNumberInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdNumberInputElement;
+}
 export interface SdPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPaginationElement;
@@ -953,6 +1109,10 @@ export interface SdPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPortalElement;
 }
+export interface SdRadioButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdRadioButtonGroupElement;
+}
 export interface SdRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdRadioGroupElement;
@@ -985,10 +1145,22 @@ export interface SdTableBackupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTableBackupElement;
 }
+export interface SdTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTabsElement;
+}
+export interface SdToastMessageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdToastMessageElement;
+}
 export interface SdToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdToggleElement;
 }
+export interface SdToggleButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdToggleButtonElement;
+}
 export interface SdTooltipPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTooltipPortalElement;
@@ -1092,6 +1264,23 @@ declare global {
         prototype: HTMLSdDateRangePickerElement;
         new (): HTMLSdDateRangePickerElement;
     };
+    interface HTMLSdFilePickerElementEventMap {
+        "sdChange": 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;
+        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 HTMLSdFilePickerElementEventMap>(type: K, listener: (this: HTMLSdFilePickerElement, ev: SdFilePickerCustomEvent<HTMLSdFilePickerElementEventMap[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 HTMLSdFilePickerElement: {
+        prototype: HTMLSdFilePickerElement;
+        new (): HTMLSdFilePickerElement;
+    };
     interface HTMLSdGuideElement extends Components.SdGuide, HTMLStencilElement {
     }
     var HTMLSdGuideElement: {
@@ -1149,6 +1338,28 @@ declare global {
         prototype: HTMLSdModalCardElement;
         new (): HTMLSdModalCardElement;
     };
+    interface HTMLSdNumberInputElementEventMap {
+        "sdIncrement": { currentVal: number; prevVal: number };
+        "sdDecrement": { currentVal: number; prevVal: number };
+        "sdInput": number | null;
+        "sdChange": number | null;
+        "sdFocus": Event;
+        "sdBlur": Event;
+    }
+    interface HTMLSdNumberInputElement extends Components.SdNumberInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdNumberInputElementEventMap>(type: K, listener: (this: HTMLSdNumberInputElement, ev: SdNumberInputCustomEvent<HTMLSdNumberInputElementEventMap[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 HTMLSdNumberInputElementEventMap>(type: K, listener: (this: HTMLSdNumberInputElement, ev: SdNumberInputCustomEvent<HTMLSdNumberInputElementEventMap[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 HTMLSdNumberInputElement: {
+        prototype: HTMLSdNumberInputElement;
+        new (): HTMLSdNumberInputElement;
+    };
     interface HTMLSdPaginationElementEventMap {
         "pageChange": number;
     }
@@ -1195,9 +1406,26 @@ declare global {
         prototype: HTMLSdProgressElement;
         new (): HTMLSdProgressElement;
     };
-    interface HTMLSdRadioGroupElementEventMap {
+    interface HTMLSdRadioButtonGroupElementEventMap {
         "sdChange": 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;
+        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 HTMLSdRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLSdRadioButtonGroupElement, ev: SdRadioButtonGroupCustomEvent<HTMLSdRadioButtonGroupElementEventMap[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 HTMLSdRadioButtonGroupElement: {
+        prototype: HTMLSdRadioButtonGroupElement;
+        new (): HTMLSdRadioButtonGroupElement;
+    };
+    interface HTMLSdRadioGroupElementEventMap {
+        "sdChange": 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;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1347,6 +1575,23 @@ declare global {
         prototype: HTMLSdTableBackupElement;
         new (): HTMLSdTableBackupElement;
     };
+    interface HTMLSdTabsElementEventMap {
+        "sdChange": 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;
+        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 HTMLSdTabsElementEventMap>(type: K, listener: (this: HTMLSdTabsElement, ev: SdTabsCustomEvent<HTMLSdTabsElementEventMap[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 HTMLSdTabsElement: {
+        prototype: HTMLSdTabsElement;
+        new (): HTMLSdTabsElement;
+    };
     interface HTMLSdTagElement extends Components.SdTag, HTMLStencilElement {
     }
     var HTMLSdTagElement: {
@@ -1371,6 +1616,24 @@ declare global {
         prototype: HTMLSdThElement;
         new (): HTMLSdThElement;
     };
+    interface HTMLSdToastMessageElementEventMap {
+        "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;
+        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 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;
+    };
     interface HTMLSdToggleElementEventMap {
         "sdChange": boolean;
     }
@@ -1388,6 +1651,23 @@ declare global {
         prototype: HTMLSdToggleElement;
         new (): HTMLSdToggleElement;
     };
+    interface HTMLSdToggleButtonElementEventMap {
+        "sdChange": 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;
+        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 HTMLSdToggleButtonElementEventMap>(type: K, listener: (this: HTMLSdToggleButtonElement, ev: SdToggleButtonCustomEvent<HTMLSdToggleButtonElementEventMap[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 HTMLSdToggleButtonElement: {
+        prototype: HTMLSdToggleButtonElement;
+        new (): HTMLSdToggleButtonElement;
+    };
     interface HTMLSdTooltipElement extends Components.SdTooltip, HTMLStencilElement {
     }
     var HTMLSdTooltipElement: {
@@ -1425,15 +1705,18 @@ declare global {
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
+        "sd-file-picker": HTMLSdFilePickerElement;
         "sd-guide": HTMLSdGuideElement;
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
         "sd-loading-spinner": HTMLSdLoadingSpinnerElement;
         "sd-modal-card": HTMLSdModalCardElement;
+        "sd-number-input": HTMLSdNumberInputElement;
         "sd-pagination": HTMLSdPaginationElement;
         "sd-popover": HTMLSdPopoverElement;
         "sd-portal": HTMLSdPortalElement;
         "sd-progress": HTMLSdProgressElement;
+        "sd-radio-button-group": HTMLSdRadioButtonGroupElement;
         "sd-radio-group": HTMLSdRadioGroupElement;
         "sd-select": HTMLSdSelectElement;
         "sd-select-multiple": HTMLSdSelectMultipleElement;
@@ -1442,11 +1725,14 @@ declare global {
         "sd-select-option-group": HTMLSdSelectOptionGroupElement;
         "sd-table": HTMLSdTableElement;
         "sd-table-backup": HTMLSdTableBackupElement;
+        "sd-tabs": HTMLSdTabsElement;
         "sd-tag": HTMLSdTagElement;
         "sd-tbody": HTMLSdTbodyElement;
         "sd-td": HTMLSdTdElement;
         "sd-th": HTMLSdThElement;
+        "sd-toast-message": HTMLSdToastMessageElement;
         "sd-toggle": HTMLSdToggleElement;
+        "sd-toggle-button": HTMLSdToggleButtonElement;
         "sd-tooltip": HTMLSdTooltipElement;
         "sd-tooltip-portal": HTMLSdTooltipPortalElement;
         "sd-tr": HTMLSdTrElement;
@@ -1603,6 +1889,31 @@ declare namespace LocalJSX {
         "onSdChange"?: (event: SdDateRangePickerCustomEvent<[string, string]>) => void;
         "selectable"?: [string, string];
     }
+    interface SdFilePicker {
+        "accept"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "inline"?: boolean;
+        /**
+          * @default false
+         */
+        "multiple"?: boolean;
+        "onSdChange"?: (event: SdFilePickerCustomEvent<File[] | File | null>) => void;
+        /**
+          * @default 'Click to upload'
+         */
+        "placeholder"?: string;
+        /**
+          * @default null
+         */
+        "value"?: File[] | File | null;
+        "width"?: number | string;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -1738,6 +2049,66 @@ declare namespace LocalJSX {
          */
         "useCloseButton"?: boolean;
     }
+    interface SdNumberInput {
+        /**
+          * @default false
+         */
+        "autoFocus"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "inputClass"?: string;
+        /**
+          * @default {}
+         */
+        "inputStyle"?: { [key: string]: string };
+        "label"?: string;
+        /**
+          * @default Number.POSITIVE_INFINITY
+         */
+        "max"?: number;
+        /**
+          * @default Number.NEGATIVE_INFINITY
+         */
+        "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;
+        /**
+          * @default '입력해 주세요.'
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        "rules"?: Array<(value: string | number | null) => boolean | string>;
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * @default false
+         */
+        "useButton"?: boolean;
+        /**
+          * @default false
+         */
+        "useDecimal"?: boolean;
+        /**
+          * @default null
+         */
+        "value"?: string | number | null;
+        "width"?: number | string;
+    }
     interface SdPagination {
         /**
           * @default 1
@@ -1856,6 +2227,23 @@ declare namespace LocalJSX {
          */
         "type"?: 'bar' | 'spinner';
     }
+    interface SdRadioButtonGroup {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "name"?: string;
+        "onSdChange"?: (event: SdRadioButtonGroupCustomEvent<RadioValue>) => void;
+        /**
+          * @default []
+         */
+        "radioOptions"?: RadioOption[];
+        /**
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md';
+        "value": RadioValue;
+    }
     interface SdRadioGroup {
         /**
           * @default 'vertical'
@@ -1866,12 +2254,12 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "name"?: string;
-        "onSdChange"?: (event: SdRadioGroupCustomEvent<RadioValue>) => void;
+        "onSdChange"?: (event: SdRadioGroupCustomEvent<RadioValue1>) => void;
         /**
           * @default []
          */
-        "radioOptions"?: RadioOption[];
-        "value": RadioValue;
+        "radioOptions"?: RadioOption1[];
+        "value": RadioValue1;
     }
     interface SdSelect {
         /**
@@ -2250,6 +2638,22 @@ declare namespace LocalJSX {
         "virtualRowHeight"?: number;
         "width"?: string;
     }
+    interface SdTabs {
+        /**
+          * @default false
+         */
+        "isSub"?: boolean;
+        "onSdChange"?: (event: SdTabsCustomEvent<string>) => void;
+        /**
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md';
+        /**
+          * @default []
+         */
+        "tabs"?: TabOption[];
+        "value": string;
+    }
     interface SdTag {
         "bgColor"?: string;
         /**
@@ -2286,6 +2690,23 @@ declare namespace LocalJSX {
     }
     interface SdTh {
     }
+    interface SdToastMessage {
+        "buttonLabel"?: string;
+        /**
+          * @default false
+         */
+        "close"?: boolean;
+        "icon"?: IconName;
+        "link"?: string;
+        "linkLabel"?: string;
+        "message": string;
+        "onSdButtonClick"?: (event: SdToastMessageCustomEvent<void>) => void;
+        "onSdClose"?: (event: SdToastMessageCustomEvent<void>) => void;
+        /**
+          * @default 'basicDark'
+         */
+        "type"?: ToastType;
+    }
     interface SdToggle {
         /**
           * @default false
@@ -2301,6 +2722,21 @@ declare namespace LocalJSX {
          */
         "value"?: boolean;
     }
+    interface SdToggleButton {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onSdChange"?: (event: SdToggleButtonCustomEvent<boolean>) => void;
+        /**
+          * @default false
+         */
+        "value"?: boolean;
+    }
     interface SdTooltip {
         /**
           * @default 'sm'
@@ -2384,15 +2820,18 @@ declare namespace LocalJSX {
         "sd-date-box": SdDateBox;
         "sd-date-picker": SdDatePicker;
         "sd-date-range-picker": SdDateRangePicker;
+        "sd-file-picker": SdFilePicker;
         "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-button-group": SdRadioButtonGroup;
         "sd-radio-group": SdRadioGroup;
         "sd-select": SdSelect;
         "sd-select-multiple": SdSelectMultiple;
@@ -2401,11 +2840,14 @@ declare namespace LocalJSX {
         "sd-select-option-group": SdSelectOptionGroup;
         "sd-table": SdTable;
         "sd-table-backup": SdTableBackup;
+        "sd-tabs": SdTabs;
         "sd-tag": SdTag;
         "sd-tbody": SdTbody;
         "sd-td": SdTd;
         "sd-th": SdTh;
+        "sd-toast-message": SdToastMessage;
         "sd-toggle": SdToggle;
+        "sd-toggle-button": SdToggleButton;
         "sd-tooltip": SdTooltip;
         "sd-tooltip-portal": SdTooltipPortal;
         "sd-tr": SdTr;
@@ -2422,15 +2864,18 @@ 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-file-picker": LocalJSX.SdFilePicker & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;
             "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-button-group": LocalJSX.SdRadioButtonGroup & JSXBase.HTMLAttributes<HTMLSdRadioButtonGroupElement>;
             "sd-radio-group": LocalJSX.SdRadioGroup & JSXBase.HTMLAttributes<HTMLSdRadioGroupElement>;
             "sd-select": LocalJSX.SdSelect & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
             "sd-select-multiple": LocalJSX.SdSelectMultiple & JSXBase.HTMLAttributes<HTMLSdSelectMultipleElement>;
@@ -2439,11 +2884,14 @@ declare module "@stencil/core" {
             "sd-select-option-group": LocalJSX.SdSelectOptionGroup & JSXBase.HTMLAttributes<HTMLSdSelectOptionGroupElement>;
             "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-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>;