arvue-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,9 +1,437 @@
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, Primitive, useForwardPropsEmits } from "reka-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, useTemplateRef, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
+import { AutocompleteAnchor, AutocompleteArrow, AutocompleteCancel, AutocompleteContent, AutocompleteEmpty, AutocompleteGroup, AutocompleteInput, AutocompleteItem, AutocompleteLabel, AutocompletePortal, AutocompleteRoot, AutocompleteSeparator, AutocompleteTrigger, AutocompleteViewport, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, Primitive, useForwardPropsEmits } from "reka-ui";
 import { AnimatePresence, Motion } from "motion-v";
+import { DrawerClose, DrawerContent, DrawerDescription, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger } from "vaul-vue";
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
+}
+//#endregion
+//#region src/autocomplete/Autocomplete.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "Autocomplete",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modelValue: {},
+		defaultValue: {},
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		disabled: { type: Boolean },
+		dir: {},
+		name: {},
+		required: { type: Boolean },
+		resetSearchTermOnBlur: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteRoot), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-autocomplete", props.class) }), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteAnchor.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteAnchor",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteAnchor), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteArrow.vue
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteArrow",
+	props: {
+		width: {},
+		height: {},
+		rounded: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteArrow), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteCancel.vue
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteCancel",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteCancel), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteContent.vue
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "AutocompleteContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		bodyLock: { type: Boolean },
+		hideWhenEmpty: { type: Boolean },
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$10), null, {
+				default: withCtx(() => [createVNode(unref(AutocompleteContent), mergeProps({
+					..._ctx.$attrs,
+					...unref(forwarded)
+				}, {
+					class: unref(clsx)("arvue-autocomplete-content", props.class),
+					position: "popper"
+				}), {
+					default: withCtx(() => [createVNode(unref(_sfc_main$13), null, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteEmpty.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteEmpty",
+	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(AutocompleteEmpty), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-autocomplete-empty", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteGroup.vue
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteGroup), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteInput.vue
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "AutocompleteInput",
+	props: {
+		showTriggerButton: {
+			type: Boolean,
+			default: true
+		},
+		showCancelButton: {
+			type: Boolean,
+			default: false
+		},
+		modelValue: {},
+		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["cancel", "update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "showCancelButton", "showTriggerButton"), emits);
+		const inputRef = useTemplateRef("inputRef");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(_sfc_main$1), {
+				class: "state-with-inner-icon right",
+				reference: inputRef.value?.$el
+			}, {
+				default: withCtx(() => [createVNode(unref(AutocompleteInput), mergeProps({
+					..._ctx.$attrs,
+					...unref(forwarded)
+				}, {
+					ref_key: "inputRef",
+					ref: inputRef
+				}), null, 16), __props.showTriggerButton ? (openBlock(), createBlock(unref(_sfc_main$12), {
+					key: 0,
+					class: "icon"
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "fas fa-chevron-down" }, null, -1)])]),
+					_: 1
+				})) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$3), {
+				key: 0,
+				class: "icon",
+				onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
+			}, {
+				default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
+				_: 1
+			})) : createCommentVNode("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteItem.vue
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		textValue: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const forwarded = useForwardPropsEmits(props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-autocomplete-item", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteLabel.vue
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteLabel",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		for: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteLabel), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-autocomplete-label", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompletePortal.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompletePortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompletePortal), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteSeparator.vue
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteSeparator",
+	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(AutocompleteSeparator), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-autocomplete-separator", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteTrigger.vue
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteTrigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteTrigger), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/autocomplete/AutocompleteViewport.vue
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteViewport",
+	props: {
+		nonce: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteViewport), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/dialog/Dialog.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 	__name: "Dialog",
 	props: {
 		class: { type: [
@@ -30,7 +458,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogClose.vue
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 	__name: "DialogClose",
 	props: {
 		asChild: { type: Boolean },
@@ -47,23 +475,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function r(e) {
-	var t, f, n = "";
-	if ("string" == typeof e || "number" == typeof e) n += e;
-	else if ("object" == typeof e) if (Array.isArray(e)) {
-		var o = e.length;
-		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-	} else for (f in e) e[f] && (n && (n += " "), n += f);
-	return n;
-}
-function clsx() {
-	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-	return n;
-}
-//#endregion
 //#region src/dialog/DialogContent.vue
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "DialogContent",
 	props: {
@@ -98,7 +511,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DialogPortal), null, {
 				default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
-					default: withCtx(() => [createVNode(unref(_sfc_main$6), { "as-child": "" }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$20), { "as-child": "" }, {
 						default: withCtx(() => [createVNode(unref(Motion), {
 							initial: { opacity: 0 },
 							animate: { opacity: 1 },
@@ -134,7 +547,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 								ease: "easeInOut"
 							}
 						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$1), {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$15), {
 								key: 0,
 								class: "arvue-dialog-close-button icon"
 							}, {
@@ -154,7 +567,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogDescription.vue
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	__name: "DialogDescription",
 	props: {
 		class: { type: [
@@ -180,7 +593,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogFooter.vue
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	__name: "DialogFooter",
 	props: {
 		class: { type: [
@@ -206,7 +619,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogHeader.vue
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	__name: "DialogHeader",
 	props: {
 		class: { type: [
@@ -232,7 +645,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogOverlay.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	__name: "DialogOverlay",
 	props: {
 		class: { type: [
@@ -259,7 +672,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogTitle.vue
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	__name: "DialogTitle",
 	props: {
 		class: { type: [
@@ -285,7 +698,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/dialog/DialogTrigger.vue
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	__name: "DialogTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -303,7 +716,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/Drawer.vue
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	__name: "Drawer",
 	props: {
 		class: { type: [
@@ -330,7 +743,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerClose.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerClose",
 	props: {
 		asChild: { type: Boolean },
@@ -348,7 +761,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerContent.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "DrawerContent",
 	props: {
@@ -407,7 +820,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DialogPortal), null, {
 				default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
-					default: withCtx(() => [createVNode(unref(_sfc_main$15), { "as-child": "" }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$29), { "as-child": "" }, {
 						default: withCtx(() => [createVNode(unref(Motion), {
 							initial: { opacity: 0 },
 							animate: { opacity: 1 },
@@ -426,7 +839,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 							duration: .3,
 							ease: "easeIn"
 						} }), {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$10), {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$24), {
 								key: 0,
 								class: "arvue-drawer-close-button icon"
 							}, {
@@ -446,7 +859,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerDescription.vue
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerDescription",
 	props: {
 		class: { type: [
@@ -472,7 +885,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerFooter.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerFooter",
 	props: {
 		class: { type: [
@@ -498,7 +911,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerHeader.vue
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerHeader",
 	props: {
 		class: { type: [
@@ -524,7 +937,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerOverlay.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerOverlay",
 	props: {
 		class: { type: [
@@ -551,7 +964,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerTitle.vue
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerTitle",
 	props: {
 		class: { type: [
@@ -577,7 +990,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/drawer/DrawerTrigger.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 	__name: "DrawerTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -594,6 +1007,273 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { _sfc_main as Dialog, _sfc_main$1 as DialogClose, _sfc_main$2 as DialogContent, _sfc_main$3 as DialogDescription, _sfc_main$4 as DialogFooter, _sfc_main$5 as DialogHeader, _sfc_main$6 as DialogOverlay, _sfc_main$7 as DialogTitle, _sfc_main$8 as DialogTrigger, _sfc_main$9 as Drawer, _sfc_main$10 as DrawerClose, _sfc_main$11 as DrawerContent, _sfc_main$12 as DrawerDescription, _sfc_main$13 as DrawerFooter, _sfc_main$14 as DrawerHeader, _sfc_main$15 as DrawerOverlay, _sfc_main$16 as DrawerTitle, _sfc_main$17 as DrawerTrigger };
+//#region src/sheet/Sheet.vue
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+	__name: "Sheet",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		activeSnapPoint: {},
+		closeThreshold: {},
+		shouldScaleBackground: { type: Boolean },
+		setBackgroundColorOnScale: { type: Boolean },
+		scrollLockTimeout: {},
+		fixed: { type: Boolean },
+		dismissible: { type: Boolean },
+		modal: { type: Boolean },
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		nested: { type: Boolean },
+		direction: {},
+		noBodyStyles: { type: Boolean },
+		handleOnly: { type: Boolean },
+		preventScrollRestoration: { type: Boolean },
+		snapPoints: {},
+		fadeFromIndex: {}
+	},
+	emits: [
+		"drag",
+		"release",
+		"close",
+		"update:open",
+		"update:activeSnapPoint",
+		"animationEnd"
+	],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetClose.vue
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+	__name: "SheetClose",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "a" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerClose), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetContent.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "arvue-sheet-handle"
+};
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SheetContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showHandle: {
+			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"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerPortal), null, {
+				default: withCtx(() => [createVNode(unref(_sfc_main$38)), createVNode(unref(DrawerContent), mergeProps({ class: unref(clsx)("arvue-sheet-content", props.class) }, {
+					..._ctx.$attrs,
+					...unref(forwarded)
+				}), {
+					default: withCtx(() => [__props.showHandle ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetDescription.vue
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+	__name: "SheetDescription",
+	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(DrawerDescription), mergeProps({ class: unref(clsx)("arvue-sheet-description", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetFooter.vue
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+	__name: "SheetFooter",
+	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-sheet-footer", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetHeader.vue
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+	__name: "SheetHeader",
+	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-sheet-header", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetOverlay.vue
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+	__name: "SheetOverlay",
+	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(DrawerOverlay), mergeProps({ class: unref(clsx)("arvue-sheet-overlay", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetTitle.vue
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+	__name: "SheetTitle",
+	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(DrawerTitle), mergeProps({ class: unref(clsx)("arvue-sheet-title", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/sheet/SheetTrigger.vue
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+	__name: "SheetTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerTrigger), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as Autocomplete, _sfc_main$1 as AutocompleteAnchor, _sfc_main$2 as AutocompleteArrow, _sfc_main$3 as AutocompleteCancel, _sfc_main$4 as AutocompleteContent, _sfc_main$5 as AutocompleteEmpty, _sfc_main$6 as AutocompleteGroup, _sfc_main$7 as AutocompleteInput, _sfc_main$8 as AutocompleteItem, _sfc_main$9 as AutocompleteLabel, _sfc_main$10 as AutocompletePortal, _sfc_main$11 as AutocompleteSeparator, _sfc_main$12 as AutocompleteTrigger, _sfc_main$13 as AutocompleteViewport, _sfc_main$14 as Dialog, _sfc_main$15 as DialogClose, _sfc_main$16 as DialogContent, _sfc_main$17 as DialogDescription, _sfc_main$18 as DialogFooter, _sfc_main$19 as DialogHeader, _sfc_main$20 as DialogOverlay, _sfc_main$21 as DialogTitle, _sfc_main$22 as DialogTrigger, _sfc_main$23 as Drawer, _sfc_main$24 as DrawerClose, _sfc_main$25 as DrawerContent, _sfc_main$26 as DrawerDescription, _sfc_main$27 as DrawerFooter, _sfc_main$28 as DrawerHeader, _sfc_main$29 as DrawerOverlay, _sfc_main$30 as DrawerTitle, _sfc_main$31 as DrawerTrigger, _sfc_main$32 as Sheet, _sfc_main$33 as SheetClose, _sfc_main$34 as SheetContent, _sfc_main$35 as SheetDescription, _sfc_main$36 as SheetFooter, _sfc_main$37 as SheetHeader, _sfc_main$38 as SheetOverlay, _sfc_main$39 as SheetTitle, _sfc_main$40 as SheetTrigger };
 
 //# sourceMappingURL=index.js.map