@krds.ui/vue 0.0.13 → 0.0.15

package/dist/types/index.d.ts

@@ -1,1763 +1,115 @@
-import { Component } from 'vue';
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProvideOptions } from 'vue';
-import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-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, {} & {
-"update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<KrdsPanelProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-modelValue: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-declare const __VLS_component_2: DefineComponent<KrdsContextualHelpProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsContextualHelpProps> & Readonly<{}>, {
-tooltipTitle: string;
-position: "top left" | "top center" | "top right" | "bottom left" | "bottom center" | "bottom right";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-containerRef: HTMLDivElement;
-tooltipBtnRef: HTMLButtonElement;
-tooltipPopoverRef: HTMLDivElement;
-closeBtnRef: HTMLButtonElement;
-}, HTMLDivElement>;
-
-declare const __VLS_component_3: DefineComponent<KrdsCoachMarkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-close: () => any;
-"update:modelValue": (value: number | null) => any;
-}, string, PublicProps, Readonly<KrdsCoachMarkProps> & Readonly<{
-onClose?: (() => any) | undefined;
-"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
-}>, {
-modelValue: number | null;
-coachMarkClass: string | string[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_4: DefineComponent<KrdsTooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTooltipProps> & Readonly<{}>, {
-disabled: boolean;
-type: TooltipType;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-containerRef: HTMLDivElement;
-popoverRef: HTMLDivElement;
-}, HTMLDivElement>;
-
-declare const __VLS_component_5: DefineComponent<KrdsLanguageSwitcherProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-close: () => any;
-"update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<KrdsLanguageSwitcherProps> & Readonly<{
-onClose?: (() => any) | undefined;
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-type: "default" | "external";
-modelValue: string;
-dropPosition: DropdownPosition;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-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: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-
-declare function __VLS_template_2(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        containerRef: HTMLDivElement;
-        tooltipBtnRef: HTMLButtonElement;
-        tooltipPopoverRef: HTMLDivElement;
-        closeBtnRef: HTMLButtonElement;
-    };
-    rootEl: HTMLDivElement;
-};
-
-declare function __VLS_template_3(): {
-    attrs: Partial<{}>;
-    slots: {
-        'coach-mark-content'?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_4(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        containerRef: HTMLDivElement;
-        popoverRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-
-declare function __VLS_template_5(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        'prev-item'?(_: {}): any;
-    };
-    refs: {
-        dropdownRef: HTMLDivElement;
-        buttonRef: HTMLButtonElement;
-    };
-    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>;
-
-declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
-
-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;
-    };
-};
-
-declare type __VLS_WithTemplateSlots_2<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-declare type __VLS_WithTemplateSlots_3<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-declare type __VLS_WithTemplateSlots_4<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-declare type __VLS_WithTemplateSlots_5<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-declare type __VLS_WithTemplateSlots_6<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-/**
- * 정렬 타입
- */
-export declare type Alignment = 'left' | 'center' | 'right' | 'justify';
-
-/**
- * 컴포넌트 기본 속성
- */
-export declare interface BaseComponentProps {
-    /** CSS 클래스 */
-    class?: string;
-    /** 인라인 스타일 */
-    style?: string | Record<string, string | number>;
-    /** HTML ID */
-    id?: string;
-}
-
-/**
- * 폼 컴포넌트 기본 속성
- */
-export declare interface BaseFormProps extends BaseComponentProps {
-    /** 폼 필드 이름 */
-    name?: string;
-    /** 필수 입력 여부 */
-    required?: boolean;
-    /** 읽기 전용 여부 */
-    readonly?: boolean;
-}
-
-/**
- * 브레드크럼 아이템 인터페이스
- */
-export declare interface BreadcrumbItem {
-    /** 텍스트 */
-    text: string;
-    /** 링크 URL */
-    href?: string;
-    /** 클릭 핸들러 */
-    onClick?: (event: MouseEvent) => void;
-}
-
-/**
- * 클래스명을 조합합니다.
- *
- * @param classes - 클래스명 배열 또는 객체
- * @returns 결합된 클래스명 문자열
- */
-export declare function classNames(...classes: (string | undefined | null | false)[]): string;
-
-/**
- * 색상 변형 타입
- */
-export declare type ColorVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-
-/**
- * KRDS Badge 컴포넌트 속성
- */
-declare type ColorVariant_2 = 'primary' | 'secondary' | 'gray' | 'point' | 'danger' | 'warning' | 'success' | 'information' | 'disabled';
-
-/**
- * 컴포넌트 슬롯 타입
- */
-export declare interface ComponentSlots {
-    default?: () => unknown;
-    [key: string]: ((...args: unknown[]) => unknown) | undefined;
-}
-
-/**
- * 컴포넌트 상태 타입
- */
-export declare type ComponentState = 'default' | 'hover' | 'active' | 'focus' | 'disabled';
-
-/**
- * CSS 변수 타입
- */
-export declare type CSSCustomProperties = Record<`--${string}`, string | number>;
-
-/**
- * 방향 타입
- */
-export declare type Direction = 'horizontal' | 'vertical';
-
-declare type DropdownPosition = 'left' | 'center' | 'right';
-
-/**
- * 파일 정보 인터페이스
- */
-export declare interface FileInfo {
-    /** 파일 ID */
-    id: string;
-    /** 파일 객체 */
-    file: File;
-    /** 파일명 */
-    name: string;
-    /** 파일 크기 (bytes) */
-    size: number;
-    /** 파일 타입 */
-    type: string;
-    /** 업로드 상태 */
-    status: 'pending' | 'uploading' | 'completed' | 'error';
-    /** 업로드 진행률 (0-100) */
-    progress?: number;
-    /** 에러 메시지 */
-    errorMessage?: string;
-    /** 다운로드 URL */
-    downloadUrl?: string;
-}
-
-/**
- * KRDS Vue 유틸리티
- */
-/**
- * 고유한 ID를 생성합니다.
- * Math.random()보다 성능이 좋고 예측 가능합니다.
- *
- * @param prefix - ID 접두사
- * @returns 고유한 ID 문자열
- */
-export declare function generateId(prefix?: string): string;
-
-/**
- * 간단한 고유 ID를 생성합니다.
- * 브라우저와 Node.js 환경에서 모두 작동합니다.
- *
- * @returns 7자리 랜덤 문자열
- */
-export declare function generateUid(): string;
-
-/**
- * 아이콘 속성
- */
-export declare interface IconProps {
-    /** 아이콘 이름 */
-    name: string;
-    /** 아이콘 크기 */
-    size?: Size | number;
-    /** 아이콘 색상 */
-    color?: string;
-}
-
-/**
- * 입력 상태 타입
- */
-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>;
-
-/**
- * KRDS Badge 컴포넌트 이벤트
- */
-export declare interface KrdsBadgeEmits {
-    (e: 'click', event: MouseEvent): void;
-}
-
-export declare interface KrdsBadgeProps extends BaseComponentProps {
-    /** 배지 타입 */
-    type?: 'outline' | 'bg' | 'bg-light';
-    /** 배지 컬러 */
-    color?: ColorVariant_2;
-    /** 넘버 여부 */
-    number?: boolean;
-    /** 배지 크기 */
-    size?: 'large' | 'medium' | 'small';
-}
-
-export declare const KrdsBreadcrumb: DefineComponent<KrdsBreadcrumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"item-click": (item: BreadcrumbItem, event: MouseEvent) => any;
-}, string, PublicProps, Readonly<KrdsBreadcrumbProps> & Readonly<{
-"onItem-click"?: ((item: BreadcrumbItem, event: MouseEvent) => any) | undefined;
-}>, {
-id: string;
-ariaLabel: string;
-showHomeIcon: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
-
-/**
- * KRDS Breadcrumb 컴포넌트 이벤트
- */
-export declare interface KrdsBreadcrumbEmits {
-    'item-click': [item: BreadcrumbItem, event: MouseEvent];
-}
-
-/**
- * KRDS Breadcrumb 컴포넌트 속성
- */
-export declare interface KrdsBreadcrumbProps {
-    /** 브레드크럼 아이템 배열 */
-    items: BreadcrumbItem[];
-    /** 엘리먼트 ID */
-    id?: string;
-    /** 접근성 라벨 */
-    ariaLabel?: string;
-    /** 홈 아이콘 표시 여부 */
-    showHomeIcon?: boolean;
-}
-
-export declare const KrdsButton: DefineComponent<KrdsButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Button 컴포넌트 이벤트
- */
-export declare interface KrdsButtonEmits {
-    (e: 'click', event: MouseEvent): void;
-}
-
-export declare const KrdsButtonGroup: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS ButtonGroup 컴포넌트 속성
- */
-export declare type KrdsButtonGroupProps = BaseComponentProps;
-
-/**
- * KRDS Button 컴포넌트 속성
- */
-export declare interface KrdsButtonProps extends BaseComponentProps {
-    /** 버튼 타입 */
-    type?: 'button' | 'submit' | 'reset';
-    /** 버튼 크기 */
-    size?: Size;
-    /** 버튼 변형 */
-    variant?: Variant;
-    /** 아이콘 전용 버튼 */
-    icon?: boolean;
-    /** 테두리 스타일 (아이콘 버튼용) */
-    border?: boolean;
-    /** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
-    pure?: boolean;
-    /** 텍스트 버튼 스타일 */
-    text?: boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-}
-
-export declare const KrdsCheckArea: DefineComponent<KrdsCheckAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCheckAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS CheckArea 컴포넌트 속성
- */
-export declare interface KrdsCheckAreaProps extends BaseComponentProps {
-    /** 추가 클래스 */
-    class?: string;
-    column?: boolean;
-}
-
-export declare const KrdsCheckbox: DefineComponent<KrdsCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Checkbox 컴포넌트 이벤트
- */
-export declare interface KrdsCheckboxEmits {
-    (e: 'update:modelValue', value: boolean): void;
-}
-
-/**
- * KRDS Checkbox 컴포넌트 속성
- */
-export declare interface KrdsCheckboxProps extends BaseFormProps {
-    /** 모델 값 */
-    modelValue?: boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 크기 */
-    size?: 'medium' | 'large';
-    /** Chip 스타일 여부 */
-    chip?: boolean;
-}
-
-export declare const KrdsCoachMark: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
-
-export declare interface KrdsCoachMarkProps extends BaseComponentProps {
-    coachMarkClass?: string | string[];
-    stepsData: StepsData[];
-    activeStep: number;
-    modelValue?: number | null;
-}
-
-/**
- * KRDS 컴포넌트 타입
- */
-export declare type KrdsComponent<Props = object, Slots = object, Emits = object> = Component & {
-    __krdsComponent: true;
-    __krdsProps: Props;
-    __krdsSlots: Slots;
-    __krdsEmits: Emits;
-};
-
-export declare const KrdsContextualHelp: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
-
-export declare interface KrdsContextualHelpProps {
-    tooltipTitle?: string;
-    helpIcon?: boolean;
-    position?: 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
-}
-
-export declare const KrdsDateInput: DefineComponent<KrdsDateInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-focus: (event: FocusEvent) => any;
-input: (event: Event) => any;
-blur: (event: FocusEvent) => any;
-change: (event: Event) => any;
-"update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<KrdsDateInputProps> & Readonly<{
-onFocus?: ((event: FocusEvent) => any) | undefined;
-onInput?: ((event: Event) => any) | undefined;
-onBlur?: ((event: FocusEvent) => any) | undefined;
-onChange?: ((event: Event) => any) | undefined;
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-name: string;
-required: boolean;
-readonly: boolean;
-disabled: boolean;
-size: Size;
-class: string;
-id: string;
-modelValue: string;
-placeholder: string;
-autofocus: boolean;
-eventDates: string[];
-holidays: string[];
-initialYear: number;
-initialMonth: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-datePickerButtonRef: HTMLButtonElement;
-datePickerAreaRef: HTMLDivElement;
-}, HTMLDivElement>;
-
-/**
- * KRDS DateInput 컴포넌트 이벤트
- */
-export declare interface KrdsDateInputEmits {
-    'update:modelValue': [value: string];
-    input: [event: Event];
-    change: [event: Event];
-    focus: [event: FocusEvent];
-    blur: [event: FocusEvent];
-}
-
-/**
- * KRDS DateInput 컴포넌트 속성
- */
-export declare interface KrdsDateInputProps extends BaseFormProps {
-    /** 선택된 날짜 값 */
-    modelValue?: string;
-    /** 입력 크기 */
-    size?: Size;
-    /** 플레이스홀더 */
-    placeholder?: string;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 읽기 전용 여부 */
-    readonly?: boolean;
-    /** 자동 포커스 */
-    autofocus?: boolean;
-    /** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
-    eventDates?: string[];
-    /** 휴일 날짜 배열 (YYYY.MM.DD 형식) */
-    holidays?: string[];
-    /** 초기 표시 년도 (기본: 현재 년도) */
-    initialYear?: number;
-    /** 초기 표시 월 (기본: 현재 월) */
-    initialMonth?: number;
-}
-
-export declare const KrdsFileUpload: DefineComponent<ExtractPropTypes<    {
-modelValue: {
-type: () => FileInfo[];
-default: () => never[];
-};
-size: {
-type: () => Size;
-default: string;
-};
-accept: {
-type: StringConstructor;
-default: undefined;
-};
-maxFiles: {
-type: NumberConstructor;
-default: number;
-};
-maxFileSize: {
-type: NumberConstructor;
-default: number;
-};
-multiple: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-dragAndDrop: {
-type: BooleanConstructor;
-default: boolean;
-};
-title: {
-type: StringConstructor;
-default: string;
-};
-description: {
-type: StringConstructor;
-default: string;
-};
-placeholder: {
-type: StringConstructor;
-default: string;
-};
-showPreview: {
-type: BooleanConstructor;
-default: boolean;
-};
-showDownload: {
-type: BooleanConstructor;
-default: boolean;
-};
-showPreviewButton: {
-type: BooleanConstructor;
-default: boolean;
-};
-showClearAll: {
-type: BooleanConstructor;
-default: boolean;
-};
-name: {
-type: StringConstructor;
-default: undefined;
-};
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-readonly: {
-type: BooleanConstructor;
-default: boolean;
-};
-class: {
-type: StringConstructor;
-default: undefined;
-};
-style: {
-type: (StringConstructor | ObjectConstructor)[];
-default: undefined;
-};
-id: {
-type: StringConstructor;
-default: undefined;
-};
-}>, () => VNode<RendererNode, RendererElement, {
-[key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "file-added" | "file-removed" | "file-error" | "upload-start" | "upload-progress" | "upload-complete" | "upload-error" | "clear-all" | "download" | "preview")[], "update:modelValue" | "file-added" | "file-removed" | "file-error" | "upload-start" | "upload-progress" | "upload-complete" | "upload-error" | "clear-all" | "download" | "preview", PublicProps, Readonly<ExtractPropTypes<    {
-modelValue: {
-type: () => FileInfo[];
-default: () => never[];
-};
-size: {
-type: () => Size;
-default: string;
-};
-accept: {
-type: StringConstructor;
-default: undefined;
-};
-maxFiles: {
-type: NumberConstructor;
-default: number;
-};
-maxFileSize: {
-type: NumberConstructor;
-default: number;
-};
-multiple: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-dragAndDrop: {
-type: BooleanConstructor;
-default: boolean;
-};
-title: {
-type: StringConstructor;
-default: string;
-};
-description: {
-type: StringConstructor;
-default: string;
-};
-placeholder: {
-type: StringConstructor;
-default: string;
-};
-showPreview: {
-type: BooleanConstructor;
-default: boolean;
-};
-showDownload: {
-type: BooleanConstructor;
-default: boolean;
-};
-showPreviewButton: {
-type: BooleanConstructor;
-default: boolean;
-};
-showClearAll: {
-type: BooleanConstructor;
-default: boolean;
-};
-name: {
-type: StringConstructor;
-default: undefined;
-};
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-readonly: {
-type: BooleanConstructor;
-default: boolean;
-};
-class: {
-type: StringConstructor;
-default: undefined;
-};
-style: {
-type: (StringConstructor | ObjectConstructor)[];
-default: undefined;
-};
-id: {
-type: StringConstructor;
-default: undefined;
-};
-}>> & Readonly<{
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-"onFile-added"?: ((...args: any[]) => any) | undefined;
-"onFile-removed"?: ((...args: any[]) => any) | undefined;
-"onFile-error"?: ((...args: any[]) => any) | undefined;
-"onUpload-start"?: ((...args: any[]) => any) | undefined;
-"onUpload-progress"?: ((...args: any[]) => any) | undefined;
-"onUpload-complete"?: ((...args: any[]) => any) | undefined;
-"onUpload-error"?: ((...args: any[]) => any) | undefined;
-"onClear-all"?: ((...args: any[]) => any) | undefined;
-onDownload?: ((...args: any[]) => any) | undefined;
-onPreview?: ((...args: any[]) => any) | undefined;
-}>, {
-name: string;
-required: boolean;
-readonly: boolean;
-disabled: boolean;
-size: Size;
-class: string;
-style: string | Record<string, any>;
-id: string;
-title: string;
-modelValue: FileInfo[];
-placeholder: string;
-accept: string;
-maxFiles: number;
-maxFileSize: number;
-multiple: boolean;
-dragAndDrop: boolean;
-description: string;
-showPreview: boolean;
-showDownload: boolean;
-showPreviewButton: boolean;
-showClearAll: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-/**
- * KRDS FileUpload 컴포넌트 이벤트
- */
-export declare interface KrdsFileUploadEmits {
-    'update:modelValue': [files: FileInfo[]];
-    'file-added': [file: FileInfo];
-    'file-removed': [fileId: string];
-    'file-error': [file: FileInfo, error: string];
-    'upload-start': [file: FileInfo];
-    'upload-progress': [file: FileInfo, progress: number];
-    'upload-complete': [file: FileInfo];
-    'upload-error': [file: FileInfo, error: string];
-    'clear-all': [];
-    download: [file: FileInfo];
-    preview: [file: FileInfo];
-}
-
-/**
- * KRDS FileUpload 컴포넌트 속성
- */
-export declare interface KrdsFileUploadProps extends BaseFormProps {
-    /** 파일 목록 */
-    modelValue?: FileInfo[];
-    /** 입력 크기 */
-    size?: Size;
-    /** 허용되는 파일 타입 (예: '.jpg,.png,.pdf') */
-    accept?: string;
-    /** 최대 파일 개수 */
-    maxFiles?: number;
-    /** 최대 파일 크기 (bytes) */
-    maxFileSize?: number;
-    /** 다중 파일 선택 여부 */
-    multiple?: boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 드래그 앤 드롭 활성화 여부 */
-    dragAndDrop?: boolean;
-    /** 제목 */
-    title?: string;
-    /** 설명 텍스트 */
-    description?: string;
-    /** 플레이스홀더 텍스트 */
-    placeholder?: string;
-    /** 미리보기 표시 여부 */
-    showPreview?: boolean;
-    /** 다운로드 버튼 표시 여부 */
-    showDownload?: boolean;
-    /** 바로보기 버튼 표시 여부 */
-    showPreviewButton?: boolean;
-    /** 전체 삭제 버튼 표시 여부 */
-    showClearAll?: boolean;
-}
-
-export declare const KrdsFormGroup: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS FormGroup 컴포넌트 속성
- */
-export declare type KrdsFormGroupProps = BaseComponentProps;
-
-export declare const KrdsFormHint: DefineComponent<KrdsFormHintProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsFormHintProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS FormHint 컴포넌트 이벤트
- */
-export declare interface KrdsFormHintEmits {
-    (e: 'click', event: MouseEvent): void;
-}
-
-/**
- * KRDS FormHint 컴포넌트 속성
- */
-export declare interface KrdsFormHintProps extends BaseComponentProps {
-    /** 힌트 타입 */
-    type?: 'hint' | 'error' | 'success' | 'information';
-}
-
-export declare const KrdsFormLabel: DefineComponent<KrdsFormLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsFormLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS FormLabel 컴포넌트 이벤트
- */
-export declare interface KrdsFormLabelEmits {
-    (e: 'click', event: MouseEvent): void;
-}
-
-/**
- * KRDS FormLabel 컴포넌트 속성
- */
-export declare interface KrdsFormLabelProps extends BaseComponentProps {
-    /** label의 for 속성 */
-    for?: string;
-}
-
-export declare const KrdsIcon: DefineComponent<KrdsIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Icon 컴포넌트 속성
- */
-export declare interface KrdsIconProps extends BaseComponentProps {
-    /** 아이콘 이름 */
-    name: string;
-}
-
-export declare const KrdsInPageNavigation: DefineComponent<KrdsInPageNavigationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsInPageNavigationProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS InPageNavigation 컴포넌트 이벤트
- */
-export declare interface KrdsInPageNavigationEmits {
-    (e: 'itemClick', item: NavigationItem, event: MouseEvent | KeyboardEvent): void;
-}
-
-/**
- * KRDS InPageNavigation 컴포넌트 속성
- */
-export declare interface KrdsInPageNavigationProps extends BaseComponentProps {
-    /** 네비게이션 제목 */
-    title?: string;
-    /** 네비게이션 캡션 */
-    caption?: string;
-    /** 네비게이션 아이템 목록 */
-    items?: NavigationItem[];
-    /** 스크롤에 따른 자동 활성화 여부 */
-    autoActive?: boolean;
-    /** 헤더 상단 영역 선택자 (기본값: '#krds-masthead') */
-    headerTopSelector?: string;
-    /** 헤더 내부 영역 선택자 (기본값: '#krds-header .header-in') */
-    headerInnerSelector?: string;
-}
-
-export declare const KrdsInput: DefineComponent<KrdsInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Input 컴포넌트 이벤트
- */
-export declare interface KrdsInputEmits {
-    (e: 'update:modelValue', value: string | number): void;
-    (e: 'input', event: Event): void;
-    (e: 'change', event: Event): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'keydown', event: KeyboardEvent): void;
-    (e: 'keyup', event: KeyboardEvent): void;
-}
-
-/**
- * KRDS Input 컴포넌트 속성
- */
-export declare interface KrdsInputProps extends BaseFormProps {
-    /** 입력값 */
-    modelValue?: string | number;
-    /** 입력 타입 */
-    type?: InputType;
-    /** 입력 크기 */
-    size?: Size;
-    /** 플레이스홀더 */
-    placeholder?: string;
-    /** 최대 글자 수 */
-    maxlength?: number;
-    /** 최소 글자 수 */
-    minlength?: number;
-    /** 최대값 (number 타입용) */
-    max?: number;
-    /** 최소값 (number 타입용) */
-    min?: number;
-    /** 단계값 (number 타입용) */
-    step?: number;
-    /** 자동완성 */
-    autocomplete?: string;
-    /** 자동 포커스 */
-    autofocus?: boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 입력 상태 */
-    state?: 'default' | 'error' | 'success' | 'information';
-    /** 아이콘 (있을 때 btn-ico-wrap 클래스 적용) */
-    icon?: boolean;
-    /** 로딩 상태 */
-    loading?: boolean;
-}
-
-export declare const KrdsLanguageSwitcher: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
-
-export declare interface KrdsLanguageSwitcherProps extends BaseComponentProps {
-    languageList: LanguageData[];
-    modelValue?: string;
-    type?: 'default' | 'external';
-    dropPosition?: DropdownPosition;
-}
-
-export declare const KrdsLink: DefineComponent<KrdsLinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Link 컴포넌트 이벤트
- */
-export declare interface KrdsLinkEmits {
-    (e: 'click', event: MouseEvent): void;
-}
-
-/**
- * KRDS Link 컴포넌트 속성
- */
-export declare interface KrdsLinkProps extends BaseComponentProps {
-    /** 링크 URL */
-    href?: string;
-    /** 링크 대상 (_blank, _self 등) */
-    target?: '_blank' | '_self' | '_parent' | '_top' | string;
-    /** 링크 제목 (접근성) */
-    title?: string;
-    /** 링크 크기 */
-    size?: KrdsLinkSize;
-    /** Link 클래스 적용 여부 */
-    link?: boolean;
-    /** Basic 링크 여부 (본문 텍스트 컬러) */
-    basic?: boolean;
-    /** Pure 링크 여부 (가상클래스 상태 시 컬러 유지) */
-    pure?: boolean;
-}
-
-/**
- * KRDS Link 크기 타입 (링크는 small, medium, large만 지원)
- */
-export declare type KrdsLinkSize = 'small' | 'medium' | 'large';
-
-export declare const KrdsMasthead: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Masthead 컴포넌트 속성
- */
-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<{
-"onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}>, {
-id: string;
-modelValue: number;
-min: number;
-ariaLabel: string;
-pageRange: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-/**
- * KRDS Pagination 컴포넌트 이벤트
- */
-export declare interface KrdsPaginationEmits {
-    /** v-model 업데이트 이벤트 */
-    'update:modelValue': [value: number];
-}
-
-/**
- * KRDS Pagination 컴포넌트 속성
- */
-export declare interface KrdsPaginationProps {
-    /** 현재 페이지 번호 (v-model) */
-    modelValue?: number;
-    /** 최소 페이지 번호 (기본값: 1, 최소값: 1) */
-    min?: number;
-    /** 최대 페이지 번호 (전체 페이지 수) */
-    max: number;
-    /** 엘리먼트 ID */
-    id?: string;
-    /** 접근성 라벨 */
-    ariaLabel?: string;
-    /** 표시할 페이지 범위 */
-    pageRange?: number;
-}
-
-export declare const KrdsPanel: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-
-export declare interface KrdsPanelProps {
-    modelValue?: boolean;
-}
-
-export declare const KrdsRadio: DefineComponent<KrdsRadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsRadioProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Radio 컴포넌트 이벤트
- */
-export declare interface KrdsRadioEmits {
-    (e: 'update:modelValue', value: string | number | boolean): void;
-}
-
-/**
- * KRDS Radio 컴포넌트 속성
- */
-export declare interface KrdsRadioProps extends BaseFormProps {
-    /** 모델 값 */
-    modelValue?: string | number | boolean;
-    /** 라디오 값 */
-    value: string | number | boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 크기 */
-    size?: 'medium' | 'large';
-    /** Chip 스타일 여부 */
-    chip?: boolean;
-}
-
-export declare const KrdsResize: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-close: () => any;
-"update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<{}> & Readonly<{
-onClose?: (() => any) | undefined;
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
-dropdownRef: HTMLDivElement;
-buttonRef: HTMLButtonElement;
-}, any>;
-
-export declare interface KrdsResizeEmits {
-    'update:modelValue': [value: string];
-    close: [];
-}
-
-export declare const KrdsSelect: DefineComponent<KrdsSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Select 컴포넌트 이벤트
- */
-export declare interface KrdsSelectEmits {
-    (e: 'update:modelValue', value: string | number | null): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'blur', event: FocusEvent): void;
-}
-
-/**
- * KRDS Select 컴포넌트 속성
- */
-export declare interface KrdsSelectProps extends BaseFormProps {
-    /** 선택된 값 */
-    modelValue?: string | number | null;
-    /** 선택 크기 */
-    size?: Size;
-    /** 타이틀 */
-    title?: string;
-    /** 옵션 목록 */
-    options?: SelectOption[];
-    /** 플레이스홀더 */
-    placeholder?: string;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 입력 상태 */
-    state?: 'default' | 'error' | 'success' | 'information';
-    /** 정렬 스타일 여부 */
-    sort?: boolean;
-}
-
-/**
- * KRDS SkipLink 컴포넌트
- *
- * 건너뛰기 링크는 웹사이트에서 웹 페이지의 주요 콘텐츠 섹션의 탐색을 도와주는 페이지 내부 링크입니다.
- * 키보드나 가상 초점을 이용하여 콘텐츠를 탐색하는 사용자는 건너뛰기 링크를 이용하여
- * 대부분의 페이지에서 반복되는 콘텐츠 영역을 건너뛰고 주요 콘텐츠로 빠르게 이동할 수 있습니다.
- *
- * @example
- * ```vue
- * <KrdsSkipLink href="#main-content">본문 바로가기</KrdsSkipLink>
- * <KrdsSkipLink href="#breadcrumb">본문 바로가기</KrdsSkipLink>
- * <KrdsSkipLink href="#gnb">메인메뉴 바로가기</KrdsSkipLink>
- * ```
- */
-export declare const KrdsSkipLink: DefineComponent<ExtractPropTypes<    {
-/**
-* 건너뛸 대상 요소의 ID
-* @example '#main-content', '#breadcrumb'
-*/
-href: {
-type: StringConstructor;
-required: true;
-validator: (value: string) => boolean;
-};
-/**
-* 추가 CSS 클래스
-*/
-class: {
-type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-default: undefined;
-};
-/**
-* 요소 ID
-*/
-id: {
-type: StringConstructor;
-default: string;
-};
-}>, () => VNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-/**
-* 건너뛸 대상 요소의 ID
-* @example '#main-content', '#breadcrumb'
-*/
-href: {
-type: StringConstructor;
-required: true;
-validator: (value: string) => boolean;
-};
-/**
-* 추가 CSS 클래스
-*/
-class: {
-type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-default: undefined;
-};
-/**
-* 요소 ID
-*/
-id: {
-type: StringConstructor;
-default: string;
-};
-}>> & Readonly<{}>, {
-class: string | unknown[] | Record<string, any>;
-id: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-/**
- * KRDS SkipLink 컴포넌트 속성
- */
-export declare interface KrdsSkipLinkProps extends BaseComponentProps {
-    /** 건너뛸 대상 요소의 ID */
-    href: string;
-}
-
-export declare const KrdsSpinner: DefineComponent<ExtractPropTypes<    {
-label: {
-type: StringConstructor;
-default: undefined;
-};
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-label: {
-type: StringConstructor;
-default: undefined;
-};
-}>> & Readonly<{}>, {
-label: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-export declare const KrdsStep: DefineComponent<KrdsStepProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStepProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Step 컴포넌트 이벤트
- */
-export declare interface KrdsStepEmits {
-    (e: 'click', event: MouseEvent, step: string | number): void;
-}
-
-export declare const KrdsStepIndicator: DefineComponent<KrdsStepIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStepIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS StepIndicator 컴포넌트 이벤트
- */
-export declare interface KrdsStepIndicatorEmits {
-    (e: 'update:modelValue', value: number): void;
-}
-
-/**
- * KRDS StepIndicator 컴포넌트 속성
- */
-export declare interface KrdsStepIndicatorProps extends BaseComponentProps {
-    /** 현재 활성 단계 인덱스 (0부터 시작) - v-model */
-    modelValue?: number;
-}
-
-/**
- * KRDS Step 컴포넌트 속성
- */
-export declare interface KrdsStepProps extends BaseComponentProps {
-    /** 단계 번호 */
-    step: string | number;
-    /** 단계 제목 */
-    title: string;
-    /** 단계 상태 강제 설정 (선택적) */
-    status?: 'done' | 'active' | 'pending';
-}
-
-export declare const KrdsTag: DefineComponent<KrdsTagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTagProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS Tag 컴포넌트 이벤트
- */
-export declare interface KrdsTagEmits {
-    (e: 'remove', event: MouseEvent): void;
-}
-
-export declare const KrdsTagGroup: DefineComponent<KrdsTagGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTagGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS TagGroup 컴포넌트 속성
- */
-export declare interface KrdsTagGroupProps extends BaseComponentProps {
-    /** 태그 그룹 크기 */
-    size?: KrdsTagGroupSize;
-}
-
-/**
- * KRDS TagGroup 크기 타입
- */
-export declare type KrdsTagGroupSize = 'small' | 'medium' | 'large';
-
-/**
- * KRDS Tag 컴포넌트 속성
- */
-export declare interface KrdsTagProps extends BaseComponentProps {
-    /** 링크 태그 여부 */
-    link?: boolean;
-    /** 링크 URL (link가 true일 때 사용) */
-    href?: string;
-    /** 링크 타겟 (link가 true일 때 사용) */
-    target?: string;
-    /** 링크 관계 (link가 true일 때 사용) */
-    rel?: string;
-}
-
-export declare const KrdsTextarea: DefineComponent<ExtractPropTypes<    {
-modelValue: {
-type: StringConstructor;
-default: string;
-};
-size: {
-type: () => Size;
-default: undefined;
-};
-placeholder: {
-type: StringConstructor;
-default: undefined;
-};
-maxlength: {
-type: NumberConstructor;
-default: undefined;
-};
-minlength: {
-type: NumberConstructor;
-default: undefined;
-};
-rows: {
-type: NumberConstructor;
-default: number;
-};
-cols: {
-type: NumberConstructor;
-default: undefined;
-};
-autofocus: {
-type: BooleanConstructor;
-default: boolean;
-};
-name: {
-type: StringConstructor;
-default: undefined;
-};
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-readonly: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-showCount: {
-type: BooleanConstructor;
-default: boolean;
-};
-resize: {
-type: () => "none" | "both" | "horizontal" | "vertical";
-default: string;
-};
-class: {
-type: StringConstructor;
-default: undefined;
-};
-style: {
-type: (StringConstructor | ObjectConstructor)[];
-default: undefined;
-};
-id: {
-type: StringConstructor;
-default: undefined;
-};
-}>, () => VNode<RendererNode, RendererElement, {
-[key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "input" | "blur" | "change" | "keydown" | "keyup" | "update:modelValue")[], "focus" | "input" | "blur" | "change" | "keydown" | "keyup" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
-modelValue: {
-type: StringConstructor;
-default: string;
-};
-size: {
-type: () => Size;
-default: undefined;
-};
-placeholder: {
-type: StringConstructor;
-default: undefined;
-};
-maxlength: {
-type: NumberConstructor;
-default: undefined;
-};
-minlength: {
-type: NumberConstructor;
-default: undefined;
-};
-rows: {
-type: NumberConstructor;
-default: number;
-};
-cols: {
-type: NumberConstructor;
-default: undefined;
-};
-autofocus: {
-type: BooleanConstructor;
-default: boolean;
-};
-name: {
-type: StringConstructor;
-default: undefined;
-};
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-readonly: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-showCount: {
-type: BooleanConstructor;
-default: boolean;
-};
-resize: {
-type: () => "none" | "both" | "horizontal" | "vertical";
-default: string;
-};
-class: {
-type: StringConstructor;
-default: undefined;
-};
-style: {
-type: (StringConstructor | ObjectConstructor)[];
-default: undefined;
-};
-id: {
-type: StringConstructor;
-default: undefined;
-};
-}>> & Readonly<{
-onFocus?: ((...args: any[]) => any) | undefined;
-onInput?: ((...args: any[]) => any) | undefined;
-onBlur?: ((...args: any[]) => any) | undefined;
-onChange?: ((...args: any[]) => any) | undefined;
-onKeydown?: ((...args: any[]) => any) | undefined;
-onKeyup?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-name: string;
-required: boolean;
-readonly: boolean;
-disabled: boolean;
-size: Size;
-class: string;
-style: string | Record<string, any>;
-id: string;
-resize: "horizontal" | "vertical" | "none" | "both";
-modelValue: string;
-placeholder: string;
-maxlength: number;
-minlength: number;
-autofocus: boolean;
-rows: number;
-cols: number;
-showCount: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-/**
- * KRDS Textarea 컴포넌트 이벤트
- */
-export declare interface KrdsTextareaEmits {
-    (e: 'update:modelValue', value: string): void;
-    (e: 'input', event: Event): void;
-    (e: 'change', event: Event): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'keydown', event: KeyboardEvent): void;
-    (e: 'keyup', event: KeyboardEvent): void;
-}
-
-/**
- * KRDS Textarea 컴포넌트 속성
- */
-export declare interface KrdsTextareaProps extends BaseFormProps {
-    /** 입력값 */
-    modelValue?: string;
-    /** 입력 크기 */
-    size?: Size;
-    /** 플레이스홀더 */
-    placeholder?: string;
-    /** 최대 글자 수 */
-    maxlength?: number;
-    /** 최소 글자 수 */
-    minlength?: number;
-    /** 행 수 */
-    rows?: number;
-    /** 열 수 */
-    cols?: number;
-    /** 자동 포커스 */
-    autofocus?: boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 글자 수 표시 여부 */
-    showCount?: boolean;
-    /** 리사이즈 가능 여부 */
-    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
-}
-
-export declare const KrdsToggleSwitch: DefineComponent<KrdsToggleSwitchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsToggleSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS ToggleSwitch 컴포넌트 이벤트
- */
-export declare interface KrdsToggleSwitchEmits {
-    (e: 'update:modelValue', value: boolean): void;
-    (e: 'change', value: boolean): void;
-}
-
-/**
- * KRDS ToggleSwitch 컴포넌트 속성
- */
-export declare interface KrdsToggleSwitchProps extends BaseFormProps {
-    /** 모델 값 */
-    modelValue?: boolean;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-    /** 스위치 라벨 */
-    label?: string;
-    /** 크기 */
-    size?: 'medium' | 'large';
-}
-
-export declare const KrdsTooltip: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
-
-export declare interface KrdsTooltipProps extends BaseComponentProps {
-    type?: TooltipType;
-    tooltipContent: string;
-    vertical?: boolean;
-    box?: boolean;
-    disabled?: boolean;
-}
-
-export declare const KrdsTts: DefineComponent<KrdsTtsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTtsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-/**
- * KRDS TTS 컴포넌트 이벤트
- */
-export declare interface KrdsTtsEmits {
-    (e: 'play', text: string): void;
-    (e: 'pause'): void;
-    (e: 'end'): void;
-    (e: 'error', error: Error): void;
-}
-
-/**
- * KRDS TTS 컴포넌트 속성
- */
-export declare interface KrdsTtsProps extends BaseComponentProps {
-    /** 읽어줄 텍스트 */
-    text: string;
-    /** 레이블 텍스트 (미지정 시 아이콘만 표시) */
-    label?: string;
-    /** 버튼 크기 */
-    size?: TtsSize;
-    /** 아이콘 타입 */
-    icon?: TtsIcon;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-}
-
-/**
- * KRDS Vue 플러그인
- */
-declare const KrdsVue: Plugin_2;
-export default KrdsVue;
-
-/**
- * KRDS Vue 플러그인 설정 옵션
- */
-export declare interface KrdsVueOptions {
-    /** 설치할 컴포넌트 목록 (비어있으면 전체 설치) */
-    components?: string[];
-}
-
-declare type LanguageData = {
-    code: string;
-    name: string;
-    url?: string;
-};
-
-/**
- * 로딩 상태 속성
- */
-export declare interface LoadingProps {
-    /** 로딩 중 여부 */
-    loading?: boolean;
-    /** 로딩 텍스트 */
-    loadingText?: string;
-}
-
-/**
- * 네비게이션 아이템 인터페이스
- */
-export declare interface NavigationItem {
-    /** 링크 URL (앵커 링크) */
-    href: string;
-    /** 표시될 텍스트 */
-    text: string;
-    /** 활성 상태 여부 */
-    active?: boolean;
-}
-
-/**
- * 유틸리티 타입들
- */
-export declare type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-/**
- * 위치 타입
- */
-export declare type Position = 'top' | 'bottom' | 'left' | 'right';
-
-export declare type RequiredKeys<T> = {
-    [K in keyof T]-?: object extends Pick<T, K> ? never : K;
-}[keyof T];
-
-/**
- * 반응형 값 타입
- */
-export declare type ResponsiveValue<T> = T | {
-    mobile?: T;
-    tablet?: T;
-    desktop?: T;
-};
-
-/**
- * KRDS Select 옵션 타입
- */
-export declare interface SelectOption {
-    /** 옵션 값 */
-    value: string | number;
-    /** 옵션 레이블 */
-    label: string;
-    /** 비활성화 여부 */
-    disabled?: boolean;
-}
-
-/**
- * 기본 크기 타입 (KRDS 실제 규격)
- */
-export declare type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-
-declare type StepsData = {
-    id: number;
-    title: string;
-    description: string;
-};
-
-declare type TooltipType = 'default' | 'icon' | 'button';
-
-/**
- * TTS 아이콘 타입
- */
-export declare type TtsIcon = 'volume' | 'play';
-
-/**
- * TTS 사이즈 타입
- */
-export declare type TtsSize = 'xsmall' | 'small' | 'medium';
-
-/**
- * 버튼 변형 타입
- */
-export declare type Variant = 'primary' | 'secondary' | 'tertiary';
-
-export declare const version = "__VERSION__";
-
-export { }
+import { Component } from 'vue';
+/**
+ * 기본 크기 타입 (KRDS 실제 규격)
+ */
+export type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+/**
+ * 입력 타입
+ */
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+/**
+ * 색상 변형 타입
+ */
+export type ColorVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * 버튼 변형 타입
+ */
+export type Variant = 'primary' | 'secondary' | 'tertiary';
+/**
+ * 정렬 타입
+ */
+export type Alignment = 'left' | 'center' | 'right' | 'justify';
+/**
+ * 방향 타입
+ */
+export type Direction = 'horizontal' | 'vertical';
+/**
+ * 위치 타입
+ */
+export type Position = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * 컴포넌트 기본 속성
+ */
+export interface BaseComponentProps {
+    /** CSS 클래스 */
+    class?: string;
+    /** 인라인 스타일 */
+    style?: string | Record<string, string | number>;
+    /** HTML ID */
+    id?: string;
+}
+/**
+ * 폼 컴포넌트 기본 속성
+ */
+export interface BaseFormProps extends BaseComponentProps {
+    /** 폼 필드 이름 */
+    name?: string;
+    /** 필수 입력 여부 */
+    required?: boolean;
+    /** 읽기 전용 여부 */
+    readonly?: boolean;
+}
+/**
+ * 아이콘 속성
+ */
+export interface IconProps {
+    /** 아이콘 이름 */
+    name: string;
+    /** 아이콘 크기 */
+    size?: Size | number;
+    /** 아이콘 색상 */
+    color?: string;
+}
+/**
+ * 로딩 상태 속성
+ */
+export interface LoadingProps {
+    /** 로딩 중 여부 */
+    loading?: boolean;
+    /** 로딩 텍스트 */
+    loadingText?: string;
+}
+/**
+ * 컴포넌트 슬롯 타입
+ */
+export interface ComponentSlots {
+    default?: () => unknown;
+    [key: string]: ((...args: unknown[]) => unknown) | undefined;
+}
+/**
+ * KRDS 컴포넌트 타입
+ */
+export type KrdsComponent<Props = object, Slots = object, Emits = object> = Component & {
+    __krdsComponent: true;
+    __krdsProps: Props;
+    __krdsSlots: Slots;
+    __krdsEmits: Emits;
+};
+/**
+ * 유틸리티 타입들
+ */
+export type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type RequiredKeys<T> = {
+    [K in keyof T]-?: object extends Pick<T, K> ? never : K;
+}[keyof T];
+/**
+ * CSS 변수 타입
+ */
+export type CSSCustomProperties = Record<`--${string}`, string | number>;
+/**
+ * 반응형 값 타입
+ */
+export type ResponsiveValue<T> = T | {
+    mobile?: T;
+    tablet?: T;
+    desktop?: T;
+};
+/**
+ * 컴포넌트 상태 타입
+ */
+export type ComponentState = 'default' | 'hover' | 'active' | 'focus' | 'disabled';
+/**
+ * 입력 상태 타입
+ */
+export type InputState = ComponentState | 'error' | 'success';
+//# sourceMappingURL=index.d.ts.map