@krds.ui/vue 0.0.15 → 0.0.16

package/dist/types/index.d.ts

@@ -1,115 +1,2421 @@
-import { Component } from 'vue';
+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 { PropType } from 'vue';
+import { PublicProps } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import { SlotsType } from 'vue';
+import { VNode } from 'vue';
+
+/**
+ * 알림 타입
+ */
+export declare type AlertType = 'danger' | 'ok' | 'info';
+
+/**
+ * 정렬 타입
+ */
+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';
+
+declare type ContextualHelpPosition = 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
+
+/**
+ * CSS 변수 타입
+ */
+export declare type CSSCustomProperties = Record<`--${string}`, string | number>;
+
+/**
+ * 방향 타입
+ */
+export declare type Direction = 'horizontal' | 'vertical';
+
+export 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: DefineComponent<KrdsAccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS AccordionItem 컴포넌트 이벤트
+ */
+export declare interface KrdsAccordionItemEmits {
+    (e: 'toggle', id: string): void;
+}
+
+/**
+ * KRDS AccordionItem 컴포넌트 속성
+ */
+export declare interface KrdsAccordionItemProps {
+    /** 아이템 고유 식별자 */
+    id: string;
+    /** 현재 열려 있는 아이템의 id */
+    openItem?: string;
+    /** 헤더 텍스트 (title 슬롯으로 대체 가능) */
+    title?: string;
+    /** 본문 텍스트 (content 슬롯으로 대체 가능) */
+    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, {}, string, PublicProps, Readonly<KrdsBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Breadcrumb 컴포넌트 이벤트
+ */
+export declare interface KrdsBreadcrumbEmits {
+    (e: 'item-click', item: BreadcrumbItem, event: MouseEvent): void;
+}
+
+/**
+ * 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 KrdsCarousel: DefineComponent<ExtractPropTypes<{
+    variant: {
+        type: () => KrdsCarouselVariant;
+        default: string;
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoplayDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    pagination: {
+        type: () => KrdsCarouselPaginationType;
+        default: undefined;
+    };
+    navigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    moreHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    playLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    stopLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    moreLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "play" | "stop" | "update:activeIndex" | "more-click")[], "change" | "play" | "stop" | "update:activeIndex" | "more-click", PublicProps, Readonly< ExtractPropTypes<{
+    variant: {
+        type: () => KrdsCarouselVariant;
+        default: string;
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoplayDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    pagination: {
+        type: () => KrdsCarouselPaginationType;
+        default: undefined;
+    };
+    navigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    moreHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    playLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    stopLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    moreLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onStop?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
+    "onMore-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    variant: KrdsCarouselVariant;
+    id: string;
+    ariaLabel: string;
+    navigation: boolean;
+    activeIndex: number;
+    loop: boolean;
+    autoplay: boolean;
+    autoplayDelay: number;
+    pauseOnHover: boolean;
+    speed: number;
+    spaceBetween: number;
+    pagination: KrdsCarouselPaginationType;
+    moreHref: string;
+    prevLabel: string;
+    nextLabel: string;
+    playLabel: string;
+    stopLabel: string;
+    moreLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * KRDS Carousel 컴포넌트 이벤트
+ */
+export declare interface KrdsCarouselEmits {
+    /** 현재 슬라이드 인덱스 업데이트 (v-model:activeIndex) */
+    (e: 'update:activeIndex', value: number): void;
+    /** 슬라이드 변경 완료 */
+    (e: 'change', value: number): void;
+    /** 자동 재생 시작 */
+    (e: 'play'): void;
+    /** 자동 재생 정지 */
+    (e: 'stop'): void;
+    /** 더 보기 클릭 */
+    (e: 'more-click', event: MouseEvent): void;
+}
+
+/**
+ * 페이지네이션 표시 방식
+ * - `bullets`: 불릿(점) 목록, 클릭으로 이동 가능
+ * - `fraction`: `현재 / 전체` 분수 표기
+ * - `none`: 표시하지 않음
+ */
+export declare type KrdsCarouselPaginationType = 'bullets' | 'fraction' | 'none';
+
+/**
+ * KRDS Carousel 컴포넌트 속성
+ */
+export declare interface KrdsCarouselProps {
+    /** 캐러셀 형태 (기본값: visual) */
+    variant?: KrdsCarouselVariant;
+    /** 현재 슬라이드 인덱스 (v-model:activeIndex) */
+    activeIndex?: number;
+    /** 처음/마지막 슬라이드에서 순환 이동 여부 (기본값: true) */
+    loop?: boolean;
+    /** 자동 재생 여부. true면 재생/정지 버튼을 노출하고 즉시 재생을 시작한다 (기본값: false) */
+    autoplay?: boolean;
+    /** 자동 재생 간격 (ms, 기본값: 2500) */
+    autoplayDelay?: number;
+    /** 마우스 오버 시 자동 재생 일시 정지 여부 (기본값: true). 포커스 진입 시에는 값과 무관하게 항상 정지한다 */
+    pauseOnHover?: boolean;
+    /** 슬라이드 전환 속도 (ms, 기본값: 400) */
+    speed?: number;
+    /** 슬라이드 사이 간격 (px, 기본값: visual 0 / banner 16) */
+    spaceBetween?: number;
+    /** 페이지네이션 표시 방식 (기본값: visual bullets / banner fraction) */
+    pagination?: KrdsCarouselPaginationType;
+    /** 이전/다음 버튼 표시 여부 (기본값: true) */
+    navigation?: boolean;
+    /** 더 보기 링크 URL. 지정하면 더 보기 버튼을 표시한다 */
+    moreHref?: string;
+    /** 캐러셀 영역 접근성 라벨 */
+    ariaLabel?: string;
+    /** 이전 버튼 라벨 */
+    prevLabel?: string;
+    /** 다음 버튼 라벨 */
+    nextLabel?: string;
+    /** 재생 버튼 라벨 */
+    playLabel?: string;
+    /** 정지 버튼 라벨 */
+    stopLabel?: string;
+    /** 더 보기 버튼 라벨 */
+    moreLabel?: string;
+    /** 엘리먼트 ID */
+    id?: string;
+}
+
+/**
+ * 캐러셀 형태
+ * - `visual`: 비주얼 배너형 (원본 carousel.html, 이전/다음 버튼이 슬라이드 좌우에 겹쳐 배치)
+ * - `banner`: 배너형 (원본 carousel_banner.html, 인디케이터 안에 페이지네이션·재생 제어·내비게이션 배치)
+ */
+export declare type KrdsCarouselVariant = 'visual' | 'banner';
+
+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: DefineComponent<KrdsCoachMarkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCoachMarkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS CoachMark 컴포넌트 이벤트
+ */
+export declare interface KrdsCoachMarkEmits {
+    (e: 'update:modelValue', value: number | null): void;
+    (e: 'close'): void;
+}
+
+/**
+ * KRDS CoachMark 컴포넌트 속성
+ */
+export declare interface KrdsCoachMarkProps extends BaseComponentProps {
+    /** 코치마크 래퍼에 추가할 클래스 */
+    coachMarkClass?: string | string[];
+    /** 전체 단계 데이터 */
+    stepsData: StepsData[];
+    /** 이 코치마크가 담당하는 단계 번호 */
+    activeStep: number;
+    /** 현재 노출 중인 단계 (v-model) */
+    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: DefineComponent<KrdsContextualHelpProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsContextualHelpProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS ContextualHelp 컴포넌트 속성
+ */
+export declare interface KrdsContextualHelpProps {
+    /** 툴팁 제목 */
+    tooltipTitle?: string;
+    /** 도움말 아이콘 사용 여부 (false 면 툴팁 아이콘) */
+    helpIcon?: boolean;
+    /** 툴팁 노출 위치 */
+    position?: ContextualHelpPosition;
+}
+
+export declare const KrdsCriticalAlerts: DefineComponent<KrdsCriticalAlertsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCriticalAlertsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Critical Alerts 컴포넌트 이벤트
+ */
+export declare interface KrdsCriticalAlertsEmits {
+    (e: 'link-click', event: MouseEvent): void;
+}
+
+/**
+ * KRDS Critical Alerts 컴포넌트 속성
+ */
+export declare interface KrdsCriticalAlertsProps extends BaseComponentProps {
+    /** 알림 타입 */
+    type: AlertType;
+    /** 알림 메시지 */
+    message: string;
+    /** 링크 URL */
+    linkHref?: string;
+    /** 링크 텍스트 */
+    linkText?: string;
+}
+
+export declare const KrdsDateInput: DefineComponent<KrdsDateInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsDateInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS DateInput 컴포넌트 이벤트
+ */
+export declare interface KrdsDateInputEmits {
+    (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;
+}
+
+/**
+ * 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 KrdsDisclosure: DefineComponent<KrdsDisclosureProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsDisclosureProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Disclosure 컴포넌트 이벤트
+ */
+export declare interface KrdsDisclosureEmits {
+    (e: 'update:modelValue', value: boolean): void;
+}
+
+/**
+ * KRDS Disclosure 컴포넌트 속성
+ */
+export declare interface KrdsDisclosureProps extends BaseComponentProps {
+    /** 디스클로저 제목 */
+    title: string;
+    /** 확장 상태 (v-model) */
+    modelValue?: boolean;
+}
+
+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;
+    multiple: boolean;
+    maxFiles: number;
+    maxFileSize: number;
+    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 KrdsFooter: DefineComponent<KrdsFooterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Footer 컴포넌트 속성
+ */
+export declare interface KrdsFooterProps extends BaseComponentProps {
+    /** Footer ID */
+    id?: string;
+}
+
+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 KrdsHeader: DefineComponent<ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    id: string;
+}, SlotsType<{
+    /** 유틸리티 메뉴 슬롯 */
+    utility?(): VNode[];
+    /** 브랜딩 영역 슬롯 (로고, 액션 버튼) */
+    branding?(): VNode[];
+    /** 데스크탑 네비게이션 슬롯 — KrdsMainMenu 등 완성된 메뉴 요소를 그대로 전달 */
+    navigation?(): VNode[];
+    /** 모바일 네비게이션 슬롯 — KrdsMainMenu(variant="mobile") 등 완성된 드로어 요소를 그대로 전달 */
+    mobileNavigation?(): VNode[];
+}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * KRDS Header 컴포넌트 속성
+ */
+export declare interface KrdsHeaderProps {
+    /** 헤더 ID */
+    id?: string;
+    /** 추가 CSS 클래스 */
+    class?: 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 KrdsIdentifier: DefineComponent<KrdsIdentifierProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsIdentifierProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Identifier 컴포넌트 이벤트
+ */
+export declare interface KrdsIdentifierEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+
+/**
+ * KRDS Identifier 컴포넌트 속성
+ */
+export declare interface KrdsIdentifierProps extends BaseComponentProps {
+    logoLabel?: 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: DefineComponent<KrdsLanguageSwitcherProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLanguageSwitcherProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS LanguageSwitcher 컴포넌트 이벤트
+ */
+export declare interface KrdsLanguageSwitcherEmits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'close'): void;
+}
+
+/**
+ * KRDS LanguageSwitcher 컴포넌트 속성
+ */
+export declare interface KrdsLanguageSwitcherProps extends BaseComponentProps {
+    /** 언어 목록 */
+    languageList: LanguageData[];
+    /** 선택된 언어 코드 (v-model) */
+    modelValue?: string;
+    /** 동작 타입 (default: 언어 선택, external: 외부 페이지 이동) */
+    type?: 'default' | 'external';
+    /** 드롭다운 정렬 위치 */
+    dropPosition?: DropdownPosition;
+}
+
+export declare const KrdsLayout: DefineComponent<KrdsLayoutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Layout 컴포넌트 이벤트
+ */
+export declare interface KrdsLayoutEmits {
+    resize: [size: LayoutSize];
+    scroll: [details: ScrollDetails];
+    'scroll-height': [height: number];
+}
+
+/**
+ * KRDS Layout 컴포넌트 속성
+ */
+export declare interface KrdsLayoutProps extends BaseComponentProps {
+    /** 레이아웃 ID */
+    id?: string;
+    /** 스크롤 감지 활성화 여부 */
+    enableScrollDetection?: boolean;
+}
+
+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 KrdsMainMenu: DefineComponent<ExtractPropTypes<{
+    items: {
+        type: PropType<MainMenuItem[]>;
+        default: () => never[];
+    };
+    variant: {
+        type: PropType<MainMenuVariant>;
+        default: string;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mobileId: {
+        type: StringConstructor;
+        default: string;
+    };
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("item-click" | "update:open" | "menu-toggle")[], "item-click" | "update:open" | "menu-toggle", PublicProps, Readonly< ExtractPropTypes<{
+    items: {
+        type: PropType<MainMenuItem[]>;
+        default: () => never[];
+    };
+    variant: {
+        type: PropType<MainMenuVariant>;
+        default: string;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mobileId: {
+        type: StringConstructor;
+        default: string;
+    };
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onMenu-toggle"?: ((...args: any[]) => any) | undefined;
+}>, {
+    variant: MainMenuVariant;
+    items: MainMenuItem[];
+    ariaLabel: string;
+    backdrop: boolean;
+    open: boolean;
+    mobileId: string;
+    closeLabel: string;
+}, SlotsType<{
+    /** PC 서브 패널 배너 영역 */
+    banner?(props: {
+        item: MainMenuItem;
+        subItem?: MainMenuSubItem;
+        index: number;
+        subIndex: number;
+    }): VNode[];
+    /** 모바일 드로어 헤더 영역 (유틸리티, 로그인, 검색 등) */
+    header?(): VNode[];
+    /** 모바일 드로어 하단 영역 */
+    bottom?(): VNode[];
+}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * KRDS MainMenu 컴포넌트 이벤트
+ */
+export declare interface KrdsMainMenuEmits {
+    /** 모바일 드로어 열림 상태 변경 */
+    (event: 'update:open', value: boolean): void;
+    /** PC 메가 패널 열림/닫힘 */
+    (event: 'menu-toggle', index: number, expanded: boolean): void;
+    /** 메뉴 아이템 클릭 */
+    (event: 'item-click', item: MainMenuAnyItem, mouseEvent: MouseEvent): void;
+}
+
+/**
+ * KRDS MainMenu 컴포넌트 속성
+ */
+export declare interface KrdsMainMenuProps {
+    /** 메뉴 아이템 배열 */
+    items?: MainMenuItem[];
+    /** 렌더링 방식 */
+    variant?: MainMenuVariant;
+    /** 메뉴 영역 레이블 */
+    ariaLabel?: string;
+    /** 모바일 드로어 열림 상태 (v-model:open) */
+    open?: boolean;
+    /** 모바일 드로어 요소 id (외부 트리거의 `aria-controls` 대상) */
+    mobileId?: string;
+    /** PC 메가 패널 배경 딤(backdrop) 사용 여부 */
+    backdrop?: boolean;
+    /** 모바일 드로어 닫기 버튼 레이블 */
+    closeLabel?: string;
+}
+
+export declare const KrdsMasthead: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Masthead 컴포넌트 이벤트
+ */
+export declare interface KrdsMastheadEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+
+/**
+ * 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, {}, string, PublicProps, Readonly<KrdsPaginationProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Pagination 컴포넌트 이벤트
+ */
+export declare interface KrdsPaginationEmits {
+    /** v-model 업데이트 이벤트 */
+    (e: 'update:modelValue', value: number): void;
+}
+
+/**
+ * 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: DefineComponent<KrdsPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Panel 컴포넌트 이벤트
+ */
+export declare interface KrdsPanelEmits {
+    (e: 'update:modelValue', value: boolean): void;
+}
+
+/**
+ * KRDS Panel 컴포넌트 속성
+ */
+export declare interface KrdsPanelProps {
+    /** 도움말 패널 펼침 상태 (v-model) */
+    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<{}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", PublicProps, Readonly<{}> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * KRDS Resize 컴포넌트 이벤트
+ */
+export declare interface KrdsResizeEmits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'close'): void;
+}
+
+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;
+}
+
+export declare const KrdsSideNavigation: DefineComponent<{
+    title: string;
+    modelValue?: SideNavItem[] | undefined;
+}, () => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<{
+    title: string;
+    modelValue?: SideNavItem[] | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: SideNavItem[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * KRDS SideNavigation 컴포넌트 이벤트
+ */
+export declare interface KrdsSideNavigationEmits {
+    (event: 'update:modelValue', value: SideNavItem[]): void;
+}
+
+/**
+ * KRDS SideNavigation 컴포넌트 속성
+ */
+export declare interface KrdsSideNavigationProps {
+    /** 네비게이션 제목 */
+    title: string;
+    /** 메뉴 아이템 배열 */
+    modelValue?: SideNavItem[];
+}
+
+/**
+ * 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 KrdsStructuredList: DefineComponent<KrdsStructuredListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStructuredListProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS StructuredList 컴포넌트 속성
+ */
+export declare interface KrdsStructuredListProps extends BaseComponentProps {
+    /** 전체 타입 여부 */
+    full?: boolean;
+}
+
+export declare const KrdsTable: DefineComponent<KrdsTableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTableProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Table 컴포넌트 이벤트
+ */
+export declare interface KrdsTableEmits {
+    (e: 'row-click', row: TableRow, index: number): void;
+}
+
+/**
+ * KRDS Table 컴포넌트 속성
+ */
+export declare interface KrdsTableProps extends BaseComponentProps {
+    /** 테이블 캡션 */
+    caption?: string;
+    /** 테이블 열 정의 */
+    columns: TableColumn[];
+    /** 테이블 행 데이터 */
+    rows: TableRow[];
+}
+
+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 KrdsTextList: DefineComponent<KrdsTextListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTextListProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS TextList 컴포넌트 속성
+ */
+export declare interface KrdsTextListProps extends BaseComponentProps {
+    /** 리스트 타입 */
+    type?: 'ul' | 'ol';
+    /** 스타일 변형 */
+    variant?: 'decimal' | 'dash' | 'hollow' | 'ordered';
+}
+
+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: DefineComponent<KrdsTooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * KRDS Tooltip 컴포넌트 속성
+ */
+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 LayoutSize {
+    width: number;
+    height: number;
+}
+
+/**
+ * 로딩 상태 속성
+ */
+export declare interface LoadingProps {
+    /** 로딩 중 여부 */
+    loading?: boolean;
+    /** 로딩 텍스트 */
+    loadingText?: string;
+}
+
+/** 클릭 이벤트로 전달되는 아이템 타입 */
+export declare type MainMenuAnyItem = MainMenuItem | MainMenuSubItem | MainMenuLinkItem | MainMenuDepth4Item;
+
+/**
+ * 모바일 4depth 아이템 인터페이스
+ */
+export declare interface MainMenuDepth4Item {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL */
+    href?: string;
+    /** 새 창 열림 여부 */
+    external?: boolean;
+    /** 현재 페이지 여부 (강조 표시) */
+    selected?: boolean;
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 1depth 메인 메뉴 아이템 인터페이스
+ *
+ * `subItems`가 있으면 2depth 목록을 가진 메가 패널을, `items`만 있으면
+ * 2depth 목록 없이 링크만 나열하는 `single-list` 패널을 렌더링한다.
+ * 둘 다 없으면 단순 링크(`is-link`)로 렌더링된다.
+ */
+export declare interface MainMenuItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL (하위 메뉴가 없을 때 단순 링크로 사용) */
+    href?: string;
+    /** 새 창 열림 여부 */
+    external?: boolean;
+    /** 2depth 아이템 목록 */
+    subItems?: MainMenuSubItem[];
+    /** 2depth 없이 바로 나열되는 링크 목록 (`single-list`) */
+    items?: MainMenuLinkItem[];
+    /** `single-list` 패널 제목 */
+    title?: string;
+    /** `single-list` 배너 영역 표시 여부 (`banner` 슬롯 필요) */
+    banner?: boolean;
+    /** `single-list` 패널 레이아웃 */
+    layout?: MainMenuLayout;
+    /** 현재 페이지 여부 (강조 표시) */
+    selected?: boolean;
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 서브 패널 레이아웃
+ * - `default`: 배너 영역이 하단에 위치
+ * - `between`: 배너 영역이 우측에 위치
+ */
+export declare type MainMenuLayout = 'default' | 'between';
+
+/**
+ * 링크 아이템 인터페이스
+ *
+ * PC에서는 서브 패널의 마지막 뎁스, 모바일에서는 3depth로 렌더링된다.
+ */
+export declare interface MainMenuLinkItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL (없으면 button으로 렌더링) */
+    href?: string;
+    /** 새 창 열림 여부 */
+    external?: boolean;
+    /** 메뉴 설명 (PC에서 `type-description` 스타일로 렌더링) */
+    description?: string;
+    /** 현재 페이지 여부 (강조 표시) */
+    selected?: boolean;
+    /** 4depth 패널 제목 (모바일 전용, 기본값은 `text`) */
+    panelTitle?: string;
+    /** 하위 아이템 (모바일 4depth 전용) */
+    items?: MainMenuDepth4Item[];
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 2depth 아이템 인터페이스
+ *
+ * `items`가 있으면 서브 패널을 여는 트리거로, 없으면 바로가기 링크로 렌더링된다.
+ */
+export declare interface MainMenuSubItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL (`items`가 없을 때 바로가기 링크로 사용) */
+    href?: string;
+    /** 새 창 열림 여부 */
+    external?: boolean;
+    /** 서브 패널 제목 (기본값은 `text`) */
+    title?: string;
+    /** 서브 패널 제목 옆 바로가기 링크 (PC 전용) */
+    titleLink?: {
+        text?: string;
+        href: string;
+    };
+    /** 하위 아이템 (PC 마지막 뎁스 / 모바일 3depth) */
+    items?: MainMenuLinkItem[];
+    /** 배너 영역 표시 여부 (`banner` 슬롯 필요, PC 전용) */
+    banner?: boolean;
+    /** 서브 패널 레이아웃 (PC 전용) */
+    layout?: MainMenuLayout;
+    /** 모바일 3depth 초기 확장 상태 */
+    expanded?: boolean;
+    /** 현재 페이지 여부 (강조 표시) */
+    selected?: boolean;
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 메인 메뉴 렌더링 방식
+ * - `pc`: 데스크탑 메가 메뉴 (`.krds-main-menu`)
+ * - `mobile`: 모바일 드로어 메뉴 (`.krds-main-menu-mobile`)
+ */
+export declare type MainMenuVariant = 'pc' | 'mobile';
+
+/**
+ * 네비게이션 아이템 인터페이스
+ */
+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;
+};
+
+/**
+ * 스크롤 상세 정보
+ */
+export declare interface ScrollDetails {
+    scrollY: number;
+    scrollHeight: number;
+    direction: 'up' | 'down' | null;
+    timestamp: number;
+}
+
+/**
+ * KRDS Select 옵션 타입
+ */
+export declare interface SelectOption {
+    /** 옵션 값 */
+    value: string | number;
+    /** 옵션 레이블 */
+    label: string;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+}
+
+/**
+ * 사이드 네비게이션 아이템 인터페이스
+ */
+export declare interface SideNavItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL */
+    href?: string;
+    /** 확장 상태 */
+    expanded?: boolean;
+    /** 하위 아이템 */
+    subItems?: SideNavSubItem[];
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 사이드 네비게이션 팝업 아이템 인터페이스 (4depth)
+ */
+export declare interface SideNavPopupItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL */
+    href?: string;
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 사이드 네비게이션 하위 아이템 인터페이스
+ */
+export declare interface SideNavSubItem {
+    /** 텍스트 */
+    text: string;
+    /** 링크 URL */
+    href?: string;
+    /** 확장 상태 (3depth popup용) */
+    expanded?: boolean;
+    /** 팝업 제목 (3depth popup용) */
+    popupTitle?: string;
+    /** 하위 아이템 (4depth용) */
+    subItems?: SideNavPopupItem[];
+    /** 클릭 핸들러 */
+    onClick?: (event: MouseEvent) => void;
+}
+
+/**
+ * 기본 크기 타입 (KRDS 실제 규격)
+ */
+export declare type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+
+declare type StepsData = {
+    id: number;
+    title: string;
+    description: string;
+};
+
+/**
+ * 테이블 열 정의
+ */
+export declare interface TableColumn {
+    /** 고유 ID - 컬럼 식별자 */
+    name: string;
+    /** 헤더 라벨 */
+    label: string;
+    /** 행 객체 속성명 또는 함수 */
+    field: string | ((row: TableRow) => unknown);
+    /** 필수 컬럼 여부 (visible-columns 사용시 항상 표시) */
+    required?: boolean;
+    /** 정렬 */
+    align?: 'left' | 'center' | 'right';
+    /** body td 스타일 */
+    style?: string | ((row: TableRow) => string);
+    /** body td 클래스 */
+    classes?: string | ((row: TableRow) => string);
+    /** header th 스타일 */
+    headerStyle?: string;
+    /** header th 클래스 */
+    headerClasses?: string;
+}
+
+/**
+ * 테이블 행 데이터
+ */
+export declare type TableRow = Record<string, unknown>;
+
+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: string;
+
+export { }
+
 /**
- * 기본 크기 타입 (KRDS 실제 규격)
+ * KRDS Vue 디렉티브 타입 정의
  */
-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;
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    /**
+     * 스크린 리더 전용 텍스트 디렉티브
+     * 요소에 .sr-only 클래스를 추가하여 시각적으로는 숨기지만 스크린 리더에서는 읽을 수 있도록 합니다.
+     */
+    vSrOnly: never
+  }
 }
-/**
- * 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