@reco-inc/upbox-ui 0.1.1

package/dist/components/select/SelectContent.d.ts

@@ -0,0 +1,33 @@
+import { SelectContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectContentProps & {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        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;
+    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;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    position: "item-aligned" | "popper";
+}, {}, {}, {}, 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/select/SelectField.d.ts

@@ -0,0 +1,16 @@
+import { SelectFieldProps } from './selectFieldProps';
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: T | null | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & SelectFieldProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T | null | undefined) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/select/SelectField.stories.d.ts

@@ -0,0 +1,43 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: any;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readonly: {
+            control: "boolean";
+        };
+        clearable: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Clearable: Story;
+export declare const EmptyValueOption: Story;
+export declare const Variants: Story;
+/**
+ * 값을 **코드로** 바꿨을 때도 라벨이 바로 보이는지 확인한다.
+ *
+ * reka `SelectValue` 는 마운트된 `SelectItem` 에서 라벨을 읽어, 드롭다운을 한 번도 열지 않으면
+ * 라벨을 찾지 못하고 placeholder 로 보였다. 상위 선택에 딸린 연쇄, 임시저장 복원, OCR 자동 입력처럼
+ * 사용자가 목록을 열지 않고 값이 정해지는 경우가 실제로 많다.
+ */
+export declare const ProgrammaticValue: Story;
+export declare const Searchable: Story;

package/dist/components/select/SelectFieldValue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * # SelectField 의 선택값 표시
+ *
+ * reka `SelectValue` 를 쓰지 않는다.
+ *
+ * reka 는 선택 라벨을 **마운트된 `SelectItem`** 에서 읽는다(`rootContext.optionsSet`).
+ * 그런데 `SelectContent` 는 드롭다운을 열기 전까지 마운트되지 않아 그 집합이 비어 있다.
+ * 그래서 값이 **코드로** 바뀌면(상위 선택에 딸린 연쇄, 임시저장 복원, OCR 자동 입력 등)
+ * 라벨을 찾지 못해 placeholder 로 보이고, 사용자가 한 번 열어야 그때 채워진다.
+ *
+ * `SelectField` 는 `options` 로 라벨을 이미 알고 있으므로 여기서 직접 그린다.
+ * 열어 본 적이 없어도 값이 있으면 바로 보인다.
+ *
+ * 렌더 계약은 reka `SelectValue` 와 맞춘다 — `span`, `pointer-events: none`,
+ * 값이 없을 때만 `data-placeholder`(InputFrame 이 이 속성으로 placeholder 톤을 입힌다).
+ */
+type __VLS_Props = {
+    /** 선택된 옵션의 라벨. 없으면 placeholder 를 보여준다 */
+    label?: string;
+    placeholder?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/select/SelectGroup.d.ts

@@ -0,0 +1,22 @@
+import { SelectGroupProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectGroupProps & {
+    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/select/SelectItem.d.ts

@@ -0,0 +1,22 @@
+import { SelectItemProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectItemProps & {
+    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/select/SelectItemText.d.ts

@@ -0,0 +1,18 @@
+import { SelectItemTextProps } 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<SelectItemTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SelectItemTextProps> & 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/select/SelectLabel.d.ts

@@ -0,0 +1,22 @@
+import { SelectLabelProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectLabelProps & {
+    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/select/SelectScrollDownButton.d.ts

@@ -0,0 +1,22 @@
+import { SelectScrollDownButtonProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectScrollDownButtonProps & {
+    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/select/SelectScrollUpButton.d.ts

@@ -0,0 +1,22 @@
+import { SelectScrollUpButtonProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectScrollUpButtonProps & {
+    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/select/SelectSeparator.d.ts

@@ -0,0 +1,7 @@
+import { SelectSeparatorProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectSeparatorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/select/SelectTrigger.d.ts

@@ -0,0 +1,52 @@
+import { SelectTriggerProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = SelectTriggerProps & {
+    class?: HTMLAttributes["class"];
+    /**
+     * SearchField/InputGroup 등 외부 frame을 가진 wrapper 안에 들어갈 때 사용.
+     * 자체 InputFrame 없이 transparent inline trigger로 렌더링된다.
+     */
+    inline?: boolean;
+    /**
+     * InputFrame design props. 미지정(`undefined`)이면 SelectField / FieldContainer
+     * 가 provide 한 컨텍스트를 InputFrame 이 inject-merge 해서 따른다.
+     * standalone 사용 시 컨텍스트가 없으면 InputFrame 기본값(default/regular).
+     */
+    variant?: "default" | "filled" | "bottomline";
+    size?: "small" | "regular" | "large";
+    error?: boolean;
+    readonly?: boolean;
+    /**
+     * 선택한 항목을 지울 수 있음.
+     * 미지정 시 Select root 의 clearable provide 값을 따른다.
+     */
+    clearable?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        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, {
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+}>, {
+    size: "small" | "regular" | "large";
+    error: boolean;
+    variant: "default" | "filled" | "bottomline";
+    readonly: boolean;
+    clearable: 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/select/SelectValue.d.ts

@@ -0,0 +1,18 @@
+import { SelectValueProps } 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<SelectValueProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SelectValueProps> & 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/select/index.d.ts

@@ -0,0 +1,14 @@
+export { default as Select } from './Select';
+export { default as SelectField } from './SelectField';
+export type { SelectFieldProps } from './selectFieldProps';
+export type { SelectOption, SelectOption as SelectFieldOption } from '../../lib/options';
+export { default as SelectContent } from './SelectContent';
+export { default as SelectGroup } from './SelectGroup';
+export { default as SelectItem } from './SelectItem';
+export { default as SelectItemText } from './SelectItemText';
+export { default as SelectLabel } from './SelectLabel';
+export { default as SelectScrollDownButton } from './SelectScrollDownButton';
+export { default as SelectScrollUpButton } from './SelectScrollUpButton';
+export { default as SelectSeparator } from './SelectSeparator';
+export { default as SelectTrigger } from './SelectTrigger';
+export { default as SelectValue } from './SelectValue';

package/dist/components/select/selectContext.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, InjectionKey } from 'vue';
+/** Select root 에서 Trigger 로 clearable 여부를 전달 */
+export declare const SELECT_CLEARABLE_KEY: InjectionKey<ComputedRef<boolean>>;

package/dist/components/select/selectFieldProps.d.ts

@@ -0,0 +1,38 @@
+import { HTMLAttributes } from 'vue';
+import { SelectOption } from '../../lib/options';
+export interface SelectFieldProps<V = unknown> {
+    modelValue?: V | null;
+    options: SelectOption<V>[];
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    /** 선택한 항목을 지울 수 있음 (X 버튼 → undefined) */
+    clearable?: boolean;
+    /**
+     * 드롭다운 상단에 검색 입력을 둔다.
+     * 옵션이 많아 스크롤로만 찾기 어려운 목록(폐기물 분류, 코드성 enum 등)에 켠다.
+     * 라벨 부분 일치로 거르므로 `(51-03-01)폐합성수지` 처럼 코드가 라벨에 들어 있으면 코드로도 찾는다.
+     *
+     * ## 알려진 한계 — 포인터 보조 수단이다
+     * 이 컴포넌트는 reka `Select` 위에 있고, reka 는 열린 목록의 포커스를 항목에만 준다.
+     * 그래서 검색창은 **마우스로 눌러야** 들어갈 수 있고, 열린 채로 `Tab` 도 막혀 있다.
+     * 키보드 사용자는 검색창 대신 reka 기본 typeahead(글자를 치면 해당 항목으로 점프)를 쓴다.
+     *
+     * 또 `SelectContent` 최상위에 `role="listbox"` 가 붙어 있어 그 안의 검색 input 이
+     * `aria-required-children` 위반으로 잡힌다. 둘 다 `Select` 구조에서 비롯된 것이라
+     * 제대로 풀려면 reka `Combobox` 프리미티브로 갈아타야 한다.
+     */
+    search?: boolean;
+    /** 검색 입력 placeholder */
+    searchPlaceholder?: string;
+    /** 검색 결과가 없을 때 목록 자리에 보여줄 문구 */
+    searchEmptyText?: string;
+    /** InputFrame design props (FieldPattern.mdx 표준) */
+    variant?: "default" | "filled" | "bottomline";
+    size?: "small" | "regular" | "large";
+    /** 미지정 시 FieldContainer 에러 컨텍스트 자동 fallback */
+    error?: boolean;
+    name?: string;
+    required?: boolean;
+    class?: HTMLAttributes["class"];
+}

package/dist/components/separator/Separator.d.ts

@@ -0,0 +1,6 @@
+import { SeparatorProps } from '.';
+declare const _default: import('vue').DefineComponent<SeparatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/separator/Separator.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('.').SeparatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('.').SeparatorProps> & Readonly<{}>, {
+        orientation: "horizontal" | "vertical";
+        decorative: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;

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

@@ -0,0 +1,6 @@
+export { default as Separator } from './Separator';
+export interface SeparatorProps {
+    orientation?: "horizontal" | "vertical";
+    decorative?: boolean;
+    class?: string;
+}

package/dist/components/sheet/Sheet.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/sheet/Sheet.stories.d.ts

@@ -0,0 +1,40 @@
+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 RightSide: Story;
+export declare const LeftSide: Story;
+export declare const TopSide: Story;
+export declare const BottomSide: Story;
+export declare const AllSides: Story;

package/dist/components/sheet/SheetClose.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/sheet/SheetContent.d.ts

@@ -0,0 +1,35 @@
+import { DialogContentProps } from 'reka-ui';
+import { SheetContentProps as SheetContentVariantProps } from '.';
+interface SheetContentProps extends DialogContentProps, SheetContentVariantProps {
+}
+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<SheetContentProps, {}, {}, {}, {}, 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<SheetContentProps> & 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/sheet/SheetDescription.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/sheet/SheetFooter.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/sheet/SheetHeader.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/sheet/SheetTitle.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;
+    };
+};