@shwfed/nuxt 0.10.13 → 0.10.15

package/dist/runtime/components/ui/buttons/schema.d.ts

@@ -1,6 +1,29 @@
 import z from 'zod';
 import type { ButtonVariants } from '../button/index.js';
 export declare const ButtonsStyleC: z.ZodOptional<z.ZodString>;
+export declare const ButtonModalC: z.ZodReadonly<z.ZodObject<{
+    title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>>;
+    description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>>;
+    showCloseButton: z.ZodOptional<z.ZodBoolean>;
+    breakpoint: z.ZodOptional<z.ZodString>;
+    dismissible: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>>;
 export declare const ButtonActionC: z.ZodReadonly<z.ZodObject<{
     id: z.ZodUUID;
     title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -29,6 +52,80 @@ export declare const ButtonActionC: z.ZodReadonly<z.ZodObject<{
         ghost: "ghost";
     }>>;
     hideTitle: z.ZodOptional<z.ZodBoolean>;
+    modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+        title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
+        description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
+        showCloseButton: z.ZodOptional<z.ZodBoolean>;
+        breakpoint: z.ZodOptional<z.ZodString>;
+        dismissible: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strict>>>;
+}, z.core.$strict>>;
+declare const DropdownButtonActionC: z.ZodReadonly<z.ZodObject<{
+    id: z.ZodUUID;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    tooltip: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        destructive: "destructive";
+        primary: "primary";
+        ghost: "ghost";
+    }>>;
+    modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+        title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
+        description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
+        showCloseButton: z.ZodOptional<z.ZodBoolean>;
+        breakpoint: z.ZodOptional<z.ZodString>;
+        dismissible: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strict>>>;
 }, z.core.$strict>>;
 export declare const ButtonDropdownC: z.ZodReadonly<z.ZodObject<{
     id: z.ZodUUID;
@@ -69,6 +166,29 @@ export declare const ButtonDropdownC: z.ZodReadonly<z.ZodObject<{
             primary: "primary";
             ghost: "ghost";
         }>>;
+        modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+            title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            showCloseButton: z.ZodOptional<z.ZodBoolean>;
+            breakpoint: z.ZodOptional<z.ZodString>;
+            dismissible: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strict>>>;
     }, z.core.$strict>>>>;
 }, z.core.$strict>>;
 export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
@@ -99,6 +219,29 @@ export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodO
         ghost: "ghost";
     }>>;
     hideTitle: z.ZodOptional<z.ZodBoolean>;
+    modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+        title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
+        description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>>;
+        showCloseButton: z.ZodOptional<z.ZodBoolean>;
+        breakpoint: z.ZodOptional<z.ZodString>;
+        dismissible: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strict>>>;
 }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
     id: z.ZodUUID;
     title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -138,6 +281,29 @@ export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodO
             primary: "primary";
             ghost: "ghost";
         }>>;
+        modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+            title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            showCloseButton: z.ZodOptional<z.ZodBoolean>;
+            breakpoint: z.ZodOptional<z.ZodString>;
+            dismissible: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strict>>>;
     }, z.core.$strict>>>>;
 }, z.core.$strict>>]>;
 export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
@@ -170,6 +336,29 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
             ghost: "ghost";
         }>>;
         hideTitle: z.ZodOptional<z.ZodBoolean>;
+        modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+            title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            showCloseButton: z.ZodOptional<z.ZodBoolean>;
+            breakpoint: z.ZodOptional<z.ZodString>;
+            dismissible: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strict>>>;
     }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
         title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -209,6 +398,29 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
                 primary: "primary";
                 ghost: "ghost";
             }>>;
+            modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                breakpoint: z.ZodOptional<z.ZodString>;
+                dismissible: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strict>>>;
         }, z.core.$strict>>>>;
     }, z.core.$strict>>]>>>;
 }, z.core.$strict>>;
@@ -245,6 +457,29 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
                 ghost: "ghost";
             }>>;
             hideTitle: z.ZodOptional<z.ZodBoolean>;
+            modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                breakpoint: z.ZodOptional<z.ZodString>;
+                dismissible: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strict>>>;
         }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
             id: z.ZodUUID;
             title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -284,6 +519,29 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
                     primary: "primary";
                     ghost: "ghost";
                 }>>;
+                modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                    title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                    breakpoint: z.ZodOptional<z.ZodString>;
+                    dismissible: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strict>>>;
             }, z.core.$strict>>>>;
         }, z.core.$strict>>]>>>;
     }, z.core.$strict>>>>;
@@ -321,6 +579,29 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
                 ghost: "ghost";
             }>>;
             hideTitle: z.ZodOptional<z.ZodBoolean>;
+            modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                breakpoint: z.ZodOptional<z.ZodString>;
+                dismissible: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strict>>>;
         }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
             id: z.ZodUUID;
             title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -360,15 +641,41 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
                     primary: "primary";
                     ghost: "ghost";
                 }>>;
+                modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                    title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                    breakpoint: z.ZodOptional<z.ZodString>;
+                    dismissible: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strict>>>;
             }, z.core.$strict>>>>;
         }, z.core.$strict>>]>>>;
     }, z.core.$strict>>>>;
 }, z.core.$strict>>;
+export type ButtonModal = z.infer<typeof ButtonModalC>;
 export type ButtonAction = z.infer<typeof ButtonActionC>;
 export type ButtonDropdown = z.infer<typeof ButtonDropdownC>;
+export type ButtonDropdownAction = z.infer<typeof DropdownButtonActionC>;
 export type ButtonGroupItem = z.infer<typeof ButtonGroupItemC>;
 export type ButtonGroup = z.infer<typeof ButtonGroupC>;
 export type ButtonConfig = z.infer<typeof ButtonConfigC>;
 export type ButtonConfigInput = z.infer<typeof ButtonConfigInputC>;
 export declare function normalizeButtonConfigInput(value: unknown): unknown;
 export type ButtonVariant = ButtonVariants['variant'];
+export {};

package/dist/runtime/components/ui/buttons/schema.js

@@ -4,20 +4,29 @@ const buttonIdC = z.uuid().describe("\u6309\u94AE\u552F\u4E00\u6807\u8BC6\uFF0C\
 const buttonGroupIdC = z.uuid().describe("\u6309\u94AE\u7EC4\u552F\u4E00\u6807\u8BC6\uFF0C\u5FC5\u987B\u662F UUID");
 const buttonVariantC = z.enum(["default", "primary", "destructive", "ghost"]).optional().describe("\u6309\u94AE\u53D8\u4F53");
 export const ButtonsStyleC = expressionC(/^map/).optional().describe("\u8FD4\u56DE\u6309\u94AE\u5BB9\u5668\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F");
+export const ButtonModalC = z.strictObject({
+  title: localeC.optional().describe("Modal \u6807\u9898\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  description: localeC.optional().describe("Modal \u63CF\u8FF0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  showCloseButton: z.boolean().optional().describe("\u662F\u5426\u663E\u793A Modal \u5173\u95ED\u6309\u94AE"),
+  breakpoint: z.string().optional().describe("\u5207\u6362\u684C\u9762 Dialog \u4E0E\u79FB\u52A8\u7AEF Drawer \u7684\u5A92\u4F53\u67E5\u8BE2\u65AD\u70B9"),
+  dismissible: z.boolean().optional().describe("\u662F\u5426\u5141\u8BB8\u901A\u8FC7\u5916\u90E8\u4EA4\u4E92\u5173\u95ED Modal")
+}).readonly();
 export const ButtonActionC = z.strictObject({
   id: buttonIdC,
   title: localeC.describe("\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
   tooltip: localeC.optional().describe("\u6309\u94AE\u63D0\u793A\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
   variant: buttonVariantC,
-  hideTitle: z.boolean().optional().describe("\u4EC5\u5BF9\u975E\u4E0B\u62C9\u6309\u94AE\u751F\u6548\uFF1B\u4E3A true \u65F6\u9690\u85CF\u6309\u94AE\u6587\u5B57\uFF0C\u4EC5\u663E\u793A\u56FE\u6807")
+  hideTitle: z.boolean().optional().describe("\u4EC5\u5BF9\u975E\u4E0B\u62C9\u6309\u94AE\u751F\u6548\uFF1B\u4E3A true \u65F6\u9690\u85CF\u6309\u94AE\u6587\u5B57\uFF0C\u4EC5\u663E\u793A\u56FE\u6807"),
+  modal: ButtonModalC.optional().describe("\u4E0E\u5F53\u524D\u6309\u94AE UUID \u540C\u540D slot \u6253\u5F00\u65F6\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
 }).readonly();
 const DropdownButtonActionC = z.strictObject({
   id: buttonIdC,
   title: localeC.describe("\u4E0B\u62C9\u9879\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
   tooltip: localeC.optional().describe("\u4E0B\u62C9\u9879\u6309\u94AE\u63D0\u793A\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
-  variant: buttonVariantC
+  variant: buttonVariantC,
+  modal: ButtonModalC.optional().describe("\u4E0E\u5F53\u524D\u4E0B\u62C9\u6309\u94AE UUID \u540C\u540D slot \u6253\u5F00\u65F6\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
 }).readonly();
 export const ButtonDropdownC = z.strictObject({
   id: buttonIdC,

package/dist/runtime/components/ui/drawer/Drawer.d.vue.ts

@@ -0,0 +1,31 @@
+import type { DrawerRootProps } from 'vaul-vue';
+type Props = Omit<DrawerRootProps, 'direction'>;
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:open": (open: boolean) => any;
+    animationEnd: (open: boolean) => any;
+    drag: (percentageDragged: number) => any;
+    release: (open: boolean) => any;
+    "update:activeSnapPoint": (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onAnimationEnd?: ((open: boolean) => any) | undefined;
+    onDrag?: ((percentageDragged: number) => any) | undefined;
+    onRelease?: ((open: boolean) => any) | undefined;
+    "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/Drawer.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useForwardPropsEmits } from "reka-ui";
+import { DrawerRoot } from "vaul-vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  activeSnapPoint: { type: [Number, String, null], required: false },
+  closeThreshold: { type: Number, required: false },
+  shouldScaleBackground: { type: Boolean, required: false },
+  setBackgroundColorOnScale: { type: Boolean, required: false },
+  scrollLockTimeout: { type: Number, required: false },
+  fixed: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false },
+  modal: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  nested: { type: Boolean, required: false },
+  noBodyStyles: { type: Boolean, required: false },
+  handleOnly: { type: Boolean, required: false },
+  preventScrollRestoration: { type: Boolean, required: false },
+  snapPoints: { type: Array, required: false },
+  fadeFromIndex: { type: null, required: false }
+});
+const emits = defineEmits(["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <DrawerRoot
+    v-slot="slotProps"
+    data-slot="drawer"
+    direction="bottom"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </DrawerRoot>
+</template>

package/dist/runtime/components/ui/drawer/Drawer.vue.d.ts

@@ -0,0 +1,31 @@
+import type { DrawerRootProps } from 'vaul-vue';
+type Props = Omit<DrawerRootProps, 'direction'>;
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:open": (open: boolean) => any;
+    animationEnd: (open: boolean) => any;
+    drag: (percentageDragged: number) => any;
+    release: (open: boolean) => any;
+    "update:activeSnapPoint": (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onAnimationEnd?: ((open: boolean) => any) | undefined;
+    onDrag?: ((percentageDragged: number) => any) | undefined;
+    onRelease?: ((open: boolean) => any) | undefined;
+    "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerClose.d.vue.ts

@@ -0,0 +1,14 @@
+import type { DrawerCloseProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerClose.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { DrawerClose } from "vaul-vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DrawerClose
+    data-slot="drawer-close"
+    v-bind="props"
+  >
+    <slot />
+  </DrawerClose>
+</template>

package/dist/runtime/components/ui/drawer/DrawerClose.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DrawerCloseProps } from 'vaul-vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DrawerCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerContent.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    showCloseButton?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/drawer/DrawerContent.vue

@@ -0,0 +1,50 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import { useForwardProps } from "reka-ui";
+import {
+  DrawerClose,
+  DrawerContent,
+  DrawerPortal
+} from "vaul-vue";
+import { cn } from "../../../utils/cn";
+import DrawerOverlay from "./DrawerOverlay.vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  class: { type: null, required: false },
+  showCloseButton: { type: Boolean, required: false, default: true }
+});
+const delegatedProps = reactiveOmit(props, "class", "showCloseButton");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerContent
+      data-slot="drawer-content"
+      v-bind="{ ...$attrs, ...forwardedProps }"
+      :class="
+  cn(
+    'data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[90vh] flex-col gap-4 rounded-t-lg border border-zinc-200 bg-white p-6 shadow-lg outline-hidden',
+    props.class
+  )
+"
+    >
+      <div class="mx-auto -mt-2 h-2 w-16 rounded-full bg-zinc-200" />
+
+      <slot />
+
+      <DrawerClose
+        v-if="showCloseButton"
+        data-slot="drawer-close-button"
+        class="data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-700 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      >
+        <Icon icon="fluent:dismiss-20-filled" />
+        <span class="sr-only">Close</span>
+      </DrawerClose>
+    </DrawerContent>
+  </DrawerPortal>
+</template>

package/dist/runtime/components/ui/drawer/DrawerContent.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    showCloseButton?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};