@reco-inc/upbox-ui 0.1.1

package/dist/components/calendar/CalendarShortcut.d.ts

@@ -0,0 +1,41 @@
+import { HTMLAttributes } from 'vue';
+import { DateValue } from '@internationalized/date';
+import { CalendarShortcutItem } from './calendarShortcutItems';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+    /** 노출할 단축 목록. 정책상 일부만 필요하면 골라서 넘긴다. */
+    items?: CalendarShortcutItem[];
+    /** 선택 가능한 최소 날짜(포함). 범위 밖 단축은 숨긴다. */
+    minValue?: DateValue | null;
+    /** 선택 가능한 최대 날짜(포함). 범위 밖 단축은 숨긴다. */
+    maxValue?: DateValue | null;
+};
+declare function emitShortcut(months: number): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            items: CalendarShortcutItem[];
+            select: typeof emitShortcut;
+        }): 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, {
+    shortcutSelect: (months: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onShortcutSelect?: ((months: number) => any) | undefined;
+}>, {
+    items: CalendarShortcutItem[];
+    minValue: DateValue | null;
+    maxValue: DateValue | 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/calendar/CalendarTimeSelect.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+    showSeconds?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'hour': number;
+    'minute': number;
+    'second'?: number;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:hour": (value: number) => any;
+    "update:minute": (value: number) => any;
+    "update:second": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:hour"?: ((value: number) => any) | undefined;
+    "onUpdate:minute"?: ((value: number) => any) | undefined;
+    "onUpdate:second"?: ((value: number) => any) | undefined;
+}>, {
+    showSeconds: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hourScroller: HTMLDivElement;
+    minuteScroller: HTMLDivElement;
+    secondScroller: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/calendar/CalendarYearGrid.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+    selectedYear?: number;
+    startYear?: number;
+    yearLength?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (year: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((year: number) => any) | undefined;
+}>, {
+    startYear: number;
+    yearLength: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/calendar/DateCalendar.d.ts

@@ -0,0 +1,50 @@
+import { CalendarRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { DateValue } from '@internationalized/date';
+import { CalendarShortcutItem } from './calendarShortcutItems';
+export interface Props extends CalendarRootProps {
+    class?: HTMLAttributes["class"];
+    showFooter?: boolean;
+    showQuickPresets?: boolean;
+    /** 단축 막대에 노출할 항목. 정책상 일부만 필요하면 골라서 넘긴다. */
+    shortcutItems?: CalendarShortcutItem[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        shortcut?(_: {
+            items: CalendarShortcutItem[];
+            select: (months: number) => void;
+        }): any;
+        reset?(_: {
+            onReset: () => void;
+        }): any;
+        done?(_: {
+            onDone: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateValue | DateValue[] | undefined) => any;
+    reset: () => any;
+    "update:placeholder": (value: DateValue | undefined) => any;
+    change: (value: Date | null) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateValue | DateValue[] | undefined) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:placeholder"?: ((value: DateValue | undefined) => any) | undefined;
+    onChange?: ((value: Date | null) => any) | undefined;
+}>, {
+    showQuickPresets: boolean;
+    showFooter: boolean;
+}, {}, {}, {}, 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/calendar/DateCalendar.stories.d.ts

@@ -0,0 +1,69 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DateCalendar').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any) | undefined;
+            onReset?: (() => any) | undefined;
+            "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+            onChange?: ((value: Date | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any;
+            reset: () => any;
+            "update:placeholder": (value: import('reka-ui').DateValue | undefined) => any;
+            change: (value: Date | null) => any;
+        }, import('vue').PublicProps, {
+            showQuickPresets: boolean;
+            showFooter: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DateCalendar').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any) | undefined;
+            onReset?: (() => any) | undefined;
+            "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+            onChange?: ((value: Date | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            showQuickPresets: boolean;
+            showFooter: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DateCalendar').Props> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+        onChange?: ((value: Date | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any;
+        reset: () => any;
+        "update:placeholder": (value: import('reka-ui').DateValue | undefined) => any;
+        change: (value: Date | null) => any;
+    }, string, {
+        showQuickPresets: boolean;
+        showFooter: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            shortcut?(_: {
+                items: import('./calendarShortcutItems').CalendarShortcutItem[];
+                select: (months: number) => void;
+            }): any;
+            reset?(_: {
+                onReset: () => void;
+            }): any;
+            done?(_: {
+                onDone: () => void;
+            }): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithFooter: Story;

package/dist/components/calendar/MobileDateCalendar.d.ts

@@ -0,0 +1,44 @@
+import { CalendarRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { DateValue } from '@internationalized/date';
+export interface Props extends CalendarRootProps {
+    class?: HTMLAttributes["class"];
+    /** 초기화·저장 푸터 표시 여부 */
+    showFooter?: boolean;
+}
+declare function onReset(): void;
+declare function onDone(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        reset?(_: {
+            onReset: typeof onReset;
+        }): any;
+        done?(_: {
+            onDone: typeof onDone;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateValue | DateValue[] | undefined) => any;
+    reset: () => any;
+    "update:placeholder": (value: DateValue | undefined) => any;
+    change: (value: Date | null) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateValue | DateValue[] | undefined) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:placeholder"?: ((value: DateValue | undefined) => any) | undefined;
+    onChange?: ((value: Date | null) => any) | undefined;
+}>, {
+    showFooter: boolean;
+}, {}, {}, {}, 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/calendar/MobileDateCalendar.stories.d.ts

@@ -0,0 +1,63 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./MobileDateCalendar').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any) | undefined;
+            onReset?: (() => any) | undefined;
+            "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+            onChange?: ((value: Date | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any;
+            reset: () => any;
+            "update:placeholder": (value: import('reka-ui').DateValue | undefined) => any;
+            change: (value: Date | null) => any;
+        }, import('vue').PublicProps, {
+            showFooter: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./MobileDateCalendar').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any) | undefined;
+            onReset?: (() => any) | undefined;
+            "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+            onChange?: ((value: Date | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            showFooter: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./MobileDateCalendar').Props> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+        onChange?: ((value: Date | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('reka-ui').DateValue | import('reka-ui').DateValue[] | undefined) => any;
+        reset: () => any;
+        "update:placeholder": (value: import('reka-ui').DateValue | undefined) => any;
+        change: (value: Date | null) => any;
+    }, string, {
+        showFooter: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            reset?(_: {
+                onReset: () => void;
+            }): any;
+            done?(_: {
+                onDone: () => void;
+            }): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSelectedDate: Story;
+export declare const NoFooter: Story;

package/dist/components/calendar/MobilePeriodCalendar.d.ts

@@ -0,0 +1,53 @@
+import { DateRange, RangeCalendarRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { DateValue } from '@internationalized/date';
+export interface Props extends RangeCalendarRootProps {
+    class?: HTMLAttributes["class"];
+    /** 초기화·저장 푸터 표시 여부 */
+    showFooter?: boolean;
+}
+declare function onReset(): void;
+declare function onDone(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        reset?(_: {
+            onReset: typeof onReset;
+        }): any;
+        done?(_: {
+            onDone: typeof onDone;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange) => any;
+    reset: () => any;
+    "update:placeholder": (value: DateValue | undefined) => any;
+    change: (value: {
+        first: Date | null;
+        last: Date | null;
+    }) => any;
+    "update:startValue": (value: DateValue | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:placeholder"?: ((value: DateValue | undefined) => any) | undefined;
+    onChange?: ((value: {
+        first: Date | null;
+        last: Date | null;
+    }) => any) | undefined;
+    "onUpdate:startValue"?: ((value: DateValue | undefined) => any) | undefined;
+}>, {
+    showFooter: boolean;
+    numberOfMonths: number;
+}, {}, {}, {}, 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/calendar/MobilePeriodCalendar.stories.d.ts

@@ -0,0 +1,88 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { DateRange } from 'reka-ui';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./MobilePeriodCalendar').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+            onReset?: (() => any) | undefined;
+            "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+            onChange?: ((value: {
+                first: Date | null;
+                last: Date | null;
+            }) => any) | undefined;
+            "onUpdate:startValue"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: DateRange) => any;
+            reset: () => any;
+            "update:placeholder": (value: import('reka-ui').DateValue | undefined) => any;
+            change: (value: {
+                first: Date | null;
+                last: Date | null;
+            }) => any;
+            "update:startValue": (value: import('reka-ui').DateValue | undefined) => any;
+        }, import('vue').PublicProps, {
+            showFooter: boolean;
+            numberOfMonths: number;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./MobilePeriodCalendar').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+            onReset?: (() => any) | undefined;
+            "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+            onChange?: ((value: {
+                first: Date | null;
+                last: Date | null;
+            }) => any) | undefined;
+            "onUpdate:startValue"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            showFooter: boolean;
+            numberOfMonths: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./MobilePeriodCalendar').Props> & Readonly<{
+        "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:placeholder"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+        onChange?: ((value: {
+            first: Date | null;
+            last: Date | null;
+        }) => any) | undefined;
+        "onUpdate:startValue"?: ((value: import('reka-ui').DateValue | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: DateRange) => any;
+        reset: () => any;
+        "update:placeholder": (value: import('reka-ui').DateValue | undefined) => any;
+        change: (value: {
+            first: Date | null;
+            last: Date | null;
+        }) => any;
+        "update:startValue": (value: import('reka-ui').DateValue | undefined) => any;
+    }, string, {
+        showFooter: boolean;
+        numberOfMonths: number;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            reset?(_: {
+                onReset: () => void;
+            }): any;
+            done?(_: {
+                onDone: () => void;
+            }): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSelectedRange: Story;
+export declare const ThreeMonths: Story;
+export declare const NoFooter: Story;

package/dist/components/calendar/MonthCalendar.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'vue';
+import { CalendarDate } from '@internationalized/date';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+type __VLS_PublicProps = {
+    modelValue?: CalendarDate | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: CalendarDate | null) => any;
+    done: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+    onDone?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/calendar/MonthCalendar.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { CalendarDate } from '@internationalized/date';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        modelValue?: CalendarDate | null;
+    } & {
+        class?: import('vue').HTMLAttributes["class"];
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: CalendarDate | null) => any;
+        done: () => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: CalendarDate | null;
+    } & {
+        class?: import('vue').HTMLAttributes["class"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+        onDone?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/calendar/PeriodCalendar.d.ts

@@ -0,0 +1,22 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        reset?(_: {
+            onReset: () => void;
+        }): any;
+        done?(_: {
+            onDone: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/calendar/PeriodCalendar.stories.d.ts

@@ -0,0 +1,31 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            reset?(_: {
+                onReset: () => void;
+            }): any;
+            done?(_: {
+                onDone: () => void;
+            }): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SelectedRange: Story;

package/dist/components/calendar/RangeCalendar.d.ts

@@ -0,0 +1,65 @@
+import { DateRange, RangeCalendarRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { DateValue } from '@internationalized/date';
+import { CalendarShortcutItem } from './calendarShortcutItems';
+interface Props extends RangeCalendarRootProps {
+    class?: HTMLAttributes["class"];
+    /** 시작·종료 시각 포함 */
+    datetime?: boolean;
+    /** 초 선택 */
+    seconds?: boolean;
+    showFooter?: boolean;
+    /** 1·3·6개월·1년 단축 (DateCalendar 와 동일) */
+    showQuickPresets?: boolean;
+    /** 단축 막대에 노출할 항목. 정책상 일부만 필요하면 골라서 넘긴다. */
+    shortcutItems?: CalendarShortcutItem[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        shortcut?(_: {
+            items: CalendarShortcutItem[];
+            select: (months: number) => void;
+        }): any;
+        reset?(_: {
+            onReset: () => void;
+        }): any;
+        done?(_: {
+            onDone: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange) => any;
+    reset: () => any;
+    "update:placeholder": (value: DateValue | undefined) => any;
+    change: (value: {
+        first: Date | null;
+        last: Date | null;
+    }) => any;
+    "update:startValue": (value: DateValue | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:placeholder"?: ((value: DateValue | undefined) => any) | undefined;
+    onChange?: ((value: {
+        first: Date | null;
+        last: Date | null;
+    }) => any) | undefined;
+    "onUpdate:startValue"?: ((value: DateValue | undefined) => any) | undefined;
+}>, {
+    showQuickPresets: boolean;
+    showFooter: boolean;
+    datetime: boolean;
+    seconds: boolean;
+}, {}, {}, {}, 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/calendar/RangeCalendarNextButton.d.ts

@@ -0,0 +1,22 @@
+import { RangeCalendarNextProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = RangeCalendarNextProps & {
+    class?: HTMLAttributes["class"];
+};
+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_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};