arvue-ui 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,10 +1,1015 @@
-import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, 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";
-//#region src/dialog/Dialog.vue
+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: "Dialog",
+	__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$14 = /* @__PURE__ */ defineComponent({
+	__name: "Dialog",
+	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
+//#region src/dialog/DialogClose.vue
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+	__name: "DialogClose",
+	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
+//#region src/dialog/DialogContent.vue
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "DialogContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		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"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$20), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Motion), {
+							initial: { opacity: 0 },
+							animate: { opacity: 1 },
+							exit: { opacity: 0 },
+							transition: {
+								duration: .2,
+								ease: "easeInOut"
+							}
+						})]),
+						_: 1
+					}), createVNode(unref(DialogContent), mergeProps({
+						..._ctx.$attrs,
+						...unref(forwarded)
+					}, {
+						class: unref(clsx)("arvue-dialog-content", props.class),
+						"as-child": ""
+					}), {
+						default: withCtx(() => [createVNode(unref(Motion), {
+							initial: {
+								y: "2rem",
+								opacity: 0
+							},
+							animate: {
+								y: 0,
+								opacity: 1
+							},
+							exit: {
+								y: "2rem",
+								opacity: 0
+							},
+							transition: {
+								duration: .2,
+								ease: "easeInOut"
+							}
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$15), {
+								key: 0,
+								class: "arvue-dialog-close-button icon"
+							}, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
+								_: 1
+							})) : createCommentVNode("v-if", true)]),
+							_: 3
+						})]),
+						_: 3
+					}, 16, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogDescription.vue
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+	__name: "DialogDescription",
+	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-dialog-description", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogFooter.vue
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+	__name: "DialogFooter",
+	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-dialog-footer", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogHeader.vue
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+	__name: "DialogHeader",
+	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-dialog-header", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogOverlay.vue
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+	__name: "DialogOverlay",
+	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-dialog-overlay", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogTitle.vue
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+	__name: "DialogTitle",
+	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-dialog-title", props.class) }, unref(delegatedProps)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/dialog/DialogTrigger.vue
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+	__name: "DialogTrigger",
+	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
+//#region src/drawer/Drawer.vue
+const _sfc_main$23 = /* @__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
+//#region src/drawer/DrawerClose.vue
+const _sfc_main$24 = /* @__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
+//#region src/drawer/DrawerContent.vue
+const _sfc_main$25 = /* @__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$29), { "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$24), {
+								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
+//#region src/drawer/DrawerDescription.vue
+const _sfc_main$26 = /* @__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
+//#region src/drawer/DrawerFooter.vue
+const _sfc_main$27 = /* @__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
+//#region src/drawer/DrawerHeader.vue
+const _sfc_main$28 = /* @__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
+//#region src/drawer/DrawerOverlay.vue
+const _sfc_main$29 = /* @__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
+//#region src/drawer/DrawerTitle.vue
+const _sfc_main$30 = /* @__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
+//#region src/drawer/DrawerTrigger.vue
+const _sfc_main$31 = /* @__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
+//#region src/sheet/Sheet.vue
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+	__name: "Sheet",
 	props: {
 		class: { type: [
 			Boolean,
@@ -13,15 +1018,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			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 },
-		modal: { type: Boolean }
+		nested: { type: Boolean },
+		direction: {},
+		noBodyStyles: { type: Boolean },
+		handleOnly: { type: Boolean },
+		preventScrollRestoration: { type: Boolean },
+		snapPoints: {},
+		fadeFromIndex: {}
 	},
-	emits: ["update:open"],
+	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(DialogRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+			return openBlock(), createBlock(unref(DrawerRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
 				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
 				_: 3
 			}, 16);
@@ -29,9 +1055,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/dialog/DialogClose.vue
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-	__name: "DialogClose",
+//#region src/sheet/SheetClose.vue
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+	__name: "SheetClose",
 	props: {
 		asChild: { type: Boolean },
 		as: { default: "a" }
@@ -39,7 +1065,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogClose), normalizeProps(guardReactiveProps(props)), {
+			return openBlock(), createBlock(unref(DrawerClose), normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);
@@ -47,25 +1073,14 @@ 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({
+//#region src/sheet/SheetContent.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "arvue-sheet-handle"
+};
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
-	__name: "DialogContent",
+	__name: "SheetContent",
 	props: {
 		class: { type: [
 			Boolean,
@@ -74,7 +1089,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 			Object,
 			Array
 		] },
-		showCloseButton: {
+		showHandle: {
 			type: Boolean,
 			default: true
 		},
@@ -96,66 +1111,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
 		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(Motion), {
-							initial: { opacity: 0 },
-							animate: { opacity: 1 },
-							exit: { opacity: 0 },
-							transition: {
-								duration: .2,
-								ease: "easeInOut"
-							}
-						})]),
-						_: 1
-					}), createVNode(unref(DialogContent), mergeProps({
-						..._ctx.$attrs,
-						...unref(forwarded)
-					}, {
-						class: unref(clsx)("arvue-dialog-content", props.class),
-						"as-child": ""
-					}), {
-						default: withCtx(() => [createVNode(unref(Motion), {
-							initial: {
-								y: "2rem",
-								opacity: 0
-							},
-							animate: {
-								y: 0,
-								opacity: 1
-							},
-							exit: {
-								y: "2rem",
-								opacity: 0
-							},
-							transition: {
-								duration: .2,
-								ease: "easeInOut"
-							}
-						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), __props.showCloseButton ? (openBlock(), createBlock(unref(_sfc_main$1), {
-								key: 0,
-								class: "arvue-dialog-close-button icon"
-							}, {
-								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
-								_: 1
-							})) : createCommentVNode("v-if", true)]),
-							_: 3
-						})]),
-						_: 3
-					}, 16, ["class"])]),
+			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/dialog/DialogDescription.vue
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-	__name: "DialogDescription",
+//#region src/sheet/SheetDescription.vue
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+	__name: "SheetDescription",
 	props: {
 		class: { type: [
 			Boolean,
@@ -165,64 +1137,75 @@ const _sfc_main$3 = /* @__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(DrawerDescription), mergeProps({ class: unref(clsx)("arvue-sheet-description", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
 //#endregion
-//#region src/dialog/DialogFooter.vue
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-	__name: "DialogFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+//#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), { class: normalizeClass(unref(clsx)("arvue-dialog-footer", props.class)) }, {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-sheet-footer", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
 //#endregion
-//#region src/dialog/DialogHeader.vue
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-	__name: "DialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+//#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), { class: normalizeClass(unref(clsx)("arvue-dialog-header", props.class)) }, {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-sheet-header", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
 //#endregion
-//#region src/dialog/DialogOverlay.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-	__name: "DialogOverlay",
+//#region src/sheet/SheetOverlay.vue
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+	__name: "SheetOverlay",
 	props: {
 		class: { type: [
 			Boolean,
@@ -239,7 +1222,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogOverlay), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-dialog-overlay", props.class) }), {
+			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"]);
@@ -247,9 +1230,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/dialog/DialogTitle.vue
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-	__name: "DialogTitle",
+//#region src/sheet/SheetTitle.vue
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+	__name: "SheetTitle",
 	props: {
 		class: { type: [
 			Boolean,
@@ -259,22 +1242,23 @@ const _sfc_main$7 = /* @__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(DrawerTitle), mergeProps({ class: unref(clsx)("arvue-sheet-title", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });
 //#endregion
-//#region src/dialog/DialogTrigger.vue
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-	__name: "DialogTrigger",
+//#region src/sheet/SheetTrigger.vue
+const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+	__name: "SheetTrigger",
 	props: {
 		asChild: { type: Boolean },
 		as: {}
@@ -282,7 +1266,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogTrigger), normalizeProps(guardReactiveProps(props)), {
+			return openBlock(), createBlock(unref(DrawerTrigger), normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);
@@ -290,6 +1274,6 @@ const _sfc_main$8 = /* @__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 };
+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