@krds.ui/vue 0.0.13 → 0.0.15

package/README.md

@@ -1,160 +1,188 @@
 # KRDS Vue
 
-> 한국 정부 디자인 시스템(Korea Government Design System)을 기반으로 한 Vue 3 컴포넌트 라이브러리
+> KRDS(Korea Digital Service Design System) 가이드를 Vue 3 + TypeScript 환경에서 사용할 수 있도록 구현한 컴포넌트 라이브러리
 
 [![npm version](https://img.shields.io/npm/v/@krds.ui/vue.svg)](https://www.npmjs.com/package/@krds.ui/vue)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 
-KRDS Vue는 대한민국 정부 표준 디자인 시스템을 Vue 3 + TypeScript로 구현한 공식 컴포넌트 라이브러리입니다. 접근성(WCAG 2.1 AA)과 정부 표준 준수를 핵심 목표로 하며, 정부 및 공공기관 웹사이트 개발에 최적화되어 있습니다.
+KRDS Vue는 공공 웹서비스에서 반복되는 폼, 내비게이션, 레이아웃, 피드백 UI를 일관된 Vue 컴포넌트로 제공하는 라이브러리입니다. KRDS 디자인 토큰과 컴포넌트 스타일을 기반으로 하며, Vue 3 애플리케이션에서 전역 플러그인 또는 개별 컴포넌트 import 방식으로 사용할 수 있습니다.
+
+이 패키지는 **ESM 전용**입니다. CommonJS `require()`는 지원하지 않습니다.
 
 ## 링크
 
-- [Storybook 문서](https://krds.initializer.org/) - 컴포넌트 데모 및 API 문서
-- [KRDS 공식 홈페이지](https://www.krds.go.kr/html/site/index.html) - 디자인 가이드라인 및 표준
+- [Storybook 문서](https://krds.initializer.org/) - 컴포넌트 예제, Controls, API 문서
+- [npm 패키지](https://www.npmjs.com/package/@krds.ui/vue)
+- [GitHub 저장소](https://github.com/Initializer-org/krds-vue)
+- [KRDS 공식 홈페이지](https://www.krds.go.kr/html/site/index.html)
 
-## 주요 특징
+## 특징
 
-- **Vue 3 완전 호환**: Composition API 기반 최신 Vue 3 지원
-- **TypeScript 완전 지원**: 완벽한 타입 정의와 IntelliSense 지원
-- **정부 표준 준수**: 대한민국 정부 디자인 시스템 공식 가이드라인 준수
-- **접근성 우선**: WCAG 2.1 AA 준수, 스크린 리더 및 키보드 내비게이션 완벽 지원
-- **40+ 컴포넌트**: 정부 웹사이트 개발에 필요한 다양한 UI 컴포넌트 제공
-- **Tree-shaking 지원**: ES 모듈 번들로 최적화된 빌드 사이즈
-- **Storybook 문서**: 인터랙티브한 컴포넌트 문서 및 데모
+- **Vue 3 + TypeScript**: Vue 3.5 이상과 타입 정의를 지원합니다.
+- **ESM-only 배포**: modern bundler 환경에 맞춘 ESM 산출물만 제공합니다.
+- **컴포넌트 40+개**: Button, Form, Navigation, Layout, Feedback, Data Display 계열 컴포넌트를 포함합니다.
+- **플러그인/개별 import 지원**: 전체 전역 등록 또는 필요한 컴포넌트만 import할 수 있습니다.
+- **KRDS 스타일/토큰 포함**: 패키지 스타일 엔트리에서 토큰, 폰트, 컴포넌트 CSS를 함께 제공합니다.
+- **접근성 고려**: 키보드 조작, ARIA 속성, 포커스 스타일, 고대비 모드를 고려해 구현합니다.
+- **SSR 친화적 ID 생성**: 내부 ID가 필요한 컴포넌트는 Vue의 ID 생성 흐름을 따릅니다.
 
 ## 설치
 
 ```bash
+# pnpm
+pnpm add @krds.ui/vue
+
 # npm
 npm install @krds.ui/vue
 
-# pnpm (권장)
-pnpm add @krds.ui/vue
-
 # yarn
 yarn add @krds.ui/vue
 ```
 
 ## 빠른 시작
 
-### 1. 스타일 가져오기
+### 1. 스타일 import
 
-메인 엔트리 파일(예: `main.ts` 또는 `main.js`)에서 KRDS 스타일을 가져옵니다:
+애플리케이션 엔트리에서 스타일을 한 번 import합니다. CSS 안의 아이콘 URL은 패키지의 `dist/img` 자산을 기준으로 상대 경로를 사용합니다.
 
-```typescript
-import '@krds.ui/vue/dist/style.css'
+```ts
+import '@krds.ui/vue/style'
 ```
 
-### 2. 컴포넌트 사용
+### 2. 전역 플러그인 등록
 
-```vue
-<template>
-  <div>
-    <KrdsButton variant="primary" size="medium" @click="handleClick">
-      확인
-    </KrdsButton>
-
-    <KrdsInput
-      v-model="text"
-      label="이름"
-      placeholder="이름을 입력하세요"
-      required
-    />
-  </div>
-</template>
+```ts
+import { createApp } from 'vue'
+import KrdsVue from '@krds.ui/vue'
+import '@krds.ui/vue/style'
+import App from './App.vue'
+
+createApp(App).use(KrdsVue).mount('#app')
+```
+
+특정 컴포넌트만 전역 등록할 수도 있습니다.
+
+```ts
+app.use(KrdsVue, {
+  components: ['KrdsButton', 'KrdsInput', 'KrdsModal']
+})
+```
+
+### 3. 개별 컴포넌트 import
 
+전역 등록이 필요 없다면 필요한 컴포넌트만 가져옵니다.
+
+```vue
 <script setup lang="ts">
 import { ref } from 'vue'
 import { KrdsButton, KrdsInput } from '@krds.ui/vue'
 
-const text = ref('')
-
-const handleClick = () => {
-  console.log('버튼 클릭됨')
-}
+const name = ref('')
 </script>
-```
 
-## 주요 컴포넌트
+<template>
+  <KrdsInput
+    v-model="name"
+    label="이름"
+    placeholder="이름을 입력하세요"
+    required
+  />
+
+  <KrdsButton variant="primary" size="medium">
+    확인
+  </KrdsButton>
+</template>
+```
 
-전체 컴포넌트 목록과 상세 API는 [Storybook 문서](https://krds.initializer.org/)를 참조하세요.
+## TypeScript
 
-## TypeScript 지원
+컴포넌트 props와 공통 타입을 패키지 루트에서 가져올 수 있습니다.
 
-KRDS Vue는 완전한 TypeScript 지원을 제공합니다:
+```ts
+import type { KrdsButtonProps, KrdsInputProps, Size } from '@krds.ui/vue'
 
-```typescript
-import type { KrdsButtonProps, KrdsInputProps } from '@krds.ui/vue'
+const size: Size = 'medium'
 
-// Props 타입 활용
 const buttonProps: KrdsButtonProps = {
   variant: 'primary',
-  size: 'medium',
+  size,
   disabled: false
 }
 
-// 이벤트 타입 활용
-import type { KrdsInputEmits } from '@krds.ui/vue'
+const inputProps: KrdsInputProps = {
+  label: '이름',
+  modelValue: '',
+  size
+}
+```
+
+## 스타일과 테마
+
+KRDS Vue 스타일은 CSS custom properties를 기반으로 합니다. 프로젝트에서 토큰 값을 조정해야 한다면 원본 CSS를 수정하지 말고 애플리케이션 CSS에서 필요한 변수만 재선언합니다.
 
-const handleInput: KrdsInputEmits['input'] = (value: string) => {
-  console.log('입력값:', value)
+```css
+:root {
+  --krds-color-light-primary-50: #256ef4;
 }
 ```
 
-## 개발 환경 요구사항
+컬러 모드는 루트 요소의 `data-krds-mode` 속성으로 전환합니다.
 
-- **Node.js**: >= 20.0.0
-- **pnpm**: >= 9.0.0 (권장 패키지 매니저)
-- **Vue**: >= 3.5.0 (peer dependency)
+```ts
+document.documentElement.setAttribute('data-krds-mode', 'high-contrast')
+```
 
-## 접근성
+지원 모드:
 
-KRDS Vue는 WCAG 2.1 AA 수준의 접근성을 준수합니다:
+- `light`: 기본 라이트 모드
+- `high-contrast`: 고대비 모드
+- `theme`: 사용자 시스템 설정에 따라 라이트/고대비 스타일 적용
 
-- 키보드 내비게이션 완전 지원
-- 스크린 리더 호환성
-- 적절한 ARIA 속성 및 역할
-- 색상 대비 및 포커스 표시
-- Storybook의 `@storybook/addon-a11y`를 통한 자동 검증
+## 컴포넌트 범위
 
-## 기여
+대표 컴포넌트는 다음과 같습니다. 전체 목록과 props/events는 [Storybook 문서](https://krds.initializer.org/)에서 확인하세요.
 
-KRDS Vue는 오픈소스 프로젝트입니다. 기여를 환영합니다!
+- **Actions**: `KrdsButton`, `KrdsButtonGroup`, `KrdsLink`, `KrdsTag`, `KrdsBadge`
+- **Forms**: `KrdsInput`, `KrdsTextarea`, `KrdsSelect`, `KrdsDateInput`, `KrdsCheckbox`, `KrdsRadio`, `KrdsToggleSwitch`, `KrdsFileUpload`
+- **Navigation**: `KrdsBreadcrumb`, `KrdsPagination`, `KrdsSideNavigation`, `KrdsInPageNavigation`, `KrdsStepIndicator`
+- **Layout**: `KrdsLayout`, `KrdsHeader`, `KrdsFooter`, `KrdsMasthead`, `KrdsIdentifier`
+- **Feedback/Overlay**: `KrdsModal`, `KrdsTooltip`, `KrdsCoachMark`, `KrdsContextualHelp`, `KrdsCriticalAlerts`, `KrdsSpinner`
+- **Data/Content**: `KrdsTable`, `KrdsStructuredList`, `KrdsTextList`, `KrdsPanel`, `KrdsDisclosure`
 
-1. 버그 리포트나 기능 요청: [GitHub Issues](https://github.com/Initializer-org/krds-vue/issues)
-2. Pull Request: [GitHub Repository](https://github.com/Initializer-org/krds-vue)
+## 요구사항
 
-### 개발 환경 설정
+- **Runtime**: Vue `^3.5.0`
+- **Module system**: ESM
+- **Development**: Node.js `>=20.0.0`, pnpm `>=9.0.0`
+
+## 개발
 
 ```bash
-# 저장소 클론
 git clone https://github.com/Initializer-org/krds-vue.git
 cd krds-vue
 
-# 의존성 설치
 pnpm install
-
-# 개발 서버 실행
-pnpm dev
-
-# Storybook 실행
 pnpm storybook
-
-# 테스트 실행
 pnpm test
-
-# 빌드
 pnpm build
 ```
 
-## 라이센스
+주요 스크립트:
 
-MIT © [Initializer Team](https://github.com/Initializer-org)
+- `pnpm storybook`: Storybook 개발 서버 실행
+- `pnpm test`: Vitest 실행
+- `pnpm build`: 타입 검사와 라이브러리 빌드
+- `pnpm build-storybook`: 정적 Storybook 빌드
 
-## 관련 링크
+## 배포 산출물
 
-- [GitHub Repository](https://github.com/Initializer-org/krds-vue)
-- [npm Package](https://www.npmjs.com/package/@krds.ui/vue)
-- [Storybook 문서](https://krds.initializer.org/)
-- [KRDS 공식 홈페이지](https://www.krds.go.kr/html/site/index.html)
-- [Issue Tracker](https://github.com/Initializer-org/krds-vue/issues)
+`npm pack --dry-run` 기준으로 패키지에는 다음 산출물이 포함됩니다.
+
+- `dist/krds-vue.es.js`
+- `dist/style.css`
+- `dist/types/index.d.ts`
+- `dist/img/component/icon/*.svg`
+
+## 라이선스
+
+MIT © [Initializer Team](https://github.com/Initializer-org)

package/dist/components/KrdsAccordionGroup/KrdsAccordionGroup.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentProps } from '../../types';
+export interface KrdsAccordionGroupProps extends BaseComponentProps {
+    typeLine?: boolean;
+}
+declare const _default: import('vue').DefineComponent<KrdsAccordionGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsAccordionGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsAccordionGroup.d.ts.map

package/dist/components/KrdsAccordionGroup/KrdsAccordionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsAccordionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsAccordionGroup/KrdsAccordionGroup.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;;AAED,wBAoCE"}

package/dist/components/KrdsAccordionGroup/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsAccordionGroup, KrdsAccordionGroupProps } from './KrdsAccordionGroup';
+export { KrdsAccordionGroup };
+export type { KrdsAccordionGroupProps };
+export default KrdsAccordionGroup;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsAccordionGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsAccordionGroup/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAEnE,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,eAAe,kBAAkB,CAAA"}

package/dist/components/KrdsAccordionItem/KrdsAccordionItem.d.ts

@@ -0,0 +1,22 @@
+/**
+ * KRDS AccordionItem 컴포넌트 속성
+ */
+export interface KrdsAccordionItemProps {
+    /** 아이템 고유 식별자 */
+    id: string;
+    /** 현재 열려 있는 아이템의 id */
+    openItem?: string;
+    /** 헤더 텍스트 (title 슬롯으로 대체 가능) */
+    title?: string;
+    /** 본문 텍스트 (content 슬롯으로 대체 가능) */
+    content?: string;
+}
+/**
+ * KRDS AccordionItem 컴포넌트 이벤트
+ */
+export interface KrdsAccordionItemEmits {
+    (e: 'toggle', id: string): void;
+}
+declare const _default: import('vue').DefineComponent<KrdsAccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsAccordionItem.d.ts.map

package/dist/components/KrdsAccordionItem/KrdsAccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsAccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsAccordionItem/KrdsAccordionItem.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;;AAED,wBAwDE"}

package/dist/components/KrdsAccordionItem/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsAccordionItem, KrdsAccordionItemProps, KrdsAccordionItemEmits } from './KrdsAccordionItem';
+export { KrdsAccordionItem };
+export type { KrdsAccordionItemProps, KrdsAccordionItemEmits };
+export default KrdsAccordionItem;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsAccordionItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsAccordionItem/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAEzF,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,YAAY,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,CAAA;AAC9D,eAAe,iBAAiB,CAAA"}

package/dist/components/KrdsBadge/KrdsBadge.d.ts

@@ -0,0 +1,24 @@
+import { BaseComponentProps } from '../../types';
+/**
+ * KRDS Badge 컴포넌트 속성
+ */
+type ColorVariant = 'primary' | 'secondary' | 'gray' | 'point' | 'danger' | 'warning' | 'success' | 'information' | 'disabled';
+export interface KrdsBadgeProps extends BaseComponentProps {
+    /** 배지 타입 */
+    type?: 'outline' | 'bg' | 'bg-light';
+    /** 배지 컬러 */
+    color?: ColorVariant;
+    /** 넘버 여부 */
+    number?: boolean;
+    /** 배지 크기 */
+    size?: 'large' | 'medium' | 'small';
+}
+/**
+ * KRDS Badge 컴포넌트 이벤트
+ */
+export interface KrdsBadgeEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+declare const _default: import('vue').DefineComponent<KrdsBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsBadge.d.ts.map

package/dist/components/KrdsBadge/KrdsBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsBadge.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsBadge/KrdsBadge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAQ,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAA;AAE9H,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,YAAY;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;IACpC,YAAY;IACZ,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,YAAY;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CACtC;;AAED,wBA0EE"}

package/dist/components/KrdsBadge/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsBadge, KrdsBadgeProps, KrdsBadgeEmits } from './KrdsBadge';
+export { KrdsBadge };
+export type { KrdsBadgeProps, KrdsBadgeEmits };
+export default KrdsBadge;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsBadge/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjE,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,eAAe,SAAS,CAAA"}

package/dist/components/KrdsBreadcrumb/KrdsBreadcrumb.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 브레드크럼 아이템 인터페이스
+ */
+export interface BreadcrumbItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL */
+    href?: string;
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+/**
+ * KRDS Breadcrumb 컴포넌트 속성
+ */
+export interface KrdsBreadcrumbProps {
+    /** 브레드크럼 아이템 배열 */
+    items: BreadcrumbItem[];
+    /** 엘리먼트 ID */
+    id?: string;
+    /** 접근성 라벨 */
+    ariaLabel?: string;
+    /** 홈 아이콘 표시 여부 */
+    showHomeIcon?: boolean;
+}
+/**
+ * KRDS Breadcrumb 컴포넌트 이벤트
+ */
+export interface KrdsBreadcrumbEmits {
+    (e: 'item-click', item: BreadcrumbItem, event: MouseEvent): void;
+}
+declare const _default: import('vue').DefineComponent<KrdsBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsBreadcrumb.d.ts.map

package/dist/components/KrdsBreadcrumb/KrdsBreadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsBreadcrumb/KrdsBreadcrumb.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,aAAa;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,mBAAmB;IACnB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CACjE;;AAED,wBAgEE"}

package/dist/components/KrdsBreadcrumb/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsBreadcrumb, KrdsBreadcrumbProps, KrdsBreadcrumbEmits, BreadcrumbItem } from './KrdsBreadcrumb';
+export { KrdsBreadcrumb };
+export type { KrdsBreadcrumbProps, KrdsBreadcrumbEmits, BreadcrumbItem };
+export default KrdsBreadcrumb;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsBreadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsBreadcrumb/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEhG,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA;AACxE,eAAe,cAAc,CAAA"}

package/dist/components/KrdsButton/KrdsButton.d.ts

@@ -0,0 +1,31 @@
+import { BaseComponentProps, Size, Variant } from '../../types';
+/**
+ * KRDS Button 컴포넌트 속성
+ */
+export interface KrdsButtonProps extends BaseComponentProps {
+    /** 버튼 타입 */
+    type?: 'button' | 'submit' | 'reset';
+    /** 버튼 크기 */
+    size?: Size;
+    /** 버튼 변형 */
+    variant?: Variant;
+    /** 아이콘 전용 버튼 */
+    icon?: boolean;
+    /** 테두리 스타일 (아이콘 버튼용) */
+    border?: boolean;
+    /** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
+    pure?: boolean;
+    /** 텍스트 버튼 스타일 */
+    text?: boolean;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+}
+/**
+ * KRDS Button 컴포넌트 이벤트
+ */
+export interface KrdsButtonEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+declare const _default: import('vue').DefineComponent<KrdsButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsButton.d.ts.map

package/dist/components/KrdsButton/KrdsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsButton.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsButton/KrdsButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEhE;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,YAAY;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,YAAY;IACZ,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,YAAY;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wBAAwB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CACtC;;AAED,wBA2GE"}

package/dist/components/KrdsButton/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsButton, KrdsButtonProps, KrdsButtonEmits } from './KrdsButton';
+export { KrdsButton };
+export type { KrdsButtonProps, KrdsButtonEmits };
+export default KrdsButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsButton/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpE,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,eAAe,UAAU,CAAA"}

package/dist/components/KrdsButtonGroup/KrdsButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import { BaseComponentProps } from '../../types';
+/**
+ * KRDS ButtonGroup 컴포넌트 속성
+ */
+export type KrdsButtonGroupProps = BaseComponentProps;
+declare const _default: import('vue').DefineComponent<BaseComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsButtonGroup.d.ts.map

package/dist/components/KrdsButtonGroup/KrdsButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsButtonGroup/KrdsButtonGroup.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAA;;AAErD,wBAaE"}

package/dist/components/KrdsButtonGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './KrdsButtonGroup';
+export type { KrdsButtonGroupProps } from './KrdsButtonGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsButtonGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/KrdsCheckArea/KrdsCheckArea.d.ts

@@ -0,0 +1,12 @@
+import { BaseComponentProps } from '../../types';
+/**
+ * KRDS CheckArea 컴포넌트 속성
+ */
+export interface KrdsCheckAreaProps extends BaseComponentProps {
+    /** 추가 클래스 */
+    class?: string;
+    column?: boolean;
+}
+declare const _default: import('vue').DefineComponent<KrdsCheckAreaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsCheckAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsCheckArea.d.ts.map

package/dist/components/KrdsCheckArea/KrdsCheckArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsCheckArea.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsCheckArea/KrdsCheckArea.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;AAED,wBAiCE"}

package/dist/components/KrdsCheckArea/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsCheckArea, KrdsCheckAreaProps } from './KrdsCheckArea';
+export { KrdsCheckArea };
+export type { KrdsCheckAreaProps };
+export default KrdsCheckArea;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsCheckArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsCheckArea/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,eAAe,aAAa,CAAA"}

package/dist/components/KrdsCheckbox/KrdsCheckbox.d.ts

@@ -0,0 +1,23 @@
+import { BaseFormProps } from '../../types';
+/**
+ * KRDS Checkbox 컴포넌트 속성
+ */
+export interface KrdsCheckboxProps extends BaseFormProps {
+    /** 모델 값 */
+    modelValue?: boolean;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** 크기 */
+    size?: 'medium' | 'large';
+    /** Chip 스타일 여부 */
+    chip?: boolean;
+}
+/**
+ * KRDS Checkbox 컴포넌트 이벤트
+ */
+export interface KrdsCheckboxEmits {
+    (e: 'update:modelValue', value: boolean): void;
+}
+declare const _default: import('vue').DefineComponent<KrdsCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsCheckbox.d.ts.map

package/dist/components/KrdsCheckbox/KrdsCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsCheckbox/KrdsCheckbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,WAAW;IACX,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS;IACT,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,CAAC,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CAC/C;;AAED,wBA0GE"}

package/dist/components/KrdsCheckbox/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsCheckbox, KrdsCheckboxProps, KrdsCheckboxEmits } from './KrdsCheckbox';
+export { KrdsCheckbox };
+export type { KrdsCheckboxProps, KrdsCheckboxEmits };
+export default KrdsCheckbox;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsCheckbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsCheckbox/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAE1E,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,eAAe,YAAY,CAAA"}

package/dist/components/KrdsCoachMark/KrdsCoachMark.d.ts

@@ -0,0 +1,29 @@
+import { BaseComponentProps } from '../../types';
+type StepsData = {
+    id: number;
+    title: string;
+    description: string;
+};
+/**
+ * KRDS CoachMark 컴포넌트 속성
+ */
+export interface KrdsCoachMarkProps extends BaseComponentProps {
+    /** 코치마크 래퍼에 추가할 클래스 */
+    coachMarkClass?: string | string[];
+    /** 전체 단계 데이터 */
+    stepsData: StepsData[];
+    /** 이 코치마크가 담당하는 단계 번호 */
+    activeStep: number;
+    /** 현재 노출 중인 단계 (v-model) */
+    modelValue?: number | null;
+}
+/**
+ * KRDS CoachMark 컴포넌트 이벤트
+ */
+export interface KrdsCoachMarkEmits {
+    (e: 'update:modelValue', value: number | null): void;
+    (e: 'close'): void;
+}
+declare const _default: import('vue').DefineComponent<KrdsCoachMarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrdsCoachMarkProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KrdsCoachMark.d.ts.map

package/dist/components/KrdsCoachMark/KrdsCoachMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KrdsCoachMark.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsCoachMark/KrdsCoachMark.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnE;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,uBAAuB;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC,gBAAgB;IAChB,SAAS,EAAE,SAAS,EAAE,CAAA;IACtB,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,CAAC,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACpD,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACnB;;AAED,wBAyFE"}

package/dist/components/KrdsCoachMark/index.d.ts

@@ -0,0 +1,5 @@
+import { default as KrdsCoachMark, KrdsCoachMarkProps } from './KrdsCoachMark';
+export { KrdsCoachMark };
+export type { KrdsCoachMarkProps };
+export default KrdsCoachMark;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KrdsCoachMark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KrdsCoachMark/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,eAAe,aAAa,CAAA"}