@reco-inc/upbox-ui 0.1.1

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

@@ -0,0 +1,91 @@
+import { StoryObj } from '@storybook/vue3-vite';
+import { DatePeriodValue } from './datePeriodTypes';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../input-frame').InputFrameDesignProps & {
+            modelValue?: DatePeriodValue | null;
+            startPlaceholder?: string;
+            endPlaceholder?: string;
+            class?: import('vue').HTMLAttributes["class"];
+            popoverContentClass?: import('vue').HTMLAttributes["class"];
+            weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: DatePeriodValue | null | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: DatePeriodValue | null | undefined) => any;
+        }, import('vue').PublicProps, {
+            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;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('../input-frame').InputFrameDesignProps & {
+            modelValue?: DatePeriodValue | null;
+            startPlaceholder?: string;
+            endPlaceholder?: string;
+            class?: import('vue').HTMLAttributes["class"];
+            popoverContentClass?: import('vue').HTMLAttributes["class"];
+            weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        }> & 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;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('../input-frame').InputFrameDesignProps & {
+        modelValue?: DatePeriodValue | null;
+        startPlaceholder?: string;
+        endPlaceholder?: string;
+        class?: import('vue').HTMLAttributes["class"];
+        popoverContentClass?: import('vue').HTMLAttributes["class"];
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: DatePeriodValue | null | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: DatePeriodValue | null | undefined) => any;
+    }, string, {
+        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').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 StatesAndSizes: Story;

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

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

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

@@ -0,0 +1,7 @@
+import { CalendarDate } from '@internationalized/date';
+export type DatePeriodValue = {
+    start: CalendarDate | null;
+    end: CalendarDate | null;
+};
+export type DateMoveModel = CalendarDate | DatePeriodValue | null;
+export declare function isDatePeriodValue(v: unknown): v is DatePeriodValue;

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

@@ -0,0 +1,4 @@
+export { default as DatePeriodInput } from './DatePeriodInput';
+export { default as DatePeriodTrigger } from './DatePeriodTrigger';
+export { default as DatePeriodPicker } from './DatePeriodPicker';
+export type { DatePeriodValue } from './datePeriodTypes';

package/dist/components/date-picker/DateInput.d.ts

@@ -0,0 +1,43 @@
+import { HTMLAttributes } from 'vue';
+import { DateValue, CalendarDate } from '@internationalized/date';
+import { InputFrameVariantProps } from '../input-frame';
+type __VLS_Props = {
+    size?: InputFrameVariantProps["size"];
+    readonly?: boolean;
+    disabled?: boolean;
+    /** 비어 있을 때(입력 가능할 때)만 표시. 미지정이면 YYYY-MM-DD */
+    placeholder?: string;
+    class?: HTMLAttributes["class"];
+    /**
+     * 타이핑 중 8자리 유효 날짜가 완성되면 즉시 모델에 반영한다.
+     * 기본(false)은 blur 시점에만 커밋 — 필터처럼 모델 변경이 조회를 유발하는 곳의 기존 동작 유지.
+     * 시트/다이얼로그처럼 입력 즉시 유효성·버튼 상태를 갱신해야 할 때만 켠다.
+     */
+    liveCommit?: boolean;
+    /**
+     * 커밋 가능한 최소/최대 날짜(포함). 미지정이면 상위 `DatePicker` 컨텍스트 값을 쓴다.
+     * 범위를 벗어난 타이핑은 모델에 반영하지 않는다(blur 시 직전 값으로 되돌림).
+     */
+    minValue?: DateValue | null;
+    maxValue?: DateValue | null;
+};
+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;
+    "update:draftError": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CalendarDate | null) => any) | undefined;
+    "onUpdate:draftError"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "small" | "large" | "regular" | null;
+    minValue: DateValue | null;
+    maxValue: DateValue | null;
+    readonly: boolean;
+    liveCommit: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/date-picker/DatePicker.d.ts

@@ -0,0 +1,46 @@
+import { HTMLAttributes } from 'vue';
+import { DateValue, CalendarDate } from '@internationalized/date';
+import { InputFrameDesignProps } from '../input-frame';
+type __VLS_Props = InputFrameDesignProps & {
+    class?: HTMLAttributes["class"];
+    popoverContentClass?: 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/date-picker/DatePicker.stories.d.ts

@@ -0,0 +1,117 @@
+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"];
+            popoverContentClass?: 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"];
+            popoverContentClass?: 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"];
+        popoverContentClass?: 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[];
+        };
+        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;
+/**
+ * 슬롯에 DateInput을 명시적으로 넣는 방법.
+ * placeholder 등 DateInput 전용 props 를 직접 제어할 수 있다.
+ */
+export declare const WithExplicitDateInput: Story;
+/**
+ * 선택 범위 제한 — `minValue`/`maxValue` 로 캘린더 셀과 단축(오늘·n개월) 버튼을 비활성한다.
+ * 타이핑 입력까지 막지는 않으므로, 제출 차단이 필요하면 소비 앱에서 값 검증을 함께 둔다.
+ */
+export declare const WithBounds: Story;
+export declare const StatesAndSizes: Story;

package/dist/components/date-picker/DateTrigger.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/date-picker/datePickerContext.d.ts

@@ -0,0 +1,14 @@
+import { InjectionKey, Ref } from 'vue';
+import { CalendarDate, DateValue } from '@internationalized/date';
+export interface DatePickerContext {
+    model: Ref<CalendarDate | null | undefined>;
+    draftError: Ref<boolean>;
+    /**
+     * 선택 가능 범위(포함). 캘린더 셀 비활성뿐 아니라 `DateInput` 의 타이핑 커밋도 이 범위로 막는다.
+     * (범위를 캘린더에만 넘기면 키보드 입력 경로로 제약이 우회된다 — UP20-8581)
+     * 미지정이면 해당 방향 제한 없음.
+     */
+    minValue?: Ref<DateValue | null | undefined>;
+    maxValue?: Ref<DateValue | null | undefined>;
+}
+export declare const DATE_PICKER_CTX_KEY: InjectionKey<DatePickerContext>;

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

@@ -0,0 +1,3 @@
+export { default as DateInput } from './DateInput';
+export { default as DatePicker } from './DatePicker';
+export { default as DateTrigger } from './DateTrigger';

package/dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,22 @@
+import { DialogRootProps } from 'reka-ui';
+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<DialogRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<DialogRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/dialog/Dialog.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:open": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('reka-ui').DialogRootProps> & Readonly<{
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:open": (value: boolean) => 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>;
+export declare const Default: Story;
+export declare const WithForm: Story;
+export declare const Fullscreen: Story;

package/dist/components/dialog/DialogClose.d.ts

@@ -0,0 +1,18 @@
+import { DialogCloseProps } from 'reka-ui';
+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<DialogCloseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogCloseProps> & 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/dialog/DialogContent.d.ts

@@ -0,0 +1,60 @@
+import { DialogContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+export type DialogSize = "xsmall" | "small" | "regular" | "large" | "xlarge" | "full";
+type __VLS_Props = DialogContentProps & {
+    class?: HTMLAttributes["class"];
+    size?: DialogSize;
+    /** 우상단 닫기(X) 버튼 숨김 (default: false) */
+    hideClose?: boolean;
+    /**
+     * 뷰포트를 꽉 채우는 전체화면 모드. `size` 는 무시된다.
+     *
+     * 소비 앱이 `@import "tailwindcss" important` 인 경우 DS dist 를 `@source` 로
+     * 스캔하면서 여기서 쓰는 `left-1/2`/`top-1/2` 까지 `!important` 가 된다.
+     * 그래서 앱이 바깥에서 `inset-0` 같은 유틸로 덮으려 하면 둘 다 important 라
+     * Tailwind 내부 정렬 순서에 승패가 좌우된다(= 불안정).
+     * 전체화면을 컴포넌트가 소유해서 애초에 `left-1/2`/`top-1/2` 를 방출하지 않는다.
+     */
+    fullscreen?: boolean;
+    /**
+     * 오버레이(dim)에 얹을 클래스. 비모달 패널처럼 dim 을 투명하게 하거나
+     * 클릭을 통과시켜야 할 때 쓴다 (`bg-transparent pointer-events-none`).
+     * 오버레이는 포털 내부라 소비자가 바깥에서 잡을 수 없어 prop 으로 연다.
+     */
+    overlayClass?: 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, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    size: DialogSize;
+    hideClose: boolean;
+    fullscreen: 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/dialog/DialogDescription.d.ts

@@ -0,0 +1,22 @@
+import { DialogDescriptionProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = DialogDescriptionProps & {
+    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/dialog/DialogFooter.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: 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/dialog/DialogHeader.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/dialog/DialogScrollContent.d.ts

@@ -0,0 +1,36 @@
+import { DialogContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = DialogContentProps & {
+    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, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, 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/dialog/DialogTitle.d.ts

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