@dolanske/vui 1.14.10 → 1.14.12

package/dist/vui.js

@@ -13674,10 +13674,22 @@ var Km = /* @__PURE__ */ v({
 			})
 		}, [H(e.$slots, "default")], 6));
 	}
-}), ch = { class: "vui-input" }, lh = ["for"], uh = {
+}), ch = /^#[0-9A-F]{0,6}$/i, lh = /^r(g(b(\(\s*(\d{1,3}(\s*,\s*(\d{1,3}(\s*,\s*(\d{1,3}\s*\)?)?)?)?)?)?)?)?)?$/;
+function uh(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 dh(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+)/);
+	return n ? `#${Number(n[1]).toString(16).padStart(2, "0")}${Number(n[2]).toString(16).padStart(2, "0")}${Number(n[3]).toString(16).padStart(2, "0")}` : t;
+}
+//#endregion
+//#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
+var fh = { class: "vui-input" }, ph = ["for"], mh = {
 	key: 1,
 	class: "vui-input-hint"
-}, dh = [
+}, hh = [
 	"id",
 	"readonly",
 	"type",
@@ -13688,13 +13700,13 @@ var Km = /* @__PURE__ */ v({
 	"multiple",
 	"min",
 	"disabled"
-], fh = {
+], gh = {
 	key: 0,
 	class: "vui-input-limit"
-}, ph = {
+}, _h = {
 	key: 1,
 	class: "vui-input-errors"
-}, mh = /* @__PURE__ */ v({
+}, vh = /* @__PURE__ */ v({
 	__name: "Input",
 	props: /* @__PURE__ */ k({
 		type: { default: "text" },
@@ -13739,12 +13751,12 @@ var Km = /* @__PURE__ */ v({
 			"has-errors": e.errors.length > 0
 		}]) }, [
 			H(t.$slots, "before"),
-			f("div", ch, [
+			f("div", fh, [
 				e.label ? (R(), d("label", {
 					key: 0,
 					for: q(i)
-				}, G(e.label), 9, lh)) : u("", !0),
-				e.hint ? (R(), d("p", uh, G(e.hint), 1)) : u("", !0),
+				}, G(e.label), 9, ph)) : u("", !0),
+				e.hint ? (R(), d("p", mh, G(e.hint), 1)) : u("", !0),
 				g(or, {
 					class: "vui-input-style",
 					gap: 5,
@@ -13768,18 +13780,18 @@ var Km = /* @__PURE__ */ v({
 							multiple: e.multiple,
 							min: e.min,
 							disabled: e.disabled
-						}, null, 8, dh)), [[ge, r.value]]),
+						}, null, 8, hh)), [[ge, r.value]]),
 						H(t.$slots, "end")
 					]),
 					_: 3
 				})
 			]),
-			e.limit ? (R(), d("p", fh, G(o.value), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", ph, [(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", gh, G(o.value), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", _h, [(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));
 	}
-}), hh = ["id"], gh = ["for"], _h = ["placeholder"], vh = /* @__PURE__ */ v({
+}), yh = ["id"], bh = ["for"], xh = ["value", "placeholder"], Sh = /* @__PURE__ */ v({
 	__name: "Color",
 	props: /* @__PURE__ */ k({
 		type: {},
@@ -13804,8 +13816,23 @@ var Km = /* @__PURE__ */ v({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = ue(), r = pe(e, "modelValue"), i = fe();
-		return (e, a) => (R(), l(mh, A({
+		let t = e, n = ue(), r = fe(), [i, a] = pe(e, "modelValue"), o = c({
+			get() {
+				return dh(i.value ?? "", Sd.value === "dark" ? "#ffffff" : "#000000");
+			},
+			set(e) {
+				i.value = a.rgb ? uh(e) : e;
+			}
+		});
+		function s(e) {
+			let t = e.target, n = t.value;
+			if (n && (a.rgb ? !lh.test(n) : !ch.test(n))) {
+				t.value = i.value ?? "";
+				return;
+			}
+			i.value = n;
+		}
+		return (e, a) => (R(), l(vh, A({
 			...q(n),
 			...t
 		}, {
@@ -13813,22 +13840,23 @@ var Km = /* @__PURE__ */ v({
 			class: "vui-input-color"
 		}), {
 			__internal_replace_input: X(() => [Se(f("input", {
-				id: q(i),
-				"onUpdate:modelValue": a[0] ||= (e) => r.value = e,
+				id: q(r),
+				"onUpdate:modelValue": a[0] ||= (e) => o.value = e,
 				type: "color",
 				tabindex: "0"
-			}, null, 8, hh), [[ve, r.value]]), f("label", { for: q(i) }, [f("div", {
+			}, null, 8, yh), [[ve, o.value]]), f("label", { for: q(r) }, [f("div", {
 				class: "vui-input-color-indicator",
-				style: P({ backgroundColor: r.value })
-			}, [r.value ? u("", !0) : (R(), l(q(et), { key: 0 }))], 4), Se(f("input", {
-				"onUpdate:modelValue": a[1] ||= (e) => r.value = e,
+				style: P({ backgroundColor: q(i) })
+			}, [q(i) ? u("", !0) : (R(), l(q(et), { key: 0 }))], 4), f("input", {
+				value: q(i),
 				type: "text",
-				placeholder: t.placeholder
-			}, null, 8, _h), [[ve, r.value]])], 8, gh)]),
+				placeholder: t.placeholder,
+				onInput: s
+			}, null, 40, xh)], 8, bh)]),
 			_: 1
 		}, 16));
 	}
-}), yh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
+}), Ch = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	__name: "Counter",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -13878,7 +13906,7 @@ var Km = /* @__PURE__ */ v({
 			"decrementEnabled",
 			"hideDecrement"
 		]), n = pe(e, "modelValue");
-		return (r, i) => (R(), l(mh, A(t, {
+		return (r, i) => (R(), l(vh, A(t, {
 			modelValue: n.value,
 			"onUpdate:modelValue": i[2] ||= (e) => n.value = e,
 			modelModifiers: { number: !0 },
@@ -13909,7 +13937,7 @@ var Km = /* @__PURE__ */ v({
 			_: 1
 		}, 16, ["modelValue"]));
 	}
-}), [["__scopeId", "data-v-5059e818"]]), bh = ["id"], xh = ["for"], Sh = /* @__PURE__ */ v({
+}), [["__scopeId", "data-v-5059e818"]]), wh = ["id"], Th = ["for"], Eh = /* @__PURE__ */ v({
 	__name: "Dropzone",
 	props: {
 		label: {},
@@ -13935,7 +13963,7 @@ var Km = /* @__PURE__ */ v({
 		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(mh, A(r, {
+		}), (e, t) => (R(), l(vh, A(r, {
 			ref: "dropzone",
 			type: "file",
 			class: ["vui-dropzone", { dragging: a.value }],
@@ -13945,18 +13973,18 @@ var Km = /* @__PURE__ */ v({
 			__internal_replace_input: X(({ inputId: r }) => [f("input", {
 				id: r,
 				type: "file"
-			}, null, 8, bh), f("label", { for: r }, [H(e.$slots, "default", { dragging: a.value }, () => [g(or, {
+			}, null, 8, wh), f("label", { for: r }, [H(e.$slots, "default", { dragging: a.value }, () => [g(or, {
 				"x-center": "",
 				gap: "xs",
 				"y-center": ""
 			}, {
 				default: X(() => [a.value ? (R(), d(n, { key: 0 }, [g(q(ot)), 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, xh)]),
+			})])], 8, Th)]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Ch = /* @__PURE__ */ v({
+}), Dh = /* @__PURE__ */ v({
 	__name: "File",
 	props: {
 		label: {},
@@ -13978,9 +14006,9 @@ var Km = /* @__PURE__ */ v({
 	emits: ["files"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (R(), l(mh, A({ type: "file" }, n, { onInput: t[0] ||= (e) => r("files", e.target.files) }), null, 16));
+		return (e, t) => (R(), l(vh, A({ type: "file" }, n, { onInput: t[0] ||= (e) => r("files", e.target.files) }), null, 16));
 	}
-}), wh = /* @__PURE__ */ v({
+}), Oh = /* @__PURE__ */ v({
 	__name: "Password",
 	props: {
 		label: {},
@@ -14005,7 +14033,7 @@ var Km = /* @__PURE__ */ v({
 	},
 	setup(e) {
 		let t = p(e, ["showPassword", "type"]), n = B(e.showPassword);
-		return (e, r) => (R(), l(mh, A(t, {
+		return (e, r) => (R(), l(vh, A(t, {
 			type: n.value ? "text" : "password",
 			autocomplete: "off"
 		}), {
@@ -14029,10 +14057,10 @@ var Km = /* @__PURE__ */ v({
 			_: 1
 		}, 16, ["type"]));
 	}
-}), Th = { class: "vui-input" }, Eh = ["for"], Dh = {
+}), kh = { class: "vui-input" }, Ah = ["for"], jh = {
 	key: 1,
 	class: "vui-input-hint"
-}, Oh = [
+}, Mh = [
 	"id",
 	"readonly",
 	"placeholder",
@@ -14041,13 +14069,13 @@ var Km = /* @__PURE__ */ v({
 	"max",
 	"rows",
 	"cols"
-], kh = {
+], Nh = {
 	key: 0,
 	class: "vui-input-limit"
-}, Ah = {
+}, Ph = {
 	key: 1,
 	class: "vui-input-errors"
-}, jh = /* @__PURE__ */ v({
+}, Fh = /* @__PURE__ */ v({
 	__name: "Textarea",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -14096,12 +14124,12 @@ var Km = /* @__PURE__ */ v({
 			disabled: e.disabled
 		}]) }, [
 			H(t.$slots, "before"),
-			f("div", Th, [
+			f("div", kh, [
 				e.label ? (R(), d("label", {
 					key: 0,
 					for: q(i)
-				}, G(e.label), 9, Eh)) : u("", !0),
-				e.hint ? (R(), d("p", Dh, G(e.hint), 1)) : u("", !0),
+				}, G(e.label), 9, Ah)) : u("", !0),
+				e.hint ? (R(), d("p", jh, G(e.hint), 1)) : u("", !0),
 				Se(f("textarea", {
 					id: q(i),
 					ref: "textarea",
@@ -14118,24 +14146,24 @@ var Km = /* @__PURE__ */ v({
 						resize: a.value,
 						...e.cols ? { width: `${e.cols + 1}ch` } : {}
 					})
-				}, null, 12, Oh), [[ve, r.value]])
+				}, null, 12, Mh), [[ve, r.value]])
 			]),
-			e.limit ? (R(), d("p", kh, G(`${r.value.length}/${e.limit}`), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", Ah, [(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", Nh, G(`${r.value.length}/${e.limit}`), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", Ph, [(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));
 	}
-}), Mh = /* @__PURE__ */ v({
+}), Ih = /* @__PURE__ */ v({
 	__name: "KbdGroup",
 	emits: ["trigger"],
 	setup(e, { emit: t }) {
 		let n = t, r = me(), i = vn(), a = On(r.default);
 		return An(a, "Kbd"), zt(i[a.value.map((e) => e.props.keys).join("+")], () => n("trigger")), (e, t) => H(e.$slots, "default");
 	}
-}), Nh = { class: "marquee-wrap" }, Ph = { class: "marquee-content" }, Fh = {
+}), Lh = { class: "marquee-wrap" }, Rh = { class: "marquee-content" }, zh = {
 	class: "marquee-content",
 	"aria-hidden": "true"
-}, Ih = /* @__PURE__ */ v({
+}, Bh = /* @__PURE__ */ v({
 	__name: "Marquee",
 	props: {
 		direction: { default: "right" },
@@ -14149,7 +14177,7 @@ var Km = /* @__PURE__ */ v({
 			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", Nh, [f("div", {
+		return (a, o) => (R(), d("div", Lh, [f("div", {
 			ref_key: "trackRef",
 			ref: t,
 			class: "marquee-track",
@@ -14159,9 +14187,9 @@ var Km = /* @__PURE__ */ v({
 				animationTimingFunction: i.value,
 				visibility: n.value > 0 ? "visible" : "hidden"
 			})
-		}, [f("div", Ph, [H(a.$slots, "default")]), f("div", Fh, [H(a.$slots, "default")])], 4)]));
+		}, [f("div", Rh, [H(a.$slots, "default")]), f("div", zh, [H(a.$slots, "default")])], 4)]));
 	}
-}), Lh = Symbol("menubar"), Rh = /* @__PURE__ */ v({
+}), Vh = Symbol("menubar"), Hh = /* @__PURE__ */ v({
 	__name: "Menubar",
 	props: {
 		inline: { type: Boolean },
@@ -14197,7 +14225,7 @@ var Km = /* @__PURE__ */ v({
 		function o() {
 			n.value = null;
 		}
-		return re(Lh, {
+		return re(Vh, {
 			openIndex: n,
 			register: i,
 			open: a,
@@ -14207,10 +14235,10 @@ var Km = /* @__PURE__ */ v({
 			_: 3
 		}, 16));
 	}
-}), zh = /* @__PURE__ */ v({
+}), Uh = /* @__PURE__ */ v({
 	__name: "MenuItem",
 	setup(e) {
-		let { openIndex: t, register: r, open: i, close: a } = T(Lh), o = r(), s = J("trigger"), c = () => t.value === o;
+		let { openIndex: t, register: r, open: i, close: a } = T(Vh), o = r(), s = J("trigger"), c = () => t.value === o;
 		function l() {
 			c() ? a() : i(o);
 		}
@@ -14235,7 +14263,7 @@ var Km = /* @__PURE__ */ v({
 			"onClickOutside"
 		])], 64));
 	}
-}), Bh = { class: "typeset" }, Vh = /* @__PURE__ */ v({
+}), Wh = { class: "typeset" }, Gh = /* @__PURE__ */ v({
 	__name: "Confirm",
 	props: {
 		title: {},
@@ -14274,7 +14302,7 @@ var Km = /* @__PURE__ */ v({
 			open: n.open,
 			onClose: t[2] ||= (e) => r("close")
 		}), {
-			default: X(() => [f("div", Bh, [H(e.$slots, "default")])]),
+			default: X(() => [f("div", Wh, [H(e.$slots, "default")])]),
 			footer: X(() => [g(or, { "x-end": "" }, {
 				default: X(() => [n.showCancel ? (R(), l(gr, {
 					key: 0,
@@ -14295,7 +14323,7 @@ var Km = /* @__PURE__ */ v({
 			_: 3
 		}, 16, ["open"]));
 	}
-}), Hh = { class: "vui-otp" }, Uh = ["inputmode", "maxlength"], Wh = { class: "vui-otp-items" }, Gh = /* @__PURE__ */ v({
+}), Kh = { class: "vui-otp" }, qh = ["inputmode", "maxlength"], Jh = { class: "vui-otp-items" }, Yh = /* @__PURE__ */ v({
 	__name: "OTP",
 	props: /* @__PURE__ */ k({
 		mode: { default: "both" },
@@ -14359,7 +14387,7 @@ var Km = /* @__PURE__ */ v({
 			let n = e.target.value;
 			n && g(n);
 		}
-		return (t, n) => (R(), d("div", Hh, [f("input", {
+		return (t, n) => (R(), d("div", Kh, [f("input", {
 			ref: "inputRef",
 			type: "text",
 			inputmode: e.mode === "num" ? "numeric" : "text",
@@ -14374,9 +14402,9 @@ var Km = /* @__PURE__ */ v({
 			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, Uh), f("div", Wh, [H(t.$slots, "default")])]));
+		}, null, 40, qh), f("div", Jh, [H(t.$slots, "default")])]));
 	}
-}), Kh = /* @__PURE__ */ v({
+}), Xh = /* @__PURE__ */ v({
 	__name: "OTPItem",
 	props: { i: {} },
 	setup(e) {
@@ -14386,10 +14414,10 @@ var Km = /* @__PURE__ */ v({
 			"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));
 	}
-}), qh = { class: "overflow-track" }, Jh = {
+}), Zh = { class: "overflow-track" }, Qh = {
 	ref: "content",
 	class: "overflow-content"
-}, Yh = /* @__PURE__ */ v({
+}, $h = /* @__PURE__ */ v({
 	__name: "Overflow",
 	props: {
 		horizontal: { type: Boolean },
@@ -14405,18 +14433,18 @@ var Km = /* @__PURE__ */ v({
 			"is-horizontal": e.horizontal,
 			"is-vertical": !e.horizontal,
 			"is-snap": e.snap
-		}]) }, [f("div", qh, [
+		}]) }, [f("div", Zh, [
 			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", Jh, [H(t.$slots, "default")], 512)
+			f("div", Qh, [H(t.$slots, "default")], 512)
 		])], 2));
 	}
 });
 //#endregion
 //#region src/components/Pagination/pagination.ts
-function Xh(e, t = 1, n = 15, r = 5) {
+function eg(e, t = 1, n = 15, r = 5) {
 	let i = Math.ceil(e / n);
 	t < 1 ? t = 1 : t > i && (t = i);
 	let a, o;
@@ -14440,7 +14468,7 @@ function Xh(e, t = 1, n = 15, r = 5) {
 }
 //#endregion
 //#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
-var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
+var tg = ["aria-describedby"], ng = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Tooltip",
 	props: {
@@ -14460,7 +14488,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			"aria-describedby": q(a),
 			onMouseenter: s[0] ||= (e) => l(!0),
 			onMouseleave: s[1] ||= (e) => l(!1)
-		}, [H(r.$slots, "default", {}, void 0, !0)], 40, Zh), g(yf, A({
+		}, [H(r.$slots, "default", {}, void 0, !0)], 40, tg), g(yf, A({
 			id: q(a),
 			visible: i.value,
 			anchor: o.value,
@@ -14479,7 +14507,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			"placement"
 		])], 64));
 	}
-}), [["__scopeId", "data-v-865326ff"]]), $h = /* @__PURE__ */ v({
+}), [["__scopeId", "data-v-865326ff"]]), rg = /* @__PURE__ */ v({
 	__name: "Pagination",
 	props: {
 		numbers: {
@@ -14512,7 +14540,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			gap: "xxs"
 		}, {
 			default: X(() => [
-				H(e.$slots, "start", {}, () => [r.firstLast ? (R(), l(Qh, { key: 0 }, {
+				H(e.$slots, "start", {}, () => [r.firstLast ? (R(), l(ng, { key: 0 }, {
 					tooltip: X(() => [...t[2] ||= [f("p", null, "First page", -1)]]),
 					default: X(() => [g(gr, {
 						plain: "",
@@ -14528,7 +14556,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				H(e.$slots, "prev", {
 					disabled: o.value,
 					setPage: p
-				}, () => [r.prevNext ? (R(), l(Qh, { key: 0 }, {
+				}, () => [r.prevNext ? (R(), l(ng, { key: 0 }, {
 					tooltip: X(() => [...t[3] ||= [f("p", null, "Previous page", -1)]]),
 					default: X(() => [g(gr, {
 						plain: "",
@@ -14560,7 +14588,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				H(e.$slots, "next", {
 					disabled: a.value,
 					setPage: s
-				}, () => [r.prevNext ? (R(), l(Qh, { key: 0 }, {
+				}, () => [r.prevNext ? (R(), l(ng, { key: 0 }, {
 					tooltip: X(() => [...t[4] ||= [f("p", null, "Next page", -1)]]),
 					default: X(() => [g(gr, {
 						plain: "",
@@ -14573,7 +14601,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 					}, 8, ["disabled"])]),
 					_: 1
 				})) : u("", !0)]),
-				H(e.$slots, "end", {}, () => [r.firstLast ? (R(), l(Qh, { key: 0 }, {
+				H(e.$slots, "end", {}, () => [r.firstLast ? (R(), l(ng, { key: 0 }, {
 					tooltip: X(() => [...t[5] ||= [f("p", null, "Last page", -1)]]),
 					default: X(() => [g(gr, {
 						plain: "",
@@ -14590,7 +14618,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 3
 		}));
 	}
-}), eg = ["aria-expanded", "aria-controls"], tg = /* @__PURE__ */ v({
+}), ig = ["aria-expanded", "aria-controls"], ag = /* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "PopoutHover",
 	props: {
@@ -14632,7 +14660,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			onMouseleave: a[1] ||= (e) => u(!1),
 			onFocusin: a[2] ||= (e) => u(!0),
 			onFocusout: l
-		}, [H(i.$slots, "trigger")], 40, eg), g(yf, A({
+		}, [H(i.$slots, "trigger")], 40, ig), g(yf, A({
 			id: q(o),
 			ref: "popoutRef"
 		}, {
@@ -14657,7 +14685,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			"leave-delay"
 		])], 64));
 	}
-}), ng = /* @__PURE__ */ v({
+}), og = /* @__PURE__ */ v({
 	__name: "Progress",
 	props: /* @__PURE__ */ k({
 		fake: { type: Boolean },
@@ -14697,18 +14725,18 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			})
 		}, null, 4)], 2));
 	}
-}), rg = [
+}), sg = [
 	"id",
 	"value",
 	"checked",
 	"disabled"
-], ig = ["for"], ag = { class: "vui-radio-icon" }, og = {
+], cg = ["for"], lg = { class: "vui-radio-icon" }, ug = {
 	key: 0,
 	class: "vui-radio-content"
-}, sg = {
+}, dg = {
 	key: 1,
 	class: "vui-radio-content"
-}, cg = /* @__PURE__ */ v({
+}, fg = /* @__PURE__ */ v({
 	__name: "Radio",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -14733,9 +14761,9 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			value: e.value,
 			checked: i.value,
 			disabled: e.disabled
-		}, null, 8, rg), [[_e, n.value]]), f("label", { for: q(r) }, [f("span", ag, [i.value ? (R(), l(q(nt), { key: 1 })) : (R(), l(q(Ke), { key: 0 }))]), t.default ? (R(), d("div", sg, [H(a.$slots, "default")])) : (R(), d("p", og, G(e.label || e.value), 1))], 8, ig)], 2));
+		}, null, 8, sg), [[_e, n.value]]), f("label", { for: q(r) }, [f("span", lg, [i.value ? (R(), l(q(nt), { key: 1 })) : (R(), l(q(Ke), { key: 0 }))]), t.default ? (R(), d("div", dg, [H(a.$slots, "default")])) : (R(), d("p", ug, G(e.label || e.value), 1))], 8, cg)], 2));
 	}
-}), lg = /* @__PURE__ */ v({
+}), pg = /* @__PURE__ */ v({
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ k({
 		disabled: { type: Boolean },
@@ -14776,11 +14804,11 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 1
 		}, 16)]));
 	}
-}), ug = [
+}), mg = [
 	"data-handle-index",
 	"onDblclick",
 	"onFocus"
-], dg = /* @__PURE__ */ v({
+], hg = /* @__PURE__ */ v({
 	__name: "Resizable",
 	props: {
 		vertical: { type: Boolean },
@@ -14840,9 +14868,9 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			onDblclick: (e) => y(t),
 			onFocus: (e) => o.value = t,
 			onBlur: r[0] ||= (e) => o.value = -1
-		}, null, 40, ug)) : u("", !0)], 64))), 128))], 2));
+		}, null, 40, mg)) : u("", !0)], 64))), 128))], 2));
 	}
-}), fg = ["name"], pg = /* @__PURE__ */ v({
+}), gg = ["name"], _g = /* @__PURE__ */ v({
 	__name: "Tab",
 	props: {
 		disabled: { type: Boolean },
@@ -14854,16 +14882,16 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			class: M(["vui-tab", { disabled: t.disabled }]),
 			role: "tab",
 			name: e.value
-		}, [H(n.$slots, "default", {}, () => [h(G(t.value), 1)])], 10, fg));
+		}, [H(n.$slots, "default", {}, () => [h(G(t.value), 1)])], 10, gg));
 	}
-}), mg = {
+}), vg = {
 	key: 0,
 	class: "flex-1"
-}, hg = {
+}, yg = {
 	key: 0,
 	ref: "underline",
 	class: "vui-tab-underline"
-}, gg = /* @__PURE__ */ v({
+}, bg = /* @__PURE__ */ v({
 	__name: "Tabs",
 	props: /* @__PURE__ */ k({
 		variant: { default: "default" },
@@ -14909,18 +14937,18 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__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", mg)), H(t.$slots, "end")], 64)) : u("", !0),
+			t.$slots.end ? (R(), d(n, { key: 0 }, [e.expand ? u("", !0) : (R(), d("div", vg)), 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", hg, null, 512)) : u("", !0)]),
+				default: X(() => [r.value ? (R(), d("div", yg, null, 512)) : u("", !0)]),
 				_: 1
 			}, 8, ["name", "css"])
 		], 2));
 	}
-}), _g = { class: "view-wrap" }, vg = .33, yg = /* @__PURE__ */ v({
+}), xg = { class: "view-wrap" }, Sg = .33, Cg = /* @__PURE__ */ v({
 	__name: "ViewPanel",
 	props: { panel: {} },
 	setup(e) {
@@ -14936,7 +14964,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__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 } = xn(J("contentRef"), { handleOutside: !1 }), S = c(() => {
-			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * vg ? "left" : v.value > b.value * (1 - vg) ? "right" : y.value < x.value * vg ? "top" : y.value > x.value * (1 - vg) ? "bottom" : "center";
+			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * Sg ? "left" : v.value > b.value * (1 - Sg) ? "right" : y.value < x.value * Sg ? "top" : y.value > x.value * (1 - Sg) ? "bottom" : "center";
 		}), { startDrag: C, handleDrag: w, handleSplit: E, peekDragTab: D, isDragFromPanel: O } = T("$vrp");
 		function k(e, n) {
 			C(t.panel, n);
@@ -14951,11 +14979,11 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__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", _g, [g(jd, {
+		return (c, v) => (R(), d("div", xg, [g(jd, {
 			padding: !1,
 			"header-separator": ""
 		}, {
-			header: X(() => [g(gg, {
+			header: X(() => [g(bg, {
 				modelValue: r.value,
 				"onUpdate:modelValue": v[0] ||= (e) => r.value = e,
 				variant: "filled",
@@ -14964,7 +14992,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__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(pg, {
+				default: X(() => [(R(!0), d(n, null, V(e.panel.tabs, (t, n) => (R(), l(_g, {
 					key: t.path,
 					value: t.path,
 					draggable: !0,
@@ -15000,7 +15028,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 3
 		})]));
 	}
-}), bg = /* @__PURE__ */ v({
+}), wg = /* @__PURE__ */ v({
 	__name: "ResizableView",
 	props: {
 		modelValue: { default: [] },
@@ -15087,22 +15115,22 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			handleSplit: v,
 			peekDragTab: y,
 			isDragFromPanel: b
-		}), (e, i) => (R(), l(dg, {
+		}), (e, i) => (R(), l(hg, {
 			"hide-handles": "",
 			class: "vui-resizable-view"
 		}, {
-			default: X(() => [(R(!0), d(n, null, V(r.value, (r) => (R(), d(n, { key: s(r) }, [Array.isArray(r) ? (R(), l(dg, {
+			default: X(() => [(R(!0), d(n, null, V(r.value, (r) => (R(), d(n, { key: s(r) }, [Array.isArray(r) ? (R(), l(hg, {
 				key: 0,
 				"hide-handles": "",
 				class: "nested-view",
 				vertical: ""
 			}, {
-				default: X(() => [(R(!0), d(n, null, V(r, (r) => (R(), d(n, { key: s(r) }, [Array.isArray(r) ? (R(), l(dg, {
+				default: X(() => [(R(!0), d(n, null, V(r, (r) => (R(), d(n, { key: s(r) }, [Array.isArray(r) ? (R(), l(hg, {
 					key: 0,
 					"hide-handles": "",
 					class: "nested-view"
 				}, {
-					default: X(() => [(R(!0), d(n, null, V(r, (n) => (R(), l(yg, {
+					default: X(() => [(R(!0), d(n, null, V(r, (n) => (R(), l(Cg, {
 						key: s(n),
 						panel: n
 					}, m({ _: 2 }, [t.tab ? {
@@ -15111,7 +15139,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 						key: "0"
 					} : void 0]), 1032, ["panel"]))), 128))]),
 					_: 2
-				}, 1024)) : (R(), l(yg, {
+				}, 1024)) : (R(), l(Cg, {
 					key: 1,
 					panel: r
 				}, m({ _: 2 }, [t.tab ? {
@@ -15120,7 +15148,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 					key: "0"
 				} : void 0]), 1032, ["panel"]))], 64))), 128))]),
 				_: 2
-			}, 1024)) : (R(), l(yg, {
+			}, 1024)) : (R(), l(Cg, {
 				key: 1,
 				panel: r
 			}, m({ _: 2 }, [t.tab ? {
@@ -15131,23 +15159,23 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 3
 		}));
 	}
-}), xg = { class: "vui-input vui-select-trigger-content" }, Sg = ["for"], Cg = {
+}), Tg = { class: "vui-input vui-select-trigger-content" }, Eg = ["for"], Dg = {
 	key: 1,
 	class: "vui-input-hint"
-}, wg = [
+}, Og = [
 	"id",
 	"disabled",
 	"onClick"
-], Tg = {
+], kg = {
 	key: 1,
 	class: "vue-select-no-results"
-}, Eg = {
+}, Ag = {
 	key: 0,
 	class: "vui-input-limit"
-}, Dg = {
+}, jg = {
 	key: 1,
 	class: "vui-input-errors"
-}, Og = /* @__PURE__ */ v({
+}, Mg = /* @__PURE__ */ v({
 	__name: "Select",
 	props: /* @__PURE__ */ k({
 		single: {
@@ -15223,12 +15251,12 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				"no-mobile-drawer": e.noMobileDrawer,
 				onClose: m[1] ||= (e) => i.value?.focus({ preventScroll: !0 })
 			}, {
-				trigger: X(({ toggle: t, isOpen: i }) => [f("div", xg, [
+				trigger: X(({ toggle: t, isOpen: i }) => [f("div", Tg, [
 					e.label ? (R(), d("label", {
 						key: 0,
 						for: q(v)
-					}, G(e.label), 9, Sg)) : u("", !0),
-					e.hint ? (R(), d("p", Cg, G(e.hint), 1)) : u("", !0),
+					}, G(e.label), 9, Eg)) : u("", !0),
+					e.hint ? (R(), d("p", Dg, G(e.hint), 1)) : u("", !0),
 					f("button", {
 						id: q(v),
 						ref: "trigger",
@@ -15247,14 +15275,14 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 							_: 1
 						})], 64)) : u("", !0),
 						i ? (R(), l(q(He), { key: 1 })) : (R(), l(q(ze), { key: 2 }))
-					], 10, wg)
+					], 10, Og)
 				])]),
 				default: X(({ close: t, isOpen: i }) => [
 					e.search ? (R(), l(ah, {
 						key: 0,
 						sticky: ""
 					}, {
-						default: X(() => [g(mh, {
+						default: X(() => [g(vh, {
 							modelValue: o.value,
 							"onUpdate:modelValue": m[0] ||= (e) => o.value = e,
 							placeholder: "Search...",
@@ -15266,7 +15294,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 						}, 8, ["modelValue", "focus"])]),
 						_: 2
 					}, 1024)) : u("", !0),
-					s.value.length === 0 ? (R(), d("p", Tg, " No results... ")) : u("", !0),
+					s.value.length === 0 ? (R(), d("p", kg, " No results... ")) : u("", !0),
 					(R(!0), d(n, null, V(s.value, (n) => (R(), l(rh, {
 						key: n.value,
 						class: M({ selected: r.value?.find((e) => e.value === n.value) }),
@@ -15284,14 +15312,14 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				"transition-name",
 				"no-mobile-drawer"
 			]),
-			e.maxActiveOptions && !e.single ? (R(), d("p", Eg, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", Dg, [(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", Ag, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", jg, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0)
 		], 6));
 	}
-}), kg = {
+}), Ng = {
 	key: 0,
 	class: "vui-sheet-shell"
-}, Ag = 16, jg = /* @__PURE__ */ tf(/* @__PURE__ */ v({
+}, Pg = 16, Fg = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Sheet",
 	props: {
@@ -15329,10 +15357,10 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			if (e.position === "left" || e.position === "right") return { maxWidth: Xn(e.size) };
 		}), h = c(() => {
 			switch (e.position) {
-				case "left": return `translate(-${Ag}px, 0)`;
-				case "top": return `translate(0, -${Ag}px)`;
-				case "bottom": return `translate(0, ${Ag}px)`;
-				default: return `translate(${Ag}px, 0)`;
+				case "left": return `translate(-${Pg}px, 0)`;
+				case "top": return `translate(0, -${Pg}px)`;
+				case "bottom": return `translate(0, ${Pg}px)`;
+				default: return `translate(${Pg}px, 0)`;
 			}
 		});
 		return (t, c) => (R(), l(r, { to: "body" }, [o.value ? (R(), l($d, {
@@ -15345,7 +15373,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				css: e.transitionName !== "none",
 				onAfterLeave: f
 			}, {
-				default: X(() => [e.open ? (R(), d("div", kg, [g(jd, A({
+				default: X(() => [e.open ? (R(), d("div", Ng, [g(jd, A({
 					class: ["vui-sheet", [`vui-sheet-position-${e.position}`]],
 					style: p.value
 				}, {
@@ -15384,13 +15412,13 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 3
 		})) : u("", !0)]));
 	}
-}), [["__scopeId", "data-v-d0fc93ff"]]), Mg = {
+}), [["__scopeId", "data-v-d0fc93ff"]]), Ig = {
 	key: 0,
 	class: "vui-sidebar-header"
-}, Ng = { class: "vui-sidebar-content" }, Pg = { class: "vui-sidebar-content-wrap" }, Fg = {
+}, Lg = { class: "vui-sidebar-content" }, Rg = { class: "vui-sidebar-content-wrap" }, zg = {
 	key: 1,
 	class: "vui-sidebar-footer"
-}, Ig = 32, Lg = /* @__PURE__ */ v({
+}, Bg = 32, Vg = /* @__PURE__ */ v({
 	__name: "Sidebar",
 	props: /* @__PURE__ */ k({
 		width: { default: 224 },
@@ -15422,7 +15450,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 		return F(() => {
 			t.appear && r.value && (r.value = !1);
 		}), Rt(h, (e) => {
-			!t.appear || e <= Ig && e >= 0 && m.value || (e <= Ig && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > Ig + (t.mini ? 65 : t.floaty ? t.width : t.width - (Un(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
+			!t.appear || e <= Bg && e >= 0 && m.value || (e <= Bg && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > Bg + (t.mini ? 65 : t.floaty ? t.width : t.width - (Un(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
 		}, {
 			throttle: 100,
 			immediate: !0
@@ -15439,21 +15467,21 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			}]),
 			style: P({ width: `${t.mini ? 65 : t.width}px` })
 		}, [
-			q(i).header ? (R(), d("div", Mg, [H(e.$slots, "header", N(S(s.value)))])) : u("", !0),
-			f("div", Ng, [f("div", Pg, [H(e.$slots, "default", N(S(s.value)))])]),
-			q(i).footer ? (R(), d("div", Fg, [H(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
+			q(i).header ? (R(), d("div", Ig, [H(e.$slots, "header", N(S(s.value)))])) : u("", !0),
+			f("div", Lg, [f("div", Rg, [H(e.$slots, "default", N(S(s.value)))])]),
+			q(i).footer ? (R(), d("div", zg, [H(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
 		], 6)], 6));
 	}
-}), Rg = "var(--border-radius-s)", zg = /* @__PURE__ */ v({
+}), Hg = "var(--border-radius-s)", Ug = /* @__PURE__ */ v({
 	__name: "Skeleton",
 	props: {
-		radius: { default: () => Rg },
+		radius: { default: () => Hg },
 		width: { default: "100%" },
 		height: { default: "32px" },
 		circle: { type: Boolean }
 	},
 	setup(e) {
-		let t = c(() => Xn(e.circle && e.radius === Rg ? 9999 : e.radius)), n = c(() => Xn(e.circle ? e.width || e.height : e.width)), r = c(() => Xn(e.circle && e.width || e.height));
+		let t = c(() => Xn(e.circle && e.radius === Hg ? 9999 : e.radius)), n = c(() => Xn(e.circle ? e.width || e.height : e.width)), r = c(() => Xn(e.circle && e.width || e.height));
 		return (e, i) => (R(), d("div", {
 			class: "vui-skeleton",
 			style: P({
@@ -15463,25 +15491,25 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			})
 		}, null, 4));
 	}
-}), Bg = ["inert"], Vg = [
+}), Wg = ["inert"], Gg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Hg = [
+], Kg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Ug = [
+], qg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Wg = /* @__PURE__ */ v({
+], Jg = /* @__PURE__ */ v({
 	__name: "Slider",
 	props: /* @__PURE__ */ k({
 		min: { default: 0 },
@@ -15620,7 +15648,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__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, Vg), f("span", {
+			}, null, 44, Gg), f("span", {
 				class: "vui-slider-handle",
 				tabindex: "0",
 				role: "slider",
@@ -15634,7 +15662,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__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, Hg)], 64)) : (R(), d("span", {
+			}, null, 44, Kg)], 64)) : (R(), d("span", {
 				key: 1,
 				class: "vui-slider-handle",
 				tabindex: "0",
@@ -15649,24 +15677,24 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				onMousedown: s[6] ||= (e) => y(e, 0),
 				onTouchstart: s[7] ||= (e) => b(e, 0),
 				onKeydown: s[8] ||= (e) => C(e)
-			}, null, 44, Ug)),
+			}, null, 44, qg)),
 			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, Bg));
+		], 10, Wg));
 	}
-}), Gg = ["id", "disabled"], Kg = ["for"], qg = { class: "w-100" }, Jg = {
+}), Yg = ["id", "disabled"], Xg = ["for"], Zg = { class: "w-100" }, Qg = {
 	key: 0,
 	class: "vui-switch-content"
-}, Yg = {
+}, $g = {
 	key: 1,
 	class: "vui-switch-content"
-}, Xg = {
+}, e_ = {
 	key: 2,
 	class: "vui-hint mt-xxs block"
-}, Zg = /* @__PURE__ */ v({
+}, t_ = /* @__PURE__ */ v({
 	__name: "Switch",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -15691,22 +15719,22 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
 			type: "checkbox",
 			disabled: e.disabled
-		}, null, 8, Gg), [[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", qg, [!t.default && e.label ? (R(), d("p", Jg, G(e.label), 1)) : (R(), d("div", Yg, [H(i.$slots, "default")])), e.hint ? (R(), d("p", Xg, G(e.hint), 1)) : u("", !0)])], 8, Kg)], 2));
+		}, null, 8, Yg), [[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", Zg, [!t.default && e.label ? (R(), d("p", Qg, G(e.label), 1)) : (R(), d("div", $g, [H(i.$slots, "default")])), e.hint ? (R(), d("p", e_, G(e.hint), 1)) : u("", !0)])], 8, Xg)], 2));
 	}
-}), Qg = {
+}), n_ = {
 	key: 0,
 	ref: "context",
 	class: "vui-cell-context"
-}, $g = /* @__PURE__ */ v({
+}, r_ = /* @__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", Qg, [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", n_, [H(e.$slots, "context")], 512)) : u("", !0)], 4));
 	}
-}), e_ = {
+}), i_ = {
 	key: 0,
 	class: "vui-table-th-content"
-}, t_ = /* @__PURE__ */ v({
+}, a_ = /* @__PURE__ */ v({
 	__name: "Head",
 	props: {
 		header: {},
@@ -15729,7 +15757,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				};
 			}
 		});
-		return (e, r) => (R(), d("th", null, [t.header || e.$slots.default ? (R(), d("div", e_, [H(e.$slots, "default", {}, () => [h(G(t.header?.label), 1)]), t.sort && t.header ? (R(), l(Qh, {
+		return (e, r) => (R(), d("th", null, [t.header || e.$slots.default ? (R(), d("div", i_, [H(e.$slots, "default", {}, () => [h(G(t.header?.label), 1)]), t.sort && t.header ? (R(), l(ng, {
 			key: 0,
 			placement: "top"
 		}, {
@@ -15748,8 +15776,8 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 1
 		})) : u("", !0)])) : u("", !0)]));
 	}
-}), n_ = Symbol("select-row-provide");
-function r_(e, t) {
+}), o_ = Symbol("select-row-provide");
+function s_(e, t) {
 	let n = c(() => K(e)), r = B({
 		pagination: {
 			enabled: !1,
@@ -15758,7 +15786,7 @@ function r_(e, t) {
 		},
 		select: !1,
 		...t
-	}), i = B(1), a = c(() => Xh(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(() => eg(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 = B({
 		key: void 0,
@@ -15803,7 +15831,7 @@ function r_(e, t) {
 	function S() {
 		_.value = /* @__PURE__ */ new Set();
 	}
-	return re(n_, {
+	return re(o_, {
 		selectedRows: _,
 		selectRow: y,
 		selectAllRows: x,
@@ -15830,10 +15858,10 @@ function r_(e, t) {
 }
 //#endregion
 //#region src/components/Table/Root.vue?vue&type=script&setup=true&lang.ts
-var i_ = { key: 0 }, a_ = {
+var c_ = { key: 0 }, l_ = {
 	key: 0,
 	class: "vui-table-pagination-wrap"
-}, o_ = /* @__PURE__ */ v({
+}, u_ = /* @__PURE__ */ v({
 	__name: "Root",
 	props: {
 		fixed: { type: Boolean },
@@ -15852,7 +15880,7 @@ var i_ = { key: 0 }, a_ = {
 		}
 	},
 	setup(e) {
-		let t = T(n_);
+		let t = T(o_);
 		return (n, r) => (R(), d("div", { class: M(["vui-table-container", {
 			fixed: e.fixed,
 			nowrap: e.nowrap,
@@ -15860,12 +15888,12 @@ var i_ = { key: 0 }, a_ = {
 			"separated-rows": e.separateRows,
 			"separated-cells": e.separateCells,
 			"outer-border": e.outerBorder
-		}]) }, [f("table", null, [n.$slots.header ? (R(), d("thead", i_, [f("tr", null, [H(n.$slots, "header")])])) : u("", !0), f("tbody", null, [H(n.$slots, "body")])]), n.$slots.pagination ? (R(), d("div", a_, [H(n.$slots, "pagination")])) : u("", !0)], 2));
+		}]) }, [f("table", null, [n.$slots.header ? (R(), d("thead", c_, [f("tr", null, [H(n.$slots, "header")])])) : u("", !0), f("tbody", null, [H(n.$slots, "body")])]), n.$slots.pagination ? (R(), d("div", l_, [H(n.$slots, "pagination")])) : u("", !0)], 2));
 	}
-}), s_ = /* @__PURE__ */ v({
+}), d_ = /* @__PURE__ */ v({
 	__name: "SelectAll",
 	setup(e) {
-		let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(n_);
+		let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(o_);
 		return (e, i) => q(n) ? (R(), d("th", {
 			key: 0,
 			class: M(["vui-table-interactive-cell", { selected: q(t) }])
@@ -15878,11 +15906,11 @@ var i_ = { key: 0 }, a_ = {
 			_: 1
 		})], 2)) : u("", !0);
 	}
-}), c_ = /* @__PURE__ */ v({
+}), f_ = /* @__PURE__ */ v({
 	__name: "SelectRow",
 	props: { row: {} },
 	setup(e) {
-		let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(n_), a = c(() => Qn(i.value, t.row));
+		let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(o_), a = c(() => Qn(i.value, t.row));
 		return (e, i) => q(n) ? (R(), d("td", {
 			key: 0,
 			class: M(["vui-table-interactive-cell", { selected: a.value }])
@@ -15895,20 +15923,20 @@ var i_ = { key: 0 }, a_ = {
 			_: 1
 		})], 2)) : u("", !0);
 	}
-}), l_ = /* @__PURE__ */ ke({
-	Cell: () => $g,
-	Head: () => t_,
-	Root: () => o_,
-	SelectAll: () => s_,
-	SelectRow: () => c_
-}), u_ = B(/* @__PURE__ */ new Map()), d_ = 0;
-function f_(e, t) {
+}), p_ = /* @__PURE__ */ ke({
+	Cell: () => r_,
+	Head: () => a_,
+	Root: () => u_,
+	SelectAll: () => d_,
+	SelectRow: () => f_
+}), m_ = B(/* @__PURE__ */ new Map()), h_ = 0;
+function g_(e, t) {
 	let n = {
 		persist: !1,
 		timeout: 7e3,
 		...t
 	}, r = {
-		id: d_,
+		id: h_,
 		title: e,
 		persist: n.persist,
 		description: n.description,
@@ -15918,19 +15946,19 @@ function f_(e, t) {
 		body: n.body,
 		bodyProps: n.bodyProps ?? {}
 	};
-	return u_.value.set(d_, r), n.persist || setTimeout((e) => {
-		u_.value.delete(e);
-	}, n.timeout, d_), d_++, r;
+	return m_.value.set(h_, r), n.persist || setTimeout((e) => {
+		m_.value.delete(e);
+	}, n.timeout, h_), h_++, r;
 }
-function p_(e) {
-	u_.value.delete(e);
+function __(e) {
+	m_.value.delete(e);
 }
 //#endregion
 //#region src/components/Toast/Toasts.vue?vue&type=script&setup=true&lang.ts
-var m_ = {
+var v_ = {
 	key: 1,
 	class: "vui-toast-item"
-}, h_ = { class: "vui-toast-item-content" }, g_ = { key: 0 }, __ = /* @__PURE__ */ tf(/* @__PURE__ */ v({
+}, y_ = { class: "vui-toast-item-content" }, b_ = { key: 0 }, x_ = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	__name: "Toasts",
 	props: { placement: { default: "bottom-end" } },
 	setup(e) {
@@ -15939,13 +15967,13 @@ var m_ = {
 			tag: "ul",
 			class: "vui-toast-list"
 		}, {
-			default: X(() => [(R(!0), d(n, null, V(q(u_), ([e, t]) => (R(), d(n, { key: e }, [t.body ? (R(), l(U(t.body), A({
+			default: X(() => [(R(!0), d(n, null, V(q(m_), ([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", m_, [f("div", h_, [f("strong", null, G(t.title), 1), t.description ? (R(), d("p", g_, G(t.description), 1)) : u("", !0)]), t.action ? (R(), l(gr, {
+			}), null, 16)) : (R(), d("li", v_, [f("div", y_, [f("strong", null, G(t.title), 1), t.description ? (R(), d("p", b_, G(t.description), 1)) : u("", !0)]), t.action ? (R(), l(gr, {
 				key: 0,
 				size: "s",
 				onClick: (e) => t.action.handler(t.id)
@@ -15959,7 +15987,7 @@ var m_ = {
 }), [["__scopeId", "data-v-a0ee459a"]]);
 //#endregion
 //#region src/shared/viewTransition.ts
-function v_() {
+function S_() {
 	let e = B(!1);
 	async function t(t) {
 		if (!document.startViewTransition) {
@@ -15982,4 +16010,4 @@ function v_() {
 	};
 }
 //#endregion
-export { En as Accordion, jn as AccordionGroup, In as Alert, Rn as AspectRatio, ar as Avatar, sr as AvatarGroup, $d as Backdrop, lr as Badge, ur as BadgeGroup, dr as BreadcrumbItem, mr as Breadcrumbs, gr as Button, _r as ButtonGroup, wd as Calendar, jd as Card, Pd as Carousel, zd as Checkbox, vh as Color, vf as Commands, Vh as Confirm, xf as ContextMenu, Cf as CopyClipboard, yh as Counter, Ed as Divider, Ym as Drawer, Zm as Dropdown, rh as DropdownItem, ah as DropdownTitle, Sh as Dropzone, Ch as File, or as Flex, oh as Grid, sh as Indicator, mh as Input, Wd as Kbd, Mh as KbdGroup, Ih as Marquee, zh as MenuItem, Rh as Menubar, nf as Modal, Gh as OTP, Kh as OTPItem, Yh as Overflow, $h as Pagination, wh as Password, yf as Popout, tg as PopoutHover, ng as Progress, cg as Radio, lg as RadioGroup, dg as Resizable, bg as ResizableView, Og as Select, jg as Sheet, Lg as Sidebar, zg as Skeleton, Wg as Slider, hr as Spinner, Zg as Switch, pg as Tab, l_ as Table, gg as Tabs, jh as Textarea, __ as Toasts, Qh as Tooltip, r_ as defineTable, Xh as paginate, f_ as pushToast, p_ as removeToast, Vn as searchString, Cd as setColorTheme, Sd as theme, Ud as useBreakpoint, v_ as useViewTransition, Vd as vuiBreakpoints };
+export { En as Accordion, jn as AccordionGroup, In as Alert, Rn as AspectRatio, ar as Avatar, sr as AvatarGroup, $d as Backdrop, lr as Badge, ur as BadgeGroup, dr as BreadcrumbItem, mr as Breadcrumbs, gr as Button, _r as ButtonGroup, wd as Calendar, jd as Card, Pd as Carousel, zd as Checkbox, Sh as Color, vf as Commands, Gh as Confirm, xf as ContextMenu, Cf as CopyClipboard, Ch as Counter, Ed as Divider, Ym as Drawer, Zm as Dropdown, rh as DropdownItem, ah as DropdownTitle, Eh as Dropzone, Dh as File, or as Flex, oh as Grid, sh as Indicator, vh as Input, Wd as Kbd, Ih as KbdGroup, Bh as Marquee, Uh as MenuItem, Hh as Menubar, nf as Modal, Yh as OTP, Xh as OTPItem, $h as Overflow, rg as Pagination, Oh as Password, yf as Popout, ag as PopoutHover, og as Progress, fg as Radio, pg as RadioGroup, hg as Resizable, wg as ResizableView, Mg as Select, Fg as Sheet, Vg as Sidebar, Ug as Skeleton, Jg as Slider, hr as Spinner, t_ as Switch, _g as Tab, p_ as Table, bg as Tabs, Fh as Textarea, x_ as Toasts, ng as Tooltip, s_ as defineTable, eg as paginate, g_ as pushToast, __ as removeToast, Vn as searchString, Cd as setColorTheme, Sd as theme, Ud as useBreakpoint, S_ as useViewTransition, Vd as vuiBreakpoints };