@sellmate/design-system 1.0.78 → 1.1.0

package/dist/types/components.d.ts

@@ -5,14 +5,13 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ButtonV2Name, ButtonV2Props, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
+import { ButtonName, ButtonProps, ButtonType } from "./components/sd-button/sd-button.config";
 import { BadgeColor } from "./components/sd-badge/sd-badge.config";
 import { BarcodeInputSize } from "./components/sd-barcode-input/sd-barcode-input.config";
 import { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.config";
 import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { Event } from "./stencil-public-runtime";
-import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 import { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
@@ -26,13 +25,14 @@ import { FieldIdentifier, ValidatableField } from "./components/sd-form/sd-form"
 import { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 import { GuideType } from "./components/sd-guide/sd-guide";
 import { InputSize } from "./components/sd-input/sd-input.config";
+import { SdKeyValueChangeDetail, SdKeyValueField } from "./components/sd-key-value-table/sd-key-value-table.config";
 import { LinearProgressType } from "./components/sd-linear-progress/sd-linear-progress.config";
 import { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-container.config";
 import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
 import { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 import { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
-import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
-import { PopoverButton } from "./components/sd-popover/sd-popover";
+import { PopoverButton, PopoverLink } from "./components/sd-popover/sd-popover";
+import { PopupType } from "./components/sd-popup/sd-popup.config";
 import { RadioValue } from "./components/sd-radio/sd-radio";
 import { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
 import { RadioOption } from "./components/sd-radio-button/sd-radio-button";
@@ -43,14 +43,13 @@ import { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 import { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 import { ToastType } from "./components/sd-toast/sd-toast.config";
 import { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
-export { ButtonV2Name, ButtonV2Props, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
+export { ButtonName, ButtonProps, ButtonType } from "./components/sd-button/sd-button.config";
 export { BadgeColor } from "./components/sd-badge/sd-badge.config";
 export { BarcodeInputSize } from "./components/sd-barcode-input/sd-barcode-input.config";
 export { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.config";
 export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { Event } from "./stencil-public-runtime";
-export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
@@ -64,13 +63,14 @@ export { FieldIdentifier, ValidatableField } from "./components/sd-form/sd-form"
 export { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 export { GuideType } from "./components/sd-guide/sd-guide";
 export { InputSize } from "./components/sd-input/sd-input.config";
+export { SdKeyValueChangeDetail, SdKeyValueField } from "./components/sd-key-value-table/sd-key-value-table.config";
 export { LinearProgressType } from "./components/sd-linear-progress/sd-linear-progress.config";
 export { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-container.config";
 export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
 export { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 export { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
-export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
-export { PopoverButton } from "./components/sd-popover/sd-popover";
+export { PopoverButton, PopoverLink } from "./components/sd-popover/sd-popover";
+export { PopupType } from "./components/sd-popup/sd-popup.config";
 export { RadioValue } from "./components/sd-radio/sd-radio";
 export { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
 export { RadioOption } from "./components/sd-radio-button/sd-radio-button";
@@ -83,7 +83,7 @@ export { ToastType } from "./components/sd-toast/sd-toast.config";
 export { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
 export namespace Components {
     interface SdActionModal {
-        "buttonProps"?: ButtonV2Props;
+        "buttonProps"?: ButtonProps;
         "height"?: string | number;
         /**
           * @default ''
@@ -96,10 +96,6 @@ export namespace Components {
           * @default 'blue'
          */
         "color": BadgeColor;
-        /**
-          * @default ''
-         */
-        "label": string;
     }
     interface SdBarcodeInput {
         /**
@@ -206,44 +202,6 @@ export namespace Components {
         "width": string | number;
     }
     interface SdButton {
-        /**
-          * @default '#025497'
-         */
-        "color": string;
-        /**
-          * @default false
-         */
-        "disabled": boolean;
-        "icon"?: IconName;
-        "iconColor"?: string;
-        "iconRight"?: IconName;
-        "iconSize"?: number;
-        /**
-          * @default ''
-         */
-        "label": string;
-        /**
-          * @default false
-         */
-        "noHover": boolean;
-        /**
-          * @default ''
-         */
-        "sdClass": string;
-        /**
-          * @default 'sm'
-         */
-        "size": ButtonSize;
-        /**
-          * @default 'button'
-         */
-        "type": 'button' | 'submit' | 'reset';
-        /**
-          * @default 'primary'
-         */
-        "variant"?: ButtonVariant;
-    }
-    interface SdButtonV2 {
         /**
           * @default ''
          */
@@ -260,12 +218,12 @@ export namespace Components {
         /**
           * @default 'primary_sm'
          */
-        "name": ButtonV2Name;
+        "name": ButtonName;
         "rightIcon"?: IconName;
         /**
           * @default 'button'
          */
-        "type": ButtonV2Type;
+        "type": ButtonType;
     }
     interface SdCalendar {
         "eventColors"?: CalendarEventColors;
@@ -531,7 +489,7 @@ export namespace Components {
          */
         "placeholder": string;
         /**
-          * @default 'md'
+          * @default 'sm'
          */
         "size": DatePickerSize;
     }
@@ -695,6 +653,10 @@ export namespace Components {
           * @default ''
          */
         "name": string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
         /**
           * @default []
          */
@@ -1026,6 +988,23 @@ export namespace Components {
          */
         "width": string | number;
     }
+    interface SdKeyValueTable {
+        /**
+          * 2차원 배열. 외부 배열 = row, 내부 배열 = 한 row에 들어가는 [th|td] field들. 한 row에 여러 field를 넣으면 [th|td|th|td...] 형태로 렌더.
+          * @default []
+         */
+        "fields": SdKeyValueField[][];
+        /**
+          * true이면 테이블 우측에 검색 버튼 패널을 표시. 클릭 시 `sdSearch` 이벤트 emit.
+          * @default false
+         */
+        "search": boolean;
+        /**
+          * true이면 테이블 상단 border-radius를 0으로 처리. 다른 요소(헤더, 탭 등) 하단에 붙여 쓸 때 사용.
+          * @default false
+         */
+        "useTop": boolean;
+    }
     interface SdLinearProgress {
         /**
           * @default false
@@ -1202,21 +1181,18 @@ export namespace Components {
     }
     interface SdPopover {
         /**
-          * @default 'sm'
-         */
-        "buttonSize": ButtonSize1;
-        /**
-          * @default 'primary'
-         */
-        "buttonVariant": ButtonVariant1;
-        /**
-          * @default []
+          * @default ''
          */
-        "buttons": PopoverButton[];
+        "ariaLabel": string;
+        "button"?: PopoverButton;
         /**
           * @default '#01BB4B'
          */
         "color": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
         /**
           * @default 'helpOutline'
          */
@@ -1229,6 +1205,7 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        "leftLink"?: PopoverLink;
         /**
           * @default ''
          */
@@ -1238,19 +1215,43 @@ export namespace Components {
           * @default []
          */
         "messages": string[];
+        /**
+          * @default 'primary_sm'
+         */
+        "name": ButtonName;
         /**
           * @default 'bottom'
          */
         "placement": 'top' | 'bottom' | 'left' | 'right';
+        "rightIcon"?: IconName;
         /**
           * @default false
          */
         "show": boolean;
+        /**
+          * @default 'button'
+         */
+        "type": ButtonType;
         /**
           * @default false
          */
         "useClose": boolean;
     }
+    interface SdPopup {
+        /**
+          * @default ''
+         */
+        "popupTitle": string;
+        "submitButtonProps"?: ButtonProps;
+        /**
+          * @default 'default'
+         */
+        "type": PopupType;
+        /**
+          * @default true
+         */
+        "useFooter": boolean;
+    }
     interface SdPortal {
         /**
           * @default [0, 4]
@@ -1535,6 +1536,10 @@ export namespace Components {
          */
         "noDataLabel": string;
         "pagination"?: SdTablePagination;
+        /**
+          * @default 'default'
+         */
+        "radius": 'default' | 'useTop';
         /**
           * @default false
          */
@@ -1794,6 +1799,7 @@ export namespace Components {
         "stickyHeader"?: boolean;
     }
     interface SdToast {
+        "buttonLabel"?: string;
         "icon"?: IconName;
         "link"?: string;
         "linkLabel"?: string;
@@ -1844,17 +1850,17 @@ export namespace Components {
     }
     interface SdTooltip {
         /**
-          * @default 'sm'
-         */
-        "buttonSize": ButtonSize1;
-        /**
-          * @default 'primary'
+          * @default ''
          */
-        "buttonVariant": ButtonVariant1;
+        "ariaLabel": string;
         /**
           * @default '#01BB4B'
          */
         "color": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
         /**
           * @default 'helpOutline'
          */
@@ -1868,13 +1874,14 @@ export namespace Components {
          */
         "label": string;
         /**
-          * @default true
+          * @default 'primary_sm'
          */
-        "noHover": boolean;
+        "name": ButtonName;
         /**
           * @default 'top'
          */
         "placement": 'top' | 'bottom' | 'left' | 'right';
+        "rightIcon"?: IconName;
         /**
           * @default ''
          */
@@ -1887,6 +1894,10 @@ export namespace Components {
           * @default 'hover'
          */
         "trigger": 'hover' | 'click';
+        /**
+          * @default 'button'
+         */
+        "type": ButtonType;
     }
     interface SdTr {
         "bumpSpansVersion": () => Promise<void>;
@@ -1919,10 +1930,6 @@ export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdButtonElement;
 }
-export interface SdButtonV2CustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdButtonV2Element;
-}
 export interface SdCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdCalendarElement;
@@ -1987,6 +1994,10 @@ export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
 }
+export interface SdKeyValueTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdKeyValueTableElement;
+}
 export interface SdLoadingModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdLoadingModalElement;
@@ -2003,6 +2014,10 @@ export interface SdPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPopoverElement;
 }
+export interface SdPopupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdPopupElement;
+}
 export interface SdPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPortalElement;
@@ -2136,23 +2151,6 @@ declare global {
         prototype: HTMLSdButtonElement;
         new (): HTMLSdButtonElement;
     };
-    interface HTMLSdButtonV2ElementEventMap {
-        "sdClick": MouseEvent;
-    }
-    interface HTMLSdButtonV2Element extends Components.SdButtonV2, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdButtonV2ElementEventMap>(type: K, listener: (this: HTMLSdButtonV2Element, ev: SdButtonV2CustomEvent<HTMLSdButtonV2ElementEventMap[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 HTMLSdButtonV2ElementEventMap>(type: K, listener: (this: HTMLSdButtonV2Element, ev: SdButtonV2CustomEvent<HTMLSdButtonV2ElementEventMap[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 HTMLSdButtonV2Element: {
-        prototype: HTMLSdButtonV2Element;
-        new (): HTMLSdButtonV2Element;
-    };
     interface HTMLSdCalendarElementEventMap {
         "sdSelect": string;
         "sdViewChange": { year: number; month: number };
@@ -2474,6 +2472,24 @@ declare global {
         prototype: HTMLSdInputElement;
         new (): HTMLSdInputElement;
     };
+    interface HTMLSdKeyValueTableElementEventMap {
+        "sdChange": SdKeyValueChangeDetail;
+        "sdSearch": void;
+    }
+    interface HTMLSdKeyValueTableElement extends Components.SdKeyValueTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdKeyValueTableElementEventMap>(type: K, listener: (this: HTMLSdKeyValueTableElement, ev: SdKeyValueTableCustomEvent<HTMLSdKeyValueTableElementEventMap[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 HTMLSdKeyValueTableElementEventMap>(type: K, listener: (this: HTMLSdKeyValueTableElement, ev: SdKeyValueTableCustomEvent<HTMLSdKeyValueTableElementEventMap[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 HTMLSdKeyValueTableElement: {
+        prototype: HTMLSdKeyValueTableElement;
+        new (): HTMLSdKeyValueTableElement;
+    };
     interface HTMLSdLinearProgressElement extends Components.SdLinearProgress, HTMLStencilElement {
     }
     var HTMLSdLinearProgressElement: {
@@ -2562,6 +2578,23 @@ declare global {
         prototype: HTMLSdPopoverElement;
         new (): HTMLSdPopoverElement;
     };
+    interface HTMLSdPopupElementEventMap {
+        "sdSubmit": void;
+    }
+    interface HTMLSdPopupElement extends Components.SdPopup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdPopupElementEventMap>(type: K, listener: (this: HTMLSdPopupElement, ev: SdPopupCustomEvent<HTMLSdPopupElementEventMap[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 HTMLSdPopupElementEventMap>(type: K, listener: (this: HTMLSdPopupElement, ev: SdPopupCustomEvent<HTMLSdPopupElementEventMap[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 HTMLSdPopupElement: {
+        prototype: HTMLSdPopupElement;
+        new (): HTMLSdPopupElement;
+    };
     interface HTMLSdPortalElementEventMap {
         "sdClose": void;
     }
@@ -2855,6 +2888,7 @@ declare global {
     };
     interface HTMLSdToastElementEventMap {
         "sdClose": void;
+        "sdButtonClick": MouseEvent;
     }
     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;
@@ -2922,7 +2956,6 @@ declare global {
         "sd-badge": HTMLSdBadgeElement;
         "sd-barcode-input": HTMLSdBarcodeInputElement;
         "sd-button": HTMLSdButtonElement;
-        "sd-button-v2": HTMLSdButtonV2Element;
         "sd-calendar": HTMLSdCalendarElement;
         "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
@@ -2944,6 +2977,7 @@ declare global {
         "sd-guide": HTMLSdGuideElement;
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
+        "sd-key-value-table": HTMLSdKeyValueTableElement;
         "sd-linear-progress": HTMLSdLinearProgressElement;
         "sd-loading-container": HTMLSdLoadingContainerElement;
         "sd-loading-modal": HTMLSdLoadingModalElement;
@@ -2951,6 +2985,7 @@ declare global {
         "sd-number-input": HTMLSdNumberInputElement;
         "sd-pagination": HTMLSdPaginationElement;
         "sd-popover": HTMLSdPopoverElement;
+        "sd-popup": HTMLSdPopupElement;
         "sd-portal": HTMLSdPortalElement;
         "sd-radio": HTMLSdRadioElement;
         "sd-radio-button": HTMLSdRadioButtonElement;
@@ -2980,7 +3015,7 @@ 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 SdActionModal {
-        "buttonProps"?: ButtonV2Props;
+        "buttonProps"?: ButtonProps;
         "height"?: string | number;
         /**
           * @default ''
@@ -2995,10 +3030,6 @@ declare namespace LocalJSX {
           * @default 'blue'
          */
         "color"?: BadgeColor;
-        /**
-          * @default ''
-         */
-        "label"?: string;
     }
     interface SdBarcodeInput {
         /**
@@ -3103,45 +3134,6 @@ declare namespace LocalJSX {
         "width"?: string | number;
     }
     interface SdButton {
-        /**
-          * @default '#025497'
-         */
-        "color"?: string;
-        /**
-          * @default false
-         */
-        "disabled"?: boolean;
-        "icon"?: IconName;
-        "iconColor"?: string;
-        "iconRight"?: IconName;
-        "iconSize"?: number;
-        /**
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * @default false
-         */
-        "noHover"?: boolean;
-        "onSdClick"?: (event: SdButtonCustomEvent<MouseEvent>) => void;
-        /**
-          * @default ''
-         */
-        "sdClass"?: string;
-        /**
-          * @default 'sm'
-         */
-        "size"?: ButtonSize;
-        /**
-          * @default 'button'
-         */
-        "type"?: 'button' | 'submit' | 'reset';
-        /**
-          * @default 'primary'
-         */
-        "variant"?: ButtonVariant;
-    }
-    interface SdButtonV2 {
         /**
           * @default ''
          */
@@ -3158,13 +3150,13 @@ declare namespace LocalJSX {
         /**
           * @default 'primary_sm'
          */
-        "name"?: ButtonV2Name;
-        "onSdClick"?: (event: SdButtonV2CustomEvent<MouseEvent>) => void;
+        "name"?: ButtonName;
+        "onSdClick"?: (event: SdButtonCustomEvent<MouseEvent>) => void;
         "rightIcon"?: IconName;
         /**
           * @default 'button'
          */
-        "type"?: ButtonV2Type;
+        "type"?: ButtonType;
     }
     interface SdCalendar {
         "eventColors"?: CalendarEventColors;
@@ -3441,7 +3433,7 @@ declare namespace LocalJSX {
          */
         "placeholder"?: string;
         /**
-          * @default 'md'
+          * @default 'sm'
          */
         "size"?: DatePickerSize;
     }
@@ -3606,6 +3598,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "name"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
         /**
           * @default []
          */
@@ -3932,6 +3928,25 @@ declare namespace LocalJSX {
          */
         "width"?: string | number;
     }
+    interface SdKeyValueTable {
+        /**
+          * 2차원 배열. 외부 배열 = row, 내부 배열 = 한 row에 들어가는 [th|td] field들. 한 row에 여러 field를 넣으면 [th|td|th|td...] 형태로 렌더.
+          * @default []
+         */
+        "fields"?: SdKeyValueField[][];
+        "onSdChange"?: (event: SdKeyValueTableCustomEvent<SdKeyValueChangeDetail>) => void;
+        "onSdSearch"?: (event: SdKeyValueTableCustomEvent<void>) => void;
+        /**
+          * true이면 테이블 우측에 검색 버튼 패널을 표시. 클릭 시 `sdSearch` 이벤트 emit.
+          * @default false
+         */
+        "search"?: boolean;
+        /**
+          * true이면 테이블 상단 border-radius를 0으로 처리. 다른 요소(헤더, 탭 등) 하단에 붙여 쓸 때 사용.
+          * @default false
+         */
+        "useTop"?: boolean;
+    }
     interface SdLinearProgress {
         /**
           * @default false
@@ -4101,21 +4116,18 @@ declare namespace LocalJSX {
     }
     interface SdPopover {
         /**
-          * @default 'sm'
-         */
-        "buttonSize"?: ButtonSize1;
-        /**
-          * @default 'primary'
-         */
-        "buttonVariant"?: ButtonVariant1;
-        /**
-          * @default []
+          * @default ''
          */
-        "buttons"?: PopoverButton[];
+        "ariaLabel"?: string;
+        "button"?: PopoverButton;
         /**
           * @default '#01BB4B'
          */
         "color"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
         /**
           * @default 'helpOutline'
          */
@@ -4128,6 +4140,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        "leftLink"?: PopoverLink;
         /**
           * @default ''
          */
@@ -4137,20 +4150,45 @@ declare namespace LocalJSX {
           * @default []
          */
         "messages"?: string[];
+        /**
+          * @default 'primary_sm'
+         */
+        "name"?: ButtonName;
         "onSdShowChange"?: (event: SdPopoverCustomEvent<boolean>) => void;
         /**
           * @default 'bottom'
          */
         "placement"?: 'top' | 'bottom' | 'left' | 'right';
+        "rightIcon"?: IconName;
         /**
           * @default false
          */
         "show"?: boolean;
+        /**
+          * @default 'button'
+         */
+        "type"?: ButtonType;
         /**
           * @default false
          */
         "useClose"?: boolean;
     }
+    interface SdPopup {
+        "onSdSubmit"?: (event: SdPopupCustomEvent<void>) => void;
+        /**
+          * @default ''
+         */
+        "popupTitle"?: string;
+        "submitButtonProps"?: ButtonProps;
+        /**
+          * @default 'default'
+         */
+        "type"?: PopupType;
+        /**
+          * @default true
+         */
+        "useFooter"?: boolean;
+    }
     interface SdPortal {
         /**
           * @default [0, 4]
@@ -4454,6 +4492,10 @@ declare namespace LocalJSX {
     to: number;
   }>) => void;
         "pagination"?: SdTablePagination;
+        /**
+          * @default 'default'
+         */
+        "radius"?: 'default' | 'useTop';
         /**
           * @default false
          */
@@ -4708,10 +4750,12 @@ declare namespace LocalJSX {
         "stickyHeader"?: boolean;
     }
     interface SdToast {
+        "buttonLabel"?: string;
         "icon"?: IconName;
         "link"?: string;
         "linkLabel"?: string;
         "message": string;
+        "onSdButtonClick"?: (event: SdToastCustomEvent<MouseEvent>) => void;
         "onSdClose"?: (event: SdToastCustomEvent<void>) => void;
         /**
           * @default 'default'
@@ -4759,17 +4803,17 @@ declare namespace LocalJSX {
     }
     interface SdTooltip {
         /**
-          * @default 'sm'
-         */
-        "buttonSize"?: ButtonSize1;
-        /**
-          * @default 'primary'
+          * @default ''
          */
-        "buttonVariant"?: ButtonVariant1;
+        "ariaLabel"?: string;
         /**
           * @default '#01BB4B'
          */
         "color"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
         /**
           * @default 'helpOutline'
          */
@@ -4783,13 +4827,14 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * @default true
+          * @default 'primary_sm'
          */
-        "noHover"?: boolean;
+        "name"?: ButtonName;
         /**
           * @default 'top'
          */
         "placement"?: 'top' | 'bottom' | 'left' | 'right';
+        "rightIcon"?: IconName;
         /**
           * @default ''
          */
@@ -4802,6 +4847,10 @@ declare namespace LocalJSX {
           * @default 'hover'
          */
         "trigger"?: 'hover' | 'click';
+        /**
+          * @default 'button'
+         */
+        "type"?: ButtonType;
     }
     interface SdTr {
         "columns"?: SdTableColumn[];
@@ -4824,7 +4873,6 @@ declare namespace LocalJSX {
     }
     interface SdBadgeAttributes {
         "color": BadgeColor;
-        "label": string;
     }
     interface SdBarcodeInputAttributes {
         "value": string;
@@ -4850,27 +4898,13 @@ declare namespace LocalJSX {
         "name": 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 SdButtonV2Attributes {
-        "name": ButtonV2Name;
+        "name": ButtonName;
         "label": string;
         "icon": IconName;
         "rightIcon": IconName;
         "ariaLabel": string;
         "disabled": boolean;
-        "type": ButtonV2Type;
+        "type": ButtonType;
     }
     interface SdCalendarAttributes {
         "value": string | null;
@@ -4973,6 +5007,7 @@ declare namespace LocalJSX {
         "name": string;
         "error": boolean;
         "disabled": boolean;
+        "readonly": boolean;
         "hovered": boolean;
         "focused": boolean;
         "status": 'default' | 'pass' | 'error';
@@ -5070,6 +5105,10 @@ declare namespace LocalJSX {
         "labelTooltip": string;
         "name": string;
     }
+    interface SdKeyValueTableAttributes {
+        "search": boolean;
+        "useTop": boolean;
+    }
     interface SdLinearProgressAttributes {
         "indeterminate": boolean;
         "value": number;
@@ -5127,12 +5166,20 @@ declare namespace LocalJSX {
         "icon": IconName;
         "iconSize": number;
         "label": string;
-        "buttonSize": ButtonSize;
-        "buttonVariant": ButtonVariant;
+        "name": ButtonName;
+        "rightIcon": IconName;
+        "ariaLabel": string;
+        "disabled": boolean;
+        "type": ButtonType;
         "menuTitle": string;
         "menuClass": string;
         "useClose": boolean;
     }
+    interface SdPopupAttributes {
+        "popupTitle": string;
+        "type": PopupType;
+        "useFooter": boolean;
+    }
     interface SdPortalAttributes {
         "to": HTMLElement | string;
         "viewportPadding": number;
@@ -5217,6 +5264,7 @@ declare namespace LocalJSX {
         "width": string;
         "height": string;
         "stickyHeader": boolean;
+        "radius": 'default' | 'useTop';
         "noDataLabel": string;
         "isLoading": boolean;
         "useInternalPagination": boolean;
@@ -5290,6 +5338,7 @@ declare namespace LocalJSX {
         "message": string;
         "link": string;
         "linkLabel": string;
+        "buttonLabel": string;
         "useClose": boolean;
         "type": ToastType;
     }
@@ -5312,9 +5361,11 @@ declare namespace LocalJSX {
         "icon": IconName;
         "iconSize": number;
         "label": string;
-        "buttonSize": ButtonSize;
-        "buttonVariant": ButtonVariant;
-        "noHover": boolean;
+        "name": ButtonName;
+        "rightIcon": IconName;
+        "ariaLabel": string;
+        "disabled": boolean;
+        "type": ButtonType;
         "sdClass": string;
     }
     interface SdTrAttributes {
@@ -5327,7 +5378,6 @@ declare namespace LocalJSX {
         "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-barcode-input": Omit<SdBarcodeInput, keyof SdBarcodeInputAttributes> & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes]?: SdBarcodeInput[K] } & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes as `attr:${K}`]?: SdBarcodeInputAttributes[K] } & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes as `prop:${K}`]?: SdBarcodeInput[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-button-v2": Omit<SdButtonV2, keyof SdButtonV2Attributes> & { [K in keyof SdButtonV2 & keyof SdButtonV2Attributes]?: SdButtonV2[K] } & { [K in keyof SdButtonV2 & keyof SdButtonV2Attributes as `attr:${K}`]?: SdButtonV2Attributes[K] } & { [K in keyof SdButtonV2 & keyof SdButtonV2Attributes as `prop:${K}`]?: SdButtonV2[K] };
         "sd-calendar": Omit<SdCalendar, keyof SdCalendarAttributes> & { [K in keyof SdCalendar & keyof SdCalendarAttributes]?: SdCalendar[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `attr:${K}`]?: SdCalendarAttributes[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `prop:${K}`]?: SdCalendar[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"]>;
@@ -5349,6 +5399,7 @@ declare namespace LocalJSX {
         "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-key-value-table": Omit<SdKeyValueTable, keyof SdKeyValueTableAttributes> & { [K in keyof SdKeyValueTable & keyof SdKeyValueTableAttributes]?: SdKeyValueTable[K] } & { [K in keyof SdKeyValueTable & keyof SdKeyValueTableAttributes as `attr:${K}`]?: SdKeyValueTableAttributes[K] } & { [K in keyof SdKeyValueTable & keyof SdKeyValueTableAttributes as `prop:${K}`]?: SdKeyValueTable[K] };
         "sd-linear-progress": Omit<SdLinearProgress, keyof SdLinearProgressAttributes> & { [K in keyof SdLinearProgress & keyof SdLinearProgressAttributes]?: SdLinearProgress[K] } & { [K in keyof SdLinearProgress & keyof SdLinearProgressAttributes as `attr:${K}`]?: SdLinearProgressAttributes[K] } & { [K in keyof SdLinearProgress & keyof SdLinearProgressAttributes as `prop:${K}`]?: SdLinearProgress[K] };
         "sd-loading-container": SdLoadingContainer;
         "sd-loading-modal": Omit<SdLoadingModal, keyof SdLoadingModalAttributes> & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes]?: SdLoadingModal[K] } & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes as `attr:${K}`]?: SdLoadingModalAttributes[K] } & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes as `prop:${K}`]?: SdLoadingModal[K] };
@@ -5356,6 +5407,7 @@ declare namespace LocalJSX {
         "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-popup": Omit<SdPopup, keyof SdPopupAttributes> & { [K in keyof SdPopup & keyof SdPopupAttributes]?: SdPopup[K] } & { [K in keyof SdPopup & keyof SdPopupAttributes as `attr:${K}`]?: SdPopupAttributes[K] } & { [K in keyof SdPopup & keyof SdPopupAttributes as `prop:${K}`]?: SdPopup[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-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": Omit<SdRadioButton, keyof SdRadioButtonAttributes> & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes]?: SdRadioButton[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `attr:${K}`]?: SdRadioButtonAttributes[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `prop:${K}`]?: SdRadioButton[K] } & OneOf<"value", SdRadioButton["value"], SdRadioButtonAttributes["value"]>;
@@ -5389,7 +5441,6 @@ declare module "@stencil/core" {
             "sd-badge": LocalJSX.IntrinsicElements["sd-badge"] & JSXBase.HTMLAttributes<HTMLSdBadgeElement>;
             "sd-barcode-input": LocalJSX.IntrinsicElements["sd-barcode-input"] & JSXBase.HTMLAttributes<HTMLSdBarcodeInputElement>;
             "sd-button": LocalJSX.IntrinsicElements["sd-button"] & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
-            "sd-button-v2": LocalJSX.IntrinsicElements["sd-button-v2"] & JSXBase.HTMLAttributes<HTMLSdButtonV2Element>;
             "sd-calendar": LocalJSX.IntrinsicElements["sd-calendar"] & JSXBase.HTMLAttributes<HTMLSdCalendarElement>;
             "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
@@ -5411,6 +5462,7 @@ declare module "@stencil/core" {
             "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-key-value-table": LocalJSX.IntrinsicElements["sd-key-value-table"] & JSXBase.HTMLAttributes<HTMLSdKeyValueTableElement>;
             "sd-linear-progress": LocalJSX.IntrinsicElements["sd-linear-progress"] & JSXBase.HTMLAttributes<HTMLSdLinearProgressElement>;
             "sd-loading-container": LocalJSX.IntrinsicElements["sd-loading-container"] & JSXBase.HTMLAttributes<HTMLSdLoadingContainerElement>;
             "sd-loading-modal": LocalJSX.IntrinsicElements["sd-loading-modal"] & JSXBase.HTMLAttributes<HTMLSdLoadingModalElement>;
@@ -5418,6 +5470,7 @@ declare module "@stencil/core" {
             "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-popup": LocalJSX.IntrinsicElements["sd-popup"] & JSXBase.HTMLAttributes<HTMLSdPopupElement>;
             "sd-portal": LocalJSX.IntrinsicElements["sd-portal"] & JSXBase.HTMLAttributes<HTMLSdPortalElement>;
             "sd-radio": LocalJSX.IntrinsicElements["sd-radio"] & JSXBase.HTMLAttributes<HTMLSdRadioElement>;
             "sd-radio-button": LocalJSX.IntrinsicElements["sd-radio-button"] & JSXBase.HTMLAttributes<HTMLSdRadioButtonElement>;