@krds.ui/vue 0.0.18 → 0.0.19

package/dist/types/index.d.ts

@@ -75,6 +75,173 @@ export declare type ColorVariant = 'primary' | 'secondary' | 'success' | 'warnin
  */
 declare type ColorVariant_2 = 'primary' | 'secondary' | 'gray' | 'point' | 'danger' | 'warning' | 'success' | 'information' | 'disabled';
 
+declare namespace components {
+    export {
+        KrdsButton,
+        KrdsButtonProps,
+        KrdsButtonEmits,
+        KrdsButtonGroup,
+        KrdsButtonGroupProps,
+        KrdsIcon,
+        KrdsIconProps,
+        KrdsLink,
+        KrdsLinkProps,
+        KrdsLinkEmits,
+        KrdsLinkSize,
+        KrdsInput,
+        KrdsInputProps,
+        KrdsInputEmits,
+        KrdsFormLabel,
+        KrdsFormLabelProps,
+        KrdsFormLabelEmits,
+        KrdsFormHint,
+        KrdsFormHintProps,
+        KrdsFormHintEmits,
+        KrdsFormGroup,
+        KrdsFormGroupProps,
+        KrdsDateInput,
+        KrdsDateInputProps,
+        KrdsDateInputEmits,
+        KrdsTextarea,
+        KrdsTextareaProps,
+        KrdsTextareaEmits,
+        KrdsSelect,
+        KrdsSelectProps,
+        KrdsSelectEmits,
+        SelectOption,
+        KrdsFileUpload,
+        KrdsFileUploadProps,
+        KrdsFileUploadEmits,
+        FileInfo,
+        KrdsBadge,
+        KrdsBadgeProps,
+        KrdsBadgeEmits,
+        KrdsTag,
+        KrdsTagProps,
+        KrdsTagEmits,
+        KrdsTagGroup,
+        KrdsTagGroupProps,
+        KrdsTagGroupSize,
+        KrdsMasthead,
+        KrdsMastheadProps,
+        KrdsMastheadEmits,
+        KrdsToggleSwitch,
+        KrdsToggleSwitchProps,
+        KrdsToggleSwitchEmits,
+        KrdsCheckArea,
+        KrdsCheckAreaProps,
+        KrdsCheckbox,
+        KrdsCheckboxProps,
+        KrdsCheckboxEmits,
+        KrdsRadio,
+        KrdsRadioProps,
+        KrdsRadioEmits,
+        KrdsSpinner,
+        KrdsStepIndicator,
+        KrdsStepIndicatorProps,
+        KrdsStepIndicatorEmits,
+        KrdsStep,
+        KrdsStepProps,
+        KrdsStepEmits,
+        KrdsSkipLink,
+        KrdsSkipLinkProps,
+        KrdsBreadcrumb,
+        KrdsBreadcrumbProps,
+        KrdsBreadcrumbEmits,
+        BreadcrumbItem,
+        KrdsInPageNavigation,
+        KrdsInPageNavigationProps,
+        KrdsInPageNavigationEmits,
+        NavigationItem,
+        KrdsPagination,
+        KrdsPaginationProps,
+        KrdsPaginationEmits,
+        KrdsPanel,
+        KrdsPanelProps,
+        KrdsPanelEmits,
+        KrdsContextualHelp,
+        KrdsContextualHelpProps,
+        KrdsCoachMark,
+        KrdsCoachMarkProps,
+        KrdsCoachMarkEmits,
+        KrdsTooltip,
+        KrdsTooltipProps,
+        KrdsLanguageSwitcher,
+        KrdsLanguageSwitcherProps,
+        KrdsLanguageSwitcherEmits,
+        DropdownPosition,
+        KrdsResize,
+        KrdsResizeEmits,
+        KrdsModal,
+        KrdsModalProps,
+        KrdsModalSize,
+        KrdsAccordionGroup,
+        KrdsAccordionGroupProps,
+        KrdsAccordionItem,
+        KrdsAccordionItemProps,
+        KrdsAccordionItemEmits,
+        KrdsTts,
+        KrdsTtsProps,
+        KrdsTtsEmits,
+        TtsSize,
+        TtsIcon,
+        KrdsTable,
+        KrdsTableProps,
+        KrdsTableEmits,
+        TableColumn,
+        TableRow,
+        KrdsHeader,
+        KrdsHeaderProps,
+        KrdsFooter,
+        KrdsFooterProps,
+        KrdsDisclosure,
+        KrdsDisclosureProps,
+        KrdsDisclosureEmits,
+        KrdsIdentifier,
+        KrdsIdentifierProps,
+        KrdsIdentifierEmits,
+        KrdsLayout,
+        KrdsLayoutProps,
+        KrdsLayoutEmits,
+        ScrollDetails,
+        LayoutSize,
+        KrdsSideNavigation,
+        KrdsSideNavigationProps,
+        KrdsSideNavigationEmits,
+        SideNavItem,
+        SideNavSubItem,
+        SideNavPopupItem,
+        KrdsStructuredList,
+        KrdsStructuredListProps,
+        KrdsTextList,
+        KrdsTextListProps,
+        KrdsCriticalAlerts,
+        KrdsCriticalAlertsProps,
+        KrdsCriticalAlertsEmits,
+        AlertType,
+        KrdsMainMenu,
+        KrdsMainMenuProps,
+        KrdsMainMenuEmits,
+        MainMenuItem,
+        MainMenuSubItem,
+        MainMenuLinkItem,
+        MainMenuDepth4Item,
+        MainMenuAnyItem,
+        MainMenuVariant,
+        MainMenuLayout,
+        KrdsCarousel,
+        KrdsCarouselProps,
+        KrdsCarouselEmits,
+        KrdsCarouselVariant,
+        KrdsCarouselPaginationType,
+        KrdsTabs,
+        KrdsTabsProps,
+        KrdsTabsEmits,
+        KrdsTabItem,
+        KrdsTabsVariant
+    }
+}
+
 /**
  * 컴포넌트 슬롯 타입
  */
@@ -1112,6 +1279,9 @@ export declare type KrdsComponent<Props = object, Slots = object, Emits = object
     __krdsEmits: Emits;
 };
 
+/** 전역 등록 가능한 컴포넌트 이름 */
+export declare type KrdsComponentName = keyof typeof components;
+
 export declare const KrdsContextualHelp: DefineComponent<ExtractPropTypes<{
     /** 툴팁 제목 */
     tooltipTitle: {
@@ -4784,15 +4954,15 @@ export declare interface KrdsTtsProps extends BaseComponentProps {
 /**
  * KRDS Vue 플러그인
  */
-declare const KrdsVue: Plugin_2;
+declare const KrdsVue: Plugin_2<[KrdsVueOptions?]>;
 export default KrdsVue;
 
 /**
  * KRDS Vue 플러그인 설정 옵션
  */
 export declare interface KrdsVueOptions {
-    /** 설치할 컴포넌트 목록 (비어있으면 전체 설치) */
-    components?: string[];
+    /** 설치할 컴포넌트 목록 (비어있으면 전체 설치). 이름은 자동완성되며 임의 문자열도 허용 */
+    components?: (KrdsComponentName | (string & {}))[];
 }
 
 declare type LanguageData = {
@@ -5102,17 +5272,3 @@ export declare type Variant = 'primary' | 'secondary' | 'tertiary';
 export declare const version: string;
 
 export { }
-
-/**
- * KRDS Vue 디렉티브 타입 정의
- */
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    /**
-     * 스크린 리더 전용 텍스트 디렉티브
-     * 요소에 .sr-only 클래스를 추가하여 시각적으로는 숨기지만 스크린 리더에서는 읽을 수 있도록 합니다.
-     */
-    vSrOnly: never
-  }
-}

package/global.d.ts

@@ -0,0 +1,22 @@
+/**
+ * app.use(KrdsVue)로 전역 등록되는 컴포넌트·디렉티브·전역 속성 타입
+ *
+ * 사용: tsconfig.json의 compilerOptions.types에 "@krds.ui/vue/global" 추가
+ */
+import type { Directive } from 'vue'
+import type * as Krds from '@krds.ui/vue'
+
+declare module 'vue' {
+  export interface GlobalComponents extends Pick<typeof Krds, Krds.KrdsComponentName> {}
+
+  export interface GlobalDirectives {
+    /** 스크린 리더 전용 텍스트 (.sr-only 클래스 추가) */
+    vSrOnly: Directive<HTMLElement, boolean | undefined>
+  }
+
+  export interface ComponentCustomProperties {
+    $krds: { version: string }
+  }
+}
+
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krds.ui/vue",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "KRDS Vue Design System - 한국 정부 디자인 시스템 Vue 컴포넌트 라이브러리",
   "keywords": [
     "krds",
@@ -32,6 +32,9 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/krds-vue.es.js"
     },
+    "./global": {
+      "types": "./global.d.ts"
+    },
     "./dist/style.css": "./dist/style.css",
     "./style": "./dist/style.css",
     "./package.json": "./package.json"
@@ -40,13 +43,13 @@
     "**/*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "global.d.ts"
   ],
   "peerDependencies": {
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
     "@microsoft/api-extractor": "^7.58.12",
     "@size-limit/file": "^14.0.0",
     "@storybook/addon-a11y": "^10.6.1",
@@ -55,28 +58,23 @@
     "@storybook/vue3-vite": "^10.6.1",
     "@tsconfig/node24": "^24.0.4",
     "@types/node": "^26.2.0",
-    "@typescript-eslint/parser": "^8.67.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vitest/browser": "^4.1.10",
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.9.0",
-    "eslint": "^10.8.1",
-    "eslint-plugin-vue": "^10.10.0",
+    "oxfmt": "^0.71.0",
+    "oxlint": "^1.86.0",
     "playwright": "^1.62.1",
-    "prettier": "^3.9.6",
     "sass": "^1.102.0",
     "size-limit": "^14.0.0",
     "source-map-explorer": "^2.5.3",
     "storybook": "^10.6.1",
     "typescript": "6.0.3",
+    "typescript7": "npm:typescript@^7.0.2",
     "vite": "^8.2.1",
     "vite-plugin-dts": "^5.0.3",
     "vitest": "^4.1.10",
-    "vue": "^3.5.41",
-    "vue-eslint-parser": "^10.4.1",
-    "vue-tsc": "^3.3.9"
+    "vue": "^3.5.41"
   },
   "publishConfig": {
     "access": "public",
@@ -103,9 +101,9 @@
     "preview": "vite preview",
     "test": "vitest",
     "test:coverage": "vitest --coverage",
-    "type-check": "vue-tsc --noEmit",
-    "lint": "eslint . --fix",
-    "format": "prettier --write src/",
+    "type-check": "node node_modules/typescript7/bin/tsc --noEmit",
+    "lint": "oxlint",
+    "format": "oxfmt",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build && node scripts/storybook-seo.mjs",
     "bundle-size": "size-limit"