@reco-inc/upbox-ui 0.1.1

package/dist/components/mobile-date-period-selector/MobileDatePeriodSelector.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from 'vue';
+import { DateValue } from '@internationalized/date';
+import { DatePeriodValue } from '../date-period-picker/datePeriodTypes';
+export type DatePeriodPreset = "1m" | "3m" | "1y" | "custom";
+type __VLS_Props = {
+    modelValue?: DatePeriodValue | null;
+    preset?: DatePeriodPreset;
+    title?: string;
+    doneText?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    showClose?: boolean;
+    class?: HTMLAttributes["class"];
+    /** 직접 설정 캘린더의 선택 가능한 최소 날짜(포함). */
+    minValue?: DateValue | null;
+    /** 직접 설정 캘린더의 선택 가능한 최대 날짜(포함).(예: 오늘 → 미래 차단) */
+    maxValue?: DateValue | null;
+    /** 최대 조회기간(일). 시작일로부터 초과 범위의 날짜 셀 비활성 + 완료 버튼 검증. */
+    maxRangeDays?: number;
+    /** maxRangeDays 초과 시 입력 하단에 노출할 인라인 에러 문구. 미지정이면 표시하지 않는다. */
+    maxRangeMessage?: string;
+    /** 캘린더 드로어 패널 클래스(폭 제한 등) */
+    drawerContentClass?: HTMLAttributes["class"];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DatePeriodValue | null) => any;
+    done: (value: DatePeriodValue) => any;
+    close: () => any;
+    "update:preset": (value: DatePeriodPreset) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DatePeriodValue | null) => any) | undefined;
+    onDone?: ((value: DatePeriodValue) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:preset"?: ((value: DatePeriodPreset) => any) | undefined;
+}>, {
+    modelValue: DatePeriodValue | null;
+    title: string;
+    minValue: DateValue | null;
+    maxValue: DateValue | null;
+    showClose: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    maxRangeDays: number;
+    drawerContentClass: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    preset: DatePeriodPreset;
+    doneText: string;
+    maxRangeMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/components/mobile-date-period-selector/MobileDatePeriodSelector.stories.d.ts

@@ -0,0 +1,69 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { DatePeriodPreset } from './MobileDatePeriodSelector';
+import { DatePeriodValue } from '../date-period-picker/datePeriodTypes';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        modelValue?: DatePeriodValue | null;
+        preset?: DatePeriodPreset;
+        title?: string;
+        doneText?: string;
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        showClose?: boolean;
+        class?: import('vue').HTMLAttributes["class"];
+        minValue?: import('reka-ui').DateValue | null;
+        maxValue?: import('reka-ui').DateValue | null;
+        maxRangeDays?: number;
+        maxRangeMessage?: string;
+        drawerContentClass?: import('vue').HTMLAttributes["class"];
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: DatePeriodValue | null) => any;
+        done: (value: DatePeriodValue) => any;
+        close: () => any;
+        "update:preset": (value: DatePeriodPreset) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: DatePeriodValue | null;
+        preset?: DatePeriodPreset;
+        title?: string;
+        doneText?: string;
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        showClose?: boolean;
+        class?: import('vue').HTMLAttributes["class"];
+        minValue?: import('reka-ui').DateValue | null;
+        maxValue?: import('reka-ui').DateValue | null;
+        maxRangeDays?: number;
+        maxRangeMessage?: string;
+        drawerContentClass?: import('vue').HTMLAttributes["class"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: DatePeriodValue | null) => any) | undefined;
+        onDone?: ((value: DatePeriodValue) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        "onUpdate:preset"?: ((value: DatePeriodPreset) => any) | undefined;
+    }>, {
+        modelValue: DatePeriodValue | null;
+        title: string;
+        minValue: import('reka-ui').DateValue | null;
+        maxValue: import('reka-ui').DateValue | null;
+        showClose: boolean;
+        startPlaceholder: string;
+        endPlaceholder: string;
+        maxRangeDays: number;
+        drawerContentClass: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+        preset: DatePeriodPreset;
+        doneText: string;
+        maxRangeMessage: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Fixed: Story;
+export declare const Select: Story;
+export declare const Empty: Story;
+export declare const Preselected3Months: Story;
+export declare const Constrained: Story;

package/dist/components/mobile-date-period-selector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MobileDatePeriodSelector } from './MobileDatePeriodSelector';
+export type { DatePeriodPreset } from './MobileDatePeriodSelector';

package/dist/components/mobile-date-picker/MobileDatePicker.d.ts

@@ -0,0 +1,45 @@
+import { HTMLAttributes } from 'vue';
+import { DateValue, CalendarDate } from '@internationalized/date';
+import { InputFrameDesignProps } from '../input-frame';
+type __VLS_Props = InputFrameDesignProps & {
+    class?: HTMLAttributes["class"];
+    /** 선택 가능한 최소 날짜(포함). 이전 날짜 셀은 비활성. */
+    minValue?: DateValue | null;
+    /** 선택 가능한 최대 날짜(포함). 이후 날짜 셀은 비활성.(예: 오늘 → 미래 차단) */
+    maxValue?: DateValue | null;
+    /** 주 시작 요일 (0=일 … 6=토). 기본 0(일요일 시작) */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+};
+type __VLS_PublicProps = {
+    modelValue?: CalendarDate | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: CalendarDate | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    error: boolean;
+    variant: "default" | "filled" | "bottomline" | null;
+    minValue: DateValue | null;
+    maxValue: DateValue | null;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/mobile-date-picker/MobileDatePicker.stories.d.ts

@@ -0,0 +1,91 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { CalendarDate } from '@internationalized/date';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: CalendarDate | null;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+            minValue?: import('reka-ui').DateValue | null;
+            maxValue?: import('reka-ui').DateValue | null;
+            weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: CalendarDate | null) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            minValue: import('reka-ui').DateValue | null;
+            maxValue: import('reka-ui').DateValue | null;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            readonly: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: CalendarDate | null;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+            minValue?: import('reka-ui').DateValue | null;
+            maxValue?: import('reka-ui').DateValue | null;
+            weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            minValue: import('reka-ui').DateValue | null;
+            maxValue: import('reka-ui').DateValue | null;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            readonly: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue?: CalendarDate | null;
+    } & import('../input-frame').InputFrameDesignProps & {
+        class?: import('vue').HTMLAttributes["class"];
+        minValue?: import('reka-ui').DateValue | null;
+        maxValue?: import('reka-ui').DateValue | null;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: CalendarDate | null) => any;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "large" | "regular" | null;
+        error: boolean;
+        variant: "default" | "filled" | "bottomline" | null;
+        minValue: import('reka-ui').DateValue | null;
+        maxValue: import('reka-ui').DateValue | null;
+        weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        readonly: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Preselected: Story;

package/dist/components/mobile-date-picker/MobileDateTrigger.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/mobile-date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MobileDateTrigger } from './MobileDateTrigger';
+export { default as MobileDatePicker } from './MobileDatePicker';

package/dist/components/mobile-time-picker/MobileTimeDial.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'vue';
+import { Time } from '@internationalized/date';
+type __VLS_Props = {
+    modelValue?: Time | null;
+    title?: string;
+    showClose?: boolean;
+    class?: HTMLAttributes["class"];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Time | null) => any;
+    change: (value: Time | null) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+    onChange?: ((value: Time | null) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    modelValue: Time | null;
+    title: string;
+    showClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    meridiemCol: HTMLDivElement;
+    hourCol: HTMLDivElement;
+    minuteCol: HTMLDivElement;
+}, HTMLElement>;
+export default _default;

package/dist/components/mobile-time-picker/MobileTimeDial.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { Time } from '@internationalized/date';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        modelValue?: Time | null;
+        title?: string;
+        showClose?: boolean;
+        class?: import('vue').HTMLAttributes["class"];
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: Time | null) => any;
+        change: (value: Time | null) => any;
+        close: () => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: Time | null;
+        title?: string;
+        showClose?: boolean;
+        class?: import('vue').HTMLAttributes["class"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+        onChange?: ((value: Time | null) => any) | undefined;
+        onClose?: (() => any) | undefined;
+    }>, {
+        modelValue: Time | null;
+        title: string;
+        showClose: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        meridiemCol: HTMLDivElement;
+        hourCol: HTMLDivElement;
+        minuteCol: HTMLDivElement;
+    }, HTMLElement>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSelectedTime: Story;

package/dist/components/mobile-time-picker/MobileTimePicker.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes } from 'vue';
+import { Time } from '@internationalized/date';
+import { InputFrameDesignProps } from '../input-frame';
+type __VLS_Props = InputFrameDesignProps & {
+    class?: HTMLAttributes["class"];
+    drawerContentClass?: HTMLAttributes["class"];
+    title?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: Time | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Time | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    title: string;
+    error: boolean;
+    variant: "default" | "filled" | "bottomline" | null;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/mobile-time-picker/MobileTimePicker.stories.d.ts

@@ -0,0 +1,95 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { Time } from '@internationalized/date';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: Time | null;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+            drawerContentClass?: import('vue').HTMLAttributes["class"];
+            title?: string;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: Time | null) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            title: string;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            readonly: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: Time | null;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+            drawerContentClass?: import('vue').HTMLAttributes["class"];
+            title?: string;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "small" | "large" | "regular" | null;
+            title: string;
+            error: boolean;
+            variant: "default" | "filled" | "bottomline" | null;
+            readonly: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue?: Time | null;
+    } & import('../input-frame').InputFrameDesignProps & {
+        class?: import('vue').HTMLAttributes["class"];
+        drawerContentClass?: import('vue').HTMLAttributes["class"];
+        title?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Time | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: Time | null) => any;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "large" | "regular" | null;
+        title: string;
+        error: boolean;
+        variant: "default" | "filled" | "bottomline" | null;
+        readonly: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        readonly: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithExplicitTimeInput: Story;

package/dist/components/mobile-time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MobileTimeDial } from './MobileTimeDial';
+export { default as MobileTimePicker } from './MobileTimePicker';

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,60 @@
+import { ModalProps } from './modalProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 모달 바디 */
+        default?: () => unknown;
+        /** 헤더 영역 전체 override (title/description 대신) */
+        header?: () => unknown;
+        /** footer 영역 전체 override. close/confirm/cancel 헬퍼 제공 */
+        footer?: (props: {
+            close: () => void;
+            confirm: () => void;
+            cancel: () => void;
+        }) => unknown;
+    }> & {
+        /** 모달 바디 */
+        default?: () => unknown;
+        /** 헤더 영역 전체 override (title/description 대신) */
+        header?: () => unknown;
+        /** footer 영역 전체 override. close/confirm/cancel 헬퍼 제공 */
+        footer?: (props: {
+            close: () => void;
+            confirm: () => void;
+            cancel: () => void;
+        }) => unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    confirm: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<ModalProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    size: import('../dialog').DialogSize;
+    destructive: boolean;
+    fullscreen: boolean;
+    showClose: boolean;
+    closeOnOverlay: boolean;
+    closeOnEscape: boolean;
+    confirmText: string;
+    cancelText: string;
+    confirmLoading: boolean;
+    confirmDisabled: boolean;
+    hideCancel: boolean;
+    hideConfirm: boolean;
+    footerButtonGrow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modal/Modal.stories.d.ts

@@ -0,0 +1,53 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: any;
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        showClose: {
+            control: "boolean";
+        };
+        closeOnOverlay: {
+            control: "boolean";
+        };
+        closeOnEscape: {
+            control: "boolean";
+        };
+        footerButtonGrow: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** 기본: 취소 + 확인 (가장 흔한 케이스) */
+export declare const Default: Story;
+/** 삭제 확인 — destructive 로 빨간 확인 버튼, 라벨 변경 */
+export declare const Destructive: Story;
+/** 단일 버튼(alert) — hideCancel */
+export declare const SingleButton: Story;
+/** 버튼 N개 — footer 슬롯으로 직접 구성 */
+export declare const MultipleButtons: Story;
+/** 비동기 제출 — 확인은 닫지 않고 emit만. 성공 시 부모가 open=false (기본 동작) */
+export declare const AsyncConfirm: Story;
+/** 커스텀 바디 + footer 슬롯 (compound escape hatch) */
+export declare const CustomBodyAndFooter: Story;
+/** 데스크탑 사이즈 — small(328) / regular(564) / large(934) / xlarge(1124) / full */
+export declare const Sizes: Story;
+/** 모바일 — 가장 작은 size(small) + footer 버튼 grow. Figma modal/alert/mobile 대응 */
+export declare const Mobile: Story;
+/**
+ * 본문이 넘칠 때의 스크롤 — 자식이 스크롤 컨테이너인 경우가 함정이다.
+ *
+ * - `가로 스크롤 테이블`: 가로 스크롤을 위해 `overflow-x: auto` 를 건 자식. 본문(`auto-rows-max`)이
+ *   세로로 스크롤되어야 하고, 표가 잘리면 안 된다.
+ * - `자체 내부 스크롤`: `max-h` + `overflow-y-auto` 를 스스로 가진 자식. 본문이 아니라 자식이
+ *   스크롤해야 하고, 높이가 `max-h` 를 넘겨 터지면 안 된다.
+ *
+ * 창 높이를 줄여가며 두 케이스를 같이 확인한다.
+ */
+export declare const OverflowingBody: Story;

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

@@ -0,0 +1,2 @@
+export { default as Modal } from './Modal';
+export type { ModalProps } from './modalProps';