@dolanske/vui 1.15.3 → 1.15.4

package/dist/vui.js

@@ -11307,23 +11307,50 @@ var Jd = /* @__PURE__ */ v({
 			_: 3
 		}, 8, ["class"])) : u("", !0)]));
 	}
-}), [["__scopeId", "data-v-dc42db41"]]), uf = { class: "vui-commands-input" }, df = { class: "vui-commands-input-icon" }, ff = ["placeholder"], pf = { class: "vui-commands-group-buttons" }, mf = ["onClick"], hf = {
+}), [["__scopeId", "data-v-dc42db41"]]), uf = { class: "overflow-track" }, df = {
+	ref: "content",
+	class: "overflow-content"
+}, ff = /* @__PURE__ */ v({
+	__name: "Overflow",
+	props: {
+		horizontal: { type: Boolean },
+		hideScrollbar: { type: Boolean },
+		hideShadows: { type: Boolean },
+		snap: { type: Boolean }
+	},
+	setup(e) {
+		let t = J("content"), { x: n, y: r } = vn(t), i = c(() => e.horizontal && n.value > 0), a = c(() => !e.horizontal || !t.value ? !1 : n.value < t.value.scrollWidth - t.value.clientWidth - 1), o = c(() => !e.horizontal && r.value > 0), s = c(() => e.horizontal || !t.value ? !1 : r.value < t.value.scrollHeight - t.value.clientHeight - 1);
+		return (t, n) => (R(), d("div", { class: M(["overflow", {
+			"hide-scrollbar": e.hideScrollbar,
+			"hide-shadows": e.hideShadows,
+			"is-horizontal": e.horizontal,
+			"is-vertical": !e.horizontal,
+			"is-snap": e.snap
+		}]) }, [f("div", uf, [
+			f("div", { class: M(["overflow-shadow overflow-shadow-left", { visible: i.value }]) }, null, 2),
+			f("div", { class: M(["overflow-shadow overflow-shadow-right", { visible: a.value }]) }, null, 2),
+			f("div", { class: M(["overflow-shadow overflow-shadow-top", { visible: o.value }]) }, null, 2),
+			f("div", { class: M(["overflow-shadow overflow-shadow-bottom", { visible: s.value }]) }, null, 2),
+			f("div", df, [H(t.$slots, "default")], 512)
+		])], 2));
+	}
+}), pf = { class: "vui-commands-input" }, mf = ["placeholder"], hf = { class: "vui-commands-group-buttons" }, gf = ["onClick"], _f = {
 	key: 0,
 	class: "vui-commands-empty"
-}, gf = {
+}, vf = {
 	key: 0,
 	class: "vui-commands-group-title"
-}, _f = { class: "vui-commands-list" }, vf = ["data-index", "onClick"], yf = { class: "vui-commands-list-item" }, bf = {
+}, yf = { class: "vui-commands-list" }, bf = ["data-index", "onClick"], xf = { class: "vui-commands-list-item" }, Sf = {
 	key: 0,
 	class: "vui-commands-list-item-icon"
-}, xf = { class: "vui-command-body" }, Sf = {
+}, Cf = { class: "vui-command-body" }, wf = {
 	key: 0,
 	class: "text-overflow-1"
-}, Cf = "##ungrouped##", wf = /* @__PURE__ */ v({
+}, Tf = "##ungrouped##", Ef = /* @__PURE__ */ v({
 	__name: "Commands",
 	props: /* @__PURE__ */ k({
 		open: { type: Boolean },
-		placeholder: { default: "Write a command.." },
+		placeholder: { default: "Type a command.." },
 		commands: {},
 		loading: { type: Boolean },
 		compact: { type: Boolean }
@@ -11335,18 +11362,18 @@ var Jd = /* @__PURE__ */ v({
 	}),
 	emits: /* @__PURE__ */ k(["close"], ["update:search", "update:group"]),
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = pe(e, "search"), o = pe(e, "group"), s = c(() => r.commands.filter((e) => o.value && o.value !== "All" ? (e.group ?? Cf) === o.value : !0).filter((e) => Hn([
+		let r = e, i = t, a = pe(e, "search"), o = pe(e, "group"), s = c(() => r.commands.filter((e) => o.value && o.value !== "All" ? (e.group ?? Tf) === o.value : !0).filter((e) => Hn([
 			e.title,
 			e.description,
 			...e.keywords ?? []
 		], a.value))), p = c(() => {
 			if (s.value.length === 0) return null;
-			let e = Object.groupBy(s.value, (e) => e.group ?? Cf);
+			let e = Object.groupBy(s.value, (e) => e.group ?? Tf);
 			return Object.fromEntries(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)));
 		}), _ = c(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of r.commands) e.add(t.group ?? Cf);
-			let t = [...e].toSorted((e, t) => e === Cf ? 1 : t === Cf ? -1 : e.localeCompare(t));
+			for (let t of r.commands) e.add(t.group ?? Tf);
+			let t = [...e].toSorted((e, t) => e === Tf ? 1 : t === Tf ? -1 : e.localeCompare(t));
 			return t.unshift("All"), t;
 		}), v = c(() => {
 			if (!p.value) return [];
@@ -11398,38 +11425,34 @@ var Jd = /* @__PURE__ */ v({
 			size: r.compact ? "s" : "m",
 			onClose: s[2] ||= (e) => i("close")
 		}, m({
-			header: X(() => [f("div", uf, [
-				f("div", df, [e.loading ? (R(), l(gr, {
+			header: X(() => [f("div", pf, [Se(f("input", {
+				ref: "searchRef",
+				"onUpdate:modelValue": s[0] ||= (e) => a.value = e,
+				type: "text",
+				autofocus: "",
+				placeholder: r.placeholder
+			}, null, 8, mf), [[ve, a.value]]), g(sr, { gap: 2 }, {
+				default: X(() => [e.loading ? (R(), l(gr, {
 					key: 0,
 					size: "s"
-				})) : (R(), l(q(Qe), { key: 1 }))]),
-				Se(f("input", {
-					ref: "searchRef",
-					"onUpdate:modelValue": s[0] ||= (e) => a.value = e,
-					type: "text",
-					autofocus: "",
-					placeholder: r.placeholder
-				}, null, 8, ff), [[ve, a.value]]),
-				g(sr, { gap: 2 }, {
-					default: X(() => [a.value ? (R(), l(_r, {
-						key: 0,
-						size: "s",
-						square: "",
-						onClick: w
-					}, {
-						default: X(() => [g(q(ft), { class: "text-color-light" })]),
-						_: 1
-					})) : u("", !0), q(zd).s ? (R(), l(_r, {
-						key: 1,
-						size: "s",
-						onClick: s[1] ||= (e) => i("close")
-					}, {
-						default: X(() => [...s[3] ||= [h(" Close ", -1)]]),
-						_: 1
-					})) : u("", !0)]),
+				})) : a.value ? (R(), l(_r, {
+					key: 1,
+					size: "s",
+					square: "",
+					onClick: w
+				}, {
+					default: X(() => [g(q(ft), { class: "text-color-light" })]),
 					_: 1
-				})
-			]), f("div", pf, [g(Fd, {
+				})) : u("", !0), q(zd).s ? (R(), l(_r, {
+					key: 2,
+					size: "s",
+					onClick: s[1] ||= (e) => i("close")
+				}, {
+					default: X(() => [...s[3] ||= [h(" Close ", -1)]]),
+					_: 1
+				})) : u("", !0)]),
+				_: 1
+			})]), f("div", hf, [g(Fd, {
 				gap: r.compact ? "xxs" : "xs",
 				"hide-scrollbar": "",
 				"hide-shadows": ""
@@ -11442,41 +11465,41 @@ var Jd = /* @__PURE__ */ v({
 					variant: e === o.value ? "accent" : "neutral",
 					role: "button"
 				}, {
-					default: X(() => [h(G(e === Cf ? "Other" : e), 1)]),
+					default: X(() => [h(G(e === Tf ? "Other" : e), 1)]),
 					_: 2
-				}, 1032, ["variant"])], 8, mf))), 128))]),
+				}, 1032, ["variant"])], 8, gf))), 128))]),
 				_: 1
 			}, 8, ["gap"])])]),
-			default: X(() => [p.value ? H(t.$slots, "default", {
-				key: 1,
-				commands: p.value
-			}, () => [(R(!0), d(n, null, V(p.value, (e, r, i) => (R(), d("div", {
-				key: r,
-				class: "vui-commands-group",
-				tabindex: "-1"
-			}, [r !== Cf && o.value === "All" ? (R(), d("span", gf, G(r), 1)) : u("", !0), f("ul", _f, [(R(!0), d(n, null, V(e, (e, a) => (R(), d("li", {
-				key: e.title,
-				"data-index": v.value[i] + a,
-				class: M({ "vui-commands-list-item-focused": x.value === v.value[i] + a }),
-				onClick: (t) => S(e)
-			}, [H(t.$slots, "command", {
-				command: e,
-				group: r
-			}, () => [f("button", yf, [
-				e.icon || t.$slots.icon ? (R(), d("div", bf, [H(t.$slots, "icon", { command: e }, () => [(R(), l(U(e.icon)))])])) : u("", !0),
-				f("div", xf, [f("span", null, G(e.title), 1), e.description ? (R(), d("p", Sf, G(e.description), 1)) : u("", !0)]),
-				e.shortcut ? (R(), l(sr, {
-					key: 1,
-					gap: "xxs"
-				}, {
-					default: X(() => [(R(!0), d(n, null, V(e.shortcut.split("+"), (e) => (R(), l(sf, {
-						key: e,
-						class: "vui-commands-list-item-shortcut",
-						keys: e
-					}, null, 8, ["keys"]))), 128))]),
-					_: 2
-				}, 1024)) : u("", !0)
-			])])], 10, vf))), 128))])]))), 128))]) : (R(), d("div", hf, [...s[9] ||= [f("p", null, "No results found", -1)]]))]),
+			default: X(() => [p.value ? (R(), l(ff, { key: 1 }, {
+				default: X(() => [H(t.$slots, "default", { commands: p.value }, () => [(R(!0), d(n, null, V(p.value, (e, r, i) => (R(), d("div", {
+					key: r,
+					class: "vui-commands-group",
+					tabindex: "-1"
+				}, [r !== Tf && o.value === "All" ? (R(), d("span", vf, G(r), 1)) : u("", !0), f("ul", yf, [(R(!0), d(n, null, V(e, (e, a) => (R(), d("li", {
+					key: e.title,
+					"data-index": v.value[i] + a,
+					class: M({ "vui-commands-list-item-focused": x.value === v.value[i] + a }),
+					onClick: (t) => S(e)
+				}, [H(t.$slots, "command", {
+					command: e,
+					group: r
+				}, () => [f("button", xf, [
+					e.icon || t.$slots.icon ? (R(), d("div", Sf, [H(t.$slots, "icon", { command: e }, () => [(R(), l(U(e.icon)))])])) : u("", !0),
+					f("div", Cf, [f("span", null, G(e.title), 1), e.description ? (R(), d("p", wf, G(e.description), 1)) : u("", !0)]),
+					e.shortcut ? (R(), l(sr, {
+						key: 1,
+						gap: "xxs"
+					}, {
+						default: X(() => [(R(!0), d(n, null, V(e.shortcut.split("+"), (e) => (R(), l(sf, {
+							key: e,
+							class: "vui-commands-list-item-shortcut",
+							keys: e
+						}, null, 8, ["keys"]))), 128))]),
+						_: 2
+					}, 1024)) : u("", !0)
+				])])], 10, bf))), 128))])]))), 128))])]),
+				_: 3
+			})) : (R(), d("div", _f, [...s[9] ||= [f("p", null, "No results found", -1)]]))]),
 			_: 2
 		}, [r.compact ? void 0 : {
 			name: "footer",
@@ -11515,10 +11538,10 @@ var Jd = /* @__PURE__ */ v({
 			"size"
 		]));
 	}
-}), Tf = {
+}), Df = {
 	ref: "contextEl",
 	class: "vui-context-menu"
-}, Ef = /* @__PURE__ */ v({
+}, Of = /* @__PURE__ */ v({
 	__name: "ContextMenu",
 	setup(e) {
 		let t = J("contextEl"), n = J("anchorEl"), r = J("popoutRef"), i = B(null);
@@ -11531,7 +11554,7 @@ var Jd = /* @__PURE__ */ v({
 			});
 		}), Z(window, "keydown", (e) => {
 			e.key === "Escape" && Kd(r.value?.layerIndex() ?? -1) && (i.value = null);
-		}), (e, t) => (R(), d("div", Tf, [
+		}), (e, t) => (R(), d("div", Df, [
 			f("div", {
 				ref: "anchorEl",
 				class: "vui-context-menu-anchor",
@@ -11556,7 +11579,7 @@ var Jd = /* @__PURE__ */ v({
 			H(e.$slots, "default")
 		], 512));
 	}
-}), Df = { key: 1 }, Of = /* @__PURE__ */ v({
+}), kf = { key: 1 }, Af = /* @__PURE__ */ v({
 	__name: "CopyClipboard",
 	props: {
 		text: {},
@@ -11585,7 +11608,7 @@ var Jd = /* @__PURE__ */ v({
 			"transition-name": e.transitionName,
 			class: "vui-tooltip"
 		}, {
-			default: X(() => [H(i.$slots, "confirm", {}, () => [typeof o.value == "string" ? (R(), d(n, { key: 0 }, [h(G(o.value), 1)], 64)) : (R(), d("p", Df, " Copied to clipboard "))])]),
+			default: X(() => [H(i.$slots, "confirm", {}, () => [typeof o.value == "string" ? (R(), d(n, { key: 0 }, [h(G(o.value), 1)], 64)) : (R(), d("p", kf, " Copied to clipboard "))])]),
 			_: 3
 		}, 8, [
 			"anchor",
@@ -11597,18 +11620,18 @@ var Jd = /* @__PURE__ */ v({
 });
 //#endregion
 //#region node_modules/reka-ui/dist/shared/renderSlotFragments.js
-function kf(e) {
-	return e ? e.flatMap((e) => e.type === n ? kf(e.children) : [e]) : [];
+function jf(e) {
+	return e ? e.flatMap((e) => e.type === n ? jf(e.children) : [e]) : [];
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Primitive/Slot.js
-var Af = v({
+var Mf = v({
 	name: "PrimitiveSlot",
 	inheritAttrs: !1,
 	setup(e, { attrs: n, slots: r }) {
 		return () => {
 			if (!r.default) return null;
-			let e = kf(r.default()), i = e.findIndex((e) => e.type !== t);
+			let e = jf(r.default()), i = e.findIndex((e) => e.type !== t);
 			if (i === -1) return e;
 			let a = e[i];
 			delete a.props?.ref;
@@ -11619,11 +11642,11 @@ var Af = v({
 			return e.length === 1 ? c : (e[i] = c, e);
 		};
 	}
-}), jf = [
+}), Nf = [
 	"area",
 	"img",
 	"input"
-], Mf = v({
+], Pf = v({
 	name: "Primitive",
 	inheritAttrs: !1,
 	props: {
@@ -11638,40 +11661,40 @@ var Af = v({
 	},
 	setup(e, { attrs: t, slots: n }) {
 		let r = e.asChild ? "template" : e.as;
-		return typeof r == "string" && jf.includes(r) ? () => C(r, t) : r === "template" ? () => C(Af, t, { default: n.default }) : () => C(e.as, t, { default: n.default });
+		return typeof r == "string" && Nf.includes(r) ? () => C(r, t) : r === "template" ? () => C(Mf, t, { default: n.default }) : () => C(e.as, t, { default: n.default });
 	}
 });
 //#endregion
 //#region node_modules/reka-ui/node_modules/@vueuse/shared/index.mjs
-function Nf(e) {
+function Ff(e) {
 	return x() ? (te(e), !0) : !1;
 }
-function Pf(e) {
+function If(e) {
 	let t = !1, n, r = y(!0);
 	return (...i) => (t ||= (n = r.run(() => e(...i)), !0), n);
 }
-function Ff(e) {
+function Lf(e) {
 	let t = 0, n, r, i = () => {
 		--t, r && t <= 0 && (r.stop(), n = void 0, r = void 0);
 	};
-	return (...a) => (t += 1, r || (r = y(!0), n = r.run(() => e(...a))), Nf(i), n);
+	return (...a) => (t += 1, r || (r = y(!0), n = r.run(() => e(...a))), Ff(i), n);
 }
-var If = typeof window < "u" && typeof document < "u";
+var Rf = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Lf = (e) => e !== void 0, Rf = Object.prototype.toString, zf = (e) => Rf.call(e) === "[object Object]", Bf = /* @__PURE__ */ Vf();
-function Vf() {
-	return If && (window == null ? void 0 : window.navigator)?.userAgent && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || (window == null ? void 0 : window.navigator)?.maxTouchPoints > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+var zf = (e) => e !== void 0, Bf = Object.prototype.toString, Vf = (e) => Bf.call(e) === "[object Object]", Hf = /* @__PURE__ */ Uf();
+function Uf() {
+	return Rf && (window == null ? void 0 : window.navigator)?.userAgent && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || (window == null ? void 0 : window.navigator)?.maxTouchPoints > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function Hf(e) {
+function Wf(e) {
 	return e || b();
 }
-function Uf(e) {
+function Gf(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function Wf(e, t) {
-	Hf(t) && I(e, t);
+function Kf(e, t) {
+	Wf(t) && I(e, t);
 }
-function Gf(e, t, n) {
+function qf(e, t, n) {
 	return Y(e, t, {
 		...n,
 		immediate: !0
@@ -11679,56 +11702,56 @@ function Gf(e, t, n) {
 }
 //#endregion
 //#region node_modules/reka-ui/node_modules/@vueuse/core/index.mjs
-var Kf = If ? window : void 0;
-If && window.document, If && window.navigator, If && window.location;
-function qf(e) {
+var Jf = Rf ? window : void 0;
+Rf && window.document, Rf && window.navigator, Rf && window.location;
+function Yf(e) {
 	let t = K(e);
 	return t?.$el ?? t;
 }
-function Jf(...e) {
+function Xf(...e) {
 	let t = [], n = () => {
 		t.forEach((e) => e()), t.length = 0;
 	}, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), i = c(() => {
-		let t = Uf(K(e[0])).filter((e) => e != null);
+		let t = Gf(K(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
-	}), a = Gf(() => [
-		i.value?.map((e) => qf(e)) ?? [Kf].filter((e) => e != null),
-		Uf(K(i.value ? e[1] : e[0])),
-		Uf(q(i.value ? e[2] : e[1])),
+	}), a = qf(() => [
+		i.value?.map((e) => Yf(e)) ?? [Jf].filter((e) => e != null),
+		Gf(K(i.value ? e[1] : e[0])),
+		Gf(q(i.value ? e[2] : e[1])),
 		K(i.value ? e[3] : e[2])
 	], ([e, i, a, o]) => {
 		if (n(), !e?.length || !i?.length || !a?.length) return;
-		let s = zf(o) ? { ...o } : o;
+		let s = Vf(o) ? { ...o } : o;
 		t.push(...e.flatMap((e) => i.flatMap((t) => a.map((n) => r(e, t, n, s)))));
 	}, { flush: "post" });
-	return Nf(n), () => {
+	return Ff(n), () => {
 		a(), n();
 	};
 }
-function Yf() {
+function Zf() {
 	let e = W(!1), t = b();
 	return t && L(() => {
 		e.value = !0;
 	}, t), e;
 }
-function Xf(e) {
+function Qf(e) {
 	return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 }
-function Zf(...e) {
+function $f(...e) {
 	let t, n, r = {};
 	e.length === 3 ? (t = e[0], n = e[1], r = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, n = e[0], r = e[1]) : (t = e[0], n = e[1]) : (t = !0, n = e[0]);
-	let { target: i = Kf, eventName: a = "keydown", passive: o = !1, dedupe: s = !1 } = r, c = Xf(t);
-	return Jf(i, a, (e) => {
+	let { target: i = Jf, eventName: a = "keydown", passive: o = !1, dedupe: s = !1 } = r, c = Qf(t);
+	return Xf(i, a, (e) => {
 		e.repeat && K(s) || c(e) && n(e);
 	}, o);
 }
-function Qf(e) {
+function ep(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function $f(e, t, n, r = {}) {
+function tp(e, t, n, r = {}) {
 	let { clone: i = !1, passive: a = !1, eventName: o, deep: s = !1, defaultValue: l, shouldEmit: u } = r, d = b(), f = n || d?.emit || (d?.$emit)?.bind(d) || (d?.proxy?.$emit)?.bind(d?.proxy), p = o;
 	t ||= "modelValue", p ||= `update:${t.toString()}`;
-	let m = (e) => i ? typeof i == "function" ? i(e) : Qf(e) : e, h = () => Lf(e[t]) ? m(e[t]) : l, g = (e) => {
+	let m = (e) => i ? typeof i == "function" ? i(e) : ep(e) : e, h = () => zf(e[t]) ? m(e[t]) : l, g = (e) => {
 		u ? u(e) && f(p, e) : f(p, e);
 	};
 	if (a) {
@@ -11749,7 +11772,7 @@ function $f(e, t, n, r = {}) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/shared/createContext.js
-function ep(e, t) {
+function np(e, t) {
 	let n = typeof e == "string" && !t ? `${e}Context` : t, r = Symbol(n);
 	return [(t) => {
 		let n = T(r, t);
@@ -11759,11 +11782,11 @@ function ep(e, t) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/ConfigProvider/ConfigProvider.js
-var [tp, np] = ep("ConfigProvider");
+var [rp, ip] = np("ConfigProvider");
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useForwardExpose.js
-function rp() {
-	let e = b(), t = B(), n = c(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : qf(t)), r = Object.assign({}, e.exposed), i = {};
+function ap() {
+	let e = b(), t = B(), n = c(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Yf(t)), r = Object.assign({}, e.exposed), i = {};
 	for (let t in e.props) Object.defineProperty(i, t, {
 		enumerable: !0,
 		configurable: !0,
@@ -11794,15 +11817,15 @@ function rp() {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useId.js
-var ip = 0;
-function ap(t, n = "reka") {
+var op = 0;
+function sp(t, n = "reka") {
 	if (t) return t;
-	let r = tp({ useId: void 0 });
-	return e.useId ? `${n}-${e.useId()}` : r.useId ? `${n}-${r.useId()}` : `${n}-${++ip}`;
+	let r = rp({ useId: void 0 });
+	return e.useId ? `${n}-${e.useId()}` : r.useId ? `${n}-${r.useId()}` : `${n}-${++op}`;
 }
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useStateMachine.js
-function op(e, t) {
+function cp(e, t) {
 	let n = B(e);
 	function r(e) {
 		return t[n.value][e] ?? n.value;
@@ -11816,8 +11839,8 @@ function op(e, t) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Presence/usePresence.js
-function sp(e, t) {
-	let n = B({}), r = B("none"), i = B(e), a = e.value ? "mounted" : "unmounted", o, s = t.value?.ownerDocument.defaultView ?? Kf, { state: l, dispatch: u } = op(a, {
+function lp(e, t) {
+	let n = B({}), r = B("none"), i = B(e), a = e.value ? "mounted" : "unmounted", o, s = t.value?.ownerDocument.defaultView ?? Jf, { state: l, dispatch: u } = cp(a, {
 		mounted: {
 			UNMOUNT: "unmounted",
 			ANIMATION_OUT: "unmountSuspended"
@@ -11828,7 +11851,7 @@ function sp(e, t) {
 		},
 		unmounted: { MOUNT: "mounted" }
 	}), d = (e) => {
-		if (If) {
+		if (Rf) {
 			let n = new CustomEvent(e, {
 				bubbles: !1,
 				cancelable: !1
@@ -11839,12 +11862,12 @@ function sp(e, t) {
 	Y(e, async (e, i) => {
 		let a = i !== e;
 		if (await j(), a) {
-			let a = r.value, o = cp(t.value);
+			let a = r.value, o = up(t.value);
 			e ? (u("MOUNT"), d("enter"), o === "none" && d("after-enter")) : o === "none" || o === "undefined" || n.value?.display === "none" ? (u("UNMOUNT"), d("leave"), d("after-leave")) : i && a !== o ? (u("ANIMATION_OUT"), d("leave")) : (u("UNMOUNT"), d("after-leave"));
 		}
 	}, { immediate: !0 });
 	let f = (e) => {
-		let n = cp(t.value), r = n.includes(e.animationName), a = l.value === "mounted" ? "enter" : "leave";
+		let n = up(t.value), r = n.includes(e.animationName), a = l.value === "mounted" ? "enter" : "leave";
 		if (e.target === t.value && r && (d(`after-${a}`), u("ANIMATION_END"), !i.value)) {
 			let e = t.value.style.animationFillMode;
 			t.value.style.animationFillMode = "forwards", o = s?.setTimeout(() => {
@@ -11853,23 +11876,23 @@ function sp(e, t) {
 		}
 		e.target === t.value && n === "none" && u("ANIMATION_END");
 	}, p = (e) => {
-		e.target === t.value && (r.value = cp(t.value));
+		e.target === t.value && (r.value = up(t.value));
 	}, m = Y(t, (e, t) => {
 		e ? (n.value = getComputedStyle(e), e.addEventListener("animationstart", p), e.addEventListener("animationcancel", f), e.addEventListener("animationend", f)) : (u("ANIMATION_END"), o !== void 0 && s?.clearTimeout(o), t?.removeEventListener("animationstart", p), t?.removeEventListener("animationcancel", f), t?.removeEventListener("animationend", f));
 	}, { immediate: !0 }), h = Y(l, () => {
-		let e = cp(t.value);
+		let e = up(t.value);
 		r.value = l.value === "mounted" ? e : "none";
 	});
 	return ne(() => {
 		m(), h();
 	}), { isPresent: c(() => ["mounted", "unmountSuspended"].includes(l.value)) };
 }
-function cp(e) {
+function up(e) {
 	return e && getComputedStyle(e).animationName || "none";
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Presence/Presence.js
-var lp = v({
+var dp = v({
 	name: "Presence",
 	props: {
 		present: {
@@ -11880,10 +11903,10 @@ var lp = v({
 	},
 	slots: {},
 	setup(e, { slots: t, expose: n }) {
-		let { present: r, forceMount: i } = le(e), a = B(), { isPresent: o } = sp(r, a);
+		let { present: r, forceMount: i } = le(e), a = B(), { isPresent: o } = lp(r, a);
 		n({ present: o });
 		let s = t.default({ present: o.value });
-		s = kf(s || []);
+		s = jf(s || []);
 		let c = b();
 		if (s && s?.length > 1) {
 			let e = c?.parent?.type.name ? `<${c.parent.type.name} />` : "component";
@@ -11896,14 +11919,14 @@ var lp = v({
 			].join("\n"));
 		}
 		return () => i.value || r.value || o.value ? C(t.default({ present: o.value })[0], { ref: (e) => {
-			let t = qf(e);
+			let t = Yf(e);
 			return t?.hasAttribute === void 0 || (t?.hasAttribute("data-reka-popper-content-wrapper") ? a.value = t.firstElementChild : a.value = t), t;
 		} }) : null;
 	}
 });
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useEmitAsProps.js
-function up(e) {
+function fp(e) {
 	let t = b(), n = t?.type.emits, r = {};
 	return n?.length || console.warn(`No emitted event found. Please check component: ${t?.type.__name}`), n?.forEach((t) => {
 		r[oe(o(t))] = (...n) => e(t, ...n);
@@ -11911,7 +11934,7 @@ function up(e) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useForwardProps.js
-function dp(e) {
+function pp(e) {
 	let t = b(), n = Object.keys(t?.type.props ?? {}).reduce((e, n) => {
 		let r = (t?.type.props[n]).default;
 		return r !== void 0 && (e[n] = r), e;
@@ -11928,8 +11951,8 @@ function dp(e) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useForwardPropsEmits.js
-function fp(e, t) {
-	let n = dp(e), r = t ? up(t) : {};
+function mp(e, t) {
+	let n = pp(e), r = t ? fp(t) : {};
 	return c(() => ({
 		...n.value,
 		...r
@@ -11937,7 +11960,7 @@ function fp(e, t) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Dialog/DialogRoot.js
-var [pp, mp] = ep("DialogRoot"), hp = /* @__PURE__ */ v({
+var [hp, gp] = np("DialogRoot"), _p = /* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "DialogRoot",
 	props: {
@@ -11956,11 +11979,11 @@ var [pp, mp] = ep("DialogRoot"), hp = /* @__PURE__ */ v({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = e, r = $f(n, "open", t, {
+		let n = e, r = tp(n, "open", t, {
 			defaultValue: n.defaultOpen,
 			passive: n.open === void 0
 		}), i = B(), a = B(), { modal: o } = le(n);
-		return mp({
+		return gp({
 			open: r,
 			modal: o,
 			openModal: () => {
@@ -11979,7 +12002,7 @@ var [pp, mp] = ep("DialogRoot"), hp = /* @__PURE__ */ v({
 			contentElement: a
 		}), (e, t) => H(e.$slots, "default", { open: q(r) });
 	}
-}), gp = /* @__PURE__ */ v({
+}), vp = /* @__PURE__ */ v({
 	__name: "Teleport",
 	props: {
 		to: { default: "body" },
@@ -11988,7 +12011,7 @@ var [pp, mp] = ep("DialogRoot"), hp = /* @__PURE__ */ v({
 		forceMount: { type: Boolean }
 	},
 	setup(e) {
-		let t = Yf();
+		let t = Zf();
 		return (e, n) => q(t) || e.forceMount ? (R(), l(r, {
 			key: 0,
 			to: e.to,
@@ -12003,7 +12026,7 @@ var [pp, mp] = ep("DialogRoot"), hp = /* @__PURE__ */ v({
 });
 //#endregion
 //#region node_modules/reka-ui/dist/shared/handleAndDispatchCustomEvent.js
-function _p(e, t, n) {
+function yp(e, t, n) {
 	let r = n.originalEvent.target, i = new CustomEvent(e, {
 		bubbles: !1,
 		cancelable: !0,
@@ -12013,25 +12036,25 @@ function _p(e, t, n) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/DismissableLayer/utils.js
-var vp = "dismissableLayer.pointerDownOutside", yp = "dismissableLayer.focusOutside";
-function bp(e, t) {
+var bp = "dismissableLayer.pointerDownOutside", xp = "dismissableLayer.focusOutside";
+function Sp(e, t) {
 	let n = t.closest("[data-dismissable-layer]"), r = e.dataset.dismissableLayer === "" ? e : e.querySelector("[data-dismissable-layer]"), i = Array.from(e.ownerDocument.querySelectorAll("[data-dismissable-layer]"));
 	return !!(n && r === n || i.indexOf(r) < i.indexOf(n));
 }
-function xp(e, t) {
+function Cp(e, t) {
 	let n = t?.value?.ownerDocument ?? globalThis?.document, r = B(!1), i = B(() => {});
 	return be((a) => {
-		if (!If) return;
+		if (!Rf) return;
 		let o = async (a) => {
 			let o = a.target;
 			if (t?.value) {
-				if (bp(t.value, o)) {
+				if (Sp(t.value, o)) {
 					r.value = !1;
 					return;
 				}
 				if (a.target && !r.value) {
 					let t = function() {
-						_p(vp, e, r);
+						yp(bp, e, r);
 					}, r = { originalEvent: a };
 					a.pointerType === "touch" ? (n.removeEventListener("click", i.value), i.value = t, n.addEventListener("click", i.value, { once: !0 })) : t();
 				} else n.removeEventListener("click", i.value);
@@ -12045,12 +12068,12 @@ function xp(e, t) {
 		});
 	}), { onPointerDownCapture: () => r.value = !0 };
 }
-function Sp(e, t) {
+function wp(e, t) {
 	let n = t?.value?.ownerDocument ?? globalThis?.document, r = B(!1);
 	return be((i) => {
-		if (!If) return;
+		if (!Rf) return;
 		let a = async (n) => {
-			t?.value && (await j(), await j(), !(!t.value || bp(t.value, n.target)) && n.target && !r.value && _p(yp, e, { originalEvent: n }));
+			t?.value && (await j(), await j(), !(!t.value || Sp(t.value, n.target)) && n.target && !r.value && yp(xp, e, { originalEvent: n }));
 		};
 		n.addEventListener("focusin", a), i(() => n.removeEventListener("focusin", a));
 	}), {
@@ -12060,11 +12083,11 @@ function Sp(e, t) {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/DismissableLayer/DismissableLayer.js
-var Cp = ie({
+var Tp = ie({
 	layersRoot: /* @__PURE__ */ new Set(),
 	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
 	branches: /* @__PURE__ */ new Set()
-}), wp = /* @__PURE__ */ v({
+}), Ep = /* @__PURE__ */ v({
 	__name: "DismissableLayer",
 	props: {
 		disableOutsidePointerEvents: {
@@ -12082,28 +12105,28 @@ var Cp = ie({
 		"dismiss"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { forwardRef: i, currentElement: a } = rp(), o = c(() => a.value?.ownerDocument ?? globalThis.document), s = c(() => Cp.layersRoot), u = c(() => a.value ? Array.from(s.value).indexOf(a.value) : -1), d = c(() => Cp.layersWithOutsidePointerEventsDisabled.size > 0), f = c(() => {
-			let e = Array.from(s.value), [t] = [...Cp.layersWithOutsidePointerEventsDisabled].slice(-1), n = e.indexOf(t);
+		let n = e, r = t, { forwardRef: i, currentElement: a } = ap(), o = c(() => a.value?.ownerDocument ?? globalThis.document), s = c(() => Tp.layersRoot), u = c(() => a.value ? Array.from(s.value).indexOf(a.value) : -1), d = c(() => Tp.layersWithOutsidePointerEventsDisabled.size > 0), f = c(() => {
+			let e = Array.from(s.value), [t] = [...Tp.layersWithOutsidePointerEventsDisabled].slice(-1), n = e.indexOf(t);
 			return u.value >= n;
-		}), p = xp(async (e) => {
-			let t = [...Cp.branches].some((t) => t?.contains(e.target));
+		}), p = Cp(async (e) => {
+			let t = [...Tp.branches].some((t) => t?.contains(e.target));
 			!f.value || t || (r("pointerDownOutside", e), r("interactOutside", e), await j(), e.defaultPrevented || r("dismiss"));
-		}, a), m = Sp((e) => {
-			[...Cp.branches].some((t) => t?.contains(e.target)) || (r("focusOutside", e), r("interactOutside", e), e.defaultPrevented || r("dismiss"));
+		}, a), m = wp((e) => {
+			[...Tp.branches].some((t) => t?.contains(e.target)) || (r("focusOutside", e), r("interactOutside", e), e.defaultPrevented || r("dismiss"));
 		}, a);
-		Zf("Escape", (e) => {
+		$f("Escape", (e) => {
 			u.value === s.value.size - 1 && (r("escapeKeyDown", e), e.defaultPrevented || r("dismiss"));
 		});
 		let h;
 		return be((e) => {
-			a.value && (n.disableOutsidePointerEvents && (Cp.layersWithOutsidePointerEventsDisabled.size === 0 && (h = o.value.body.style.pointerEvents, o.value.body.style.pointerEvents = "none"), Cp.layersWithOutsidePointerEventsDisabled.add(a.value)), s.value.add(a.value), e(() => {
-				n.disableOutsidePointerEvents && Cp.layersWithOutsidePointerEventsDisabled.size === 1 && (o.value.body.style.pointerEvents = h);
+			a.value && (n.disableOutsidePointerEvents && (Tp.layersWithOutsidePointerEventsDisabled.size === 0 && (h = o.value.body.style.pointerEvents, o.value.body.style.pointerEvents = "none"), Tp.layersWithOutsidePointerEventsDisabled.add(a.value)), s.value.add(a.value), e(() => {
+				n.disableOutsidePointerEvents && Tp.layersWithOutsidePointerEventsDisabled.size === 1 && (o.value.body.style.pointerEvents = h);
 			}));
 		}), be((e) => {
 			e(() => {
-				a.value && (s.value.delete(a.value), Cp.layersWithOutsidePointerEventsDisabled.delete(a.value));
+				a.value && (s.value.delete(a.value), Tp.layersWithOutsidePointerEventsDisabled.delete(a.value));
 			});
-		}), (e, t) => (R(), l(q(Mf), {
+		}), (e, t) => (R(), l(q(Pf), {
 			ref: q(i),
 			"as-child": e.asChild,
 			as: e.as,
@@ -12127,7 +12150,7 @@ var Cp = ie({
 });
 //#endregion
 //#region node_modules/reka-ui/dist/shared/getActiveElement.js
-function Tp() {
+function Dp() {
 	let e = document.activeElement;
 	if (e == null) return null;
 	for (; e != null && e.shadowRoot != null && e.shadowRoot.activeElement != null;) e = e.shadowRoot.activeElement;
@@ -12135,23 +12158,23 @@ function Tp() {
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Menu/utils.js
-var Ep = ["Enter", " "], Dp = [
+var Op = ["Enter", " "], kp = [
 	"ArrowDown",
 	"PageUp",
 	"Home"
-], Op = [
+], Ap = [
 	"ArrowUp",
 	"PageDown",
 	"End"
 ];
-[...Dp, ...Op], [...Ep], [...Ep];
-function kp(e) {
+[...kp, ...Ap], [...Op], [...Op];
+function jp(e) {
 	return e ? "open" : "closed";
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Dialog/utils.js
-var Ap = "DialogTitle", jp = "DialogContent";
-function Mp({ titleName: e = Ap, contentName: t = jp, componentLink: n = "dialog.html#title", titleId: r, descriptionId: i, contentElement: a }) {
+var Mp = "DialogTitle", Np = "DialogContent";
+function Pp({ titleName: e = Mp, contentName: t = Np, componentLink: n = "dialog.html#title", titleId: r, descriptionId: i, contentElement: a }) {
 	let o = `Warning: \`${t}\` requires a \`${e}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${e}\`, you can wrap it with our VisuallyHidden component.
@@ -12165,19 +12188,19 @@ For more information, see https://www.reka-ui.com/docs/components/${n}`, s = `Wa
 }
 //#endregion
 //#region node_modules/reka-ui/dist/FocusScope/utils.js
-var Np = "focusScope.autoFocusOnMount", Pp = "focusScope.autoFocusOnUnmount", Fp = {
+var Fp = "focusScope.autoFocusOnMount", Ip = "focusScope.autoFocusOnUnmount", Lp = {
 	bubbles: !1,
 	cancelable: !0
 };
-function Ip(e, { select: t = !1 } = {}) {
-	let n = Tp();
-	for (let r of e) if (Hp(r, { select: t }), Tp() !== n) return !0;
+function Rp(e, { select: t = !1 } = {}) {
+	let n = Dp();
+	for (let r of e) if (Wp(r, { select: t }), Dp() !== n) return !0;
 }
-function Lp(e) {
-	let t = Rp(e);
-	return [zp(t, e), zp(t.reverse(), e)];
+function zp(e) {
+	let t = Bp(e);
+	return [Vp(t, e), Vp(t.reverse(), e)];
 }
-function Rp(e) {
+function Bp(e) {
 	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
 		let t = e.tagName === "INPUT" && e.type === "hidden";
 		return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -12185,10 +12208,10 @@ function Rp(e) {
 	for (; n.nextNode();) t.push(n.currentNode);
 	return t;
 }
-function zp(e, t) {
-	for (let n of e) if (!Bp(n, { upTo: t })) return n;
+function Vp(e, t) {
+	for (let n of e) if (!Hp(n, { upTo: t })) return n;
 }
-function Bp(e, { upTo: t }) {
+function Hp(e, { upTo: t }) {
 	if (getComputedStyle(e).visibility === "hidden") return !0;
 	for (; e;) {
 		if (t !== void 0 && e === t) return !1;
@@ -12197,40 +12220,40 @@ function Bp(e, { upTo: t }) {
 	}
 	return !1;
 }
-function Vp(e) {
+function Up(e) {
 	return e instanceof HTMLInputElement && "select" in e;
 }
-function Hp(e, { select: t = !1 } = {}) {
+function Wp(e, { select: t = !1 } = {}) {
 	if (e && e.focus) {
-		let n = Tp();
-		e.focus({ preventScroll: !0 }), e !== n && Vp(e) && t && e.select();
+		let n = Dp();
+		e.focus({ preventScroll: !0 }), e !== n && Up(e) && t && e.select();
 	}
 }
 //#endregion
 //#region node_modules/reka-ui/dist/FocusScope/stack.js
-var Up = Pf(() => B([]));
-function Wp() {
-	let e = Up();
+var Gp = If(() => B([]));
+function Kp() {
+	let e = Gp();
 	return {
 		add(t) {
 			let n = e.value[0];
-			t !== n && n?.pause(), e.value = Gp(e.value, t), e.value.unshift(t);
+			t !== n && n?.pause(), e.value = qp(e.value, t), e.value.unshift(t);
 		},
 		remove(t) {
-			e.value = Gp(e.value, t), e.value[0]?.resume();
+			e.value = qp(e.value, t), e.value[0]?.resume();
 		}
 	};
 }
-function Gp(e, t) {
+function qp(e, t) {
 	let n = [...e], r = n.indexOf(t);
 	return r !== -1 && n.splice(r, 1), n;
 }
-function Kp(e) {
+function Jp(e) {
 	return e.filter((e) => e.tagName !== "A");
 }
 //#endregion
 //#region node_modules/reka-ui/dist/FocusScope/FocusScope.js
-var qp = /* @__PURE__ */ v({
+var Yp = /* @__PURE__ */ v({
 	__name: "FocusScope",
 	props: {
 		loop: {
@@ -12246,7 +12269,7 @@ var qp = /* @__PURE__ */ v({
 	},
 	emits: ["mountAutoFocus", "unmountAutoFocus"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { currentRef: i, currentElement: a } = rp(), o = B(null), s = Wp(), c = ie({
+		let n = e, r = t, { currentRef: i, currentElement: a } = ap(), o = B(null), s = Kp(), c = ie({
 			paused: !1,
 			pause() {
 				this.paused = !0;
@@ -12256,21 +12279,21 @@ var qp = /* @__PURE__ */ v({
 			}
 		});
 		be((e) => {
-			if (!If) return;
+			if (!Rf) return;
 			let t = a.value;
 			if (!n.trapped) return;
 			function r(e) {
 				if (c.paused || !t) return;
 				let n = e.target;
-				t.contains(n) ? o.value = n : Hp(o.value, { select: !0 });
+				t.contains(n) ? o.value = n : Wp(o.value, { select: !0 });
 			}
 			function i(e) {
 				if (c.paused || !t) return;
 				let n = e.relatedTarget;
-				n !== null && (t.contains(n) || Hp(o.value, { select: !0 }));
+				n !== null && (t.contains(n) || Wp(o.value, { select: !0 }));
 			}
 			function s(e) {
-				t.contains(o.value) || Hp(t);
+				t.contains(o.value) || Wp(t);
 			}
 			document.addEventListener("focusin", r), document.addEventListener("focusout", i);
 			let l = new MutationObserver(s);
@@ -12284,30 +12307,30 @@ var qp = /* @__PURE__ */ v({
 			let t = a.value;
 			if (await j(), !t) return;
 			s.add(c);
-			let n = Tp();
+			let n = Dp();
 			if (!t.contains(n)) {
-				let e = new CustomEvent(Np, Fp);
-				t.addEventListener(Np, (e) => r("mountAutoFocus", e)), t.dispatchEvent(e), e.defaultPrevented || (Ip(Kp(Rp(t)), { select: !0 }), Tp() === n && Hp(t));
+				let e = new CustomEvent(Fp, Lp);
+				t.addEventListener(Fp, (e) => r("mountAutoFocus", e)), t.dispatchEvent(e), e.defaultPrevented || (Rp(Jp(Bp(t)), { select: !0 }), Dp() === n && Wp(t));
 			}
 			e(() => {
-				t.removeEventListener(Np, (e) => r("mountAutoFocus", e));
-				let e = new CustomEvent(Pp, Fp), i = (e) => {
+				t.removeEventListener(Fp, (e) => r("mountAutoFocus", e));
+				let e = new CustomEvent(Ip, Lp), i = (e) => {
 					r("unmountAutoFocus", e);
 				};
-				t.addEventListener(Pp, i), t.dispatchEvent(e), setTimeout(() => {
-					e.defaultPrevented || Hp(n ?? document.body, { select: !0 }), t.removeEventListener(Pp, i), s.remove(c);
+				t.addEventListener(Ip, i), t.dispatchEvent(e), setTimeout(() => {
+					e.defaultPrevented || Wp(n ?? document.body, { select: !0 }), t.removeEventListener(Ip, i), s.remove(c);
 				}, 0);
 			});
 		});
 		function u(e) {
 			if (!n.loop && !n.trapped || c.paused) return;
-			let t = e.key === "Tab" && !e.altKey && !e.ctrlKey && !e.metaKey, r = Tp();
+			let t = e.key === "Tab" && !e.altKey && !e.ctrlKey && !e.metaKey, r = Dp();
 			if (t && r) {
-				let t = e.currentTarget, [i, a] = Lp(t);
-				i && a ? !e.shiftKey && r === a ? (e.preventDefault(), n.loop && Hp(i, { select: !0 })) : e.shiftKey && r === i && (e.preventDefault(), n.loop && Hp(a, { select: !0 })) : r === t && e.preventDefault();
+				let t = e.currentTarget, [i, a] = zp(t);
+				i && a ? !e.shiftKey && r === a ? (e.preventDefault(), n.loop && Wp(i, { select: !0 })) : e.shiftKey && r === i && (e.preventDefault(), n.loop && Wp(a, { select: !0 })) : r === t && e.preventDefault();
 			}
 		}
-		return (e, t) => (R(), l(q(Mf), {
+		return (e, t) => (R(), l(q(Pf), {
 			ref_key: "currentRef",
 			ref: i,
 			tabindex: "-1",
@@ -12319,7 +12342,7 @@ var qp = /* @__PURE__ */ v({
 			_: 3
 		}, 8, ["as-child", "as"]));
 	}
-}), Jp = /* @__PURE__ */ v({
+}), Xp = /* @__PURE__ */ v({
 	__name: "DialogContentImpl",
 	props: {
 		forceMount: { type: Boolean },
@@ -12337,24 +12360,24 @@ var qp = /* @__PURE__ */ v({
 		"closeAutoFocus"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = pp(), { forwardRef: a, currentElement: o } = rp();
-		return i.titleId ||= ap(void 0, "reka-dialog-title"), i.descriptionId ||= ap(void 0, "reka-dialog-description"), L(() => {
-			i.contentElement = o, Tp() !== document.body && (i.triggerElement.value = Tp());
-		}), process.env.NODE_ENV !== "production" && Mp({
+		let n = e, r = t, i = hp(), { forwardRef: a, currentElement: o } = ap();
+		return i.titleId ||= sp(void 0, "reka-dialog-title"), i.descriptionId ||= sp(void 0, "reka-dialog-description"), L(() => {
+			i.contentElement = o, Dp() !== document.body && (i.triggerElement.value = Dp());
+		}), process.env.NODE_ENV !== "production" && Pp({
 			titleName: "DialogTitle",
 			contentName: "DialogContent",
 			componentLink: "dialog.html#title",
 			titleId: i.titleId,
 			descriptionId: i.descriptionId,
 			contentElement: o
-		}), (e, t) => (R(), l(q(qp), {
+		}), (e, t) => (R(), l(q(Yp), {
 			"as-child": "",
 			loop: "",
 			trapped: n.trapFocus,
 			onMountAutoFocus: t[5] ||= (e) => r("openAutoFocus", e),
 			onUnmountAutoFocus: t[6] ||= (e) => r("closeAutoFocus", e)
 		}, {
-			default: X(() => [g(q(wp), A({
+			default: X(() => [g(q(Ep), A({
 				id: q(i).contentId,
 				ref: q(a),
 				as: e.as,
@@ -12363,7 +12386,7 @@ var qp = /* @__PURE__ */ v({
 				role: "dialog",
 				"aria-describedby": q(i).descriptionId,
 				"aria-labelledby": q(i).titleId,
-				"data-state": q(kp)(q(i).open.value)
+				"data-state": q(jp)(q(i).open.value)
 			}, e.$attrs, {
 				onDismiss: t[0] ||= (e) => q(i).onOpenChange(!1),
 				onEscapeKeyDown: t[1] ||= (e) => r("escapeKeyDown", e),
@@ -12385,22 +12408,22 @@ var qp = /* @__PURE__ */ v({
 			_: 3
 		}, 8, ["trapped"]));
 	}
-}), Yp = function(e) {
+}), Zp = function(e) {
 	return typeof document > "u" ? null : (Array.isArray(e) ? e[0] : e).ownerDocument.body;
-}, Xp = /* @__PURE__ */ new WeakMap(), Zp = /* @__PURE__ */ new WeakMap(), Qp = {}, $p = 0, em = function(e) {
-	return e && (e.host || em(e.parentNode));
-}, tm = function(e, t) {
+}, Qp = /* @__PURE__ */ new WeakMap(), $p = /* @__PURE__ */ new WeakMap(), em = {}, tm = 0, nm = function(e) {
+	return e && (e.host || nm(e.parentNode));
+}, rm = function(e, t) {
 	return t.map(function(t) {
 		if (e.contains(t)) return t;
-		var n = em(t);
+		var n = nm(t);
 		return n && e.contains(n) ? n : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
 	}).filter(function(e) {
 		return !!e;
 	});
-}, nm = function(e, t, n, r) {
-	var i = tm(t, Array.isArray(e) ? e : [e]);
-	Qp[n] || (Qp[n] = /* @__PURE__ */ new WeakMap());
-	var a = Qp[n], o = [], s = /* @__PURE__ */ new Set(), c = new Set(i), l = function(e) {
+}, im = function(e, t, n, r) {
+	var i = rm(t, Array.isArray(e) ? e : [e]);
+	em[n] || (em[n] = /* @__PURE__ */ new WeakMap());
+	var a = em[n], o = [], s = /* @__PURE__ */ new Set(), c = new Set(i), l = function(e) {
 		!e || s.has(e) || (s.add(e), l(e.parentNode));
 	};
 	i.forEach(l);
@@ -12408,39 +12431,39 @@ var qp = /* @__PURE__ */ v({
 		!e || c.has(e) || Array.prototype.forEach.call(e.children, function(e) {
 			if (s.has(e)) u(e);
 			else try {
-				var t = e.getAttribute(r), i = t !== null && t !== "false", c = (Xp.get(e) || 0) + 1, l = (a.get(e) || 0) + 1;
-				Xp.set(e, c), a.set(e, l), o.push(e), c === 1 && i && Zp.set(e, !0), l === 1 && e.setAttribute(n, "true"), i || e.setAttribute(r, "true");
+				var t = e.getAttribute(r), i = t !== null && t !== "false", c = (Qp.get(e) || 0) + 1, l = (a.get(e) || 0) + 1;
+				Qp.set(e, c), a.set(e, l), o.push(e), c === 1 && i && $p.set(e, !0), l === 1 && e.setAttribute(n, "true"), i || e.setAttribute(r, "true");
 			} catch (t) {
 				console.error("aria-hidden: cannot operate on ", e, t);
 			}
 		});
 	};
-	return u(t), s.clear(), $p++, function() {
+	return u(t), s.clear(), tm++, function() {
 		o.forEach(function(e) {
-			var t = Xp.get(e) - 1, i = a.get(e) - 1;
-			Xp.set(e, t), a.set(e, i), t || (Zp.has(e) || e.removeAttribute(r), Zp.delete(e)), i || e.removeAttribute(n);
-		}), $p--, $p || (Xp = /* @__PURE__ */ new WeakMap(), Xp = /* @__PURE__ */ new WeakMap(), Zp = /* @__PURE__ */ new WeakMap(), Qp = {});
+			var t = Qp.get(e) - 1, i = a.get(e) - 1;
+			Qp.set(e, t), a.set(e, i), t || ($p.has(e) || e.removeAttribute(r), $p.delete(e)), i || e.removeAttribute(n);
+		}), tm--, tm || (Qp = /* @__PURE__ */ new WeakMap(), Qp = /* @__PURE__ */ new WeakMap(), $p = /* @__PURE__ */ new WeakMap(), em = {});
 	};
-}, rm = function(e, t, n) {
+}, am = function(e, t, n) {
 	n === void 0 && (n = "data-aria-hidden");
-	var r = Array.from(Array.isArray(e) ? e : [e]), i = t || Yp(e);
-	return i ? (r.push.apply(r, Array.from(i.querySelectorAll("[aria-live]"))), nm(r, i, n, "aria-hidden")) : function() {
+	var r = Array.from(Array.isArray(e) ? e : [e]), i = t || Zp(e);
+	return i ? (r.push.apply(r, Array.from(i.querySelectorAll("[aria-live]"))), im(r, i, n, "aria-hidden")) : function() {
 		return null;
 	};
 };
 //#endregion
 //#region node_modules/reka-ui/dist/shared/useHideOthers.js
-function im(e) {
+function om(e) {
 	let t;
-	Y(() => qf(e), (e) => {
-		e ? t = rm(e) : t && t();
+	Y(() => Yf(e), (e) => {
+		e ? t = am(e) : t && t();
 	}), ne(() => {
 		t && t();
 	});
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Dialog/DialogContentModal.js
-var am = /* @__PURE__ */ v({
+var sm = /* @__PURE__ */ v({
 	__name: "DialogContentModal",
 	props: {
 		forceMount: { type: Boolean },
@@ -12458,8 +12481,8 @@ var am = /* @__PURE__ */ v({
 		"closeAutoFocus"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = pp(), a = up(r), { forwardRef: o, currentElement: s } = rp();
-		return im(s), (e, t) => (R(), l(Jp, A({
+		let n = e, r = t, i = hp(), a = fp(r), { forwardRef: o, currentElement: s } = ap();
+		return om(s), (e, t) => (R(), l(Xp, A({
 			...n,
 			...q(a)
 		}, {
@@ -12481,7 +12504,7 @@ var am = /* @__PURE__ */ v({
 			_: 3
 		}, 16, ["trap-focus"]));
 	}
-}), om = /* @__PURE__ */ v({
+}), cm = /* @__PURE__ */ v({
 	__name: "DialogContentNonModal",
 	props: {
 		forceMount: { type: Boolean },
@@ -12499,10 +12522,10 @@ var am = /* @__PURE__ */ v({
 		"closeAutoFocus"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = up(t);
-		rp();
-		let i = pp(), a = B(!1), o = B(!1);
-		return (e, t) => (R(), l(Jp, A({
+		let n = e, r = fp(t);
+		ap();
+		let i = hp(), a = B(!1), o = B(!1);
+		return (e, t) => (R(), l(Xp, A({
 			...n,
 			...q(r)
 		}, {
@@ -12521,7 +12544,7 @@ var am = /* @__PURE__ */ v({
 			_: 3
 		}, 16));
 	}
-}), sm = /* @__PURE__ */ v({
+}), lm = /* @__PURE__ */ v({
 	__name: "DialogContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -12539,9 +12562,9 @@ var am = /* @__PURE__ */ v({
 		"closeAutoFocus"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = pp(), a = up(r), { forwardRef: o } = rp();
-		return (e, t) => (R(), l(q(lp), { present: e.forceMount || q(i).open.value }, {
-			default: X(() => [q(i).modal.value ? (R(), l(am, A({
+		let n = e, r = t, i = hp(), a = fp(r), { forwardRef: o } = ap();
+		return (e, t) => (R(), l(q(dp), { present: e.forceMount || q(i).open.value }, {
+			default: X(() => [q(i).modal.value ? (R(), l(sm, A({
 				key: 0,
 				ref: q(o)
 			}, {
@@ -12551,7 +12574,7 @@ var am = /* @__PURE__ */ v({
 			}), {
 				default: X(() => [H(e.$slots, "default")]),
 				_: 3
-			}, 16)) : (R(), l(om, A({
+			}, 16)) : (R(), l(cm, A({
 				key: 1,
 				ref: q(o)
 			}, {
@@ -12568,33 +12591,33 @@ var am = /* @__PURE__ */ v({
 });
 //#endregion
 //#region node_modules/defu/dist/defu.mjs
-function cm(e) {
+function um(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
 	return t !== null && t !== Object.prototype && Object.getPrototypeOf(t) !== null || Symbol.iterator in e ? !1 : Symbol.toStringTag in e ? Object.prototype.toString.call(e) === "[object Module]" : !0;
 }
-function lm(e, t, n = ".", r) {
-	if (!cm(t)) return lm(e, {}, n, r);
+function dm(e, t, n = ".", r) {
+	if (!um(t)) return dm(e, {}, n, r);
 	let i = Object.assign({}, t);
 	for (let t in e) {
 		if (t === "__proto__" || t === "constructor") continue;
 		let a = e[t];
-		a != null && (r && r(i, t, a, n) || (Array.isArray(a) && Array.isArray(i[t]) ? i[t] = [...a, ...i[t]] : cm(a) && cm(i[t]) ? i[t] = lm(a, i[t], (n ? `${n}.` : "") + t.toString(), r) : i[t] = a));
+		a != null && (r && r(i, t, a, n) || (Array.isArray(a) && Array.isArray(i[t]) ? i[t] = [...a, ...i[t]] : um(a) && um(i[t]) ? i[t] = dm(a, i[t], (n ? `${n}.` : "") + t.toString(), r) : i[t] = a));
 	}
 	return i;
 }
-function um(e) {
-	return (...t) => t.reduce((t, n) => lm(t, n, "", e), {});
+function fm(e) {
+	return (...t) => t.reduce((t, n) => dm(t, n, "", e), {});
 }
-var dm = um(), fm = Ff(() => {
+var pm = fm(), mm = Lf(() => {
 	let e = B(/* @__PURE__ */ new Map()), t = B(), n = c(() => {
 		for (let t of e.value.values()) if (t) return !0;
 		return !1;
-	}), r = tp({ scrollBody: B(!0) }), i = null, a = () => {
-		document.body.style.paddingRight = "", document.body.style.marginRight = "", document.body.style.pointerEvents = "", document.body.style.removeProperty("--scrollbar-width"), document.body.style.overflow = t.value ?? "", Bf && i?.(), t.value = void 0;
+	}), r = rp({ scrollBody: B(!0) }), i = null, a = () => {
+		document.body.style.paddingRight = "", document.body.style.marginRight = "", document.body.style.pointerEvents = "", document.body.style.removeProperty("--scrollbar-width"), document.body.style.overflow = t.value ?? "", Hf && i?.(), t.value = void 0;
 	};
 	return Y(n, (e, n) => {
-		if (!If) return;
+		if (!Rf) return;
 		if (!e) {
 			n && a();
 			return;
@@ -12603,14 +12626,14 @@ var dm = um(), fm = Ff(() => {
 		let o = window.innerWidth - document.documentElement.clientWidth, s = {
 			padding: o,
 			margin: 0
-		}, c = r.scrollBody?.value ? typeof r.scrollBody.value == "object" ? dm({
+		}, c = r.scrollBody?.value ? typeof r.scrollBody.value == "object" ? pm({
 			padding: r.scrollBody.value.padding === !0 ? o : r.scrollBody.value.padding,
 			margin: r.scrollBody.value.margin === !0 ? o : r.scrollBody.value.margin
 		}, s) : s : {
 			padding: 0,
 			margin: 0
 		};
-		o > 0 && (document.body.style.paddingRight = typeof c.padding == "number" ? `${c.padding}px` : String(c.padding), document.body.style.marginRight = typeof c.margin == "number" ? `${c.margin}px` : String(c.margin), document.body.style.setProperty("--scrollbar-width", `${o}px`), document.body.style.overflow = "hidden"), Bf && (i = Jf(document, "touchmove", (e) => hm(e), { passive: !1 })), j(() => {
+		o > 0 && (document.body.style.paddingRight = typeof c.padding == "number" ? `${c.padding}px` : String(c.padding), document.body.style.marginRight = typeof c.margin == "number" ? `${c.margin}px` : String(c.margin), document.body.style.setProperty("--scrollbar-width", `${o}px`), document.body.style.overflow = "hidden"), Hf && (i = Xf(document, "touchmove", (e) => _m(e), { passive: !1 })), j(() => {
 			document.body.style.pointerEvents = "none", document.body.style.overflow = "hidden";
 		});
 	}, {
@@ -12618,40 +12641,40 @@ var dm = um(), fm = Ff(() => {
 		flush: "sync"
 	}), e;
 });
-function pm(e) {
-	let t = Math.random().toString(36).substring(2, 7), n = fm();
+function hm(e) {
+	let t = Math.random().toString(36).substring(2, 7), n = mm();
 	n.value.set(t, e ?? !1);
 	let r = c({
 		get: () => n.value.get(t) ?? !1,
 		set: (e) => n.value.set(t, e)
 	});
-	return Wf(() => {
+	return Kf(() => {
 		n.value.delete(t);
 	}), r;
 }
-function mm(e) {
+function gm(e) {
 	let t = window.getComputedStyle(e);
 	if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight) return !0;
 	{
 		let t = e.parentNode;
-		return !(t instanceof Element) || t.tagName === "BODY" ? !1 : mm(t);
+		return !(t instanceof Element) || t.tagName === "BODY" ? !1 : gm(t);
 	}
 }
-function hm(e) {
+function _m(e) {
 	let t = e || window.event, n = t.target;
-	return n instanceof Element && mm(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.cancelable && t.preventDefault(), !1);
+	return n instanceof Element && gm(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.cancelable && t.preventDefault(), !1);
 }
 //#endregion
 //#region node_modules/reka-ui/dist/Dialog/DialogOverlayImpl.js
-var gm = /* @__PURE__ */ v({
+var vm = /* @__PURE__ */ v({
 	__name: "DialogOverlayImpl",
 	props: {
 		asChild: { type: Boolean },
 		as: {}
 	},
 	setup(e) {
-		let t = pp();
-		return pm(!0), rp(), (e, n) => (R(), l(q(Mf), {
+		let t = hp();
+		return hm(!0), ap(), (e, n) => (R(), l(q(Pf), {
 			as: e.as,
 			"as-child": e.asChild,
 			"data-state": q(t).open.value ? "open" : "closed",
@@ -12665,7 +12688,7 @@ var gm = /* @__PURE__ */ v({
 			"data-state"
 		]));
 	}
-}), _m = /* @__PURE__ */ v({
+}), ym = /* @__PURE__ */ v({
 	__name: "DialogOverlay",
 	props: {
 		forceMount: { type: Boolean },
@@ -12673,12 +12696,12 @@ var gm = /* @__PURE__ */ v({
 		as: {}
 	},
 	setup(e) {
-		let t = pp(), { forwardRef: n } = rp();
-		return (e, r) => q(t)?.modal.value ? (R(), l(q(lp), {
+		let t = hp(), { forwardRef: n } = ap();
+		return (e, r) => q(t)?.modal.value ? (R(), l(q(dp), {
 			key: 0,
 			present: e.forceMount || q(t).open.value
 		}, {
-			default: X(() => [g(gm, A(e.$attrs, {
+			default: X(() => [g(vm, A(e.$attrs, {
 				ref: q(n),
 				as: e.as,
 				"as-child": e.asChild
@@ -12689,20 +12712,20 @@ var gm = /* @__PURE__ */ v({
 			_: 3
 		}, 8, ["present"])) : u("", !0);
 	}
-}), vm = /* @__PURE__ */ v({
+}), bm = /* @__PURE__ */ v({
 	__name: "DialogTitle",
 	props: {
 		asChild: { type: Boolean },
 		as: { default: "h2" }
 	},
 	setup(e) {
-		let t = e, n = pp();
-		return rp(), (e, r) => (R(), l(q(Mf), A(t, { id: q(n).titleId }), {
+		let t = e, n = hp();
+		return ap(), (e, r) => (R(), l(q(Pf), A(t, { id: q(n).titleId }), {
 			default: X(() => [H(e.$slots, "default")]),
 			_: 3
 		}, 16, ["id"]));
 	}
-}), ym = /* @__PURE__ */ v({
+}), xm = /* @__PURE__ */ v({
 	__name: "DialogPortal",
 	props: {
 		to: {},
@@ -12712,7 +12735,7 @@ var gm = /* @__PURE__ */ v({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (R(), l(q(gp), N(S(t)), {
+		return (e, n) => (R(), l(q(vp), N(S(t)), {
 			default: X(() => [H(e.$slots, "default")]),
 			_: 3
 		}, 16));
@@ -12730,16 +12753,16 @@ var gm = /* @__PURE__ */ v({
 		console.error("vite-plugin-css-injected-by-js", e);
 	}
 })();
-var bm = typeof window < "u" && typeof document < "u";
+var Sm = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var xm = (e) => typeof e < "u";
-function Sm(e) {
+var Cm = (e) => typeof e < "u";
+function wm(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function Cm(e, t, n, r = {}) {
+function Tm(e, t, n, r = {}) {
 	let { clone: i = !1, passive: a = !1, eventName: o, deep: s = !1, defaultValue: l, shouldEmit: u } = r, d = b(), f = n || d?.emit || (d?.$emit)?.bind(d) || (d?.proxy?.$emit)?.bind(d?.proxy), p = o;
 	t ||= "modelValue", p ||= `update:${t.toString()}`;
-	let m = (e) => i ? typeof i == "function" ? i(e) : Sm(e) : e, h = () => xm(e[t]) ? m(e[t]) : l, g = (e) => {
+	let m = (e) => i ? typeof i == "function" ? i(e) : wm(e) : e, h = () => Cm(e[t]) ? m(e[t]) : l, g = (e) => {
 		u ? u(e) && f(p, e) : f(p, e);
 	};
 	if (a) {
@@ -12758,8 +12781,8 @@ function Cm(e, t, n, r = {}) {
 		}
 	});
 }
-var [wm, Tm] = ep("DrawerRoot"), Em = /* @__PURE__ */ new WeakMap();
-function Dm(e, t, n = !1) {
+var [Em, Dm] = np("DrawerRoot"), Om = /* @__PURE__ */ new WeakMap();
+function km(e, t, n = !1) {
 	if (!e || !(e instanceof HTMLElement) || !t) return;
 	let r = {};
 	Object.entries(t).forEach(([t, n]) => {
@@ -12768,23 +12791,23 @@ function Dm(e, t, n = !1) {
 			return;
 		}
 		r[t] = e.style[t], e.style[t] = n;
-	}), !n && Em.set(e, r);
+	}), !n && Om.set(e, r);
 }
-function Om(e, t) {
+function Am(e, t) {
 	if (!e || !(e instanceof HTMLElement)) return;
-	let n = Em.get(e);
+	let n = Om.get(e);
 	n && Object.entries(n).forEach(([t, n]) => {
 		e.style[t] = n;
 	});
 }
-function km(e, t) {
+function jm(e, t) {
 	let n = window.getComputedStyle(e), r = n.transform || n.webkitTransform || n.mozTransform, i = r.match(/^matrix3d\((.+)\)$/);
-	return i ? Number.parseFloat(i[1].split(", ")[jm(t) ? 13 : 12]) : (i = r.match(/^matrix\((.+)\)$/), i ? Number.parseFloat(i[1].split(", ")[jm(t) ? 5 : 4]) : null);
+	return i ? Number.parseFloat(i[1].split(", ")[Nm(t) ? 13 : 12]) : (i = r.match(/^matrix\((.+)\)$/), i ? Number.parseFloat(i[1].split(", ")[Nm(t) ? 5 : 4]) : null);
 }
-function Am(e) {
+function Mm(e) {
 	return 8 * (Math.log(e + 1) - 2);
 }
-function jm(e) {
+function Nm(e) {
 	switch (e) {
 		case "top":
 		case "bottom": return !0;
@@ -12793,14 +12816,14 @@ function jm(e) {
 		default: return e;
 	}
 }
-function Mm(e, t) {
+function Pm(e, t) {
 	if (!e) return () => {};
 	let n = e.style.cssText;
 	return Object.assign(e.style, t), () => {
 		e.style.cssText = n;
 	};
 }
-var Nm = {
+var Fm = {
 	DURATION: .5,
 	EASE: [
 		.32,
@@ -12808,8 +12831,8 @@ var Nm = {
 		0,
 		1
 	]
-}, Pm = .4, Fm = .25, Im = 100, Lm = 8, Rm = 16, zm = 26, Bm = "vaul-dragging";
-function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fadeFromIndex: i, onSnapPointChange: a, direction: o }) {
+}, Im = .4, Lm = .25, Rm = 100, zm = 8, Bm = 16, Vm = 26, Hm = "vaul-dragging";
+function Um({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fadeFromIndex: i, onSnapPointChange: a, direction: o }) {
 	let s = B(typeof window < "u" ? {
 		innerWidth: window.innerWidth,
 		innerHeight: window.innerHeight
@@ -12827,7 +12850,7 @@ function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fa
 	});
 	let u = c(() => (t.value && e.value === t.value[t.value.length - 1]) ?? null), d = c(() => t.value && t.value.length > 0 && (i?.value || i?.value === 0) && !Number.isNaN(i?.value) && t.value[i?.value ?? -1] === e.value || !t.value), f = c(() => t.value?.findIndex((t) => t === e.value) ?? null), p = c(() => t.value?.map((e) => {
 		let t = typeof e == "string", n = 0;
-		if (t && (n = Number.parseInt(e, 10)), jm(o.value)) {
+		if (t && (n = Number.parseInt(e, 10)), Nm(o.value)) {
 			let r = t ? n : s.value ? e * s.value.innerHeight : 0;
 			return s.value ? o.value === "bottom" ? s.value.innerHeight - r : -s.value.innerHeight + r : r;
 		}
@@ -12836,15 +12859,15 @@ function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fa
 	}) ?? []), m = c(() => f.value === null ? null : p.value?.[f.value]), h = (s) => {
 		let c = p.value?.findIndex((e) => e === s) ?? null;
 		j(() => {
-			a(c, p.value), Dm(n.value?.$el, {
-				transition: `transform ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`,
-				transform: jm(o.value) ? `translate3d(0, ${s}px, 0)` : `translate3d(${s}px, 0, 0)`
+			a(c, p.value), km(n.value?.$el, {
+				transition: `transform ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`,
+				transform: Nm(o.value) ? `translate3d(0, ${s}px, 0)` : `translate3d(${s}px, 0, 0)`
 			});
-		}), p.value && c !== p.value.length - 1 && c !== i?.value ? Dm(r.value?.$el, {
-			transition: `opacity ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`,
+		}), p.value && c !== p.value.length - 1 && c !== i?.value ? km(r.value?.$el, {
+			transition: `opacity ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`,
 			opacity: "0"
-		}) : Dm(r.value?.$el, {
-			transition: `opacity ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`,
+		}) : km(r.value?.$el, {
+			transition: `opacity ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`,
 			opacity: "1"
 		}), e.value = c === null ? null : t.value?.[c] ?? null;
 	};
@@ -12861,7 +12884,7 @@ function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fa
 	function g({ draggedDistance: e, closeDrawer: n, velocity: a, dismissible: s }) {
 		if (i.value === void 0) return;
 		let c = o.value === "bottom" || o.value === "right" ? (m.value ?? 0) - e : (m.value ?? 0) + e, l = f.value === i.value - 1, d = f.value === 0, g = e > 0;
-		if (l && Dm(r.value?.$el, { transition: `opacity ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})` }), a > 2 && !g) {
+		if (l && km(r.value?.$el, { transition: `opacity ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})` }), a > 2 && !g) {
 			s ? n() : h(p.value[0]);
 			return;
 		}
@@ -12869,8 +12892,8 @@ function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fa
 			h(p.value[t.value.length - 1]);
 			return;
 		}
-		let _ = p.value?.reduce((e, t) => typeof e != "number" || typeof t != "number" ? e : Math.abs(t - c) < Math.abs(e - c) ? t : e), v = jm(o.value) ? window.innerHeight : window.innerWidth;
-		if (a > Pm && Math.abs(e) < v * .4) {
+		let _ = p.value?.reduce((e, t) => typeof e != "number" || typeof t != "number" ? e : Math.abs(t - c) < Math.abs(e - c) ? t : e), v = Nm(o.value) ? window.innerHeight : window.innerWidth;
+		if (a > Im && Math.abs(e) < v * .4) {
 			let e = g ? 1 : -1;
 			if (e > 0 && u) {
 				h(p.value[(t.value?.length ?? 0) - 1]);
@@ -12885,7 +12908,7 @@ function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fa
 	function _({ draggedDistance: e }) {
 		if (m.value === null) return;
 		let t = o.value === "bottom" || o.value === "right" ? m.value - e : m.value + e;
-		(o.value === "bottom" || o.value === "right") && t < p.value[p.value.length - 1] || (o.value === "top" || o.value === "left") && t > p.value[p.value.length - 1] || Dm(n.value?.$el, { transform: jm(o.value) ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)` });
+		(o.value === "bottom" || o.value === "right") && t < p.value[p.value.length - 1] || (o.value === "top" || o.value === "left") && t > p.value[p.value.length - 1] || km(n.value?.$el, { transform: Nm(o.value) ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)` });
 	}
 	function v(e, n) {
 		if (!t.value || typeof f.value != "number" || !p.value || i.value === void 0) return null;
@@ -12906,15 +12929,15 @@ function Vm({ activeSnapPoint: e, snapPoints: t, drawerRef: n, overlayRef: r, fa
 		snapPointsOffset: p
 	};
 }
-function Hm() {
+function Wm() {
 	return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
-var Um = null;
-function Wm(e) {
+var Gm = null;
+function Km(e) {
 	let { isOpen: t, modal: n, nested: r, hasBeenOpened: i, preventScrollRestoration: a, noBodyStyles: o } = e, s = B(typeof window < "u" ? window.location.href : ""), c = B(0);
 	function l() {
-		if (Hm() && Um === null && t.value && !o.value) {
-			Um = {
+		if (Wm() && Gm === null && t.value && !o.value) {
+			Gm = {
 				position: document.body.style.position,
 				top: document.body.style.top,
 				left: document.body.style.left,
@@ -12935,15 +12958,15 @@ function Wm(e) {
 		}
 	}
 	function u() {
-		if (Hm() && Um !== null && !o.value) {
+		if (Wm() && Gm !== null && !o.value) {
 			let e = -Number.parseInt(document.body.style.top, 10), t = -Number.parseInt(document.body.style.left, 10);
-			Object.assign(document.body.style, Um), window.requestAnimationFrame(() => {
+			Object.assign(document.body.style, Gm), window.requestAnimationFrame(() => {
 				if (a.value && s.value !== window.location.href) {
 					s.value = window.location.href;
 					return;
 				}
 				window.scrollTo(t, e);
-			}), Um = null;
+			}), Gm = null;
 		}
 	}
 	return L(() => {
@@ -12963,15 +12986,15 @@ function Wm(e) {
 		}, 500)) : u());
 	}), { restorePositionSetting: u };
 }
-function Gm(e, t) {
+function qm(e, t) {
 	return e && e.value ? e : t;
 }
-function Km(e) {
+function Jm(e) {
 	let { emitDrag: t, emitRelease: n, emitClose: r, emitOpenChange: i, open: a, dismissible: o, nested: s, modal: l, shouldScaleBackground: u, setBackgroundColorOnScale: d, scrollLockTimeout: f, closeThreshold: p, activeSnapPoint: m, fadeFromIndex: h, direction: g, noBodyStyles: _, handleOnly: v, preventScrollRestoration: y } = e, b = B(a.value ?? !1), x = B(!1), S = B(!1), C = B(!1), w = B(null), T = B(null), E = B(null), D = B(null), O = B(null), k = B(!1), A = B(null), j = B(0), M = B(!1);
 	B(0);
 	let N = B(null);
 	B(0);
-	let P = c(() => N.value?.$el.getBoundingClientRect().height || 0), F = Gm(e.snapPoints, B(void 0)), I = c(() => F && (F.value?.length ?? 0) > 0), ee = B(null), { activeSnapPointIndex: L, onRelease: te, snapPointsOffset: ne, onDrag: R, shouldFade: re, getPercentageDragged: ie } = Vm({
+	let P = c(() => N.value?.$el.getBoundingClientRect().height || 0), F = qm(e.snapPoints, B(void 0)), I = c(() => F && (F.value?.length ?? 0) > 0), ee = B(null), { activeSnapPointIndex: L, onRelease: te, snapPointsOffset: ne, onDrag: R, shouldFade: re, getPercentageDragged: ie } = Um({
 		snapPoints: F,
 		activeSnapPoint: m,
 		drawerRef: N,
@@ -12983,7 +13006,7 @@ function Km(e) {
 	function z(e, t) {
 		F.value && e === t.length - 1 && (T.value = /* @__PURE__ */ new Date());
 	}
-	Wm({
+	Km({
 		isOpen: b,
 		modal: l,
 		nested: s,
@@ -12992,11 +13015,11 @@ function Km(e) {
 		preventScrollRestoration: y
 	});
 	function V() {
-		return (window.innerWidth - zm) / window.innerWidth;
+		return (window.innerWidth - Vm) / window.innerWidth;
 	}
 	function H(e, t) {
 		if (!e) return !1;
-		let n = e, r = window.getSelection()?.toString(), i = N.value ? km(N.value.$el, g.value) : null, a = /* @__PURE__ */ new Date();
+		let n = e, r = window.getSelection()?.toString(), i = N.value ? jm(N.value.$el, g.value) : null, a = /* @__PURE__ */ new Date();
 		if (n.hasAttribute("data-vaul-no-drag") || n.closest("[data-vaul-no-drag]")) return !1;
 		if (g.value === "right" || g.value === "left") return !0;
 		if (T.value && a.getTime() - T.value.getTime() < 500) return !1;
@@ -13013,51 +13036,51 @@ function Km(e) {
 		return !0;
 	}
 	function U(e) {
-		!o.value && !F.value || N.value && !N.value.$el.contains(e.target) || (S.value = !0, E.value = /* @__PURE__ */ new Date(), e.target.setPointerCapture(e.pointerId), j.value = jm(g.value) ? e.clientY : e.clientX);
+		!o.value && !F.value || N.value && !N.value.$el.contains(e.target) || (S.value = !0, E.value = /* @__PURE__ */ new Date(), e.target.setPointerCapture(e.pointerId), j.value = Nm(g.value) ? e.clientY : e.clientX);
 	}
 	function ae(e) {
 		var n;
 		if (N.value && S.value) {
-			let r = g.value === "bottom" || g.value === "right" ? 1 : -1, i = (j.value - (jm(g.value) ? e.clientY : e.clientX)) * r, a = i > 0, s = F.value && !o.value && !a;
+			let r = g.value === "bottom" || g.value === "right" ? 1 : -1, i = (j.value - (Nm(g.value) ? e.clientY : e.clientX)) * r, a = i > 0, s = F.value && !o.value && !a;
 			if (s && L.value === 0) return;
 			let c = Math.abs(i), l = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]"), d = c / P.value, f = ie(c, a);
 			if (f !== null && (d = f), s && d >= 1 || !k.value && !H(e.target, a)) return;
-			if ((n = N?.value) == null || n.$el.classList.add(Bm), k.value = !0, Dm(N.value?.$el, { transition: "none" }), Dm(w.value?.$el, { transition: "none" }), F.value && R({ draggedDistance: i }), a && !F.value) {
-				let e = Am(i), t = Math.min(e * -1, 0) * r;
-				Dm(N.value?.$el, { transform: jm(g.value) ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)` });
+			if ((n = N?.value) == null || n.$el.classList.add(Hm), k.value = !0, km(N.value?.$el, { transition: "none" }), km(w.value?.$el, { transition: "none" }), F.value && R({ draggedDistance: i }), a && !F.value) {
+				let e = Mm(i), t = Math.min(e * -1, 0) * r;
+				km(N.value?.$el, { transform: Nm(g.value) ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)` });
 				return;
 			}
 			let p = 1 - d;
-			if ((re.value || h.value && L.value === h.value - 1) && (t(d), Dm(w.value?.$el, {
+			if ((re.value || h.value && L.value === h.value - 1) && (t(d), km(w.value?.$el, {
 				opacity: `${p}`,
 				transition: "none"
 			}, !0)), l && w.value && u.value) {
 				let e = Math.min(V() + d * (1 - V()), 1), t = 8 - d * 8, n = Math.max(0, 14 - d * 14);
-				Dm(l, {
+				km(l, {
 					borderRadius: `${t}px`,
-					transform: jm(g.value) ? `scale(${e}) translate3d(0, ${n}px, 0)` : `scale(${e}) translate3d(${n}px, 0, 0)`,
+					transform: Nm(g.value) ? `scale(${e}) translate3d(0, ${n}px, 0)` : `scale(${e}) translate3d(${n}px, 0, 0)`,
 					transition: "none"
 				}, !0);
 			}
 			if (!F.value) {
 				let e = c * r;
-				Dm(N.value?.$el, { transform: jm(g.value) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)` });
+				km(N.value?.$el, { transform: Nm(g.value) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)` });
 			}
 		}
 	}
 	function W() {
 		if (!N.value) return;
-		let e = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]"), t = km(N.value.$el, g.value);
-		Dm(N.value.$el, {
+		let e = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]"), t = jm(N.value.$el, g.value);
+		km(N.value.$el, {
 			transform: "translate3d(0, 0, 0)",
-			transition: `transform ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`
-		}), Dm(w.value?.$el, {
-			transition: `opacity ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`,
+			transition: `transform ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`
+		}), km(w.value?.$el, {
+			transition: `opacity ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`,
 			opacity: "1"
-		}), u.value && t && t > 0 && b.value && Dm(e, {
-			borderRadius: `${Lm}px`,
+		}), u.value && t && t > 0 && b.value && km(e, {
+			borderRadius: `${zm}px`,
 			overflow: "hidden",
-			...jm(g.value) ? {
+			...Nm(g.value) ? {
 				transform: `scale(${V()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
 				transformOrigin: "top"
 			} : {
@@ -13065,19 +13088,19 @@ function Km(e) {
 				transformOrigin: "left"
 			},
 			transitionProperty: "transform, border-radius",
-			transitionDuration: `${Nm.DURATION}s`,
-			transitionTimingFunction: `cubic-bezier(${Nm.EASE.join(",")})`
+			transitionDuration: `${Fm.DURATION}s`,
+			transitionTimingFunction: `cubic-bezier(${Fm.EASE.join(",")})`
 		}, !0);
 	}
 	function G(e) {
 		N.value && (r(), e || (b.value = !1), window.setTimeout(() => {
 			F.value && (m.value = F.value[0]);
-		}, Nm.DURATION * 1e3));
+		}, Fm.DURATION * 1e3));
 	}
 	be(() => {
-		if (!b.value && u.value && bm) {
+		if (!b.value && u.value && Sm) {
 			let e = setTimeout(() => {
-				Om(document.body);
+				Am(document.body);
 			}, 200);
 			return () => clearTimeout(e);
 		}
@@ -13086,10 +13109,10 @@ function Km(e) {
 	});
 	function oe(e) {
 		if (!S.value || !N.value) return;
-		N.value.$el.classList.remove(Bm), k.value = !1, S.value = !1, D.value = /* @__PURE__ */ new Date();
-		let t = km(N.value.$el, g.value);
+		N.value.$el.classList.remove(Hm), k.value = !1, S.value = !1, D.value = /* @__PURE__ */ new Date();
+		let t = jm(N.value.$el, g.value);
 		if (!H(e.target, !1) || !t || Number.isNaN(t) || E.value === null) return;
-		let r = D.value.getTime() - E.value.getTime(), i = j.value - (jm(g.value) ? e.clientY : e.clientX), a = Math.abs(i) / r;
+		let r = D.value.getTime() - E.value.getTime(), i = j.value - (Nm(g.value) ? e.clientY : e.clientX), a = Math.abs(i) / r;
 		if (a > .05 && (C.value = !0, window.setTimeout(() => {
 			C.value = !1;
 		}, 200)), F.value) {
@@ -13105,7 +13128,7 @@ function Km(e) {
 			W(), n(!0);
 			return;
 		}
-		if (a > Pm) {
+		if (a > Im) {
 			G(), n(!1);
 			return;
 		}
@@ -13120,31 +13143,31 @@ function Km(e) {
 	}, { immediate: !0 });
 	function se(e) {
 		var t;
-		let n = e ? (window.innerWidth - Rm) / window.innerWidth : 1, r = e ? -16 : 0;
-		A.value && window.clearTimeout(A.value), Dm(N.value?.$el, {
-			transition: `transform ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`,
+		let n = e ? (window.innerWidth - Bm) / window.innerWidth : 1, r = e ? -16 : 0;
+		A.value && window.clearTimeout(A.value), km(N.value?.$el, {
+			transition: `transform ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`,
 			transform: `scale(${n}) translate3d(0, ${r}px, 0)`
 		}), !e && (t = N.value) != null && t.$el && (A.value = window.setTimeout(() => {
-			let e = km(N.value?.$el, g.value);
-			Dm(N.value?.$el, {
+			let e = jm(N.value?.$el, g.value);
+			km(N.value?.$el, {
 				transition: "none",
-				transform: jm(g.value) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)`
+				transform: Nm(g.value) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)`
 			});
 		}, 500));
 	}
 	function ce(e) {
 		if (e < 0) return;
-		let t = jm(g.value) ? window.innerHeight : window.innerWidth, n = (t - Rm) / t, r = n + e * (1 - n), i = -16 + e * Rm;
-		Dm(N.value?.$el, {
-			transform: jm(g.value) ? `scale(${r}) translate3d(0, ${i}px, 0)` : `scale(${r}) translate3d(${i}px, 0, 0)`,
+		let t = Nm(g.value) ? window.innerHeight : window.innerWidth, n = (t - Bm) / t, r = n + e * (1 - n), i = -16 + e * Bm;
+		km(N.value?.$el, {
+			transform: Nm(g.value) ? `scale(${r}) translate3d(0, ${i}px, 0)` : `scale(${r}) translate3d(${i}px, 0, 0)`,
 			transition: "none"
 		});
 	}
 	function le(e) {
-		let t = jm(g.value) ? window.innerHeight : window.innerWidth, n = e ? (t - Rm) / t : 1, r = e ? -16 : 0;
-		e && Dm(N.value?.$el, {
-			transition: `transform ${Nm.DURATION}s cubic-bezier(${Nm.EASE.join(",")})`,
-			transform: jm(g.value) ? `scale(${n}) translate3d(0, ${r}px, 0)` : `scale(${n}) translate3d(${r}px, 0, 0)`
+		let t = Nm(g.value) ? window.innerHeight : window.innerWidth, n = e ? (t - Bm) / t : 1, r = e ? -16 : 0;
+		e && km(N.value?.$el, {
+			transition: `transform ${Fm.DURATION}s cubic-bezier(${Fm.EASE.join(",")})`,
+			transform: Nm(g.value) ? `scale(${n}) translate3d(0, ${r}px, 0)` : `scale(${n}) translate3d(${r}px, 0, 0)`
 		});
 	}
 	return {
@@ -13187,11 +13210,11 @@ function Km(e) {
 		noBodyStyles: _
 	};
 }
-var qm = /* @__PURE__ */ v({
+var Ym = /* @__PURE__ */ v({
 	__name: "DrawerRoot",
 	props: {
 		activeSnapPoint: { default: void 0 },
-		closeThreshold: { default: Fm },
+		closeThreshold: { default: Lm },
 		shouldScaleBackground: {
 			type: Boolean,
 			default: void 0
@@ -13200,7 +13223,7 @@ var qm = /* @__PURE__ */ v({
 			type: Boolean,
 			default: !0
 		},
-		scrollLockTimeout: { default: Im },
+		scrollLockTimeout: { default: Rm },
 		fixed: {
 			type: Boolean,
 			default: void 0
@@ -13246,19 +13269,19 @@ var qm = /* @__PURE__ */ v({
 	setup(e, { expose: t, emit: n }) {
 		let r = e, i = n;
 		me();
-		let a = c(() => r.fadeFromIndex ?? (r.snapPoints && r.snapPoints.length - 1)), o = Cm(r, "open", i, {
+		let a = c(() => r.fadeFromIndex ?? (r.snapPoints && r.snapPoints.length - 1)), o = Tm(r, "open", i, {
 			defaultValue: r.defaultOpen,
 			passive: r.open === void 0
-		}), s = Cm(r, "activeSnapPoint", i, { passive: r.activeSnapPoint === void 0 }), u = {
+		}), s = Tm(r, "activeSnapPoint", i, { passive: r.activeSnapPoint === void 0 }), u = {
 			emitDrag: (e) => i("drag", e),
 			emitRelease: (e) => i("release", e),
 			emitClose: () => i("close"),
 			emitOpenChange: (e) => {
 				i("update:open", e), setTimeout(() => {
 					i("animationEnd", e);
-				}, Nm.DURATION * 1e3);
+				}, Fm.DURATION * 1e3);
 			}
-		}, { closeDrawer: d, hasBeenOpened: f, modal: p, isOpen: m } = Tm(Km({
+		}, { closeDrawer: d, hasBeenOpened: f, modal: p, isOpen: m } = Dm(Jm({
 			...u,
 			...le(r),
 			activeSnapPoint: s,
@@ -13272,7 +13295,7 @@ var qm = /* @__PURE__ */ v({
 			}
 			m.value = e, e ? f.value = !0 : d();
 		}
-		return t({ open: m }), (e, t) => (R(), l(q(hp), {
+		return t({ open: m }), (e, t) => (R(), l(q(_p), {
 			open: q(m),
 			modal: q(p),
 			"onUpdate:open": h
@@ -13281,7 +13304,7 @@ var qm = /* @__PURE__ */ v({
 			_: 3
 		}, 8, ["open", "modal"]));
 	}
-}), Jm = /* @__PURE__ */ v({
+}), Xm = /* @__PURE__ */ v({
 	__name: "DrawerRootNested",
 	props: {
 		activeSnapPoint: {},
@@ -13311,7 +13334,7 @@ var qm = /* @__PURE__ */ v({
 		"animationEnd"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { onNestedDrag: i, onNestedOpenChange: a, onNestedRelease: o } = wm();
+		let n = e, r = t, { onNestedDrag: i, onNestedOpenChange: a, onNestedRelease: o } = Em();
 		function s() {
 			a(!1);
 		}
@@ -13321,8 +13344,8 @@ var qm = /* @__PURE__ */ v({
 		function u(e) {
 			e && a(e), r("update:open", e);
 		}
-		let d = fp(n, r);
-		return (e, t) => (R(), l(qm, A(q(d), {
+		let d = mp(n, r);
+		return (e, t) => (R(), l(Ym, A(q(d), {
 			nested: "",
 			onClose: s,
 			onDrag: c,
@@ -13333,11 +13356,11 @@ var qm = /* @__PURE__ */ v({
 			_: 3
 		}, 16, ["onRelease"]));
 	}
-}), Ym = /* @__PURE__ */ v({
+}), Zm = /* @__PURE__ */ v({
 	__name: "DrawerOverlay",
 	setup(e) {
-		let { overlayRef: t, hasSnapPoints: n, isOpen: r, shouldFade: i } = wm();
-		return (e, a) => (R(), l(q(_m), {
+		let { overlayRef: t, hasSnapPoints: n, isOpen: r, shouldFade: i } = Em();
+		return (e, a) => (R(), l(q(ym), {
 			ref_key: "overlayRef",
 			ref: t,
 			"data-vaul-overlay": "",
@@ -13346,40 +13369,40 @@ var qm = /* @__PURE__ */ v({
 		}, null, 8, ["data-vaul-snap-points", "data-vaul-snap-points-overlay"]));
 	}
 });
-function Xm() {
-	let { direction: e, isOpen: t, shouldScaleBackground: n, setBackgroundColorOnScale: r, noBodyStyles: i } = wm(), a = B(null), o = B(document.body.style.backgroundColor);
+function Qm() {
+	let { direction: e, isOpen: t, shouldScaleBackground: n, setBackgroundColorOnScale: r, noBodyStyles: i } = Em(), a = B(null), o = B(document.body.style.backgroundColor);
 	function s() {
-		return (window.innerWidth - zm) / window.innerWidth;
+		return (window.innerWidth - Vm) / window.innerWidth;
 	}
 	be((c) => {
 		if (t.value && n.value) {
 			a.value && clearTimeout(a.value);
 			let t = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
 			if (!t) return;
-			r.value && !i.value && Mm(document.body, { background: "black" }), Mm(t, {
-				transformOrigin: jm(e.value) ? "top" : "left",
+			r.value && !i.value && Pm(document.body, { background: "black" }), Pm(t, {
+				transformOrigin: Nm(e.value) ? "top" : "left",
 				transitionProperty: "transform, border-radius",
-				transitionDuration: `${Nm.DURATION}s`,
-				transitionTimingFunction: `cubic-bezier(${Nm.EASE.join(",")})`
+				transitionDuration: `${Fm.DURATION}s`,
+				transitionTimingFunction: `cubic-bezier(${Fm.EASE.join(",")})`
 			});
-			let n = Mm(t, {
-				borderRadius: `${Lm}px`,
+			let n = Pm(t, {
+				borderRadius: `${zm}px`,
 				overflow: "hidden",
-				...jm(e.value) ? { transform: `scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)` } : { transform: `scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)` }
+				...Nm(e.value) ? { transform: `scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)` } : { transform: `scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)` }
 			});
 			c(() => {
 				n(), a.value = window.setTimeout(() => {
 					o.value ? document.body.style.background = o.value : document.body.style.removeProperty("background");
-				}, Nm.DURATION * 1e3);
+				}, Fm.DURATION * 1e3);
 			});
 		}
 	}, { flush: "pre" });
 }
-var Zm = /* @__PURE__ */ v({
+var $m = /* @__PURE__ */ v({
 	__name: "DrawerContent",
 	setup(e) {
-		let { open: t, isOpen: n, snapPointsOffset: r, hasSnapPoints: i, drawerRef: a, onPress: o, onDrag: s, onRelease: u, modal: d, emitOpenChange: f, dismissible: p, keyboardIsOpen: m, closeDrawer: h, direction: g, handleOnly: _ } = wm();
-		Xm();
+		let { open: t, isOpen: n, snapPointsOffset: r, hasSnapPoints: i, drawerRef: a, onPress: o, onDrag: s, onRelease: u, modal: d, emitOpenChange: f, dismissible: p, keyboardIsOpen: m, closeDrawer: h, direction: g, handleOnly: _ } = Em();
+		Qm();
 		let v = B(!1), y = c(() => r.value && r.value.length > 0 ? `${r.value[0]}px` : "0");
 		function b(e) {
 			if (!d.value || e.defaultPrevented) {
@@ -13398,7 +13421,7 @@ var Zm = /* @__PURE__ */ v({
 			i.value && window.requestAnimationFrame(() => {
 				v.value = !0;
 			});
-		}), (e, t) => (R(), l(q(sm), {
+		}), (e, t) => (R(), l(q(lm), {
 			ref_key: "drawerRef",
 			ref: a,
 			"data-vaul-drawer": "",
@@ -13425,10 +13448,10 @@ var Zm = /* @__PURE__ */ v({
 			"onPointerup"
 		]));
 	}
-}), Qm = {
+}), eh = {
 	key: 0,
 	class: "vui-drawer-header"
-}, $m = "var(--vui-drawer-top-offset, 28px)", eh = /* @__PURE__ */ v({
+}, th = "var(--vui-drawer-top-offset, 28px)", nh = /* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Drawer",
 	props: {
@@ -13482,9 +13505,9 @@ var Zm = /* @__PURE__ */ v({
 			t && e.rootProps?.snapPoints?.length && e.activeSnapPoint === void 0 && e.rootProps.activeSnapPoint === void 0 && (o.value = e.rootProps.snapPoints[0]), !t && n && e.rootProps?.snapPoints?.length && (f.value = !0, m && clearTimeout(m), m = setTimeout(() => f.value = !1, 600));
 		});
 		let v = c(() => {
-			if (!a.value) return `calc(95dvh - ${$m})`;
+			if (!a.value) return `calc(95dvh - ${th})`;
 			let t = o.value ?? e.rootProps?.snapPoints?.[0];
-			return t == null ? `calc(100dvh - ${$m})` : typeof t == "number" ? `calc(${t * 100}dvh - ${$m})` : typeof t == "string" && t.endsWith("px") ? `calc(${t} - ${$m})` : `calc(100dvh - ${$m})`;
+			return t == null ? `calc(100dvh - ${th})` : typeof t == "number" ? `calc(${t * 100}dvh - ${th})` : typeof t == "string" && t.endsWith("px") ? `calc(${t} - ${th})` : `calc(100dvh - ${th})`;
 		});
 		function y(t) {
 			f.value && !s.value && t === (e.rootProps?.snapPoints?.[0] ?? null) || (o.value = t ?? null, n("update:activeSnapPoint", t));
@@ -13495,17 +13518,17 @@ var Zm = /* @__PURE__ */ v({
 		let { layerIndex: b, openLayer: x, closeLayer: C } = qd();
 		return be(() => {
 			e.open ? x() : C();
-		}), (t, o) => (R(), l(U(e.nested ? q(Jm) : q(qm)), A({ open: e.open }, _.value, {
+		}), (t, o) => (R(), l(U(e.nested ? q(Xm) : q(Ym)), A({ open: e.open }, _.value, {
 			"aria-describedby": q(i),
 			onClose: o[0] ||= (e) => n("close"),
 			"onUpdate:open": o[1] ||= (e) => e === !1 && n("close"),
 			"onUpdate:activeSnapPoint": y
 		}), {
-			default: X(() => [g(q(ym), N(S(e.portalProps)), {
-				default: X(() => [e.overlay ? (R(), l(q(Ym), {
+			default: X(() => [g(q(xm), N(S(e.portalProps)), {
+				default: X(() => [e.overlay ? (R(), l(q(Zm), {
 					key: 0,
 					class: "vui-drawer-overlay"
-				})) : u("", !0), g(q(Zm), A({ class: ["vui-drawer-content", {
+				})) : u("", !0), g(q($m), A({ class: ["vui-drawer-content", {
 					"hide-handle": e.handle === !1,
 					"has-snap-points": a.value
 				}] }, q(r), {
@@ -13518,14 +13541,14 @@ var Zm = /* @__PURE__ */ v({
 						style: P([{ "max-height": v.value }]),
 						"data-vaul-no-drag": ""
 					}, [
-						g(q(vm), {
+						g(q(bm), {
 							class: "visually-hidden",
 							name: q(i)
 						}, {
 							default: X(() => [h(G(e.title), 1)]),
 							_: 1
 						}, 8, ["name"]),
-						t.$slots.header ? (R(), d("div", Qm, [H(t.$slots, "header")])) : u("", !0),
+						t.$slots.header ? (R(), d("div", eh, [H(t.$slots, "header")])) : u("", !0),
 						H(t.$slots, "default")
 					], 6))]),
 					_: 3
@@ -13535,7 +13558,7 @@ var Zm = /* @__PURE__ */ v({
 			_: 3
 		}, 16, ["open", "aria-describedby"]));
 	}
-}), th = ["aria-expanded"], nh = /* @__PURE__ */ v({
+}), rh = ["aria-expanded"], ih = /* @__PURE__ */ v({
 	__name: "Dropdown",
 	props: {
 		placement: { default: "bottom-start" },
@@ -13594,7 +13617,7 @@ var Zm = /* @__PURE__ */ v({
 			isOpen: u.value,
 			close: m,
 			toggle: h
-		})], 40, th), q(zd).s && !e.noMobileDrawer ? (R(), l(eh, {
+		})], 40, rh), q(zd).s && !e.noMobileDrawer ? (R(), l(nh, {
 			key: 0,
 			open: u.value,
 			onClose: m,
@@ -13638,13 +13661,13 @@ var Zm = /* @__PURE__ */ v({
 			"transition-name"
 		]))], 64));
 	}
-}), rh = ["disabled"], ih = { class: "vui-dropdown-item-icon" }, ah = { class: "vui-dropdown-item-slot" }, oh = {
+}), ah = ["disabled"], oh = { class: "vui-dropdown-item-icon" }, sh = { class: "vui-dropdown-item-slot" }, ch = {
 	key: 0,
 	class: "vui-dropdown-item-hint"
-}, sh = {
+}, lh = {
 	key: 1,
 	class: "vui-dropdown-item-icon-end"
-}, ch = /* @__PURE__ */ v({
+}, uh = /* @__PURE__ */ v({
 	__name: "DropdownItem",
 	props: {
 		disabled: { type: Boolean },
@@ -13659,22 +13682,22 @@ var Zm = /* @__PURE__ */ v({
 			}]),
 			disabled: t.disabled
 		}, [
-			f("div", ih, [H(e.$slots, "icon")]),
-			f("div", ah, [H(e.$slots, "default")]),
-			e.$slots.hint ? (R(), d("div", oh, [H(e.$slots, "hint")])) : u("", !0),
-			e.$slots.iconEnd ? (R(), d("div", sh, [H(e.$slots, "iconEnd")])) : u("", !0)
-		], 10, rh));
+			f("div", oh, [H(e.$slots, "icon")]),
+			f("div", sh, [H(e.$slots, "default")]),
+			e.$slots.hint ? (R(), d("div", ch, [H(e.$slots, "hint")])) : u("", !0),
+			e.$slots.iconEnd ? (R(), d("div", lh, [H(e.$slots, "iconEnd")])) : u("", !0)
+		], 10, ah));
 	}
-}), lh = {
+}), dh = {
 	key: 0,
 	class: "vui-dropdown-title-end"
-}, uh = /* @__PURE__ */ v({
+}, fh = /* @__PURE__ */ v({
 	__name: "DropdownTitle",
 	props: { sticky: { type: Boolean } },
 	setup(e) {
-		return (t, n) => (R(), d("div", { class: M(["vui-dropdown-title", { sticky: e.sticky }]) }, [H(t.$slots, "default"), t.$slots.end ? (R(), d("div", lh, [H(t.$slots, "end")])) : u("", !0)], 2));
+		return (t, n) => (R(), d("div", { class: M(["vui-dropdown-title", { sticky: e.sticky }]) }, [H(t.$slots, "default"), t.$slots.end ? (R(), d("div", dh, [H(t.$slots, "end")])) : u("", !0)], 2));
 	}
-}), dh = /* @__PURE__ */ v({
+}), ph = /* @__PURE__ */ v({
 	__name: "Grid",
 	props: {
 		inline: { type: Boolean },
@@ -13727,7 +13750,7 @@ var Zm = /* @__PURE__ */ v({
 			})
 		}, [H(e.$slots, "default")], 4));
 	}
-}), fh = /* @__PURE__ */ v({
+}), mh = /* @__PURE__ */ v({
 	__name: "Indicator",
 	props: {
 		variant: {},
@@ -13763,11 +13786,11 @@ var Zm = /* @__PURE__ */ v({
 			})
 		}, [H(e.$slots, "default")], 6));
 	}
-}), ph = /^#[0-9A-F]{0,6}$/i, mh = /^r(g(b(\(\s*(\d{1,3}(\s*,\s*(\d{1,3}(\s*,\s*(\d{1,3}\s*\)?)?)?)?)?)?)?)?)?$/;
-function hh(e) {
+}), hh = /^#[0-9A-F]{0,6}$/i, gh = /^r(g(b(\(\s*(\d{1,3}(\s*,\s*(\d{1,3}(\s*,\s*(\d{1,3}\s*\)?)?)?)?)?)?)?)?)?$/;
+function _h(e) {
 	return `rgb(${Number.parseInt(e.slice(1, 3), 16)}, ${Number.parseInt(e.slice(3, 5), 16)}, ${Number.parseInt(e.slice(5, 7), 16)})`;
 }
-function gh(e, t = "#000000") {
+function vh(e, t = "#000000") {
 	if (!e) return t;
 	if (e.startsWith("#")) return e.length === 7 ? e : t;
 	let n = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
@@ -13775,10 +13798,10 @@ function gh(e, t = "#000000") {
 }
 //#endregion
 //#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
-var _h = { class: "vui-input" }, vh = ["for"], yh = {
+var yh = { class: "vui-input" }, bh = ["for"], xh = {
 	key: 1,
 	class: "vui-input-hint"
-}, bh = [
+}, Sh = [
 	"id",
 	"readonly",
 	"type",
@@ -13789,13 +13812,13 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 	"multiple",
 	"min",
 	"disabled"
-], xh = {
+], Ch = {
 	key: 0,
 	class: "vui-input-limit"
-}, Sh = {
+}, wh = {
 	key: 1,
 	class: "vui-input-errors"
-}, Ch = /* @__PURE__ */ v({
+}, Th = /* @__PURE__ */ v({
 	__name: "Input",
 	props: /* @__PURE__ */ k({
 		type: { default: "text" },
@@ -13840,12 +13863,12 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			"has-errors": e.errors.length > 0
 		}]) }, [
 			H(t.$slots, "before"),
-			f("div", _h, [
+			f("div", yh, [
 				e.label ? (R(), d("label", {
 					key: 0,
 					for: q(i)
-				}, G(e.label), 9, vh)) : u("", !0),
-				e.hint ? (R(), d("p", yh, G(e.hint), 1)) : u("", !0),
+				}, G(e.label), 9, bh)) : u("", !0),
+				e.hint ? (R(), d("p", xh, G(e.hint), 1)) : u("", !0),
 				g(sr, {
 					class: "vui-input-style",
 					gap: 5,
@@ -13869,18 +13892,18 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 							multiple: e.multiple,
 							min: e.min,
 							disabled: e.disabled
-						}, null, 8, bh)), [[ge, r.value]]),
+						}, null, 8, Sh)), [[ge, r.value]]),
 						H(t.$slots, "end")
 					]),
 					_: 3
 				})
 			]),
-			e.limit ? (R(), d("p", xh, G(o.value), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", Sh, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0),
+			e.limit ? (R(), d("p", Ch, G(o.value), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", wh, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0),
 			H(t.$slots, "after")
 		], 2));
 	}
-}), wh = ["id"], Th = ["for"], Eh = ["value", "placeholder"], Dh = /* @__PURE__ */ v({
+}), Eh = ["id"], Dh = ["for"], Oh = ["value", "placeholder"], kh = /* @__PURE__ */ v({
 	__name: "Color",
 	props: /* @__PURE__ */ k({
 		type: {},
@@ -13907,21 +13930,21 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 	setup(e) {
 		let t = e, n = ue(), r = fe(), [i, a] = pe(e, "modelValue"), o = c({
 			get() {
-				return gh(i.value ?? "", Cd.value === "dark" ? "#ffffff" : "#000000");
+				return vh(i.value ?? "", Cd.value === "dark" ? "#ffffff" : "#000000");
 			},
 			set(e) {
-				i.value = a.rgb ? hh(e) : e;
+				i.value = a.rgb ? _h(e) : e;
 			}
 		});
 		function s(e) {
 			let t = e.target, n = t.value;
-			if (n && (a.rgb ? !mh.test(n) : !ph.test(n))) {
+			if (n && (a.rgb ? !gh.test(n) : !hh.test(n))) {
 				t.value = i.value ?? "";
 				return;
 			}
 			i.value = n;
 		}
-		return (e, a) => (R(), l(Ch, A({
+		return (e, a) => (R(), l(Th, A({
 			...q(n),
 			...t
 		}, {
@@ -13933,7 +13956,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 				"onUpdate:modelValue": a[0] ||= (e) => o.value = e,
 				type: "color",
 				tabindex: "0"
-			}, null, 8, wh), [[ve, o.value]]), f("label", { for: q(r) }, [f("div", {
+			}, null, 8, Eh), [[ve, o.value]]), f("label", { for: q(r) }, [f("div", {
 				class: "vui-input-color-indicator",
 				style: P({ backgroundColor: q(i) })
 			}, [q(i) ? u("", !0) : (R(), l(q(tt), { key: 0 }))], 4), f("input", {
@@ -13941,11 +13964,11 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 				type: "text",
 				placeholder: t.placeholder,
 				onInput: s
-			}, null, 40, Eh)], 8, Th)]),
+			}, null, 40, Oh)], 8, Dh)]),
 			_: 1
 		}, 16));
 	}
-}), Oh = /* @__PURE__ */ Zd(/* @__PURE__ */ v({
+}), Ah = /* @__PURE__ */ Zd(/* @__PURE__ */ v({
 	__name: "Counter",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -13995,7 +14018,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			"decrementEnabled",
 			"hideDecrement"
 		]), n = pe(e, "modelValue");
-		return (r, i) => (R(), l(Ch, A(t, {
+		return (r, i) => (R(), l(Th, A(t, {
 			modelValue: n.value,
 			"onUpdate:modelValue": i[2] ||= (e) => n.value = e,
 			modelModifiers: { number: !0 },
@@ -14026,7 +14049,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			_: 1
 		}, 16, ["modelValue"]));
 	}
-}), [["__scopeId", "data-v-5059e818"]]), kh = ["id"], Ah = ["for"], jh = /* @__PURE__ */ v({
+}), [["__scopeId", "data-v-5059e818"]]), jh = ["id"], Mh = ["for"], Nh = /* @__PURE__ */ v({
 	__name: "Dropzone",
 	props: {
 		label: {},
@@ -14052,7 +14075,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 		let s = J("dropzone");
 		return L(() => {
 			Z(s, "dragenter", o, !1), Z(s, "dragleave", o, !1), Z(s, "dragover", o, !1), Z(s, "drop", o, !1), Z(s, "input", (e) => o(e, !0), !1);
-		}), (e, t) => (R(), l(Ch, A(r, {
+		}), (e, t) => (R(), l(Th, A(r, {
 			ref: "dropzone",
 			type: "file",
 			class: ["vui-dropzone", { dragging: a.value }],
@@ -14062,18 +14085,18 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			__internal_replace_input: X(({ inputId: r }) => [f("input", {
 				id: r,
 				type: "file"
-			}, null, 8, kh), f("label", { for: r }, [H(e.$slots, "default", { dragging: a.value }, () => [g(sr, {
+			}, null, 8, jh), f("label", { for: r }, [H(e.$slots, "default", { dragging: a.value }, () => [g(sr, {
 				"x-center": "",
 				gap: "xs",
 				"y-center": ""
 			}, {
 				default: X(() => [a.value ? (R(), d(n, { key: 0 }, [g(q(ct)), t[2] ||= h(" Drop it ", -1)], 64)) : (R(), d(n, { key: 1 }, [g(q(Xe)), t[3] ||= h(" Click or drag files over here ", -1)], 64))]),
 				_: 1
-			})])], 8, Ah)]),
+			})])], 8, Mh)]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Mh = /* @__PURE__ */ v({
+}), Ph = /* @__PURE__ */ v({
 	__name: "File",
 	props: {
 		label: {},
@@ -14095,9 +14118,9 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 	emits: ["files"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (R(), l(Ch, A({ type: "file" }, n, { onInput: t[0] ||= (e) => r("files", e.target.files) }), null, 16));
+		return (e, t) => (R(), l(Th, A({ type: "file" }, n, { onInput: t[0] ||= (e) => r("files", e.target.files) }), null, 16));
 	}
-}), Nh = /* @__PURE__ */ v({
+}), Fh = /* @__PURE__ */ v({
 	__name: "Password",
 	props: {
 		label: {},
@@ -14122,7 +14145,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 	},
 	setup(e) {
 		let t = p(e, ["showPassword", "type"]), n = B(e.showPassword);
-		return (e, r) => (R(), l(Ch, A(t, {
+		return (e, r) => (R(), l(Th, A(t, {
 			type: n.value ? "text" : "password",
 			autocomplete: "off"
 		}), {
@@ -14146,10 +14169,10 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			_: 1
 		}, 16, ["type"]));
 	}
-}), Ph = { class: "vui-input" }, Fh = ["for"], Ih = {
+}), Ih = { class: "vui-input" }, Lh = ["for"], Rh = {
 	key: 1,
 	class: "vui-input-hint"
-}, Lh = [
+}, zh = [
 	"id",
 	"readonly",
 	"placeholder",
@@ -14158,13 +14181,13 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 	"max",
 	"rows",
 	"cols"
-], Rh = {
+], Bh = {
 	key: 0,
 	class: "vui-input-limit"
-}, zh = {
+}, Vh = {
 	key: 1,
 	class: "vui-input-errors"
-}, Bh = /* @__PURE__ */ v({
+}, Hh = /* @__PURE__ */ v({
 	__name: "Textarea",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -14213,12 +14236,12 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			disabled: e.disabled
 		}]) }, [
 			H(t.$slots, "before"),
-			f("div", Ph, [
+			f("div", Ih, [
 				e.label ? (R(), d("label", {
 					key: 0,
 					for: q(i)
-				}, G(e.label), 9, Fh)) : u("", !0),
-				e.hint ? (R(), d("p", Ih, G(e.hint), 1)) : u("", !0),
+				}, G(e.label), 9, Lh)) : u("", !0),
+				e.hint ? (R(), d("p", Rh, G(e.hint), 1)) : u("", !0),
 				Se(f("textarea", {
 					id: q(i),
 					ref: "textarea",
@@ -14235,24 +14258,24 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 						resize: a.value,
 						...e.cols ? { width: `${e.cols + 1}ch` } : {}
 					})
-				}, null, 12, Lh), [[ve, r.value]])
+				}, null, 12, zh), [[ve, r.value]])
 			]),
-			e.limit ? (R(), d("p", Rh, G(`${r.value.length}/${e.limit}`), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", zh, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0),
+			e.limit ? (R(), d("p", Bh, G(`${r.value.length}/${e.limit}`), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", Vh, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0),
 			H(t.$slots, "after")
 		], 2));
 	}
-}), Vh = /* @__PURE__ */ v({
+}), Uh = /* @__PURE__ */ v({
 	__name: "KbdGroup",
 	emits: ["trigger"],
 	setup(e, { emit: t }) {
 		let n = t, r = me(), i = bn(), a = kn(r.default);
 		return jn(a, "Kbd"), Vt(i[a.value.map((e) => e.props.keys).join("+")], () => n("trigger")), (e, t) => H(e.$slots, "default");
 	}
-}), Hh = { class: "marquee-wrap" }, Uh = { class: "marquee-content" }, Wh = {
+}), Wh = { class: "marquee-wrap" }, Gh = { class: "marquee-content" }, Kh = {
 	class: "marquee-content",
 	"aria-hidden": "true"
-}, Gh = /* @__PURE__ */ v({
+}, qh = /* @__PURE__ */ v({
 	__name: "Marquee",
 	props: {
 		direction: { default: "right" },
@@ -14266,7 +14289,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			t && (n.value = t.target.scrollWidth / 2);
 		});
 		let r = c(() => n.value > 0 ? n.value / e.speed : 0), i = c(() => !e.stagger || n.value === 0 ? "linear" : `steps(${Math.max(1, Math.round(n.value / 50))}, end)`);
-		return (a, o) => (R(), d("div", Hh, [f("div", {
+		return (a, o) => (R(), d("div", Wh, [f("div", {
 			ref_key: "trackRef",
 			ref: t,
 			class: "marquee-track",
@@ -14276,9 +14299,9 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 				animationTimingFunction: i.value,
 				visibility: n.value > 0 ? "visible" : "hidden"
 			})
-		}, [f("div", Uh, [H(a.$slots, "default")]), f("div", Wh, [H(a.$slots, "default")])], 4)]));
+		}, [f("div", Gh, [H(a.$slots, "default")]), f("div", Kh, [H(a.$slots, "default")])], 4)]));
 	}
-}), Kh = Symbol("menubar"), qh = /* @__PURE__ */ v({
+}), Jh = Symbol("menubar"), Yh = /* @__PURE__ */ v({
 	__name: "Menubar",
 	props: {
 		inline: { type: Boolean },
@@ -14314,7 +14337,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 		function o() {
 			n.value = null;
 		}
-		return re(Kh, {
+		return re(Jh, {
 			openIndex: n,
 			register: i,
 			open: a,
@@ -14324,10 +14347,10 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			_: 3
 		}, 16));
 	}
-}), Jh = /* @__PURE__ */ v({
+}), Xh = /* @__PURE__ */ v({
 	__name: "MenuItem",
 	setup(e) {
-		let { openIndex: t, register: r, open: i, close: a } = T(Kh), o = r(), s = J("trigger"), c = () => t.value === o;
+		let { openIndex: t, register: r, open: i, close: a } = T(Jh), o = r(), s = J("trigger"), c = () => t.value === o;
 		function l() {
 			c() ? a() : i(o);
 		}
@@ -14352,7 +14375,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			"onClickOutside"
 		])], 64));
 	}
-}), Yh = { class: "typeset" }, Xh = /* @__PURE__ */ v({
+}), Zh = { class: "typeset" }, Qh = /* @__PURE__ */ v({
 	__name: "Confirm",
 	props: {
 		title: {},
@@ -14391,7 +14414,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			open: n.open,
 			onClose: t[2] ||= (e) => r("close")
 		}), {
-			default: X(() => [f("div", Yh, [H(e.$slots, "default")])]),
+			default: X(() => [f("div", Zh, [H(e.$slots, "default")])]),
 			footer: X(() => [g(sr, { "x-end": "" }, {
 				default: X(() => [n.showCancel ? (R(), l(_r, {
 					key: 0,
@@ -14412,7 +14435,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			_: 3
 		}, 16, ["open"]));
 	}
-}), Zh = { class: "vui-otp" }, Qh = ["inputmode", "maxlength"], $h = { class: "vui-otp-items" }, eg = /* @__PURE__ */ v({
+}), $h = { class: "vui-otp" }, eg = ["inputmode", "maxlength"], tg = { class: "vui-otp-items" }, ng = /* @__PURE__ */ v({
 	__name: "OTP",
 	props: /* @__PURE__ */ k({
 		mode: { default: "both" },
@@ -14476,7 +14499,7 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			let n = e.target.value;
 			n && g(n);
 		}
-		return (t, n) => (R(), d("div", Zh, [f("input", {
+		return (t, n) => (R(), d("div", $h, [f("input", {
 			ref: "inputRef",
 			type: "text",
 			inputmode: e.mode === "num" ? "numeric" : "text",
@@ -14491,9 +14514,9 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			onPaste: v,
 			onBlur: n[0] ||= (e) => i.value = -1,
 			onFocus: n[1] ||= (e) => i.value = Math.min(r.value.length, l.value - 1)
-		}, null, 40, Qh), f("div", $h, [H(t.$slots, "default")])]));
+		}, null, 40, eg), f("div", tg, [H(t.$slots, "default")])]));
 	}
-}), tg = /* @__PURE__ */ v({
+}), rg = /* @__PURE__ */ v({
 	__name: "OTPItem",
 	props: { i: {} },
 	setup(e) {
@@ -14503,37 +14526,10 @@ var _h = { class: "vui-input" }, vh = ["for"], yh = {
 			"has-value": q(r).trim().at(t.i)
 		}]) }, [o[0] ||= f("div", { class: "blinker" }, null, -1), q(r).trim().at(t.i) ? (R(), d(n, { key: 0 }, [q(a) ? (R(), l(q(Fe), { key: 0 })) : (R(), d(n, { key: 1 }, [h(G(q(r).at(t.i)), 1)], 64))], 64)) : u("", !0)], 2));
 	}
-}), ng = { class: "overflow-track" }, rg = {
-	ref: "content",
-	class: "overflow-content"
-}, ig = /* @__PURE__ */ v({
-	__name: "Overflow",
-	props: {
-		horizontal: { type: Boolean },
-		hideScrollbar: { type: Boolean },
-		hideShadows: { type: Boolean },
-		snap: { type: Boolean }
-	},
-	setup(e) {
-		let t = J("content"), { x: n, y: r } = vn(t), i = c(() => e.horizontal && n.value > 0), a = c(() => !e.horizontal || !t.value ? !1 : n.value < t.value.scrollWidth - t.value.clientWidth - 1), o = c(() => !e.horizontal && r.value > 0), s = c(() => e.horizontal || !t.value ? !1 : r.value < t.value.scrollHeight - t.value.clientHeight - 1);
-		return (t, n) => (R(), d("div", { class: M(["overflow", {
-			"hide-scrollbar": e.hideScrollbar,
-			"hide-shadows": e.hideShadows,
-			"is-horizontal": e.horizontal,
-			"is-vertical": !e.horizontal,
-			"is-snap": e.snap
-		}]) }, [f("div", ng, [
-			f("div", { class: M(["overflow-shadow overflow-shadow-left", { visible: i.value }]) }, null, 2),
-			f("div", { class: M(["overflow-shadow overflow-shadow-right", { visible: a.value }]) }, null, 2),
-			f("div", { class: M(["overflow-shadow overflow-shadow-top", { visible: o.value }]) }, null, 2),
-			f("div", { class: M(["overflow-shadow overflow-shadow-bottom", { visible: s.value }]) }, null, 2),
-			f("div", rg, [H(t.$slots, "default")], 512)
-		])], 2));
-	}
 });
 //#endregion
 //#region src/components/Pagination/pagination.ts
-function ag(e, t = 1, n = 15, r = 3) {
+function ig(e, t = 1, n = 15, r = 3) {
 	let i = Math.ceil(e / n);
 	t < 1 ? t = 1 : t > i && (t = i);
 	let a, o;
@@ -14557,7 +14553,7 @@ function ag(e, t = 1, n = 15, r = 3) {
 }
 //#endregion
 //#region src/components/Pagination/Pagination.vue
-var og = /* @__PURE__ */ v({
+var ag = /* @__PURE__ */ v({
 	__name: "Pagination",
 	props: {
 		numbers: {
@@ -14668,7 +14664,7 @@ var og = /* @__PURE__ */ v({
 			_: 3
 		}));
 	}
-}), sg = ["aria-expanded", "aria-controls"], cg = /* @__PURE__ */ v({
+}), og = ["aria-expanded", "aria-controls"], sg = /* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "PopoutHover",
 	props: {
@@ -14710,7 +14706,7 @@ var og = /* @__PURE__ */ v({
 			onMouseleave: a[1] ||= (e) => u(!1),
 			onFocusin: a[2] ||= (e) => u(!0),
 			onFocusout: l
-		}, [H(i.$slots, "trigger")], 40, sg), g(Jd, A({
+		}, [H(i.$slots, "trigger")], 40, og), g(Jd, A({
 			id: q(o),
 			ref: "popoutRef"
 		}, {
@@ -14735,7 +14731,7 @@ var og = /* @__PURE__ */ v({
 			"leave-delay"
 		])], 64));
 	}
-}), lg = /* @__PURE__ */ v({
+}), cg = /* @__PURE__ */ v({
 	__name: "Progress",
 	props: /* @__PURE__ */ k({
 		fake: { type: Boolean },
@@ -14775,18 +14771,18 @@ var og = /* @__PURE__ */ v({
 			})
 		}, null, 4)], 2));
 	}
-}), ug = [
+}), lg = [
 	"id",
 	"value",
 	"checked",
 	"disabled"
-], dg = ["for"], fg = { class: "vui-radio-icon" }, pg = {
+], ug = ["for"], dg = { class: "vui-radio-icon" }, fg = {
 	key: 0,
 	class: "vui-radio-content"
-}, mg = {
+}, pg = {
 	key: 1,
 	class: "vui-radio-content"
-}, hg = /* @__PURE__ */ v({
+}, mg = /* @__PURE__ */ v({
 	__name: "Radio",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -14811,9 +14807,9 @@ var og = /* @__PURE__ */ v({
 			value: e.value,
 			checked: i.value,
 			disabled: e.disabled
-		}, null, 8, ug), [[_e, n.value]]), f("label", { for: q(r) }, [f("span", fg, [i.value ? (R(), l(q(rt), { key: 1 })) : (R(), l(q(Ke), { key: 0 }))]), t.default ? (R(), d("div", mg, [H(a.$slots, "default")])) : (R(), d("p", pg, G(e.label || e.value), 1))], 8, dg)], 2));
+		}, null, 8, lg), [[_e, n.value]]), f("label", { for: q(r) }, [f("span", dg, [i.value ? (R(), l(q(rt), { key: 1 })) : (R(), l(q(Ke), { key: 0 }))]), t.default ? (R(), d("div", pg, [H(a.$slots, "default")])) : (R(), d("p", fg, G(e.label || e.value), 1))], 8, ug)], 2));
 	}
-}), gg = /* @__PURE__ */ v({
+}), hg = /* @__PURE__ */ v({
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ k({
 		disabled: { type: Boolean },
@@ -14854,11 +14850,11 @@ var og = /* @__PURE__ */ v({
 			_: 1
 		}, 16)]));
 	}
-}), _g = [
+}), gg = [
 	"data-handle-index",
 	"onDblclick",
 	"onFocus"
-], vg = /* @__PURE__ */ v({
+], _g = /* @__PURE__ */ v({
 	__name: "Resizable",
 	props: {
 		vertical: { type: Boolean },
@@ -14922,9 +14918,9 @@ var og = /* @__PURE__ */ v({
 			onDblclick: (e) => C(t),
 			onFocus: (e) => o.value = t,
 			onBlur: r[0] ||= (e) => o.value = -1
-		}, null, 40, _g)) : u("", !0)], 64))), 128))], 2));
+		}, null, 40, gg)) : u("", !0)], 64))), 128))], 2));
 	}
-}), yg = ["name"], bg = /* @__PURE__ */ v({
+}), vg = ["name"], yg = /* @__PURE__ */ v({
 	__name: "Tab",
 	props: {
 		disabled: { type: Boolean },
@@ -14936,16 +14932,16 @@ var og = /* @__PURE__ */ v({
 			class: M(["vui-tab", { disabled: t.disabled }]),
 			role: "tab",
 			name: e.value
-		}, [H(n.$slots, "default", {}, () => [h(G(t.value), 1)])], 10, yg));
+		}, [H(n.$slots, "default", {}, () => [h(G(t.value), 1)])], 10, vg));
 	}
-}), xg = {
+}), bg = {
 	key: 0,
 	class: "flex-1"
-}, Sg = {
+}, xg = {
 	key: 0,
 	ref: "underline",
 	class: "vui-tab-underline"
-}, Cg = /* @__PURE__ */ v({
+}, Sg = /* @__PURE__ */ v({
 	__name: "Tabs",
 	props: /* @__PURE__ */ k({
 		variant: { default: "default" },
@@ -14991,18 +14987,18 @@ var og = /* @__PURE__ */ v({
 				class: M({ active: e.props.value === r.value }),
 				onClick: (t) => r.value = e.props.value
 			}, null, 8, ["class", "onClick"]))), 128)),
-			t.$slots.end ? (R(), d(n, { key: 0 }, [e.expand ? u("", !0) : (R(), d("div", xg)), H(t.$slots, "end")], 64)) : u("", !0),
+			t.$slots.end ? (R(), d(n, { key: 0 }, [e.expand ? u("", !0) : (R(), d("div", bg)), H(t.$slots, "end")], 64)) : u("", !0),
 			g(i, {
 				name: e.transitionName === "none" ? void 0 : e.transitionName,
 				css: e.transitionName !== "none",
 				appear: ""
 			}, {
-				default: X(() => [r.value ? (R(), d("div", Sg, null, 512)) : u("", !0)]),
+				default: X(() => [r.value ? (R(), d("div", xg, null, 512)) : u("", !0)]),
 				_: 1
 			}, 8, ["name", "css"])
 		], 2));
 	}
-}), wg = { class: "view-wrap" }, Tg = .33, Eg = /* @__PURE__ */ v({
+}), Cg = { class: "view-wrap" }, wg = .33, Tg = /* @__PURE__ */ v({
 	__name: "ViewPanel",
 	props: { panel: {} },
 	setup(e) {
@@ -15018,7 +15014,7 @@ var og = /* @__PURE__ */ v({
 			a.value = e.clientX > n.left + n.width / 2 ? t + 1 : t;
 		}
 		let m = B(0), _ = c(() => m.value > 0), { elementX: v, elementY: y, elementWidth: b, elementHeight: x } = Cn(J("contentRef"), { handleOutside: !1 }), S = c(() => {
-			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * Tg ? "left" : v.value > b.value * (1 - Tg) ? "right" : y.value < x.value * Tg ? "top" : y.value > x.value * (1 - Tg) ? "bottom" : "center";
+			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * wg ? "left" : v.value > b.value * (1 - wg) ? "right" : y.value < x.value * wg ? "top" : y.value > x.value * (1 - wg) ? "bottom" : "center";
 		}), { startDrag: C, handleDrag: w, handleSplit: E, peekDragTab: D, isDragFromPanel: O } = T("$vrp");
 		function k(e, n) {
 			C(t.panel, n);
@@ -15033,11 +15029,11 @@ var og = /* @__PURE__ */ v({
 			!n || n === "center" ? w(t.panel, t.panel.tabs.length) : E(t.panel, n), e && (r.value = e.path);
 		}
 		let N = c(() => t.panel.tabs.find((e) => e.path === r.value));
-		return (c, v) => (R(), d("div", wg, [g(Md, {
+		return (c, v) => (R(), d("div", Cg, [g(Md, {
 			padding: !1,
 			"header-separator": ""
 		}, {
-			header: X(() => [g(Cg, {
+			header: X(() => [g(Sg, {
 				modelValue: r.value,
 				"onUpdate:modelValue": v[0] ||= (e) => r.value = e,
 				variant: "filled",
@@ -15046,7 +15042,7 @@ var og = /* @__PURE__ */ v({
 				onDragover: v[3] ||= we(() => {}, ["prevent"]),
 				onDrop: v[4] ||= we((e) => A(), ["prevent"])
 			}, {
-				default: X(() => [(R(!0), d(n, null, V(e.panel.tabs, (t, n) => (R(), l(bg, {
+				default: X(() => [(R(!0), d(n, null, V(e.panel.tabs, (t, n) => (R(), l(yg, {
 					key: t.path,
 					value: t.path,
 					draggable: !0,
@@ -15082,7 +15078,7 @@ var og = /* @__PURE__ */ v({
 			_: 3
 		})]));
 	}
-}), Dg = /* @__PURE__ */ v({
+}), Eg = /* @__PURE__ */ v({
 	__name: "ResizableView",
 	props: {
 		modelValue: { default: [] },
@@ -15169,22 +15165,22 @@ var og = /* @__PURE__ */ v({
 			handleSplit: g,
 			peekDragTab: _,
 			isDragFromPanel: v
-		}), (e, r) => (R(), l(vg, {
+		}), (e, r) => (R(), l(_g, {
 			"hide-handles": "",
 			class: "vui-resizable-view"
 		}, {
-			default: X(() => [(R(!0), d(n, null, V(t.value, (t) => (R(), d(n, { key: o(t) }, [Array.isArray(t) ? (R(), l(vg, {
+			default: X(() => [(R(!0), d(n, null, V(t.value, (t) => (R(), d(n, { key: o(t) }, [Array.isArray(t) ? (R(), l(_g, {
 				key: 0,
 				"hide-handles": "",
 				class: "nested-view",
 				vertical: ""
 			}, {
-				default: X(() => [(R(!0), d(n, null, V(t, (t) => (R(), d(n, { key: o(t) }, [Array.isArray(t) ? (R(), l(vg, {
+				default: X(() => [(R(!0), d(n, null, V(t, (t) => (R(), d(n, { key: o(t) }, [Array.isArray(t) ? (R(), l(_g, {
 					key: 0,
 					"hide-handles": "",
 					class: "nested-view"
 				}, {
-					default: X(() => [(R(!0), d(n, null, V(t, (t) => (R(), l(Eg, {
+					default: X(() => [(R(!0), d(n, null, V(t, (t) => (R(), l(Tg, {
 						key: o(t),
 						panel: t
 					}, {
@@ -15192,7 +15188,7 @@ var og = /* @__PURE__ */ v({
 						_: 3
 					}, 8, ["panel"]))), 128))]),
 					_: 2
-				}, 1024)) : (R(), l(Eg, {
+				}, 1024)) : (R(), l(Tg, {
 					key: 1,
 					panel: t
 				}, {
@@ -15200,7 +15196,7 @@ var og = /* @__PURE__ */ v({
 					_: 3
 				}, 8, ["panel"]))], 64))), 128))]),
 				_: 2
-			}, 1024)) : (R(), l(Eg, {
+			}, 1024)) : (R(), l(Tg, {
 				key: 1,
 				panel: t
 			}, {
@@ -15210,23 +15206,23 @@ var og = /* @__PURE__ */ v({
 			_: 3
 		}));
 	}
-}), Og = { class: "vui-input vui-select-trigger-content" }, kg = ["for"], Ag = {
+}), Dg = { class: "vui-input vui-select-trigger-content" }, Og = ["for"], kg = {
 	key: 1,
 	class: "vui-input-hint"
-}, jg = [
+}, Ag = [
 	"id",
 	"disabled",
 	"onClick"
-], Mg = {
+], jg = {
 	key: 1,
 	class: "vue-select-no-results"
-}, Ng = {
+}, Mg = {
 	key: 0,
 	class: "vui-input-limit"
-}, Pg = {
+}, Ng = {
 	key: 1,
 	class: "vui-input-errors"
-}, Fg = /* @__PURE__ */ v({
+}, Pg = /* @__PURE__ */ v({
 	__name: "Select",
 	props: /* @__PURE__ */ k({
 		single: {
@@ -15295,19 +15291,19 @@ var og = /* @__PURE__ */ v({
 			}]),
 			style: P(t.value)
 		}, [
-			g(nh, {
+			g(ih, {
 				ref: "dropdown",
 				"max-height": e.maxHeight,
 				"transition-name": e.transitionName,
 				"no-mobile-drawer": e.noMobileDrawer,
 				onClose: m[1] ||= (e) => i.value?.focus({ preventScroll: !0 })
 			}, {
-				trigger: X(({ toggle: t, isOpen: i }) => [f("div", Og, [
+				trigger: X(({ toggle: t, isOpen: i }) => [f("div", Dg, [
 					e.label ? (R(), d("label", {
 						key: 0,
 						for: q(v)
-					}, G(e.label), 9, kg)) : u("", !0),
-					e.hint ? (R(), d("p", Ag, G(e.hint), 1)) : u("", !0),
+					}, G(e.label), 9, Og)) : u("", !0),
+					e.hint ? (R(), d("p", kg, G(e.hint), 1)) : u("", !0),
 					f("button", {
 						id: q(v),
 						ref: "trigger",
@@ -15326,14 +15322,14 @@ var og = /* @__PURE__ */ v({
 							_: 1
 						})], 64)) : u("", !0),
 						i ? (R(), l(q(He), { key: 1 })) : (R(), l(q(ze), { key: 2 }))
-					], 10, jg)
+					], 10, Ag)
 				])]),
 				default: X(({ close: t, isOpen: i }) => [
-					e.search ? (R(), l(uh, {
+					e.search ? (R(), l(fh, {
 						key: 0,
 						sticky: ""
 					}, {
-						default: X(() => [g(Ch, {
+						default: X(() => [g(Th, {
 							modelValue: o.value,
 							"onUpdate:modelValue": m[0] ||= (e) => o.value = e,
 							placeholder: "Search...",
@@ -15345,8 +15341,8 @@ var og = /* @__PURE__ */ v({
 						}, 8, ["modelValue", "focus"])]),
 						_: 2
 					}, 1024)) : u("", !0),
-					s.value.length === 0 ? (R(), d("p", Mg, " No results... ")) : u("", !0),
-					(R(!0), d(n, null, V(s.value, (n) => (R(), l(ch, {
+					s.value.length === 0 ? (R(), d("p", jg, " No results... ")) : u("", !0),
+					(R(!0), d(n, null, V(s.value, (n) => (R(), l(uh, {
 						key: n.value,
 						class: M({ selected: r.value?.find((e) => e.value === n.value) }),
 						onClick: () => {
@@ -15363,14 +15359,14 @@ var og = /* @__PURE__ */ v({
 				"transition-name",
 				"no-mobile-drawer"
 			]),
-			e.maxActiveOptions && !e.single ? (R(), d("p", Ng, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", Pg, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0)
+			e.maxActiveOptions && !e.single ? (R(), d("p", Mg, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", Ng, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0)
 		], 6));
 	}
-}), Ig = {
+}), Fg = {
 	key: 0,
 	class: "vui-sheet-shell"
-}, Lg = 16, Rg = /* @__PURE__ */ Zd(/* @__PURE__ */ v({
+}, Ig = 16, Lg = /* @__PURE__ */ Zd(/* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Sheet",
 	props: {
@@ -15408,10 +15404,10 @@ var og = /* @__PURE__ */ v({
 			if (e.position === "left" || e.position === "right") return { maxWidth: Zn(e.size) };
 		}), h = c(() => {
 			switch (e.position) {
-				case "left": return `translate(-${Lg}px, 0)`;
-				case "top": return `translate(0, -${Lg}px)`;
-				case "bottom": return `translate(0, ${Lg}px)`;
-				default: return `translate(${Lg}px, 0)`;
+				case "left": return `translate(-${Ig}px, 0)`;
+				case "top": return `translate(0, -${Ig}px)`;
+				case "bottom": return `translate(0, ${Ig}px)`;
+				default: return `translate(${Ig}px, 0)`;
 			}
 		});
 		return (t, c) => (R(), l(r, { to: "body" }, [o.value ? (R(), l(cf, {
@@ -15424,7 +15420,7 @@ var og = /* @__PURE__ */ v({
 				css: e.transitionName !== "none",
 				onAfterLeave: f
 			}, {
-				default: X(() => [e.open ? (R(), d("div", Ig, [g(Md, A({
+				default: X(() => [e.open ? (R(), d("div", Fg, [g(Md, A({
 					class: ["vui-sheet", [`vui-sheet-position-${e.position}`]],
 					style: p.value
 				}, {
@@ -15463,13 +15459,13 @@ var og = /* @__PURE__ */ v({
 			_: 3
 		})) : u("", !0)]));
 	}
-}), [["__scopeId", "data-v-d0fc93ff"]]), zg = {
+}), [["__scopeId", "data-v-d0fc93ff"]]), Rg = {
 	key: 0,
 	class: "vui-sidebar-header"
-}, Bg = { class: "vui-sidebar-content" }, Vg = { class: "vui-sidebar-content-wrap" }, Hg = {
+}, zg = { class: "vui-sidebar-content" }, Bg = { class: "vui-sidebar-content-wrap" }, Vg = {
 	key: 1,
 	class: "vui-sidebar-footer"
-}, Ug = 32, Wg = /* @__PURE__ */ v({
+}, Hg = 32, Ug = /* @__PURE__ */ v({
 	__name: "Sidebar",
 	props: /* @__PURE__ */ k({
 		width: { default: 224 },
@@ -15501,7 +15497,7 @@ var og = /* @__PURE__ */ v({
 		return F(() => {
 			t.appear && r.value && (r.value = !1);
 		}), Bt(h, (e) => {
-			!t.appear || e <= Ug && e >= 0 && m.value || (e <= Ug && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > Ug + (t.mini ? 65 : t.floaty ? t.width : t.width - (Wn(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
+			!t.appear || e <= Hg && e >= 0 && m.value || (e <= Hg && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > Hg + (t.mini ? 65 : t.floaty ? t.width : t.width - (Wn(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
 		}, {
 			throttle: 100,
 			immediate: !0
@@ -15520,21 +15516,21 @@ var og = /* @__PURE__ */ v({
 			}]),
 			style: P({ "--vui-sidebar-width": `${t.mini ? 65 : t.width}px` })
 		}, [
-			q(i).header ? (R(), d("div", zg, [H(e.$slots, "header", N(S(s.value)))])) : u("", !0),
-			f("div", Bg, [f("div", Vg, [H(e.$slots, "default", N(S(s.value)))])]),
-			q(i).footer ? (R(), d("div", Hg, [H(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
+			q(i).header ? (R(), d("div", Rg, [H(e.$slots, "header", N(S(s.value)))])) : u("", !0),
+			f("div", zg, [f("div", Bg, [H(e.$slots, "default", N(S(s.value)))])]),
+			q(i).footer ? (R(), d("div", Vg, [H(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
 		], 6)], 6));
 	}
-}), Gg = "var(--border-radius-s)", Kg = /* @__PURE__ */ v({
+}), Wg = "var(--border-radius-s)", Gg = /* @__PURE__ */ v({
 	__name: "Skeleton",
 	props: {
-		radius: { default: () => Gg },
+		radius: { default: () => Wg },
 		width: { default: "100%" },
 		height: { default: "32px" },
 		circle: { type: Boolean }
 	},
 	setup(e) {
-		let t = c(() => Zn(e.circle && e.radius === Gg ? 9999 : e.radius)), n = c(() => Zn(e.circle ? e.width || e.height : e.width)), r = c(() => Zn(e.circle && e.width || e.height));
+		let t = c(() => Zn(e.circle && e.radius === Wg ? 9999 : e.radius)), n = c(() => Zn(e.circle ? e.width || e.height : e.width)), r = c(() => Zn(e.circle && e.width || e.height));
 		return (e, i) => (R(), d("div", {
 			class: "vui-skeleton",
 			style: P({
@@ -15544,25 +15540,25 @@ var og = /* @__PURE__ */ v({
 			})
 		}, null, 4));
 	}
-}), qg = ["inert"], Jg = [
+}), Kg = ["inert"], qg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Yg = [
+], Jg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Xg = [
+], Yg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Zg = /* @__PURE__ */ v({
+], Xg = /* @__PURE__ */ v({
 	__name: "Slider",
 	props: /* @__PURE__ */ k({
 		min: { default: 0 },
@@ -15701,7 +15697,7 @@ var og = /* @__PURE__ */ v({
 				onMousedown: s[0] ||= (e) => y(e, 0),
 				onTouchstart: s[1] ||= (e) => b(e, 0),
 				onKeydown: s[2] ||= (e) => C(e, 0)
-			}, null, 44, Jg), f("span", {
+			}, null, 44, qg), f("span", {
 				class: "vui-slider-handle",
 				tabindex: "0",
 				role: "slider",
@@ -15715,7 +15711,7 @@ var og = /* @__PURE__ */ v({
 				onMousedown: s[3] ||= (e) => y(e, 1),
 				onTouchstart: s[4] ||= (e) => b(e, 1),
 				onKeydown: s[5] ||= (e) => C(e, 1)
-			}, null, 44, Yg)], 64)) : (R(), d("span", {
+			}, null, 44, Jg)], 64)) : (R(), d("span", {
 				key: 1,
 				class: "vui-slider-handle",
 				tabindex: "0",
@@ -15730,24 +15726,24 @@ var og = /* @__PURE__ */ v({
 				onMousedown: s[6] ||= (e) => y(e, 0),
 				onTouchstart: s[7] ||= (e) => b(e, 0),
 				onKeydown: s[8] ||= (e) => C(e)
-			}, null, 44, Xg)),
+			}, null, 44, Yg)),
 			e.steps ? (R(!0), d(n, { key: 2 }, V(e.steps + 1, (t) => (R(), d("div", {
 				key: t,
 				class: "vui-slider-step-indicator",
 				style: P({ left: `${(t - 1) / e.steps * 100}%` })
 			}, null, 4))), 128)) : u("", !0)
-		], 10, qg));
+		], 10, Kg));
 	}
-}), Qg = ["id", "disabled"], $g = ["for"], e_ = { class: "w-100" }, t_ = {
+}), Zg = ["id", "disabled"], Qg = ["for"], $g = { class: "w-100" }, e_ = {
 	key: 0,
 	class: "vui-switch-content"
-}, n_ = {
+}, t_ = {
 	key: 1,
 	class: "vui-switch-content"
-}, r_ = {
+}, n_ = {
 	key: 2,
 	class: "vui-hint mt-xxs block"
-}, i_ = /* @__PURE__ */ v({
+}, r_ = /* @__PURE__ */ v({
 	__name: "Switch",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -15772,22 +15768,22 @@ var og = /* @__PURE__ */ v({
 			"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
 			type: "checkbox",
 			disabled: e.disabled
-		}, null, 8, Qg), [[he, n.value]]), f("label", { for: q(r) }, [a[1] ||= f("div", { class: "vui-switch-icon" }, [f("span", { class: "vui-switch-indicator" })], -1), f("div", e_, [!t.default && e.label ? (R(), d("p", t_, G(e.label), 1)) : (R(), d("div", n_, [H(i.$slots, "default")])), e.hint ? (R(), d("p", r_, G(e.hint), 1)) : u("", !0)])], 8, $g)], 2));
+		}, null, 8, Zg), [[he, n.value]]), f("label", { for: q(r) }, [a[1] ||= f("div", { class: "vui-switch-icon" }, [f("span", { class: "vui-switch-indicator" })], -1), f("div", $g, [!t.default && e.label ? (R(), d("p", e_, G(e.label), 1)) : (R(), d("div", t_, [H(i.$slots, "default")])), e.hint ? (R(), d("p", n_, G(e.hint), 1)) : u("", !0)])], 8, Qg)], 2));
 	}
-}), a_ = {
+}), i_ = {
 	key: 0,
 	ref: "context",
 	class: "vui-cell-context"
-}, o_ = /* @__PURE__ */ v({
+}, a_ = /* @__PURE__ */ v({
 	__name: "Cell",
 	setup(e) {
 		let t = me(), n = J("context"), r = c(() => !t.context || !window ? {} : { paddingRight: `${n.value?.getBoundingClientRect().width ?? 0}px` });
-		return (e, t) => (R(), d("td", { style: P(r.value) }, [H(e.$slots, "default"), e.$slots.context ? (R(), d("div", a_, [H(e.$slots, "context")], 512)) : u("", !0)], 4));
+		return (e, t) => (R(), d("td", { style: P(r.value) }, [H(e.$slots, "default"), e.$slots.context ? (R(), d("div", i_, [H(e.$slots, "context")], 512)) : u("", !0)], 4));
 	}
-}), s_ = {
+}), o_ = {
 	key: 0,
 	class: "vui-table-th-content"
-}, c_ = /* @__PURE__ */ v({
+}, s_ = /* @__PURE__ */ v({
 	__name: "Head",
 	props: {
 		header: {},
@@ -15810,7 +15806,7 @@ var og = /* @__PURE__ */ v({
 				};
 			}
 		});
-		return (e, r) => (R(), d("th", null, [t.header || e.$slots.default ? (R(), d("div", s_, [H(e.$slots, "default", {}, () => [h(G(t.header?.label), 1)]), t.sort && t.header ? (R(), l(Qd, {
+		return (e, r) => (R(), d("th", null, [t.header || e.$slots.default ? (R(), d("div", o_, [H(e.$slots, "default", {}, () => [h(G(t.header?.label), 1)]), t.sort && t.header ? (R(), l(Qd, {
 			key: 0,
 			placement: "top"
 		}, {
@@ -15829,8 +15825,8 @@ var og = /* @__PURE__ */ v({
 			_: 1
 		})) : u("", !0)])) : u("", !0)]));
 	}
-}), l_ = Symbol("select-row-provide");
-function u_(e, t) {
+}), c_ = Symbol("select-row-provide");
+function l_(e, t) {
 	let n = c(() => K(e)), r = B({
 		pagination: {
 			enabled: !1,
@@ -15839,7 +15835,7 @@ function u_(e, t) {
 		},
 		select: !1,
 		...t
-	}), i = B(1), a = c(() => ag(n.value.length, i.value, r.value.pagination?.perPage, r.value.pagination?.maxPages)), o = c(() => a.value.currentPage < a.value.endPage), s = c(() => a.value.currentPage > a.value.startPage), l = (e) => {
+	}), i = B(1), a = c(() => ig(n.value.length, i.value, r.value.pagination?.perPage, r.value.pagination?.maxPages)), o = c(() => a.value.currentPage < a.value.endPage), s = c(() => a.value.currentPage > a.value.startPage), l = (e) => {
 		(e > i.value && o.value || e < i.value && s.value) && (i.value = e);
 	}, u = W({
 		key: void 0,
@@ -15878,7 +15874,7 @@ function u_(e, t) {
 		};
 	})), g = c(() => r.value.pagination?.enabled === !0 ? m.value.slice(a.value.startIndex, a.value.endIndex + 1) : m.value), _ = B(/* @__PURE__ */ new Set()), v = c(() => r.value.select);
 	function y(e) {
-		_.value.has(e) ? _.value.delete(e) : _.value.add(e);
+		$n(_.value, e) ? _.value.delete(e) : _.value.add(e);
 	}
 	let b = c(() => n.value.length === _.value.size);
 	function x() {
@@ -15887,7 +15883,7 @@ function u_(e, t) {
 	function S() {
 		_.value = /* @__PURE__ */ new Set();
 	}
-	return re(l_, {
+	return re(c_, {
 		selectedRows: _,
 		selectRow: y,
 		selectAllRows: x,
@@ -15914,10 +15910,10 @@ function u_(e, t) {
 }
 //#endregion
 //#region src/components/Table/Root.vue?vue&type=script&setup=true&lang.ts
-var d_ = { key: 0 }, f_ = {
+var u_ = { key: 0 }, d_ = {
 	key: 0,
 	class: "vui-table-pagination-wrap"
-}, p_ = /* @__PURE__ */ v({
+}, f_ = /* @__PURE__ */ v({
 	__name: "Root",
 	props: {
 		fixed: { type: Boolean },
@@ -15936,7 +15932,7 @@ var d_ = { key: 0 }, f_ = {
 		}
 	},
 	setup(e) {
-		let t = T(l_);
+		let t = T(c_);
 		return (n, r) => (R(), d("div", { class: M(["vui-table-container", {
 			fixed: e.fixed,
 			nowrap: e.nowrap,
@@ -15944,12 +15940,12 @@ var d_ = { key: 0 }, f_ = {
 			"separated-rows": e.separateRows,
 			"separated-cells": e.separateCells,
 			"outer-border": e.outerBorder
-		}]) }, [f("table", null, [n.$slots.header ? (R(), d("thead", d_, [f("tr", null, [H(n.$slots, "header")])])) : u("", !0), f("tbody", null, [H(n.$slots, "body")])]), n.$slots.pagination ? (R(), d("div", f_, [H(n.$slots, "pagination")])) : u("", !0)], 2));
+		}]) }, [f("table", null, [n.$slots.header ? (R(), d("thead", u_, [f("tr", null, [H(n.$slots, "header")])])) : u("", !0), f("tbody", null, [H(n.$slots, "body")])]), n.$slots.pagination ? (R(), d("div", d_, [H(n.$slots, "pagination")])) : u("", !0)], 2));
 	}
-}), m_ = /* @__PURE__ */ v({
+}), p_ = /* @__PURE__ */ v({
 	__name: "SelectAll",
 	setup(e) {
-		let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(l_);
+		let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(c_);
 		return (e, i) => q(n) ? (R(), d("th", {
 			key: 0,
 			class: M(["vui-table-interactive-cell", { selected: q(t) }])
@@ -15962,11 +15958,11 @@ var d_ = { key: 0 }, f_ = {
 			_: 1
 		})], 2)) : u("", !0);
 	}
-}), h_ = /* @__PURE__ */ v({
+}), m_ = /* @__PURE__ */ v({
 	__name: "SelectRow",
 	props: { row: {} },
 	setup(e) {
-		let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(l_), a = c(() => $n(i.value, t.row));
+		let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(c_), a = c(() => $n(i.value, t.row));
 		return (e, i) => q(n) ? (R(), d("td", {
 			key: 0,
 			class: M(["vui-table-interactive-cell", { selected: a.value }])
@@ -15979,20 +15975,20 @@ var d_ = { key: 0 }, f_ = {
 			_: 1
 		})], 2)) : u("", !0);
 	}
-}), g_ = /* @__PURE__ */ ke({
-	Cell: () => o_,
-	Head: () => c_,
-	Root: () => p_,
-	SelectAll: () => m_,
-	SelectRow: () => h_
-}), __ = B(/* @__PURE__ */ new Map()), v_ = 0;
-function y_(e, t) {
+}), h_ = /* @__PURE__ */ ke({
+	Cell: () => a_,
+	Head: () => s_,
+	Root: () => f_,
+	SelectAll: () => p_,
+	SelectRow: () => m_
+}), g_ = B(/* @__PURE__ */ new Map()), __ = 0;
+function v_(e, t) {
 	let n = {
 		persist: !1,
 		timeout: 7e3,
 		...t
 	}, r = {
-		id: v_,
+		id: __,
 		title: e,
 		persist: n.persist,
 		description: n.description,
@@ -16002,19 +15998,19 @@ function y_(e, t) {
 		body: n.body,
 		bodyProps: n.bodyProps ?? {}
 	};
-	return __.value.set(v_, r), n.persist || setTimeout((e) => {
-		__.value.delete(e);
-	}, n.timeout, v_), v_++, r;
+	return g_.value.set(__, r), n.persist || setTimeout((e) => {
+		g_.value.delete(e);
+	}, n.timeout, __), __++, r;
 }
-function b_(e) {
-	__.value.delete(e);
+function y_(e) {
+	g_.value.delete(e);
 }
 //#endregion
 //#region src/components/Toast/Toasts.vue?vue&type=script&setup=true&lang.ts
-var x_ = {
+var b_ = {
 	key: 1,
 	class: "vui-toast-item"
-}, S_ = { class: "vui-toast-item-content" }, C_ = { key: 0 }, w_ = /* @__PURE__ */ Zd(/* @__PURE__ */ v({
+}, x_ = { class: "vui-toast-item-content" }, S_ = { key: 0 }, C_ = /* @__PURE__ */ Zd(/* @__PURE__ */ v({
 	__name: "Toasts",
 	props: { placement: { default: "bottom-end" } },
 	setup(e) {
@@ -16023,13 +16019,13 @@ var x_ = {
 			tag: "ul",
 			class: "vui-toast-list"
 		}, {
-			default: X(() => [(R(!0), d(n, null, V(q(__), ([e, t]) => (R(), d(n, { key: e }, [t.body ? (R(), l(U(t.body), A({
+			default: X(() => [(R(!0), d(n, null, V(q(g_), ([e, t]) => (R(), d(n, { key: e }, [t.body ? (R(), l(U(t.body), A({
 				key: 0,
 				ref_for: !0
 			}, {
 				data: t.bodyProps,
 				toastId: e
-			}), null, 16)) : (R(), d("li", x_, [f("div", S_, [f("strong", null, G(t.title), 1), t.description ? (R(), d("p", C_, G(t.description), 1)) : u("", !0)]), t.action ? (R(), l(_r, {
+			}), null, 16)) : (R(), d("li", b_, [f("div", x_, [f("strong", null, G(t.title), 1), t.description ? (R(), d("p", S_, G(t.description), 1)) : u("", !0)]), t.action ? (R(), l(_r, {
 				key: 0,
 				size: "s",
 				onClick: (e) => t.action.handler(t.id)
@@ -16043,7 +16039,7 @@ var x_ = {
 }), [["__scopeId", "data-v-a0ee459a"]]);
 //#endregion
 //#region src/shared/viewTransition.ts
-function T_() {
+function w_() {
 	let e = B(!1);
 	async function t(t) {
 		if (!document.startViewTransition) {
@@ -16066,4 +16062,4 @@ function T_() {
 	};
 }
 //#endregion
-export { Dn as Accordion, Mn as AccordionGroup, Ln as Alert, zn as AspectRatio, or as Avatar, cr as AvatarGroup, cf as Backdrop, ur as Badge, dr as BadgeGroup, fr as BreadcrumbItem, hr as Breadcrumbs, _r as Button, vr as ButtonGroup, Td as Calendar, Md as Card, Fd as Carousel, of as Checkbox, Dh as Color, wf as Commands, Xh as Confirm, Ef as ContextMenu, Of as CopyClipboard, Oh as Counter, Dd as Divider, eh as Drawer, nh as Dropdown, ch as DropdownItem, uh as DropdownTitle, jh as Dropzone, Mh as File, sr as Flex, dh as Grid, ef as Histogram, fh as Indicator, Ch as Input, sf as Kbd, Vh as KbdGroup, Gh as Marquee, Jh as MenuItem, qh as Menubar, lf as Modal, eg as OTP, tg as OTPItem, ig as Overflow, og as Pagination, Nh as Password, Jd as Popout, cg as PopoutHover, lg as Progress, hg as Radio, gg as RadioGroup, vg as Resizable, Dg as ResizableView, Fg as Select, Rg as Sheet, Wg as Sidebar, Kg as Skeleton, Zg as Slider, gr as Spinner, i_ as Switch, bg as Tab, g_ as Table, Cg as Tabs, Bh as Textarea, w_ as Toasts, Qd as Tooltip, Id as breakpoints, u_ as defineTable, ag as paginate, y_ as pushToast, b_ as removeToast, Hn as searchString, wd as setColorTheme, Cd as theme, T_ as useViewTransition, zd as viewport };
+export { Dn as Accordion, Mn as AccordionGroup, Ln as Alert, zn as AspectRatio, or as Avatar, cr as AvatarGroup, cf as Backdrop, ur as Badge, dr as BadgeGroup, fr as BreadcrumbItem, hr as Breadcrumbs, _r as Button, vr as ButtonGroup, Td as Calendar, Md as Card, Fd as Carousel, of as Checkbox, kh as Color, Ef as Commands, Qh as Confirm, Of as ContextMenu, Af as CopyClipboard, Ah as Counter, Dd as Divider, nh as Drawer, ih as Dropdown, uh as DropdownItem, fh as DropdownTitle, Nh as Dropzone, Ph as File, sr as Flex, ph as Grid, ef as Histogram, mh as Indicator, Th as Input, sf as Kbd, Uh as KbdGroup, qh as Marquee, Xh as MenuItem, Yh as Menubar, lf as Modal, ng as OTP, rg as OTPItem, ff as Overflow, ag as Pagination, Fh as Password, Jd as Popout, sg as PopoutHover, cg as Progress, mg as Radio, hg as RadioGroup, _g as Resizable, Eg as ResizableView, Pg as Select, Lg as Sheet, Ug as Sidebar, Gg as Skeleton, Xg as Slider, gr as Spinner, r_ as Switch, yg as Tab, h_ as Table, Sg as Tabs, Hh as Textarea, C_ as Toasts, Qd as Tooltip, Id as breakpoints, l_ as defineTable, ig as paginate, v_ as pushToast, y_ as removeToast, Hn as searchString, wd as setColorTheme, Cd as theme, w_ as useViewTransition, zd as viewport };