@sellmate/design-system-vue 1.0.78 → 1.2.0

package/README.md

@@ -17,15 +17,18 @@ npm install @sellmate/design-system-vue
 **1. CSS 전역 import + 플러그인 등록** — `src/main.ts`
 
 ```ts
-import { createApp } from 'vue';
-import '@sellmate/design-system/styles.css';
-import { StencilVuePlugin, SdModalVuePlugin } from '@sellmate/design-system-vue';
-import App from './App.vue';
+import { createApp } from "vue";
+import "@sellmate/design-system/styles.css";
+import {
+  StencilVuePlugin,
+  SdModalVuePlugin,
+} from "@sellmate/design-system-vue";
+import App from "./App.vue";
 
 createApp(App)
-  .use(StencilVuePlugin)   // 커스텀 엘리먼트 전역 등록 (필수)
-  .use(SdModalVuePlugin)   // sdModal.create Vue 컴포넌트 지원 (필수)
-  .mount('#app');
+  .use(StencilVuePlugin) // 커스텀 엘리먼트 전역 등록 (필수)
+  .use(SdModalVuePlugin) // sdModal.create Vue 컴포넌트 지원 (필수)
+  .mount("#app");
 ```
 
 > **`StencilVuePlugin`은 필수입니다.** React와 달리 Vue 래퍼 컴포넌트는 import 시점에 커스텀 엘리먼트를 자동 등록하지 않으므로, 플러그인을 통한 명시적 등록이 필요합니다.
@@ -41,7 +44,7 @@ createApp(App)
 </template>
 
 <script setup lang="ts">
-import { SdModalContainer } from '@sellmate/design-system-vue';
+import { SdModalContainer } from "@sellmate/design-system-vue";
 </script>
 ```
 
@@ -54,16 +57,16 @@ import { SdModalContainer } from '@sellmate/design-system-vue';
 Vue 컴포넌트를 모달로 열 수 있는 Vue-aware 버전입니다.
 
 ```ts
-import { sdModal } from '@sellmate/design-system-vue';
+import { sdModal } from "@sellmate/design-system-vue";
 
 // Confirm 모달
 sdModal
   .confirm({
-    type: 'positive' | 'negative' | 'default',
-    title: '제목',
-    topMessage: ['메시지'],
-    mainButtonLabel: '확인',
-    subButtonLabel: '취소',
+    type: "positive" | "negative" | "default",
+    title: "제목",
+    topMessage: ["메시지"],
+    mainButtonLabel: "확인",
+    subButtonLabel: "취소",
     persistent: false, // true 시 ESC/백드롭으로 닫기 불가
   })
   .onOk(() => {})
@@ -73,13 +76,13 @@ sdModal
 // Vue 컴포넌트를 모달로 열기
 sdModal.create({
   component: MyModalComponent,
-  componentProps: { title: '제목' }, // 컴포넌트에 전달할 props
+  componentProps: { title: "제목" }, // 컴포넌트에 전달할 props
   persistent: true,
 });
 
 // Loading 모달
-const dialog = sdModal.loading({ state: 'loading' });
-dialog.update({ state: 'error', message: '오류 발생' });
+const dialog = sdModal.loading({ state: "loading" });
+dialog.update({ state: "error", message: "오류 발생" });
 dialog.close();
 
 // 전역 설정
@@ -90,13 +93,13 @@ sdModal.configure({ zIndex: 1000 });
 
 ---
 
-### `sdToast` — `@sellmate/design-system`
+### `sdToast` — `@sellmate/design-system/utils`
 
 ```ts
-import { sdToast } from '@sellmate/design-system';
+import { sdToast } from "@sellmate/design-system/utils";
 
 // 토스트 생성
-await sdToast.create('메시지', 'success' | 'error' | 'warning' | 'info');
+await sdToast.create("메시지", "success" | "error" | "warning" | "info");
 
 // 개별/전체 닫기
 await sdToast.dismiss(id);
@@ -104,7 +107,7 @@ await sdToast.dismissAll();
 
 // 전역 설정
 sdToast.configure({
-  position: 'top-right',
+  position: "top-right",
   maxVisible: 5,
   defaultDuration: 3000,
   zIndex: 9999,
@@ -115,15 +118,15 @@ sdToast.configure({
 
 ---
 
-### `sdLoading` — `@sellmate/design-system`
+### `sdLoading` — `@sellmate/design-system-vue`
 
 ```ts
-import { sdLoading } from '@sellmate/design-system';
+import { sdLoading } from "@sellmate/design-system-vue";
 
 const hide = sdLoading.show(); // 전체화면 로딩 표시
-hide();                         // 로딩 숨김
+hide(); // 로딩 숨김
 
-sdLoading.show({ message: '처리 중...' });
+sdLoading.show({ message: "처리 중..." });
 ```
 
 ---
@@ -132,33 +135,28 @@ sdLoading.show({ message: '처리 중...' });
 
 ### 입력
 
-| 컴포넌트                | 설명                 |
-| ----------------------- | -------------------- |
-| `SdInput`               | 텍스트 입력          |
-| `SdNumberInput`         | 숫자 입력            |
-| `SdTextarea`            | 멀티라인 텍스트 입력 |
-| `SdBarcodeInput`        | 바코드 스캐너 입력   |
-| `SdCheckbox`            | 체크박스             |
-| `SdRadio`               | 라디오 버튼          |
-| `SdRadioGroup`          | 라디오 그룹          |
-| `SdRadioButton`         | 버튼형 라디오        |
-| `SdSwitch`              | 스위치 토글          |
-| `SdToggle`              | 토글                 |
-| `SdSelect`              | 단일 선택 드롭다운   |
-| `SdSelectGroup`         | 그룹형 단일 선택     |
-| `SdSelectMultiple`      | 다중 선택 드롭다운   |
-| `SdSelectMultipleGroup` | 그룹형 다중 선택     |
-| `SdSelectV2`            | 단일/다중 선택 V2    |
-| `SdDatePicker`          | 날짜 선택            |
-| `SdDateRangePicker`     | 날짜 범위 선택       |
-| `SdFilePicker`          | 파일 선택            |
+| 컴포넌트            | 설명                       |
+| ------------------- | -------------------------- |
+| `SdInput`           | 텍스트 입력                |
+| `SdNumberInput`     | 숫자 입력                  |
+| `SdTextarea`        | 멀티라인 텍스트 입력       |
+| `SdBarcodeInput`    | 바코드 스캐너 입력         |
+| `SdCheckbox`        | 체크박스                   |
+| `SdRadio`           | 라디오 버튼                |
+| `SdRadioGroup`      | 라디오 그룹                |
+| `SdRadioButton`     | 버튼형 라디오              |
+| `SdSwitch`          | 스위치 토글                |
+| `SdToggle`          | 토글                       |
+| `SdSelect`          | 단일/다중 선택 (그룹 지원) |
+| `SdDatePicker`      | 날짜 선택                  |
+| `SdDateRangePicker` | 날짜 범위 선택             |
+| `SdFilePicker`      | 파일 선택                  |
 
 ### 버튼
 
 | 컴포넌트           | 설명             |
 | ------------------ | ---------------- |
-| `SdButton`         | 기본 버튼        |
-| `SdButtonV2`       | 버튼 V2          |
+| `SdButton`       | 기본 버튼        |
 | `SdGhostButton`    | 고스트 버튼      |
 | `SdDropdownButton` | 드롭다운 버튼    |
 | `SdTextLink`       | 텍스트 링크 버튼 |
@@ -172,7 +170,7 @@ sdLoading.show({ message: '처리 중...' });
 | `SdIcon`             | 아이콘                 |
 | `SdTooltip`          | 툴팁                   |
 | `SdPopover`          | 팝오버                 |
-| `SdProgress`         | 진행 바                |
+| `SdLinearProgress`   | 선형 진행 바           |
 | `SdCircleProgress`   | 원형 진행 바           |
 | `SdLoadingContainer` | 로딩 오버레이 컨테이너 |
 | `SdGuide`            | 가이드 텍스트          |
@@ -211,14 +209,11 @@ import type {
   SdTableRow,
   // Select
   SelectOption,
-  SelectOptionGroup,
   // Radio
   RadioValue,
   RadioOption,
   // Button
-  ButtonVariant,
-  ButtonSize,
-  ButtonV2Name,
+  ButtonName,
   DropdownButtonItem,
   // Form
   Rule,
@@ -233,9 +228,7 @@ import type {
   DateBoxType,
   // Tabs
   TabOption,
-  // sdModal
-  SdModalCreateOption,
-} from '@sellmate/design-system-vue';
+} from "@sellmate/design-system-vue";
 ```
 
 ---
@@ -245,7 +238,7 @@ import type {
 ### `useSdTableVirtualScroll`
 
 ```ts
-import { useSdTableVirtualScroll } from '@sellmate/design-system-vue';
+import { useSdTableVirtualScroll } from "@sellmate/design-system-vue";
 
 const { virtualRows, totalHeight, scrollToIndex } = useSdTableVirtualScroll({
   rowCount: data.length,

package/dist/components.d.ts

@@ -4,7 +4,6 @@ export declare const SdActionModal: StencilVueComponent<JSX.SdActionModal>;
 export declare const SdBadge: StencilVueComponent<JSX.SdBadge>;
 export declare const SdBarcodeInput: StencilVueComponent<JSX.SdBarcodeInput, JSX.SdBarcodeInput["value"]>;
 export declare const SdButton: StencilVueComponent<JSX.SdButton>;
-export declare const SdButtonV2: StencilVueComponent<JSX.SdButtonV2>;
 export declare const SdCalendar: StencilVueComponent<JSX.SdCalendar>;
 export declare const SdCard: StencilVueComponent<JSX.SdCard>;
 export declare const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["value"]>;
@@ -26,6 +25,7 @@ export declare const SdGhostButton: StencilVueComponent<JSX.SdGhostButton>;
 export declare const SdGuide: StencilVueComponent<JSX.SdGuide>;
 export declare const SdIcon: StencilVueComponent<JSX.SdIcon>;
 export declare const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]>;
+export declare const SdKeyValueTable: StencilVueComponent<JSX.SdKeyValueTable>;
 export declare const SdLinearProgress: StencilVueComponent<JSX.SdLinearProgress>;
 export declare const SdLoadingContainer: StencilVueComponent<JSX.SdLoadingContainer>;
 export declare const SdLoadingModal: StencilVueComponent<JSX.SdLoadingModal>;
@@ -33,6 +33,7 @@ export declare const SdModalContainer: StencilVueComponent<JSX.SdModalContainer>
 export declare const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberInput["value"]>;
 export declare const SdPagination: StencilVueComponent<JSX.SdPagination, JSX.SdPagination["currentPage"]>;
 export declare const SdPopover: StencilVueComponent<JSX.SdPopover>;
+export declare const SdPopup: StencilVueComponent<JSX.SdPopup>;
 export declare const SdPortal: StencilVueComponent<JSX.SdPortal>;
 export declare const SdRadio: StencilVueComponent<JSX.SdRadio, JSX.SdRadio["value"]>;
 export declare const SdRadioButton: StencilVueComponent<JSX.SdRadioButton, JSX.SdRadioButton["value"]>;

package/dist/components.js

@@ -14,8 +14,7 @@ export const SdActionModal = /*@__PURE__*/ defineContainer('sd-action-modal', un
     'sdOk'
 ]);
 export const SdBadge = /*@__PURE__*/ defineContainer('sd-badge', undefined, [
-    'color',
-    'label'
+    'color'
 ]);
 export const SdBarcodeInput = /*@__PURE__*/ defineContainer('sd-barcode-input', undefined, [
     'value',
@@ -52,23 +51,6 @@ export const SdBarcodeInput = /*@__PURE__*/ defineContainer('sd-barcode-input',
     'sdBlur'
 ], 'value', 'sdUpdate', undefined);
 export const SdButton = /*@__PURE__*/ defineContainer('sd-button', undefined, [
-    'variant',
-    'size',
-    'color',
-    'label',
-    'disabled',
-    'type',
-    'icon',
-    'iconColor',
-    'iconSize',
-    'iconRight',
-    'noHover',
-    'sdClass',
-    'sdClick'
-], [
-    'sdClick'
-]);
-export const SdButtonV2 = /*@__PURE__*/ defineContainer('sd-button-v2', undefined, [
     'name',
     'label',
     'icon',
@@ -259,6 +241,7 @@ export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
     'rules',
     'error',
     'disabled',
+    'readonly',
     'hovered',
     'focused',
     'status',
@@ -392,6 +375,16 @@ export const SdInput = /*@__PURE__*/ defineContainer('sd-input', undefined, [
     'sdFocus',
     'sdBlur'
 ], 'value', 'sdUpdate', undefined);
+export const SdKeyValueTable = /*@__PURE__*/ defineContainer('sd-key-value-table', undefined, [
+    'fields',
+    'search',
+    'useTop',
+    'sdChange',
+    'sdSearch'
+], [
+    'sdChange',
+    'sdSearch'
+]);
 export const SdLinearProgress = /*@__PURE__*/ defineContainer('sd-linear-progress', undefined, [
     'indeterminate',
     'value',
@@ -465,17 +458,30 @@ export const SdPopover = /*@__PURE__*/ defineContainer('sd-popover', undefined,
     'icon',
     'iconSize',
     'label',
-    'buttonSize',
-    'buttonVariant',
+    'name',
+    'rightIcon',
+    'ariaLabel',
+    'disabled',
+    'type',
     'menuTitle',
     'messages',
-    'buttons',
+    'leftLink',
+    'button',
     'menuClass',
     'useClose',
     'sdShowChange'
 ], [
     'sdShowChange'
 ]);
+export const SdPopup = /*@__PURE__*/ defineContainer('sd-popup', undefined, [
+    'popupTitle',
+    'type',
+    'useFooter',
+    'submitButtonProps',
+    'sdSubmit'
+], [
+    'sdSubmit'
+]);
 export const SdPortal = /*@__PURE__*/ defineContainer('sd-portal', undefined, [
     'to',
     'parentRef',
@@ -613,11 +619,13 @@ export const SdTable = /*@__PURE__*/ defineContainer('sd-table', undefined, [
     'height',
     'stickyHeader',
     'stickyColumn',
+    'radius',
     'noDataLabel',
     'isLoading',
     'pagination',
     'useInternalPagination',
     'useRowsPerPageSelect',
+    'dense',
     'useVirtualScroll',
     'rowHeight',
     'virtualBuffer',
@@ -659,7 +667,10 @@ export const SdTd = /*@__PURE__*/ defineContainer('sd-td', undefined, [
     'align',
     'rowspan',
     'colspan',
-    'sdClass'
+    'sdClass',
+    'dividerLeft',
+    'dividerRight',
+    'useFrame'
 ]);
 export const SdTextLink = /*@__PURE__*/ defineContainer('sd-text-link', undefined, [
     'label',
@@ -727,11 +738,14 @@ export const SdToast = /*@__PURE__*/ defineContainer('sd-toast', undefined, [
     'message',
     'link',
     'linkLabel',
+    'buttonLabel',
     'useClose',
     'type',
-    'sdClose'
+    'sdClose',
+    'sdButtonClick'
 ], [
-    'sdClose'
+    'sdClose',
+    'sdButtonClick'
 ]);
 export const SdToastContainer = /*@__PURE__*/ defineContainer('sd-toast-container', undefined, [
     'position',
@@ -760,9 +774,11 @@ export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined,
     'icon',
     'iconSize',
     'label',
-    'buttonSize',
-    'buttonVariant',
-    'noHover',
+    'name',
+    'rightIcon',
+    'ariaLabel',
+    'disabled',
+    'type',
     'sdClass'
 ]);
 export const SdTr = /*@__PURE__*/ defineContainer('sd-tr', undefined, [
@@ -770,5 +786,6 @@ export const SdTr = /*@__PURE__*/ defineContainer('sd-tr', undefined, [
     'selectable',
     'stickyColumn',
     'rowKey',
-    'row'
+    'row',
+    'separator'
 ]);

package/dist/index.d.ts

@@ -6,4 +6,4 @@ export type { VirtualRow } from './composables/useSdTableVirtualScroll';
 export { sdModal, SdModalVuePlugin } from './sdModal';
 export { sdLoading } from '@sellmate/design-system/utils';
 export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
-export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
+export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonName, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, ToastPosition, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';

package/dist/sdModal.js

@@ -1,4 +1,4 @@
-import { createVNode, render, } from 'vue';
+import { createVNode, render } from 'vue';
 import { sdModal as coreSdModal, _createSdModalRef, _attachSdModalWithRef, } from '@sellmate/design-system/utils';
 /**
  * Vue 플러그인. `app.use(SdModalVuePlugin)` 로 설치하면

package/lib/components.ts

@@ -22,8 +22,7 @@ export const SdActionModal: StencilVueComponent<JSX.SdActionModal> = /*@__PURE__
 
 
 export const SdBadge: StencilVueComponent<JSX.SdBadge> = /*@__PURE__*/ defineContainer<JSX.SdBadge>('sd-badge', undefined, [
-  'color',
-  'label'
+  'color'
 ]);
 
 
@@ -65,25 +64,6 @@ export const SdBarcodeInput: StencilVueComponent<JSX.SdBarcodeInput, JSX.SdBarco
 
 
 export const SdButton: StencilVueComponent<JSX.SdButton> = /*@__PURE__*/ defineContainer<JSX.SdButton>('sd-button', undefined, [
-  'variant',
-  'size',
-  'color',
-  'label',
-  'disabled',
-  'type',
-  'icon',
-  'iconColor',
-  'iconSize',
-  'iconRight',
-  'noHover',
-  'sdClass',
-  'sdClick'
-], [
-  'sdClick'
-]);
-
-
-export const SdButtonV2: StencilVueComponent<JSX.SdButtonV2> = /*@__PURE__*/ defineContainer<JSX.SdButtonV2>('sd-button-v2', undefined, [
   'name',
   'label',
   'icon',
@@ -306,6 +286,7 @@ export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineCon
   'rules',
   'error',
   'disabled',
+  'readonly',
   'hovered',
   'focused',
   'status',
@@ -457,6 +438,18 @@ export const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]> = /
 'value', 'sdUpdate', undefined);
 
 
+export const SdKeyValueTable: StencilVueComponent<JSX.SdKeyValueTable> = /*@__PURE__*/ defineContainer<JSX.SdKeyValueTable>('sd-key-value-table', undefined, [
+  'fields',
+  'search',
+  'useTop',
+  'sdChange',
+  'sdSearch'
+], [
+  'sdChange',
+  'sdSearch'
+]);
+
+
 export const SdLinearProgress: StencilVueComponent<JSX.SdLinearProgress> = /*@__PURE__*/ defineContainer<JSX.SdLinearProgress>('sd-linear-progress', undefined, [
   'indeterminate',
   'value',
@@ -544,11 +537,15 @@ export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defin
   'icon',
   'iconSize',
   'label',
-  'buttonSize',
-  'buttonVariant',
+  'name',
+  'rightIcon',
+  'ariaLabel',
+  'disabled',
+  'type',
   'menuTitle',
   'messages',
-  'buttons',
+  'leftLink',
+  'button',
   'menuClass',
   'useClose',
   'sdShowChange'
@@ -557,6 +554,17 @@ export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defin
 ]);
 
 
+export const SdPopup: StencilVueComponent<JSX.SdPopup> = /*@__PURE__*/ defineContainer<JSX.SdPopup>('sd-popup', undefined, [
+  'popupTitle',
+  'type',
+  'useFooter',
+  'submitButtonProps',
+  'sdSubmit'
+], [
+  'sdSubmit'
+]);
+
+
 export const SdPortal: StencilVueComponent<JSX.SdPortal> = /*@__PURE__*/ defineContainer<JSX.SdPortal>('sd-portal', undefined, [
   'to',
   'parentRef',
@@ -719,11 +727,13 @@ export const SdTable: StencilVueComponent<JSX.SdTable, JSX.SdTable["selected"]>
   'height',
   'stickyHeader',
   'stickyColumn',
+  'radius',
   'noDataLabel',
   'isLoading',
   'pagination',
   'useInternalPagination',
   'useRowsPerPageSelect',
+  'dense',
   'useVirtualScroll',
   'rowHeight',
   'virtualBuffer',
@@ -775,7 +785,10 @@ export const SdTd: StencilVueComponent<JSX.SdTd> = /*@__PURE__*/ defineContainer
   'align',
   'rowspan',
   'colspan',
-  'sdClass'
+  'sdClass',
+  'dividerLeft',
+  'dividerRight',
+  'useFrame'
 ]);
 
 
@@ -852,11 +865,14 @@ export const SdToast: StencilVueComponent<JSX.SdToast> = /*@__PURE__*/ defineCon
   'message',
   'link',
   'linkLabel',
+  'buttonLabel',
   'useClose',
   'type',
-  'sdClose'
+  'sdClose',
+  'sdButtonClick'
 ], [
-  'sdClose'
+  'sdClose',
+  'sdButtonClick'
 ]);
 
 
@@ -892,9 +908,11 @@ export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defin
   'icon',
   'iconSize',
   'label',
-  'buttonSize',
-  'buttonVariant',
-  'noHover',
+  'name',
+  'rightIcon',
+  'ariaLabel',
+  'disabled',
+  'type',
   'sdClass'
 ]);
 
@@ -904,6 +922,7 @@ export const SdTr: StencilVueComponent<JSX.SdTr> = /*@__PURE__*/ defineContainer
   'selectable',
   'stickyColumn',
   'rowKey',
-  'row'
+  'row',
+  'separator'
 ]);
 

package/lib/index.ts

@@ -19,9 +19,7 @@ export type {
  RadioValue,
  RadioOption,
  // Button types
- ButtonVariant,
- ButtonSize,
- ButtonV2Name,
+ ButtonName,
  DropdownButtonItem,
  DropdownButtonName,
  DropdownButtonSize,
@@ -35,6 +33,7 @@ export type {
  TagName,
  // Toast types
  ToastType,
+ ToastPosition,
  // Checkbox types
  CheckedType,
  // Date types

package/lib/plugin.ts

@@ -2,9 +2,9 @@ import { defineCustomElements } from '@sellmate/design-system/loader';
 import type { App } from 'vue';
 
 export const StencilVuePlugin = {
- install(_app: App) {
-  defineCustomElements();
- },
+  install(_app: App) {
+    defineCustomElements();
+  },
 };
 
 export default StencilVuePlugin;

package/lib/sdModal.ts

@@ -1,10 +1,4 @@
-import {
-  createVNode,
-  render,
-  type App,
-  type AppContext,
-  type Component,
-} from 'vue';
+import { createVNode, render, type App, type AppContext, type Component } from 'vue';
 import {
   sdModal as coreSdModal,
   _createSdModalRef,
@@ -39,8 +33,7 @@ let capturedContext: AppContext | null = null;
  *   메인 앱 컨텍스트 안에서 렌더한 뒤 core 로 위임합니다.
  * - `persistent` 는 core 옵션을 그대로 전달합니다.
  */
-export interface SdModalCreateOption
-  extends Omit<CoreSdModalCreateOption, 'component'> {
+export interface SdModalCreateOption extends Omit<CoreSdModalCreateOption, 'component'> {
   component: HTMLElement | Component;
   componentProps?: Record<string, unknown>;
 }
@@ -68,9 +61,7 @@ function mountVueComponent(
   const el = host.firstElementChild as HTMLElement | null;
   if (!el) {
     render(null, host);
-    throw new Error(
-      '[sdModal] 전달한 Vue 컴포넌트의 template 최상위는 단일 요소여야 합니다.',
-    );
+    throw new Error('[sdModal] 전달한 Vue 컴포넌트의 template 최상위는 단일 요소여야 합니다.');
   }
 
   return { el, host };

package/package.json

@@ -1,54 +1,56 @@
 {
- "name": "@sellmate/design-system-vue",
- "version": "1.0.78",
- "description": "Design System - Vue Component Wrappers",
- "keywords": [
-  "vue",
-  "web-components",
-  "design-system",
-  "ui-library"
- ],
- "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
- "repository": {
-  "type": "git",
-  "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
- },
- "bugs": {
-  "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
- },
- "license": "MIT",
- "author": {
-  "name": "MeeKyeong Kim",
-  "email": "kmeijjing@gmail.com"
- },
- "main": "dist/index.js",
- "types": "dist/index.d.ts",
- "directories": {
-  "lib": "lib",
-  "test": "__tests__"
- },
- "files": [
-  "lib",
-  "dist"
- ],
- "publishConfig": {
-  "access": "public"
- },
- "scripts": {
-  "build": "tsc",
-  "clean": "rm -rf lib",
-  "dev": "tsc --watch"
- },
- "devDependencies": {
-  "@types/node": "^24.9.1",
-  "typescript": "^5.9.3",
-  "vue": "^3.4.38"
- },
- "dependencies": {
-  "@sellmate/design-system": "^1.0.78",
-  "@stencil/vue-output-target": "^0.11.8"
- },
- "peerDependencies": {
-  "vue": ">=3.0.0"
- }
+  "name": "@sellmate/design-system-vue",
+  "version": "1.2.0",
+  "description": "Design System - Vue Component Wrappers",
+  "keywords": [
+    "vue",
+    "web-components",
+    "design-system",
+    "ui-library"
+  ],
+  "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
+  },
+  "bugs": {
+    "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "MeeKyeong Kim",
+    "email": "kmeijjing@gmail.com"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib",
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "rimraf lib",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@types/node": "^24.9.1",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.9.3",
+    "vue": "^3.4.38"
+  },
+  "dependencies": {
+    "@sellmate/design-system": "^1.2.0",
+    "@stencil/vue-output-target": "^0.11.8"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.0"
+  }
 }