@reco-inc/upbox-ui 0.1.1

package/dist/lib/options.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 라이브러리 공통 옵션 계약.
+ *
+ * `{ label, value }` 기반 옵션 컴포넌트(`SelectField`, `DropdownFilter` 등)의
+ * 단일 진실 소스. 컴포넌트별 추가 메타는 이 타입을 `extends` 해서 확장한다.
+ */
+export interface SelectOption<T = unknown> {
+    label: string;
+    value: T;
+    /** 비활성(선택 불가) 옵션 */
+    disabled?: boolean;
+}

package/dist/lib/useDialogAriaModal.d.ts

@@ -0,0 +1,22 @@
+/**
+ * # 모달 대화상자의 `aria-modal`
+ *
+ * reka `DialogContentImpl` 은 `role="dialog"` 와 `aria-labelledby`/`aria-describedby` 까지만
+ * 붙이고 **`aria-modal` 은 넣지 않는다**(2.10.1 dist 전체에 해당 속성이 없다). 대신
+ * `DialogContentModal` 이 `useHideOthers` 로 형제 노드에 `aria-hidden` 을 걸어 배경을 가린다.
+ *
+ * 두 신호는 대체재가 아니다. `aria-hidden` 은 "이 노드들을 읽지 마라" 이고, `aria-modal` 은
+ * "이 대화상자가 모달이다" 라는 **대화상자 자신의 상태**다. WAI-ARIA APG 모달 대화상자
+ * 패턴은 후자를 필수 상태로 둔다 — 보조기술이 대화상자를 모달로 식별하지 못하면 배경이
+ * 비활성이라는 사실을 사용자에게 전달할 수 없다.
+ *
+ * **비모달에는 붙이지 않는다.** `<Dialog :modal="false">` 로 여는 패널(투명 오버레이 +
+ * 클릭 통과)은 배경 조작이 살아 있어 `aria-modal="true"` 가 거짓이 된다. 루트가 들고 있는
+ * `modal` 을 그대로 따라간다.
+ *
+ * reka `DialogContent` 는 자기 props 를 먼저 펼치고 `$attrs` 를 나중에 병합하므로,
+ * 래퍼에서 넘긴 `aria-modal` 이 그대로 DOM 에 실린다.
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
+ */
+export declare function useDialogAriaModal(): import('vue').ComputedRef<"true" | undefined>;

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/locales/en.d.ts

@@ -0,0 +1,39 @@
+/**
+ * # 컴포넌트 기본 문구 (영어)
+ * 키 구성은 `ko.ts` 와 같아야 한다. 한쪽에만 있는 키는 테스트가 잡는다.
+ */
+declare const _default: {
+    common: {
+        noData: string;
+        reset: string;
+        search: string;
+        selectAll: string;
+    };
+    word: {
+        done: string;
+        hours: string;
+        minutes: string;
+        reset: string;
+        save: string;
+        seconds: string;
+    };
+    ui: {
+        empty: string;
+        component: {
+            dropdownFilter: {
+                /** 선택 개수 뒤에 붙으므로 앞 공백이 필요하다. 화면에는 "3 selected" 로 보인다 */
+                selected: string;
+                countMore: string;
+            };
+            fileUploader: {
+                title: string;
+                desc: string;
+                selectFile: string;
+                empty: string;
+                isUploading: string;
+                uploadStatusError: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/locales/index.d.ts

@@ -0,0 +1,104 @@
+/**
+ * # DS 컴포넌트 기본 문구
+ *
+ * DS 컴포넌트는 소비 앱의 `useI18n()` 을 그대로 쓴다. 예전에는 앱이 `common.search`,
+ * `ui.component.fileUploader.selectFile` 같은 키를 직접 채워야 했는데, 그 계약이 문서에도
+ * 타입에도 없어서 누락이 런타임에야 드러났다(화면에 키 문자열이 그대로 노출됨).
+ *
+ * 이제 문구의 주인은 DS 다. 앱은 이 번들을 자기 메시지 아래에 깔기만 하면 된다.
+ *
+ * 받을 때는 `@reco-inc/upbox-ui/i18n` 을 쓴다. root barrel 로 받으면 문구 하나 때문에
+ * 컴포넌트 번들 전체가 딸려 온다.
+ *
+ * @example
+  ```ts
+    import { mergeMessages } from '@reco-inc/upbox-ui/i18n'
+
+    const i18n = createI18n({
+      locale: 'ko',
+      // 앱 메시지가 DS 기본값을 덮는다
+      messages: mergeMessages({ ko: appKo, en: appEn }),
+    })
+  ```
+ */
+export declare const uiMessages: {
+    ko: {
+        common: {
+            noData: string;
+            reset: string;
+            search: string;
+            selectAll: string;
+        };
+        word: {
+            done: string;
+            hours: string;
+            minutes: string;
+            reset: string;
+            save: string;
+            seconds: string;
+        };
+        ui: {
+            empty: string;
+            component: {
+                dropdownFilter: {
+                    selected: string;
+                    countMore: string;
+                };
+                fileUploader: {
+                    title: string;
+                    desc: string;
+                    selectFile: string;
+                    empty: string;
+                    isUploading: string;
+                    uploadStatusError: string;
+                };
+            };
+        };
+    };
+    en: {
+        common: {
+            noData: string;
+            reset: string;
+            search: string;
+            selectAll: string;
+        };
+        word: {
+            done: string;
+            hours: string;
+            minutes: string;
+            reset: string;
+            save: string;
+            seconds: string;
+        };
+        ui: {
+            empty: string;
+            component: {
+                dropdownFilter: {
+                    selected: string;
+                    countMore: string;
+                };
+                fileUploader: {
+                    title: string;
+                    desc: string;
+                    selectFile: string;
+                    empty: string;
+                    isUploading: string;
+                    uploadStatusError: string;
+                };
+            };
+        };
+    };
+};
+/** DS 가 문구를 제공하는 로케일 */
+export type UiLocale = keyof typeof uiMessages;
+export { default as koMessages } from './ko';
+export { default as enMessages } from './en';
+type MessageTree = Record<string, unknown>;
+/**
+ * # 앱 메시지를 DS 기본값 위에 얹는다
+ * - 같은 키가 양쪽에 있으면 **앱 쪽이 이긴다**. 화면 문구를 앱이 정할 수 있어야 하기 때문이다.
+ * - DS 가 문구를 제공하지 않는 로케일(예: jp)은 앱 메시지를 그대로 둔다.
+ *
+ * @param appMessages 앱의 로케일별 메시지
+ */
+export declare function mergeMessages<T extends Record<string, MessageTree>>(appMessages: T): T;

package/dist/locales/ko.d.ts

@@ -0,0 +1,43 @@
+/**
+ * # 컴포넌트 기본 문구 (한국어)
+ *
+ * 이 파일은 DS 컴포넌트가 `t()` 로 찾는 키를 **빠짐없이** 담는다.
+ * 소비 앱은 이 번들을 자기 메시지 아래에 깔기만 하면 되고, 키를 따로 채울 필요가 없다.
+ * 앱이 같은 키를 갖고 있으면 앱 쪽이 이긴다(`mergeMessages` 참고).
+ */
+declare const _default: {
+    common: {
+        noData: string;
+        reset: string;
+        search: string;
+        selectAll: string;
+    };
+    word: {
+        done: string;
+        hours: string;
+        minutes: string;
+        reset: string;
+        save: string;
+        seconds: string;
+    };
+    ui: {
+        empty: string;
+        component: {
+            dropdownFilter: {
+                /** 선택 개수 **뒤에** 붙는다. 화면에는 "3개 선택됨" 으로 보인다 */
+                selected: string;
+                /** 첫 항목 라벨 옆에 붙는다. 화면에는 "용기 배치 외 2건" 으로 보인다 */
+                countMore: string;
+            };
+            fileUploader: {
+                title: string;
+                desc: string;
+                selectFile: string;
+                empty: string;
+                isUploading: string;
+                uploadStatusError: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/upbox-ui.css

@@ -0,0 +1 @@
+:root{--text-size-8: .5rem;--text-size-8--line-height: .75rem;--text-size-9: .56rem;--text-size-9--line-height: .84rem;--text-size-10: .62rem;--text-size-10--line-height: .92rem;--text-size-11: .688rem;--text-size-11--line-height: 1rem;--text-size-12: .75rem;--text-size-12--line-height: 1rem;--text-size-13: .813rem;--text-size-13--line-height: 1.25rem;--text-size-14: .875rem;--text-size-14--line-height: 1.25rem;--text-size-15: .938rem;--text-size-15--line-height: 1.5rem;--text-size-16: 1rem;--text-size-16--line-height: 1.5rem;--text-size-18: 1.125rem;--text-size-18--line-height: 1.75rem;--text-size-20: 1.25rem;--text-size-20--line-height: 1.75rem;--text-size-22: 1.375rem;--text-size-22--line-height: 2rem;--text-size-24: 1.5rem;--text-size-24--line-height: 2rem;--text-size-28: 1.75rem;--text-size-28--line-height: 2.25rem;--text-size-32: 2rem;--text-size-32--line-height: 3rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--color-grey-10: #FFFFFF;--color-grey-20: #F8F8F9;--color-grey-30: #ECEDF0;--color-grey-40: #D3D6DE;--color-grey-50: #AFB4BF;--color-grey-60: #8E94A3;--color-grey-70: #6F7789;--color-grey-80: #555C6C;--color-grey-90: #303445;--color-grey-100: #0D152A;--color-navy-20: #F4F7FC;--color-navy-30: #DAE7F5;--color-navy-40: #C5D6EC;--color-navy-50: #85A2C7;--color-navy-60: #4D7099;--color-navy-70: #385B85;--color-navy-80: #264870;--color-navy-90: #1D3756;--color-navy-100: #081E38;--color-blue-20: #F5F9FF;--color-blue-30: #E1EDFF;--color-blue-40: #B9D5FF;--color-blue-50: #93BEFF;--color-blue-60: #64A2FF;--color-blue-70: #3D8BFF;--color-blue-80: #0066FF;--color-blue-90: #004FC5;--color-blue-100: #003C96;--color-green-20: #F1F9F6;--color-green-30: #DBEEE9;--color-green-40: #B3D7CC;--color-green-50: #8EC0B1;--color-green-60: #66AF99;--color-green-70: #4DA288;--color-green-80: #1A8766;--color-green-90: #107B5A;--color-green-100: #006E4D;--color-red-20: #FFF6F6;--color-red-30: #FBEAEA;--color-red-40: #FDC9C9;--color-red-50: #F8A8A8;--color-red-60: #F27D7E;--color-red-70: #ED4242;--color-red-80: #E11D1D;--color-red-90: #C21919;--color-red-100: #851111;--color-orange-20: #FFF2E4;--color-orange-30: #FFE9D1;--color-orange-40: #FFDBB3;--color-orange-50: #FFBB63;--color-orange-60: #FFA037;--color-orange-70: #F68511;--color-orange-80: #E46F00;--color-orange-90: #CB5D00;--color-orange-100: #B14C00;--radius: .125rem;--background: var(--color-grey-10);--foreground: var(--color-grey-100);--popover: var(--color-grey-10);--popover-foreground: var(--color-grey-100);--accent: var(--color-grey-30);--accent-foreground: var(--color-grey-100);--muted: var(--color-grey-30);--muted-foreground: var(--color-grey-60);--border: var(--color-grey-40);--color-cta-primary: var(--color-navy-80);--color-cta-destructive: var(--color-red-80);--color-cta-secondary: var(--color-grey-60);--color-cta-tertiary: var(--color-grey-30);--color-label-1: var(--color-grey-60);--color-label-2: var(--color-grey-90);--color-bg-1: var(--color-grey-10);--color-bg-2: var(--color-grey-20);--color-bg-3: var(--color-grey-30);--color-status-informative: var(--color-blue-80);--color-status-positive: var(--color-green-80);--color-status-negative: var(--color-red-80);--color-status-warning: var(--color-orange-80);--space-2: .125rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-28: 1.75rem;--space-32: 2rem;--space-36: 2.25rem;--space-40: 2.5rem;--space-48: 3rem;--space-56: 3.5rem;--space-64: 4rem;--space-80: 5rem;--space-112: 7rem;--shadow-small: 0px 1px 2px 0px rgba(13, 21, 42, .08);--shadow-regular: 0px 2px 4px 0px rgba(13, 21, 42, .08);--shadow-medium: 0px 4px 8px 0px rgba(13, 21, 42, .08);--shadow-large: 0px 8px 16px 0px rgba(13, 21, 42, .08)}.dark{--color-grey-10: #0D152A;--color-grey-20: #303445;--color-grey-30: #555C6C;--color-grey-40: #6F7789;--color-grey-50: #8E94A3;--color-grey-60: #AFB4BF;--color-grey-70: #D3D6DE;--color-grey-80: #ECEDF0;--color-grey-90: #F8F8F9;--color-grey-100: #FFFFFF;--color-navy-20: #081E38;--color-navy-30: #1D3756;--color-navy-40: #264870;--color-navy-50: #385B85;--color-navy-60: #4D7099;--color-navy-70: #85A2C7;--color-navy-80: #C5D6EC;--color-navy-90: #DAE7F5;--color-navy-100: #F4F7FC;--color-blue-20: #003C96;--color-blue-30: #004FC5;--color-blue-40: #0066FF;--color-blue-50: #3D8BFF;--color-blue-60: #64A2FF;--color-blue-70: #93BEFF;--color-blue-80: #B9D5FF;--color-blue-90: #E1EDFF;--color-blue-100: #F5F9FF;--color-green-20: #006E4D;--color-green-30: #107B5A;--color-green-40: #1A8766;--color-green-50: #4DA288;--color-green-60: #66AF99;--color-green-70: #8EC0B1;--color-green-80: #B3D7CC;--color-green-90: #DBEEE9;--color-green-100: #F1F9F6;--color-red-20: #851111;--color-red-30: #C21919;--color-red-40: #E11D1D;--color-red-50: #ED4242;--color-red-60: #F27D7E;--color-red-70: #F8A8A8;--color-red-80: #FDC9C9;--color-red-90: #FBEAEA;--color-red-100: #FFF6F6;--color-orange-20: #B14C00;--color-orange-30: #CB5D00;--color-orange-40: #E46F00;--color-orange-50: #F68511;--color-orange-60: #FFA037;--color-orange-70: #FFBB63;--color-orange-80: #FFDBB3;--color-orange-90: #FFE9D1;--color-orange-100: #FFF2E4}.month-calendar-root[data-v-a7699ec5]{background-color:var(--color-grey-10)}.ui-dialog-content[data-v-24faa318]{transform:translate(-50%,-50%)}@keyframes ui-dialog-overlay-in-24faa318{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-overlay-out-24faa318{0%{opacity:1}to{opacity:0}}@keyframes ui-dialog-content-in-24faa318{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ui-dialog-content-out-24faa318{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}.ui-dialog-overlay[data-state=open][data-v-24faa318]{animation:ui-dialog-overlay-in-24faa318 .2s ease both}.ui-dialog-overlay[data-state=closed][data-v-24faa318]{animation:ui-dialog-overlay-out-24faa318 .2s ease both}.ui-dialog-content[data-state=open][data-v-24faa318]{animation:ui-dialog-content-in-24faa318 .2s ease both}.ui-dialog-content[data-state=closed][data-v-24faa318]{animation:ui-dialog-content-out-24faa318 .2s ease both}.ui-dialog-content--fullscreen[data-v-24faa318]{transform:none}@keyframes ui-dialog-content-fullscreen-in-24faa318{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-content-fullscreen-out-24faa318{0%{opacity:1}to{opacity:0}}.ui-dialog-content--fullscreen[data-state=open][data-v-24faa318]{animation:ui-dialog-content-fullscreen-in-24faa318 .2s ease both}.ui-dialog-content--fullscreen[data-state=closed][data-v-24faa318]{animation:ui-dialog-content-fullscreen-out-24faa318 .2s ease both}@media(prefers-reduced-motion:reduce){.ui-dialog-overlay[data-state][data-v-24faa318],.ui-dialog-content[data-state][data-v-24faa318]{animation-duration:.01ms}}@keyframes ui-dialog-overlay-in-eb02500d{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-overlay-out-eb02500d{0%{opacity:1}to{opacity:0}}@keyframes ui-dialog-scroll-content-in-eb02500d{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ui-dialog-scroll-content-out-eb02500d{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.ui-dialog-overlay[data-state=open][data-v-eb02500d]{animation:ui-dialog-overlay-in-eb02500d .2s ease both}.ui-dialog-overlay[data-state=closed][data-v-eb02500d]{animation:ui-dialog-overlay-out-eb02500d .2s ease both}.ui-dialog-scroll-content[data-state=open][data-v-eb02500d]{animation:ui-dialog-scroll-content-in-eb02500d .2s ease both}.ui-dialog-scroll-content[data-state=closed][data-v-eb02500d]{animation:ui-dialog-scroll-content-out-eb02500d .2s ease both}@media(prefers-reduced-motion:reduce){.ui-dialog-overlay[data-state][data-v-eb02500d],.ui-dialog-scroll-content[data-state][data-v-eb02500d]{animation-duration:.01ms}}@keyframes date-input-invalidate-shake-f5837425{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}90%{transform:translate(0)}}.date-input-invalidate-shake[data-v-f5837425]{animation:date-input-invalidate-shake-f5837425 .38s ease}@keyframes time-input-invalidate-shake-f4fcc192{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}90%{transform:translate(0)}}.time-input-invalidate-shake[data-v-f4fcc192]{animation:time-input-invalidate-shake-f4fcc192 .38s ease}.file-uploader-wrapper[data-v-a23aa950]{overflow-y:auto}.file-uploader-wrapper.upload-state[data-v-a23aa950]{border:2px dashed var(--color-grey-40);border-radius:4px;padding:24px}.file-uploader-wrapper.not-empty[data-v-a23aa950]{padding-bottom:8px}.files-list[data-v-a23aa950]{cursor:pointer;overflow-y:auto}.ui-dt-progress-cell[data-v-4bcdba30]{position:relative;height:0;padding:0;border:0}.ui-dt-progress[data-v-4bcdba30]{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden;background-color:var(--color-grey-30);z-index:10}.ui-dt-progress__bar[data-v-4bcdba30]{position:absolute;inset:0}.ui-dt-progress__bar[data-v-4bcdba30]:before,.ui-dt-progress__bar[data-v-4bcdba30]:after{content:"";position:absolute;inset:0;background-color:var(--color-blue-80);transform-origin:0 0;will-change:transform}.ui-dt-progress__bar[data-v-4bcdba30]:before{animation:ui-dt-indeterminate-4bcdba30 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.ui-dt-progress__bar[data-v-4bcdba30]:after{transform:translate3d(-101%,0,0);animation:ui-dt-indeterminate-short-4bcdba30 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes ui-dt-indeterminate-4bcdba30{0%{transform:translate3d(-35%,0,0) scale3d(.35,1,1)}60%{transform:translate3d(100%,0,0) scale3d(.9,1,1)}to{transform:translate3d(100%,0,0) scale3d(.9,1,1)}}@keyframes ui-dt-indeterminate-short-4bcdba30{0%{transform:translate3d(-101%,0,0) scaleZ(1)}60%{transform:translate3d(107%,0,0) scale3d(.01,1,1)}to{transform:translate3d(107%,0,0) scale3d(.01,1,1)}}@media(prefers-reduced-motion:reduce){.ui-dt-progress__bar[data-v-4bcdba30]:before,.ui-dt-progress__bar[data-v-4bcdba30]:after{animation-duration:.01ms}}

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@reco-inc/upbox-ui",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "version": "0.1.1",
+  "type": "module",
+  "description": "Upbox Design System - Vue 3 Component Library",
+  "license": "UNLICENSED",
+  "private": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./i18n": {
+      "types": "./dist/i18n.d.ts",
+      "import": "./dist/i18n.mjs"
+    },
+    "./style.css": "./dist/upbox-ui.css",
+    "./theme.css": "./src/style.css",
+    "./global": {
+      "types": "./dist/global.d.ts"
+    },
+    "./tailwind-theme.css": "./tailwind-theme.css"
+  },
+  "typesVersions": {
+    "*": {
+      "i18n": [
+        "./dist/i18n.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "src/style.css",
+    "tailwind-theme.css",
+    "FigmaConnect.md"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "prepublishOnly": "vite build",
+    "release": "bash scripts/release.sh",
+    "typecheck": "vue-tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-i18n": "^11.0.0"
+  },
+  "dependencies": {
+    "@internationalized/date": "^3.10.0",
+    "@vueuse/core": "^14.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-vue-next": "^0.546.0",
+    "reka-ui": "^2.6.0",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.4.0",
+    "vaul-vue": "^0.4.1",
+    "vee-validate": "^4.15.1",
+    "vue-sonner": "^2.0.9"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.1",
+    "@storybook/addon-a11y": "^10.3.0",
+    "@storybook/addon-docs": "^10.3.0",
+    "@storybook/addon-onboarding": "^10.3.0",
+    "@storybook/addon-vitest": "^10.3.0",
+    "@storybook/vue3-vite": "^10.3.0",
+    "@tailwindcss/vite": "^4.2.2",
+    "@types/node": "^24.6.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vue/tsconfig": "^0.8.1",
+    "playwright": "^1.58.2",
+    "pretendard": "^1.3.9",
+    "remark-gfm": "^4.0.1",
+    "storybook": "^10.3.0",
+    "tailwindcss": "^4.2.2",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.22",
+    "vue-i18n": "^11.2.8",
+    "vue-tsc": "^3.1.0"
+  }
+}