@sellmate/design-system 0.0.12 → 0.0.15

package/dist/types/components.d.ts

@@ -6,19 +6,25 @@
  */
 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 { Event } from "./stencil-public-runtime";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
-import { SelectEvents, SelectOption, SelectStyleProps } from "./components/sd-select/sd-select";
-import { SelectOption as SelectOption1 } from "./types/select";
+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 { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 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 { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
-export { SelectEvents, SelectOption, SelectStyleProps } from "./components/sd-select/sd-select";
-export { SelectOption as SelectOption1 } from "./types/select";
+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 { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 export namespace Components {
@@ -38,9 +44,9 @@ export namespace Components {
     }
     interface SdButton {
         /**
-          * @default {}
+          * @default ''
          */
-        "buttonStyle": StyleProps;
+        "class": string;
         /**
           * @default '#025497'
          */
@@ -53,10 +59,6 @@ export namespace Components {
         "iconColor"?: string;
         "iconRight"?: IconName;
         "iconSize"?: number;
-        /**
-          * @default {}
-         */
-        "iconStyle": StyleProps;
         /**
           * @default ''
          */
@@ -78,16 +80,21 @@ export namespace Components {
          */
         "variant"?: ButtonVariant;
     }
-    interface SdCheckbox {
+    interface SdCard {
         /**
-          * @default {}
+          * @default true
+         */
+        "bordered": boolean;
+        /**
+          * @default ''
          */
-        "checkboxStyle": StyleProps;
+        "class": string;
+    }
+    interface SdCheckbox {
         /**
           * 현재 선택 상태 또는 배열 형태의 값
-          * @default false
          */
-        "checked": any[] | any;
+        "checked": CheckedType;
         /**
           * 비활성화 여부
           * @default false
@@ -170,11 +177,11 @@ export namespace Components {
         /**
           * @default ''
          */
-        "message": string | string[];
+        "label": string;
         /**
           * @default ''
          */
-        "popupTitle": string;
+        "message": string | string[];
         "popupWidth"?: number;
         /**
           * @default 'help'
@@ -345,6 +352,96 @@ export namespace Components {
         "zIndex": number;
     }
     interface SdSelect {
+        /**
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default '260px'
+         */
+        "dropdownHeight": string;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default '옵션이 없습니다.'
+         */
+        "optionPlaceholder": string;
+        "optionRenderer"?: (option: SelectOption, index: number, isSelected: boolean) => any;
+        /**
+          * @default []
+         */
+        "options": SelectOption[];
+        /**
+          * @default '선택'
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * @default null
+         */
+        "value": string | number | null;
+        /**
+          * @default '200px'
+         */
+        "width": string;
+    }
+    interface SdSelectMultiple {
+        /**
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default '260px'
+         */
+        "dropdownHeight": string;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default '옵션이 없습니다.'
+         */
+        "optionPlaceholder": string;
+        "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
+        /**
+          * @default []
+         */
+        "options": SelectOption1[];
+        /**
+          * @default '선택'
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "searchable": boolean;
+        /**
+          * @default false
+         */
+        "useCheckbox": boolean;
+        /**
+          * @default null
+         */
+        "value": SelectOption1[] | null;
+        /**
+          * @default '200px'
+         */
+        "width": string;
+    }
+    interface SdSelectMultipleGroup {
         /**
           * @default false
          */
@@ -377,7 +474,7 @@ export namespace Components {
           * @default '옵션이 없습니다.'
          */
         "optionPlaceholder": string;
-        "optionRenderer"?: (option: SelectOption, index: number, isSelected: boolean) => any;
+        "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
         /**
           * @default {}
          */
@@ -385,7 +482,7 @@ export namespace Components {
         /**
           * @default []
          */
-        "options": SelectOption[];
+        "options": SelectOptionGroup[];
         /**
           * @default '선택'
          */
@@ -398,10 +495,14 @@ export namespace Components {
           * @default {}
          */
         "triggerStyle": SelectStyleProps['triggerStyle'];
+        /**
+          * @default false
+         */
+        "useCheckbox": boolean;
         /**
           * @default null
          */
-        "value": string | number | null;
+        "value": SelectOptionGroup[] | null;
         /**
           * @default '200px'
          */
@@ -429,14 +530,33 @@ export namespace Components {
          */
         "useCheckbox": boolean;
     }
+    interface SdSelectOptionGroup {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "index": number;
+        "isDisabled": () => Promise<boolean>;
+        /**
+          * @default false
+         */
+        "isFocused": boolean;
+        /**
+          * @default false
+         */
+        "isSelected": boolean | null;
+        "option": SelectOptionGroup1;
+        "optionStyle"?: { [key: string]: string };
+        /**
+          * @default false
+         */
+        "useCheckbox": boolean;
+    }
     interface SdTable {
         "bodyCellRenderer"?: (
   column: SdTableColumn,
   row: Row,
  ) => HTMLElement | string | null | undefined;
-        /**
-          * @default []
-         */
         "columns": SdTableColumn[];
         "height"?: string;
         /**
@@ -456,9 +576,6 @@ export namespace Components {
           * @default 'id'
          */
         "rowKey": string;
-        /**
-          * @default []
-         */
         "rows": Row[];
         /**
           * @default false
@@ -603,10 +720,22 @@ export interface SdSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdSelectElement;
 }
+export interface SdSelectMultipleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdSelectMultipleElement;
+}
+export interface SdSelectMultipleGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdSelectMultipleGroupElement;
+}
 export interface SdSelectOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdSelectOptionElement;
 }
+export interface SdSelectOptionGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdSelectOptionGroupElement;
+}
 export interface SdTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTableElement;
@@ -639,8 +768,14 @@ declare global {
         prototype: HTMLSdButtonElement;
         new (): HTMLSdButtonElement;
     };
+    interface HTMLSdCardElement extends Components.SdCard, HTMLStencilElement {
+    }
+    var HTMLSdCardElement: {
+        prototype: HTMLSdCardElement;
+        new (): HTMLSdCardElement;
+    };
     interface HTMLSdCheckboxElementEventMap {
-        "sdChange": any | any[];
+        "sdChange": 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;
@@ -799,6 +934,42 @@ declare global {
         prototype: HTMLSdSelectElement;
         new (): HTMLSdSelectElement;
     };
+    interface HTMLSdSelectMultipleElementEventMap {
+        "sdChange": SelectMultipleEvents['sdChange'];
+        "dropDownShow": 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;
+        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 HTMLSdSelectMultipleElementEventMap>(type: K, listener: (this: HTMLSdSelectMultipleElement, ev: SdSelectMultipleCustomEvent<HTMLSdSelectMultipleElementEventMap[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 HTMLSdSelectMultipleElement: {
+        prototype: HTMLSdSelectMultipleElement;
+        new (): HTMLSdSelectMultipleElement;
+    };
+    interface HTMLSdSelectMultipleGroupElementEventMap {
+        "sdChange": SelectMultipleEvents1['sdChange'];
+        "dropDownShow": 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;
+        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 HTMLSdSelectMultipleGroupElementEventMap>(type: K, listener: (this: HTMLSdSelectMultipleGroupElement, ev: SdSelectMultipleGroupCustomEvent<HTMLSdSelectMultipleGroupElementEventMap[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 HTMLSdSelectMultipleGroupElement: {
+        prototype: HTMLSdSelectMultipleGroupElement;
+        new (): HTMLSdSelectMultipleGroupElement;
+    };
     interface HTMLSdSelectOptionElementEventMap {
         "optionClick": {
   option: SelectOption1;
@@ -820,6 +991,28 @@ declare global {
         prototype: HTMLSdSelectOptionElement;
         new (): HTMLSdSelectOptionElement;
     };
+    interface HTMLSdSelectOptionGroupElementEventMap {
+        "optionClick": {
+  option: SelectOptionGroup1;
+  isSelected: boolean | null;
+  index: number;
+  event: MouseEvent;
+ };
+    }
+    interface HTMLSdSelectOptionGroupElement extends Components.SdSelectOptionGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdSelectOptionGroupElementEventMap>(type: K, listener: (this: HTMLSdSelectOptionGroupElement, ev: SdSelectOptionGroupCustomEvent<HTMLSdSelectOptionGroupElementEventMap[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 HTMLSdSelectOptionGroupElementEventMap>(type: K, listener: (this: HTMLSdSelectOptionGroupElement, ev: SdSelectOptionGroupCustomEvent<HTMLSdSelectOptionGroupElementEventMap[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 HTMLSdSelectOptionGroupElement: {
+        prototype: HTMLSdSelectOptionGroupElement;
+        new (): HTMLSdSelectOptionGroupElement;
+    };
     interface HTMLSdTableElementEventMap {
         "sdSelectChange": Row[];
         "sdPageChange": number;
@@ -870,6 +1063,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "sd-badge": HTMLSdBadgeElement;
         "sd-button": HTMLSdButtonElement;
+        "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
@@ -881,7 +1075,10 @@ declare global {
         "sd-popover": HTMLSdPopoverElement;
         "sd-portal": HTMLSdPortalElement;
         "sd-select": HTMLSdSelectElement;
+        "sd-select-multiple": HTMLSdSelectMultipleElement;
+        "sd-select-multiple-group": HTMLSdSelectMultipleGroupElement;
         "sd-select-option": HTMLSdSelectOptionElement;
+        "sd-select-option-group": HTMLSdSelectOptionGroupElement;
         "sd-table": HTMLSdTableElement;
         "sd-tag": HTMLSdTagElement;
         "sd-tooltip": HTMLSdTooltipElement;
@@ -905,9 +1102,9 @@ declare namespace LocalJSX {
     }
     interface SdButton {
         /**
-          * @default {}
+          * @default ''
          */
-        "buttonStyle"?: StyleProps;
+        "class"?: string;
         /**
           * @default '#025497'
          */
@@ -920,10 +1117,6 @@ declare namespace LocalJSX {
         "iconColor"?: string;
         "iconRight"?: IconName;
         "iconSize"?: number;
-        /**
-          * @default {}
-         */
-        "iconStyle"?: StyleProps;
         /**
           * @default ''
          */
@@ -946,16 +1139,21 @@ declare namespace LocalJSX {
          */
         "variant"?: ButtonVariant;
     }
-    interface SdCheckbox {
+    interface SdCard {
         /**
-          * @default {}
+          * @default true
+         */
+        "bordered"?: boolean;
+        /**
+          * @default ''
          */
-        "checkboxStyle"?: StyleProps;
+        "class"?: string;
+    }
+    interface SdCheckbox {
         /**
           * 현재 선택 상태 또는 배열 형태의 값
-          * @default false
          */
-        "checked"?: any[] | any;
+        "checked": CheckedType;
         /**
           * 비활성화 여부
           * @default false
@@ -969,7 +1167,7 @@ declare namespace LocalJSX {
         /**
           * 값 변경 이벤트
          */
-        "onSdChange"?: (event: SdCheckboxCustomEvent<any | any[]>) => void;
+        "onSdChange"?: (event: SdCheckboxCustomEvent<CheckedType>) => void;
         /**
           * 배열 모드에서의 개별 값
          */
@@ -1046,11 +1244,11 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "message"?: string | string[];
+        "label"?: string;
         /**
           * @default ''
          */
-        "popupTitle"?: string;
+        "message"?: string | string[];
         "popupWidth"?: number;
         /**
           * @default 'help'
@@ -1227,6 +1425,100 @@ declare namespace LocalJSX {
         "zIndex"?: number;
     }
     interface SdSelect {
+        /**
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default '260px'
+         */
+        "dropdownHeight"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
+        "onSdChange"?: (event: SdSelectCustomEvent<SelectEvents['sdChange']>) => void;
+        /**
+          * @default '옵션이 없습니다.'
+         */
+        "optionPlaceholder"?: string;
+        "optionRenderer"?: (option: SelectOption, index: number, isSelected: boolean) => any;
+        /**
+          * @default []
+         */
+        "options"?: SelectOption[];
+        /**
+          * @default '선택'
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * @default null
+         */
+        "value"?: string | number | null;
+        /**
+          * @default '200px'
+         */
+        "width"?: string;
+    }
+    interface SdSelectMultiple {
+        /**
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default '260px'
+         */
+        "dropdownHeight"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onDropDownShow"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>) => void;
+        "onSdChange"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>) => void;
+        /**
+          * @default '옵션이 없습니다.'
+         */
+        "optionPlaceholder"?: string;
+        "optionRenderer"?: (option: SelectOption1, index: number, isSelected: boolean) => any;
+        /**
+          * @default []
+         */
+        "options"?: SelectOption1[];
+        /**
+          * @default '선택'
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "searchable"?: boolean;
+        /**
+          * @default false
+         */
+        "useCheckbox"?: boolean;
+        /**
+          * @default null
+         */
+        "value"?: SelectOption1[] | null;
+        /**
+          * @default '200px'
+         */
+        "width"?: string;
+    }
+    interface SdSelectMultipleGroup {
         /**
           * @default false
          */
@@ -1255,13 +1547,13 @@ declare namespace LocalJSX {
           * @default {}
          */
         "labelStyle"?: SelectStyleProps['labelStyle'];
-        "onDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
-        "onSdChange"?: (event: SdSelectCustomEvent<SelectEvents['sdChange']>) => void;
+        "onDropDownShow"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['dropDownShow']>) => void;
+        "onSdChange"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['sdChange']>) => void;
         /**
           * @default '옵션이 없습니다.'
          */
         "optionPlaceholder"?: string;
-        "optionRenderer"?: (option: SelectOption, index: number, isSelected: boolean) => any;
+        "optionRenderer"?: (option: SelectOption2, index: number, isSelected: boolean) => any;
         /**
           * @default {}
          */
@@ -1269,7 +1561,7 @@ declare namespace LocalJSX {
         /**
           * @default []
          */
-        "options"?: SelectOption[];
+        "options"?: SelectOptionGroup[];
         /**
           * @default '선택'
          */
@@ -1282,10 +1574,14 @@ declare namespace LocalJSX {
           * @default {}
          */
         "triggerStyle"?: SelectStyleProps['triggerStyle'];
+        /**
+          * @default false
+         */
+        "useCheckbox"?: boolean;
         /**
           * @default null
          */
-        "value"?: string | number | null;
+        "value"?: SelectOptionGroup[] | null;
         /**
           * @default '200px'
          */
@@ -1317,15 +1613,39 @@ declare namespace LocalJSX {
          */
         "useCheckbox"?: boolean;
     }
+    interface SdSelectOptionGroup {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "index": number;
+        /**
+          * @default false
+         */
+        "isFocused"?: boolean;
+        /**
+          * @default false
+         */
+        "isSelected"?: boolean | null;
+        "onOptionClick"?: (event: SdSelectOptionGroupCustomEvent<{
+  option: SelectOptionGroup1;
+  isSelected: boolean | null;
+  index: number;
+  event: MouseEvent;
+ }>) => void;
+        "option": SelectOptionGroup1;
+        "optionStyle"?: { [key: string]: string };
+        /**
+          * @default false
+         */
+        "useCheckbox"?: boolean;
+    }
     interface SdTable {
         "bodyCellRenderer"?: (
   column: SdTableColumn,
   row: Row,
  ) => HTMLElement | string | null | undefined;
-        /**
-          * @default []
-         */
-        "columns"?: SdTableColumn[];
+        "columns": SdTableColumn[];
         "height"?: string;
         /**
           * @default '데이터가 없습니다.'
@@ -1346,10 +1666,7 @@ declare namespace LocalJSX {
           * @default 'id'
          */
         "rowKey"?: string;
-        /**
-          * @default []
-         */
-        "rows"?: Row[];
+        "rows": Row[];
         /**
           * @default false
          */
@@ -1460,6 +1777,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "sd-badge": SdBadge;
         "sd-button": SdButton;
+        "sd-card": SdCard;
         "sd-checkbox": SdCheckbox;
         "sd-date-box": SdDateBox;
         "sd-date-picker": SdDatePicker;
@@ -1471,7 +1789,10 @@ declare namespace LocalJSX {
         "sd-popover": SdPopover;
         "sd-portal": SdPortal;
         "sd-select": SdSelect;
+        "sd-select-multiple": SdSelectMultiple;
+        "sd-select-multiple-group": SdSelectMultipleGroup;
         "sd-select-option": SdSelectOption;
+        "sd-select-option-group": SdSelectOptionGroup;
         "sd-table": SdTable;
         "sd-tag": SdTag;
         "sd-tooltip": SdTooltip;
@@ -1484,6 +1805,7 @@ declare module "@stencil/core" {
         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>;
@@ -1495,7 +1817,10 @@ declare module "@stencil/core" {
             "sd-popover": LocalJSX.SdPopover & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
             "sd-portal": LocalJSX.SdPortal & JSXBase.HTMLAttributes<HTMLSdPortalElement>;
             "sd-select": LocalJSX.SdSelect & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
+            "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-table": LocalJSX.SdTable & JSXBase.HTMLAttributes<HTMLSdTableElement>;
             "sd-tag": LocalJSX.SdTag & JSXBase.HTMLAttributes<HTMLSdTagElement>;
             "sd-tooltip": LocalJSX.SdTooltip & JSXBase.HTMLAttributes<HTMLSdTooltipElement>;