@reco-inc/upbox-ui 0.1.1

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

@@ -0,0 +1,22 @@
+import { RangeCalendarPrevProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = RangeCalendarPrevProps & {
+    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;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function getCalendarDateCellTriggerClass(extraClass?: ClassValue): string;
+export declare function getCalendarRangeDateCellTriggerClass(isSunday: boolean, extraClass?: ClassValue): string;

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

@@ -0,0 +1,16 @@
+import { DateValue } from '@internationalized/date';
+export interface CalendarShortcutItem {
+    /** 버튼에 노출할 문구 */
+    label: string;
+    /** 오늘 기준 더할 개월 수 (0 = 오늘, 12 = 1년) */
+    months: number;
+}
+/**
+ * 기본 단축 목록. 정책상 일부만 노출하거나 문구를 번역하려면
+ * `shortcutItems` 로 직접 골라 넘긴다.
+ */
+export declare const DEFAULT_CALENDAR_SHORTCUT_ITEMS: CalendarShortcutItem[];
+/** 단축이 가리키는 날짜(오늘 + n개월) */
+export declare function resolveShortcutDate(months: number): DateValue;
+/** min/max 범위 밖이면 true — 해당 단축 버튼을 렌더링에서 제외(숨김)한다. */
+export declare function isShortcutOutOfRange(months: number, minValue?: DateValue | null, maxValue?: DateValue | null): boolean;

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

@@ -0,0 +1,12 @@
+/**
+ * 주 시작 요일(`weekStartsOn`)에 따라 일요일이 몇 번째 컬럼인지 계산한다.
+ *
+ * `weekStartsOn` 은 reka-ui `WeekStartsOn` (0=일 … 6=토) 을 따른다.
+ * 0(일) ⇒ 0 · 1(월) ⇒ 6 · 2(화) ⇒ 5 … 6(토) ⇒ 1
+ *
+ * 파라미터를 `number` 로 둔 이유: reka-ui 내부 타입을 d.ts 로 흘리지 않기 위함
+ * (CLAUDE.md "reka-ui 래핑 컴포넌트 props 규약" 참고).
+ */
+export declare function getSundayColumnIndex(weekStartsOn: number): number;
+/** 컬럼 인덱스가 일요일 자리인지 여부 */
+export declare function isSundayColumn(columnIndex: number, weekStartsOn: number): boolean;

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

@@ -0,0 +1,27 @@
+export { default as MonthCalendar } from './MonthCalendar';
+export { default as DateCalendar } from './DateCalendar';
+export { default as MobileDateCalendar } from './MobileDateCalendar';
+export { default as MobilePeriodCalendar } from './MobilePeriodCalendar';
+/** 하위 호환: `DateCalendar`와 동일 인스턴스 */
+export { default as Calendar } from './DateCalendar';
+export { default as PeriodCalendar } from './PeriodCalendar';
+export { default as RangeCalendar } from './RangeCalendar';
+export { default as CalendarCell } from './CalendarCell';
+export { default as CalendarCellTrigger } from './CalendarCellTrigger';
+export { default as CalendarGrid } from './CalendarGrid';
+export { default as CalendarGridBody } from './CalendarGridBody';
+export { default as CalendarGridHead } from './CalendarGridHead';
+export { default as CalendarGridRow } from './CalendarGridRow';
+export { default as CalendarHeadCell } from './CalendarHeadCell';
+export { default as CalendarHeader } from './CalendarHeader';
+export { default as CalendarHeading } from './CalendarHeading';
+export { default as CalendarNextButton } from './CalendarNextButton';
+export { default as CalendarPrevButton } from './CalendarPrevButton';
+export { default as CalendarMonthGrid } from './CalendarMonthGrid';
+export { default as CalendarYearGrid } from './CalendarYearGrid';
+export { default as CalendarTimeSelect } from './CalendarTimeSelect';
+export { default as CalendarFooter } from './CalendarFooter';
+export { default as CalendarShortcut } from './CalendarShortcut';
+export { DEFAULT_CALENDAR_SHORTCUT_ITEMS, isShortcutOutOfRange, resolveShortcutDate, type CalendarShortcutItem, } from './calendarShortcutItems';
+export { default as CalendarDateGrid } from './CalendarDateGrid';
+export { default as CalendarRangeDateGrid } from './CalendarRangeDateGrid';

package/dist/components/card/Card.d.ts

@@ -0,0 +1,21 @@
+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<{}>, {}, {}, {}, {}, 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/card/Card.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        class?: import('vue').HTMLAttributes["class"];
+    }> & 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: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Simple: Story;

package/dist/components/card/CardContent.d.ts

@@ -0,0 +1,21 @@
+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<{}>, {}, {}, {}, {}, 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/card/CardDescription.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLParagraphElement;
+};
+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, {}, HTMLParagraphElement>;
+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/card/CardFooter.d.ts

@@ -0,0 +1,21 @@
+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<{}>, {}, {}, {}, {}, 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/card/CardHeader.d.ts

@@ -0,0 +1,21 @@
+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<{}>, {}, {}, {}, {}, 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/card/CardTitle.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLHeadingElement;
+};
+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, {}, HTMLHeadingElement>;
+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/card/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Card } from './Card';
+export { default as CardContent } from './CardContent';
+export { default as CardDescription } from './CardDescription';
+export { default as CardFooter } from './CardFooter';
+export { default as CardHeader } from './CardHeader';
+export { default as CardTitle } from './CardTitle';

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,33 @@
+import { CheckboxRootProps } from 'reka-ui';
+export interface Props extends Omit<CheckboxRootProps, "disabled"> {
+    class?: string;
+    size?: "small" | "regular" | "large";
+    error?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "regular" | "large";
+    readOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,75 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Checkbox').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean | "indeterminate") => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            size: "small" | "regular" | "large";
+            readOnly: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./Checkbox').Props> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "small" | "regular" | "large";
+            readOnly: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./Checkbox').Props> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean | "indeterminate") => any;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "regular" | "large";
+        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[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readOnly: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const ErrorState: Story;
+export declare const Indeterminate: Story;
+/**
+ * 전체 선택의 사용 케이스
+ * - 하나라도 선택 됨 -> 부분 선택
+ * - 모두 선택 됨 -> 체크
+ * - 모두 해제 됨 -> 미체크
+ */
+export declare const SelectAllWithItems: Story;
+export declare const Disabled: Story;
+/** 한판에 보기: 3(크기)×9(활성/비활성/읽기전용 × 미/체/부) */
+export declare const FigmaComponentSet: Story;

package/dist/components/checkbox/CheckboxGroupField.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from 'vue';
+import { SelectOption } from '../../lib/options';
+/** reka CheckboxGroupRoot 는 AcceptableValue 제네릭 → number 도 String 매핑 없이 그대로 보존된다 */
+type CheckboxValue = string | number;
+type __VLS_Props = {
+    modelValue?: CheckboxValue[] | null;
+    options: SelectOption<CheckboxValue>[];
+    /** 배치 방향 (default: vertical) */
+    orientation?: "horizontal" | "vertical";
+    size?: "small" | "regular" | "large";
+    /** 미지정 시 Checkbox 가 Form 에러 컨텍스트로 fallback */
+    error?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    class?: HTMLAttributes["class"];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: CheckboxValue[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CheckboxValue[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+    size: "small" | "regular" | "large";
+    readOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/checkbox/CheckboxGroupField.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: any;
+    tags: string[];
+    argTypes: {
+        orientation: {
+            control: "inline-radio";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readOnly: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Horizontal: Story;
+export declare const Sizes: Story;
+/** 에러 시 체크박스 영역만 빨개지고 라벨 텍스트는 grey-90 을 유지한다 */
+export declare const ErrorState: Story;
+/** number value 도 String 매핑 없이 원본 타입으로 emit 된다 */
+export declare const NumberValues: Story;
+export declare const ReadOnlyAndDisabled: Story;

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

@@ -0,0 +1,20 @@
+import { SelectOption } from '../../lib/options';
+export { default as Checkbox } from './Checkbox';
+export { default as CheckboxGroupField } from './CheckboxGroupField';
+export interface CheckboxProps {
+    size?: "small" | "regular" | "large";
+    error?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+export interface CheckboxGroupFieldProps {
+    modelValue?: (string | number)[] | null;
+    options: SelectOption<string | number>[];
+    orientation?: "horizontal" | "vertical";
+    size?: "small" | "regular" | "large";
+    error?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    class?: string;
+}

package/dist/components/date-move/DateMove.d.ts

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'vue';
+import { InputFrameDesignProps } from '../input-frame';
+import { DateMoveModel } from '../date-period-picker/datePeriodTypes';
+type __VLS_Props = InputFrameDesignProps & {
+    class?: HTMLAttributes["class"];
+};
+type __VLS_PublicProps = {
+    modelValue?: DateMoveModel;
+} & __VLS_Props;
+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_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateMoveModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateMoveModel) => any) | undefined;
+}>, {}, {}, {}, {}, 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/date-move/DateMove.stories.d.ts

@@ -0,0 +1,59 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: import('../date-period-picker/datePeriodTypes').DateMoveModel;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('../date-period-picker/datePeriodTypes').DateMoveModel) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('../date-period-picker/datePeriodTypes').DateMoveModel) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: import('../date-period-picker/datePeriodTypes').DateMoveModel;
+        } & import('../input-frame').InputFrameDesignProps & {
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('../date-period-picker/datePeriodTypes').DateMoveModel) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue?: import('../date-period-picker/datePeriodTypes').DateMoveModel;
+    } & import('../input-frame').InputFrameDesignProps & {
+        class?: import('vue').HTMLAttributes["class"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../date-period-picker/datePeriodTypes').DateMoveModel) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('../date-period-picker/datePeriodTypes').DateMoveModel) => any;
+    }, string, {}, {}, 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[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * DateMove + DatePicker
+ */
+export declare const WithDatePicker: Story;
+/**
+ * DateMove + DatePeriodPicker
+ */
+export declare const WithDatePeriodPicker: Story;
+/**
+ * 날짜 이동도 막힘
+ */
+export declare const Disabled: Story;
+export declare const Sizes: Story;

package/dist/components/date-move/dateMoveContext.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey, Ref } from 'vue';
+import { DateMoveModel } from '../date-period-picker/datePeriodTypes';
+export declare const DATE_MOVE_MODEL_KEY: InjectionKey<Ref<DateMoveModel | undefined>>;

package/dist/components/date-move/index.d.ts

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

package/dist/components/date-period-picker/DatePeriodInput.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'vue';
+import { DatePeriodValue } from './datePeriodTypes';
+type __VLS_Props = {
+    modelValue?: DatePeriodValue | null;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    class?: HTMLAttributes["class"];
+    /** 타이핑 중 유효 날짜 완성 시 즉시 커밋 (DateInput.liveCommit) */
+    liveCommit?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DatePeriodValue | null) => any;
+    "update:draftError": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DatePeriodValue | null) => any) | undefined;
+    "onUpdate:draftError"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: DatePeriodValue | null;
+    liveCommit: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/date-period-picker/DatePeriodPicker.d.ts

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from 'vue';
+import { InputFrameDesignProps } from '../input-frame';
+import { DatePeriodValue } from './datePeriodTypes';
+type __VLS_Props = InputFrameDesignProps & {
+    modelValue?: DatePeriodValue | null;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    class?: HTMLAttributes["class"];
+    popoverContentClass?: HTMLAttributes["class"];
+    /** 주 시작 요일 (0=일 … 6=토). 기본 0(일요일 시작) */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+};
+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, {
+    "update:modelValue": (value: DatePeriodValue | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DatePeriodValue | null | undefined) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    error: boolean;
+    variant: "default" | "filled" | "bottomline" | null;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    readonly: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+}, {}, {}, {}, 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;
+    };
+};