@krds.ui/vue 0.0.9 → 0.0.11

package/dist/types/index.d.ts

@@ -7,6 +7,7 @@ import { Plugin as Plugin_2 } from 'vue';
 import { PublicProps } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
+import { SlotsType } from 'vue';
 import { VNode } from 'vue';
 
 declare const __VLS_component: DefineComponent<KrdsPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -61,6 +62,12 @@ dropdownRef: HTMLDivElement;
 buttonRef: HTMLButtonElement;
 }, any>;
 
+declare const __VLS_component_6: DefineComponent<KrdsAccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+toggle: (id: string) => any;
+}, string, PublicProps, Readonly<KrdsAccordionItemProps> & Readonly<{
+onToggle?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -118,6 +125,16 @@ declare function __VLS_template_5(): {
     rootEl: any;
 };
 
+declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
@@ -128,6 +145,8 @@ declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 
 declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
 
+declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -158,6 +177,12 @@ declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 /**
  * 정렬 타입
  */
@@ -308,6 +333,25 @@ export declare type InputState = ComponentState | 'error' | 'success';
  */
 export declare type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
 
+export declare const KrdsAccordionGroup: DefineComponent<KrdsAccordionGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsAccordionGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface KrdsAccordionGroupProps extends BaseComponentProps {
+    typeLine?: boolean;
+}
+
+export declare const KrdsAccordionItem: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+export declare interface KrdsAccordionItemEmits {
+    (e: 'toggle', id: string): void;
+}
+
+export declare interface KrdsAccordionItemProps {
+    id: string;
+    openItem?: string;
+    title?: string;
+    content?: string;
+}
+
 export declare const KrdsBadge: DefineComponent<KrdsBadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 /**
@@ -965,6 +1009,94 @@ export declare const KrdsMasthead: DefineComponent<BaseComponentProps, {}, {}, {
  */
 export declare type KrdsMastheadProps = BaseComponentProps;
 
+export declare const KrdsModal: DefineComponent<ExtractPropTypes<    {
+modelValue: {
+type: BooleanConstructor;
+default: boolean;
+};
+modalId: {
+type: StringConstructor;
+default: undefined;
+};
+backdrop: {
+type: BooleanConstructor;
+default: boolean;
+};
+size: {
+type: () => KrdsModalSize;
+default: string;
+};
+full: {
+type: BooleanConstructor;
+default: boolean;
+};
+bottomSheet: {
+type: BooleanConstructor;
+default: boolean;
+};
+persistent: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>, () => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}> | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+modelValue: {
+type: BooleanConstructor;
+default: boolean;
+};
+modalId: {
+type: StringConstructor;
+default: undefined;
+};
+backdrop: {
+type: BooleanConstructor;
+default: boolean;
+};
+size: {
+type: () => KrdsModalSize;
+default: string;
+};
+full: {
+type: BooleanConstructor;
+default: boolean;
+};
+bottomSheet: {
+type: BooleanConstructor;
+default: boolean;
+};
+persistent: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+size: KrdsModalSize;
+modelValue: boolean;
+modalId: string;
+backdrop: boolean;
+full: boolean;
+bottomSheet: boolean;
+persistent: boolean;
+}, SlotsType<{
+title?: () => any;
+default?: () => any;
+footer?: () => any;
+}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface KrdsModalProps {
+    modelValue?: boolean;
+    modalId?: string;
+    backdrop?: boolean;
+    size?: KrdsModalSize;
+    full?: boolean;
+    bottomSheet?: boolean;
+    persistent?: boolean;
+}
+
+export declare type KrdsModalSize = 'small' | 'medium' | 'large';
+
 export declare const KrdsPagination: DefineComponent<KrdsPaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: number) => any;
 }, string, PublicProps, Readonly<KrdsPaginationProps> & Readonly<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krds.ui/vue",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "KRDS Vue Design System - 한국 정부 디자인 시스템 Vue 컴포넌트 라이브러리",
   "keywords": [
     "krds",
@@ -48,40 +48,39 @@
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.36.0",
-    "@rushstack/eslint-patch": "^1.12.0",
-    "@storybook/addon-a11y": "^9.1.9",
-    "@storybook/addon-docs": "^9.1.9",
-    "@storybook/addon-vitest": "^9.1.9",
-    "@storybook/vue3-vite": "^9.1.9",
-    "@tsconfig/node20": "^20.1.6",
-    "@types/node": "^22.18.7",
-    "@typescript-eslint/eslint-plugin": "^8.45.0",
-    "@typescript-eslint/parser": "^8.45.0",
-    "@vitejs/plugin-vue": "^6.0.1",
+    "@eslint/js": "^9.39.1",
+    "@storybook/addon-a11y": "^9.1.16",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-vitest": "^9.1.16",
+    "@storybook/vue3-vite": "^9.1.16",
+    "@tsconfig/node20": "^20.1.8",
+    "@types/node": "^22.19.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.3",
+    "@typescript-eslint/parser": "^8.47.0",
+    "@vitejs/plugin-vue": "^6.0.2",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
-    "eslint": "^9.36.0",
-    "eslint-plugin-storybook": "^9.1.9",
-    "eslint-plugin-vue": "^10.5.0",
-    "jsdom": "^27.0.0",
-    "playwright": "^1.55.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-storybook": "^9.1.16",
+    "eslint-plugin-vue": "^10.6.0",
+    "jsdom": "^27.2.0",
+    "playwright": "^1.56.1",
     "prettier": "^3.6.2",
-    "sass": "^1.93.2",
+    "sass": "^1.94.2",
     "source-map-explorer": "^2.5.3",
     "standard-version": "^9.5.0",
-    "storybook": "^9.1.9",
-    "typescript": "5.8.2",
-    "vite": "^7.1.7",
+    "storybook": "^9.1.16",
+    "typescript": "5.9.3",
+    "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4",
-    "vue": "^3.5.22",
+    "vue": "^3.5.24",
     "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.1.0"
+    "vue-tsc": "^3.1.5"
   },
   "publishConfig": {
     "access": "public",