arvue-ui 0.1.0 → 0.3.0

package/dist/dialog/dialogDescription.js

@@ -1,6 +1,7 @@
 import { clsx } from "../clsx.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
-import { Primitive } from "reka-ui";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogDescription } from "reka-ui";
 //#region src/dialog/DialogDescription.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "DialogDescription",
@@ -13,15 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			Array
 		] },
 		asChild: { type: Boolean },
-		as: {}
+		as: { default: "p" }
 	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-description", props.class)) }, {
+			return openBlock(), createBlock(unref(DialogDescription), mergeProps({ class: unref(clsx)("arvue-dialog-description", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });

package/dist/dialog/dialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogDescription.js","names":[],"sources":["../../src/dialog/DialogDescription.vue"],"sourcesContent":["<style>\n@import \"./dialog-description.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-description', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps as RekaDialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogDescriptionProps extends RekaDialogDescriptionProps{\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogDescriptionProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;;uBAlBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,CAAA,EAAA,GAAA;2BACpD,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"dialogDescription.js","names":[],"sources":["../../src/dialog/DialogDescription.vue"],"sourcesContent":["<style>\n@import \"./dialog-description.css\";\n</style>\n\n<template>\n    <DialogDescription\n        :class=\"clsx('arvue-dialog-description', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogDescription>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps as RekaDialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogDescriptionProps extends RekaDialogDescriptionProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogDescriptionProps>(), {\n    as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKoB,MAAA,iBAAA,GALpB,WAKoB,EAJf,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,GAC5C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogFooter.js

@@ -1,23 +1,29 @@
 import { clsx } from "../clsx.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
 import { Primitive } from "reka-ui";
 //#region src/dialog/DialogFooter.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "DialogFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-footer", props.class)) }, {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-dialog-footer", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });

package/dist/dialog/dialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogFooter.js","names":[],"sources":["../../src/dialog/DialogFooter.vue"],"sourcesContent":["<style>\n@import \"./dialog-footer.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-footer', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogFooterProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogFooterProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;;uBAjBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,CAAA,EAAA,GAAA;2BAC/C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"dialogFooter.js","names":[],"sources":["../../src/dialog/DialogFooter.vue"],"sourcesContent":["<style>\n@import \"./dialog-footer.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-dialog-footer', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogFooterProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogHeader.js

@@ -1,23 +1,29 @@
 import { clsx } from "../clsx.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
 import { Primitive } from "reka-ui";
 //#region src/dialog/DialogHeader.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "DialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-header", props.class)) }, {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-dialog-header", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });

package/dist/dialog/dialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogHeader.js","names":[],"sources":["../../src/dialog/DialogHeader.vue"],"sourcesContent":["<style>\n@import \"./dialog-header.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-header', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogHeaderProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogHeaderProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;;uBAjBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,CAAA,EAAA,GAAA;2BAC/C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"dialogHeader.js","names":[],"sources":["../../src/dialog/DialogHeader.vue"],"sourcesContent":["<style>\n@import \"./dialog-header.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-dialog-header', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogHeaderProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dialog/dialogOverlay.js

@@ -1,7 +1,7 @@
 import { clsx } from "../clsx.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogOverlay } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
+import { DialogOverlay } from "reka-ui";
 //#region src/dialog/DialogOverlay.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "DialogOverlay",

package/dist/dialog/dialogTitle.js

@@ -1,6 +1,7 @@
 import { clsx } from "../clsx.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
-import { Primitive } from "reka-ui";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogTitle } from "reka-ui";
 //#region src/dialog/DialogTitle.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "DialogTitle",
@@ -13,15 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			Array
 		] },
 		asChild: { type: Boolean },
-		as: {}
+		as: { default: "h3" }
 	},
 	setup(__props) {
 		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), { class: normalizeClass(unref(clsx)("arvue-dialog-title", props.class)) }, {
+			return openBlock(), createBlock(unref(DialogTitle), mergeProps({ class: unref(clsx)("arvue-dialog-title", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });

package/dist/dialog/dialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/DialogTitle.vue"],"sourcesContent":["<style>\n@import \"./dialog-title.css\";\n</style>\n\n<template>\n    <Primitive :class=\"clsx('arvue-dialog-title', props.class)\">\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps as RekaDialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogTitleProps extends RekaDialogTitleProps{\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogTitleProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;;uBAlBV,YAEY,MAAA,SAAA,GAAA,EAFA,OAAK,eAAE,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,CAAA,EAAA,GAAA;2BAC9C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/DialogTitle.vue"],"sourcesContent":["<style>\n@import \"./dialog-title.css\";\n</style>\n\n<template>\n    <DialogTitle\n        :class=\"clsx('arvue-dialog-title', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogTitle>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps as RekaDialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogTitleProps extends RekaDialogTitleProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogTitleProps>(), {\n    as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKc,MAAA,WAAA,GALd,WAKc,EAJT,OAAO,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,EAAA,GACtC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawer.js

@@ -0,0 +1,32 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
+//#region src/drawer/Drawer.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "Drawer",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawer.js.map

package/dist/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":[],"sources":["../../src/drawer/Drawer.vue"],"sourcesContent":["<template>\n    <DialogRoot\n        v-slot=\"slotProps\"\n        v-bind=\"forwarded\"\n    >\n        <slot v-bind=\"slotProps\"/>\n    </DialogRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogRootEmits, DialogRootProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerProps extends DialogRootProps {\n    class?: HTMLAttributes['class']\n}\nexport interface DrawerEmits extends DialogRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<DrawerProps>()\nconst emits = defineEmits<DrawerEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAyBA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBAxB/C,YAKa,MAAA,UAAA,GAAA,eAAA,mBAHD,MAAA,SAAA,CAAS,CAAA,GAAA;sBADT,cAAS,CAGjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}

package/dist/drawer/drawerClose.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose } from "reka-ui";
+//#region src/drawer/DrawerClose.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerClose",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "a" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogClose), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerClose.js.map

package/dist/drawer/drawerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerClose.js","names":[],"sources":["../../src/drawer/DrawerClose.vue"],"sourcesContent":["<template>\n    <DialogClose v-bind=\"props\">\n        <slot/>\n    </DialogClose>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogCloseProps } from 'reka-ui'\n\nexport interface DrawerCloseProps extends DialogCloseProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerCloseProps>(), {\n    as: 'a',\n})\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEc,MAAA,WAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawerContent.js

@@ -0,0 +1,108 @@
+import { clsx } from "../clsx.js";
+import { _sfc_main as _sfc_main$1 } from "./drawerClose.js";
+import { _sfc_main as _sfc_main$2 } from "./drawerOverlay.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogContent, DialogPortal, useForwardPropsEmits } from "reka-ui";
+import { AnimatePresence, Motion } from "motion-v";
+//#region src/drawer/DrawerContent.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "DrawerContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "right" },
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class", "side"), emits);
+		const sideMotion = {
+			top: {
+				initial: { y: "-100%" },
+				animate: { y: 0 },
+				exit: { y: "-100%" }
+			},
+			bottom: {
+				initial: { y: "100%" },
+				animate: { y: 0 },
+				exit: { y: "100%" }
+			},
+			left: {
+				initial: { x: "-100%" },
+				animate: { x: 0 },
+				exit: { x: "-100%" }
+			},
+			right: {
+				initial: { x: "100%" },
+				animate: { x: 0 },
+				exit: { x: "100%" }
+			}
+		};
+		const motionProps = computed(() => sideMotion[props.side]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$2), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Motion), {
+							initial: { opacity: 0 },
+							animate: { opacity: 1 },
+							exit: { opacity: 0 },
+							transition: {
+								duration: .3,
+								ease: "easeInOut"
+							}
+						})]),
+						_: 1
+					}), createVNode(unref(DialogContent), mergeProps({ class: unref(clsx)("arvue-drawer-content", __props.side === "top" && "top", __props.side === "right" && "right", __props.side === "bottom" && "bottom", __props.side === "left" && "left", props.class) }, {
+						..._ctx.$attrs,
+						...unref(forwarded)
+					}, { "as-child": "" }), {
+						default: withCtx(() => [createVNode(unref(Motion), mergeProps(motionProps.value, { transition: {
+							duration: .3,
+							ease: "easeIn"
+						} }), {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$1), {
+								key: 0,
+								class: "arvue-drawer-close-button icon"
+							}, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
+								_: 1
+							})) : createCommentVNode("v-if", true)]),
+							_: 3
+						}, 16)]),
+						_: 3
+					}, 16, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerContent.js.map

package/dist/drawer/drawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerContent.js","names":["$attrs"],"sources":["../../src/drawer/DrawerContent.vue"],"sourcesContent":["<style>\n@import './drawer-content.css';\n</style>\n\n<template>\n    <DialogPortal>\n        <AnimatePresence as=\"div\">\n            <DrawerOverlay as-child>\n                <Motion\n                    :initial=\"{ opacity: 0 }\"\n                    :animate=\"{ opacity: 1 }\"\n                    :exit=\"{ opacity: 0 }\"\n                    :transition=\"{\n                        duration: .3,\n                        ease: 'easeInOut',\n                    }\"\n                />\n            </DrawerOverlay>\n            <DialogContent\n                :class=\"clsx(\n                    'arvue-drawer-content',\n                    side === 'top' && 'top',\n                    side === 'right' && 'right',\n                    side === 'bottom' && 'bottom',\n                    side === 'left' && 'left',\n                    props.class,\n                )\"\n                v-bind=\"{ ...$attrs, ...forwarded }\"\n                as-child\n            >\n                <Motion\n                    v-bind=\"motionProps\"\n                    :transition=\"{\n                        duration: .3,\n                        ease: 'easeIn',\n                    }\"\n                >\n                    <slot/>\n                    <DrawerClose\n                        v-if=\"showCloseButton\"\n                        class=\"arvue-drawer-close-button icon\"\n                    >\n                        <i class=\"fas fa-times\"/>\n                    </DrawerClose>\n                </Motion>\n            </DialogContent>\n        </AnimatePresence>\n    </DialogPortal>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogContentEmits, DialogContentProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerContentEmits extends DialogContentEmits {\n}\n\nexport interface DrawerContentProps extends DialogContentProps {\n    class?: HTMLAttributes['class']\n    side?: 'top' | 'right' | 'bottom' | 'left'\n    showCloseButton?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AnimatePresence, Motion } from 'motion-v'\nimport {\n    DialogContent,\n    DialogPortal,\n    useForwardPropsEmits,\n} from 'reka-ui'\nimport { computed } from 'vue'\nimport { DrawerClose, DrawerOverlay } from '.'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerContentProps>(), {\n    side: 'right',\n    showCloseButton: true,\n})\nconst emits = defineEmits<DrawerContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class', 'side')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n\nconst sideMotion = {\n    top: { initial: { y: '-100%' }, animate: { y: 0 }, exit: { y: '-100%' } },\n    bottom: { initial: { y: '100%' }, animate: { y: 0 }, exit: { y: '100%' } },\n    left: { initial: { x: '-100%' }, animate: { x: 0 }, exit: { x: '-100%' } },\n    right: { initial: { x: '100%' }, animate: { x: 0 }, exit: { x: '100%' } },\n} satisfies Record<NonNullable<DrawerContentProps['side']>, object>\n\nconst motionProps = computed(() => sideMotion[props.side])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFA,MAAM,QAAQ;EAId,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,SAAS,MAEb,GAAgB,KAAK;EAE5D,MAAM,aAAa;GACf,KAAK;IAAE,SAAS,EAAE,GAAG,QAAQ;IAAG,SAAS,EAAE,GAAG,EAAE;IAAG,MAAM,EAAE,GAAG,QAAQ;GAAE;GACxE,QAAQ;IAAE,SAAS,EAAE,GAAG,OAAO;IAAG,SAAS,EAAE,GAAG,EAAE;IAAG,MAAM,EAAE,GAAG,OAAO;GAAE;GACzE,MAAM;IAAE,SAAS,EAAE,GAAG,QAAQ;IAAG,SAAS,EAAE,GAAG,EAAE;IAAG,MAAM,EAAE,GAAG,QAAQ;GAAE;GACzE,OAAO;IAAE,SAAS,EAAE,GAAG,OAAO;IAAG,SAAS,EAAE,GAAG,EAAE;IAAG,MAAM,EAAE,GAAG,OAAO;GAAE;EAC5E;EAEA,MAAM,cAAc,eAAe,WAAW,MAAM,KAAK;;uBA5FrD,YA0Ce,MAAA,YAAA,GAAA,MAAA;2BADO,CAxClB,YAwCkB,MAAA,eAAA,GAAA,EAxCD,IAAG,MAAK,GAAA;4BAWL,CAVhB,YAUgB,MAAA,WAAA,GAAA,EAVD,YAAA,GAAQ,GAAA;6BASjB,CARF,YAQE,MAAA,MAAA,GAAA;OAPG,SAAS,EAAA,SAAA,EAAA;OACT,SAAS,EAAA,SAAA,EAAA;OACT,MAAM,EAAA,SAAA,EAAA;OACN,YAAY;;;;;;SAMrB,YA2BgB,MAAA,aAAA,GA3BhB,WA2BgB,EA1BX,OAAO,MAAA,IAAA,EAAA,wBAAsE,QAAA,SAAI,SAAA,OAAyC,QAAA,SAAI,WAAA,SAA6C,QAAA,SAAI,YAAA,UAA+C,QAAA,SAAI,UAAA,QAA2C,MAAM,KAAA,EAAA,GAAA;SAQvQA,KAAAA;MAAM,GAAK,MAAA,SAAA;KAAS,GAAA,EACjC,YAAA,GAAQ,CAAA,GAAA;6BAgBC,CAdT,YAcS,MAAA,MAAA,GAdT,WACY,YAaH,OAbc,EAClB,YAAY;;;QAGZ,CAAA,GAAA;8BAEM,CAAP,WAAO,KAAA,QAAA,SAAA,GAEG,QAAA,mBAAA,UAAA,GADV,YAKc,MAAA,WAAA,GAAA;;QAHV,OAAM;;+BAEmB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAzB,mBAAyB,KAAA,EAAtB,OAAM,eAAc,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/drawer/drawerDescription.js

@@ -0,0 +1,33 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogDescription } from "reka-ui";
+//#region src/drawer/DrawerDescription.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerDescription",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "p" }
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogDescription), mergeProps({ class: unref(clsx)("arvue-drawer-description", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerDescription.js.map

package/dist/drawer/drawerDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerDescription.js","names":[],"sources":["../../src/drawer/DrawerDescription.vue"],"sourcesContent":["<style>\n@import \"./drawer-description.css\";\n</style>\n\n<template>\n    <DialogDescription\n        :class=\"clsx('arvue-drawer-description', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogDescription>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerDescriptionProps extends DialogDescriptionProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerDescriptionProps>(), {\n    as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKoB,MAAA,iBAAA,GALpB,WAKoB,EAJf,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,GAC5C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawerFooter.js

@@ -0,0 +1,33 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { Primitive } from "reka-ui";
+//#region src/drawer/DrawerFooter.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerFooter",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-drawer-footer", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerFooter.js.map

package/dist/drawer/drawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerFooter.js","names":[],"sources":["../../src/drawer/DrawerFooter.vue"],"sourcesContent":["<style>\n@import \"./drawer-footer.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-drawer-footer', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerFooterProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DrawerFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawerHeader.js

@@ -0,0 +1,33 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { Primitive } from "reka-ui";
+//#region src/drawer/DrawerHeader.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerHeader",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-drawer-header", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerHeader.js.map

package/dist/drawer/drawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerHeader.js","names":[],"sources":["../../src/drawer/DrawerHeader.vue"],"sourcesContent":["<style>\n@import \"./drawer-header.css\";\n</style>\n\n<template>\n    <Primitive\n        :class=\"clsx('arvue-drawer-header', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerHeaderProps extends PrimitiveProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DrawerHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawerOverlay.js

@@ -0,0 +1,34 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogOverlay } from "reka-ui";
+//#region src/drawer/DrawerOverlay.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerOverlay",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogOverlay), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-drawer-overlay", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerOverlay.js.map

package/dist/drawer/drawerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerOverlay.js","names":[],"sources":["../../src/drawer/DrawerOverlay.vue"],"sourcesContent":["<style>\n@import './drawer-overlay.css';\n</style>\n\n<template>\n    <DialogOverlay\n        v-bind=\"delegatedProps\"\n        :class=\"clsx('arvue-drawer-overlay', props.class)\"\n    >\n        <slot/>\n    </DialogOverlay>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogOverlayProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerOverlayProps extends DialogOverlayProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogOverlay } from 'reka-ui'\n\nconst props = defineProps<DrawerOverlayProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKgB,MAAA,aAAA,GALhB,WACY,MAII,cAAA,GAJU,EACrB,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEzC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawerTitle.js

@@ -0,0 +1,33 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DialogTitle } from "reka-ui";
+//#region src/drawer/DrawerTitle.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTitle",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "h3" }
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTitle), mergeProps({ class: unref(clsx)("arvue-drawer-title", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerTitle.js.map

package/dist/drawer/drawerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerTitle.js","names":[],"sources":["../../src/drawer/DrawerTitle.vue"],"sourcesContent":["<style>\n@import \"./drawer-title.css\";\n</style>\n\n<template>\n    <DialogTitle\n        :class=\"clsx('arvue-drawer-title', props.class)\"\n        v-bind=\"delegatedProps\"\n    >\n        <slot/>\n    </DialogTitle>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerTitleProps extends DialogTitleProps {\n    class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerTitleProps>(), {\n    as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKc,MAAA,WAAA,GALd,WAKc,EAJT,OAAO,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,EAAA,GACtC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/drawer/drawerTrigger.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogTrigger } from "reka-ui";
+//#region src/drawer/DrawerTrigger.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTrigger), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=drawerTrigger.js.map

package/dist/drawer/drawerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerTrigger.js","names":[],"sources":["../../src/drawer/DrawerTrigger.vue"],"sourcesContent":["<template>\n    <DialogTrigger v-bind=\"props\">\n        <slot/>\n    </DialogTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTriggerProps } from 'reka-ui'\n\nexport interface DrawerTriggerProps extends DialogTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = defineProps<DrawerTriggerProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEgB,MAAA,aAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACjB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}