@dolanske/vui 1.16.0 → 1.16.2

package/dist/vui.js

@@ -10927,7 +10927,7 @@ var Ed = /* @__PURE__ */ y({
 			Z(n.value, "wheel", (e) => {
 				e.deltaX === 0 && (e.preventDefault(), n.value.scrollLeft += e.deltaY);
 			}, { passive: !1 });
-		}), (t, a) => (R(), f("div", { class: N(["overflow is-horizontal carousel", {
+		}), (t, a) => (R(), f("div", { class: N(["vui-overflow is-horizontal carousel", {
 			"hide-scrollbar": e.hideScrollbar,
 			"hide-shadows": e.hideShadows,
 			"no-drag": e.disableDrag,
@@ -11344,7 +11344,7 @@ var Yd = /* @__PURE__ */ y({
 	},
 	setup(e, { expose: t }) {
 		let n = J("content"), { x: r, y: i } = bn(n), a = l(() => e.horizontal && r.value > 0), o = l(() => !e.horizontal || !n.value ? !1 : r.value < n.value.scrollWidth - n.value.clientWidth - 1), s = l(() => !e.horizontal && i.value > 0), c = l(() => e.horizontal || !n.value ? !1 : i.value < n.value.scrollHeight - n.value.clientHeight - 1);
-		return t({ contentRef: n }), (t, n) => (R(), f("div", { class: N(["overflow", {
+		return t({ contentRef: n }), (t, n) => (R(), f("div", { class: N(["vui-overflow", {
 			"hide-scrollbar": e.hideScrollbar,
 			"hide-shadows": e.hideShadows,
 			"is-horizontal": e.horizontal,
@@ -14039,10 +14039,13 @@ var zh = /* @__PURE__ */ y({
 			}, 8, ["name", "css"])
 		], 2));
 	}
-}), Gh = { class: "vui-emoji-search" }, Kh = { class: "emoji-item" }, qh = { class: "vui-emoji-content" }, Jh = { class: "vui-emoji-picker" }, Yh = ["data-title-group"], Xh = { class: "emoji-item" }, Zh = {
+}), Gh = { class: "vui-emoji-search" }, Kh = { class: "emoji-item" }, qh = {
+	key: 0,
+	class: "vui-emoji-content"
+}, Jh = { class: "vui-emoji-picker" }, Yh = ["data-title-group"], Xh = ["onMouseover", "onClick"], Zh = { class: "emoji-item" }, Qh = {
 	key: 0,
 	class: "vui-emoji-footer"
-}, Qh = { class: "emoji-item" }, $h = -16, eg = /* @__PURE__ */ y({
+}, $h = { class: "emoji-item" }, eg = -16, tg = /* @__PURE__ */ y({
 	__name: "EmojiPicker",
 	emits: ["select"],
 	setup(e, { emit: t }) {
@@ -14071,7 +14074,7 @@ var zh = /* @__PURE__ */ y({
 			}, 100), M(() => {
 				let t = g.value?.find((t) => t.dataset.titleGroup === e)?.nextElementSibling, n = S.value?.contentRef;
 				if (t && n && n) {
-					let e = n.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.scrollTop + (r.top - e.top) + $h;
+					let e = n.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.scrollTop + (r.top - e.top) + eg;
 					n.scrollTo({
 						top: Math.max(0, i),
 						behavior: "instant"
@@ -14081,7 +14084,7 @@ var zh = /* @__PURE__ */ y({
 		}
 		L(() => {
 			M(() => {
-				m.value?.focus(), S.value?.contentRef && (S.value.contentRef.scrollTop = 0);
+				m.value?.focus();
 			});
 		}), vn(() => g.value ?? [], (e) => {
 			if (x.value) return;
@@ -14102,8 +14105,7 @@ var zh = /* @__PURE__ */ y({
 			for (let [t, n] of Object.entries(a.value)) h.value ? e[t] = n.filter((e) => Wn([e.label, ...e.tags ?? []], h.value)) : e[t] = n;
 			return e;
 		});
-		return (e, t) => i.value && a.value ? (R(), u(Nd, {
-			key: 0,
+		return (e, t) => (R(), u(Nd, {
 			class: "vui-emoji-picker",
 			padding: !1
 		}, {
@@ -14129,7 +14131,10 @@ var zh = /* @__PURE__ */ y({
 					default: X(() => [_(q(pt))]),
 					_: 1
 				})) : d("", !0)
-			]), _(Wh, { "model-value": c.value.toString() }, {
+			]), i.value && a.value ? (R(), u(Wh, {
+				key: 0,
+				"model-value": c.value.toString()
+			}, {
 				default: X(() => [(R(!0), f(n, null, H(i.value.groups, (e, t) => (R(), u(Vh, {
 					key: e,
 					value: t,
@@ -14143,9 +14148,9 @@ var zh = /* @__PURE__ */ y({
 					_: 2
 				}, 1032, ["value", "onClick"]))), 128))]),
 				_: 1
-			}, 8, ["model-value"])]),
-			footer: X(() => [o.value ? (R(), f("div", Zh, [p("span", Qh, G(o.value.emoji), 1), p("p", null, G(s(o.value.label)), 1)])) : d("", !0)]),
-			default: X(() => [p("div", qh, [_(pf, {
+			}, 8, ["model-value"])) : d("", !0)]),
+			footer: X(() => [o.value ? (R(), f("div", Qh, [p("span", $h, G(o.value.emoji), 1), p("p", null, G(s(o.value.label)), 1)])) : d("", !0)]),
+			default: X(() => [i.value && a.value ? (R(), f("div", qh, [_(pf, {
 				ref_key: "overflow",
 				ref: S,
 				"hide-scrollbar": ""
@@ -14165,25 +14170,19 @@ var zh = /* @__PURE__ */ y({
 					"x-center": "",
 					"y-center": ""
 				}, {
-					default: X(() => [(R(!0), f(n, null, H(w.value[t], (e) => (R(), u(vr, {
+					default: X(() => [(R(!0), f(n, null, H(w.value[t], (e) => (R(), f("button", {
 						key: e.hexcode,
-						plain: "",
-						square: "",
-						size: "l",
 						onMouseover: (t) => o.value = e,
 						onClick: (t) => r("select", e)
-					}, {
-						default: X(() => [p("span", Xh, G(e.emoji), 1)]),
-						_: 2
-					}, 1032, ["onMouseover", "onClick"]))), 128))]),
+					}, [p("span", Zh, G(e.emoji), 1)], 40, Xh))), 128))]),
 					_: 2
 				}, 1024)]))), 128))])]),
 				_: 1
-			}, 512)])]),
+			}, 512)])) : d("", !0)]),
 			_: 1
-		})) : d("", !0);
+		}));
 	}
-}), tg = /* @__PURE__ */ y({
+}), ng = /* @__PURE__ */ y({
 	__name: "Indicator",
 	props: {
 		variant: {},
@@ -14219,11 +14218,11 @@ var zh = /* @__PURE__ */ y({
 			})
 		}, [U(e.$slots, "default")], 6));
 	}
-}), ng = /^#[0-9A-F]{0,6}$/i, rg = /^r(g(b(\(\s*(\d{1,3}(\s*,\s*(\d{1,3}(\s*,\s*(\d{1,3}\s*\)?)?)?)?)?)?)?)?)?$/;
-function ig(e) {
+}), rg = /^#[0-9A-F]{0,6}$/i, ig = /^r(g(b(\(\s*(\d{1,3}(\s*,\s*(\d{1,3}(\s*,\s*(\d{1,3}\s*\)?)?)?)?)?)?)?)?)?$/;
+function ag(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 ag(e, t = "#000000") {
+function og(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+)/);
@@ -14231,10 +14230,10 @@ function ag(e, t = "#000000") {
 }
 //#endregion
 //#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
-var og = { class: "vui-input" }, sg = ["for"], cg = {
+var sg = { class: "vui-input" }, cg = ["for"], lg = {
 	key: 1,
 	class: "vui-input-hint"
-}, lg = [
+}, ug = [
 	"id",
 	"readonly",
 	"type",
@@ -14245,13 +14244,13 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 	"multiple",
 	"min",
 	"disabled"
-], ug = {
+], dg = {
 	key: 0,
 	class: "vui-input-limit"
-}, dg = {
+}, fg = {
 	key: 1,
 	class: "vui-input-errors"
-}, fg = /* @__PURE__ */ y({
+}, pg = /* @__PURE__ */ y({
 	__name: "Input",
 	props: /* @__PURE__ */ A({
 		type: { default: "text" },
@@ -14296,12 +14295,12 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			"has-errors": e.errors.length > 0
 		}]) }, [
 			U(t.$slots, "before"),
-			p("div", og, [
+			p("div", sg, [
 				e.label ? (R(), f("label", {
 					key: 0,
 					for: q(i)
-				}, G(e.label), 9, sg)) : d("", !0),
-				e.hint ? (R(), f("p", cg, G(e.hint), 1)) : d("", !0),
+				}, G(e.label), 9, cg)) : d("", !0),
+				e.hint ? (R(), f("p", lg, G(e.hint), 1)) : d("", !0),
 				_(cr, {
 					class: "vui-input-style",
 					gap: 5,
@@ -14325,18 +14324,18 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 							multiple: e.multiple,
 							min: e.min,
 							disabled: e.disabled
-						}, null, 8, lg)), [[_e, r.value]]),
+						}, null, 8, ug)), [[_e, r.value]]),
 						U(t.$slots, "end")
 					]),
 					_: 3
 				})
 			]),
-			e.limit ? (R(), f("p", ug, G(o.value), 1)) : d("", !0),
-			e.errors.length > 0 ? (R(), f("ul", dg, [(R(!0), f(n, null, H(e.errors, (e) => (R(), f("li", { key: e }, G(e), 1))), 128))])) : d("", !0),
+			e.limit ? (R(), f("p", dg, G(o.value), 1)) : d("", !0),
+			e.errors.length > 0 ? (R(), f("ul", fg, [(R(!0), f(n, null, H(e.errors, (e) => (R(), f("li", { key: e }, G(e), 1))), 128))])) : d("", !0),
 			U(t.$slots, "after")
 		], 2));
 	}
-}), pg = ["id"], mg = ["for"], hg = ["value", "placeholder"], gg = /* @__PURE__ */ y({
+}), mg = ["id"], hg = ["for"], gg = ["value", "placeholder"], _g = /* @__PURE__ */ y({
 	__name: "Color",
 	props: /* @__PURE__ */ A({
 		type: {},
@@ -14363,21 +14362,21 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 	setup(e) {
 		let t = e, n = de(), r = pe(), [i, a] = me(e, "modelValue"), o = l({
 			get() {
-				return ag(i.value ?? "", wd.value === "dark" ? "#ffffff" : "#000000");
+				return og(i.value ?? "", wd.value === "dark" ? "#ffffff" : "#000000");
 			},
 			set(e) {
-				i.value = a.rgb ? ig(e) : e;
+				i.value = a.rgb ? ag(e) : e;
 			}
 		});
 		function s(e) {
 			let t = e.target, n = t.value;
-			if (n && (a.rgb ? !rg.test(n) : !ng.test(n))) {
+			if (n && (a.rgb ? !ig.test(n) : !rg.test(n))) {
 				t.value = i.value ?? "";
 				return;
 			}
 			i.value = n;
 		}
-		return (e, a) => (R(), u(fg, j({
+		return (e, a) => (R(), u(pg, j({
 			...q(n),
 			...t
 		}, {
@@ -14389,7 +14388,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 				"onUpdate:modelValue": a[0] ||= (e) => o.value = e,
 				type: "color",
 				tabindex: "0"
-			}, null, 8, pg), [[ye, o.value]]), p("label", { for: q(r) }, [p("div", {
+			}, null, 8, mg), [[ye, o.value]]), p("label", { for: q(r) }, [p("div", {
 				class: "vui-input-color-indicator",
 				style: F({ backgroundColor: q(i) })
 			}, [q(i) ? d("", !0) : (R(), u(q(nt), { key: 0 }))], 4), p("input", {
@@ -14397,11 +14396,11 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 				type: "text",
 				placeholder: t.placeholder,
 				onInput: s
-			}, null, 40, hg)], 8, mg)]),
+			}, null, 40, gg)], 8, hg)]),
 			_: 1
 		}, 16));
 	}
-}), _g = /* @__PURE__ */ Qd(/* @__PURE__ */ y({
+}), vg = /* @__PURE__ */ Qd(/* @__PURE__ */ y({
 	__name: "Counter",
 	props: /* @__PURE__ */ A({
 		label: {},
@@ -14451,7 +14450,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			"decrementEnabled",
 			"hideDecrement"
 		]), n = me(e, "modelValue");
-		return (r, i) => (R(), u(fg, j(t, {
+		return (r, i) => (R(), u(pg, j(t, {
 			modelValue: n.value,
 			"onUpdate:modelValue": i[2] ||= (e) => n.value = e,
 			modelModifiers: { number: !0 },
@@ -14482,7 +14481,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			_: 1
 		}, 16, ["modelValue"]));
 	}
-}), [["__scopeId", "data-v-5059e818"]]), vg = ["id"], yg = ["for"], bg = /* @__PURE__ */ y({
+}), [["__scopeId", "data-v-5059e818"]]), yg = ["id"], bg = ["for"], xg = /* @__PURE__ */ y({
 	__name: "Dropzone",
 	props: {
 		label: {},
@@ -14508,7 +14507,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 		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(), u(fg, j(r, {
+		}), (e, t) => (R(), u(pg, j(r, {
 			ref: "dropzone",
 			type: "file",
 			class: ["vui-dropzone", { dragging: a.value }],
@@ -14518,18 +14517,18 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			__internal_replace_input: X(({ inputId: r }) => [p("input", {
 				id: r,
 				type: "file"
-			}, null, 8, vg), p("label", { for: r }, [U(e.$slots, "default", { dragging: a.value }, () => [_(cr, {
+			}, null, 8, yg), p("label", { for: r }, [U(e.$slots, "default", { dragging: a.value }, () => [_(cr, {
 				"x-center": "",
 				gap: "xs",
 				"y-center": ""
 			}, {
 				default: X(() => [a.value ? (R(), f(n, { key: 0 }, [_(q(lt)), t[2] ||= g(" Drop it ", -1)], 64)) : (R(), f(n, { key: 1 }, [_(q(Ze)), t[3] ||= g(" Click or drag files over here ", -1)], 64))]),
 				_: 1
-			})])], 8, yg)]),
+			})])], 8, bg)]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), xg = /* @__PURE__ */ y({
+}), Sg = /* @__PURE__ */ y({
 	__name: "File",
 	props: {
 		label: {},
@@ -14551,9 +14550,9 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 	emits: ["files"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (R(), u(fg, j({ type: "file" }, n, { onInput: t[0] ||= (e) => r("files", e.target.files) }), null, 16));
+		return (e, t) => (R(), u(pg, j({ type: "file" }, n, { onInput: t[0] ||= (e) => r("files", e.target.files) }), null, 16));
 	}
-}), Sg = /* @__PURE__ */ y({
+}), Cg = /* @__PURE__ */ y({
 	__name: "Password",
 	props: {
 		label: {},
@@ -14578,7 +14577,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 	},
 	setup(e) {
 		let t = m(e, ["showPassword", "type"]), n = V(e.showPassword);
-		return (e, r) => (R(), u(fg, j(t, {
+		return (e, r) => (R(), u(pg, j(t, {
 			type: n.value ? "text" : "password",
 			autocomplete: "off"
 		}), {
@@ -14602,10 +14601,10 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			_: 1
 		}, 16, ["type"]));
 	}
-}), Cg = { class: "vui-input" }, wg = ["for"], Tg = {
+}), wg = { class: "vui-input" }, Tg = ["for"], Eg = {
 	key: 1,
 	class: "vui-input-hint"
-}, Eg = [
+}, Dg = [
 	"id",
 	"readonly",
 	"placeholder",
@@ -14614,13 +14613,13 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 	"max",
 	"rows",
 	"cols"
-], Dg = {
+], Og = {
 	key: 0,
 	class: "vui-input-limit"
-}, Og = {
+}, kg = {
 	key: 1,
 	class: "vui-input-errors"
-}, kg = /* @__PURE__ */ y({
+}, Ag = /* @__PURE__ */ y({
 	__name: "Textarea",
 	props: /* @__PURE__ */ A({
 		label: {},
@@ -14669,12 +14668,12 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			disabled: e.disabled
 		}]) }, [
 			U(t.$slots, "before"),
-			p("div", Cg, [
+			p("div", wg, [
 				e.label ? (R(), f("label", {
 					key: 0,
 					for: q(i)
-				}, G(e.label), 9, wg)) : d("", !0),
-				e.hint ? (R(), f("p", Tg, G(e.hint), 1)) : d("", !0),
+				}, G(e.label), 9, Tg)) : d("", !0),
+				e.hint ? (R(), f("p", Eg, G(e.hint), 1)) : d("", !0),
 				Ce(p("textarea", {
 					id: q(i),
 					ref: "textarea",
@@ -14691,24 +14690,24 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 						resize: a.value,
 						...e.cols ? { width: `${e.cols + 1}ch` } : {}
 					})
-				}, null, 12, Eg), [[ye, r.value]])
+				}, null, 12, Dg), [[ye, r.value]])
 			]),
-			e.limit ? (R(), f("p", Dg, G(`${r.value.length}/${e.limit}`), 1)) : d("", !0),
-			e.errors.length > 0 ? (R(), f("ul", Og, [(R(!0), f(n, null, H(e.errors, (e) => (R(), f("li", { key: e }, G(e), 1))), 128))])) : d("", !0),
+			e.limit ? (R(), f("p", Og, G(`${r.value.length}/${e.limit}`), 1)) : d("", !0),
+			e.errors.length > 0 ? (R(), f("ul", kg, [(R(!0), f(n, null, H(e.errors, (e) => (R(), f("li", { key: e }, G(e), 1))), 128))])) : d("", !0),
 			U(t.$slots, "after")
 		], 2));
 	}
-}), Ag = /* @__PURE__ */ y({
+}), jg = /* @__PURE__ */ y({
 	__name: "KbdGroup",
 	emits: ["trigger"],
 	setup(e, { emit: t }) {
 		let n = t, r = he(), i = Sn(), a = jn(r.default);
 		return Nn(a, "Kbd"), Ht(i[a.value.map((e) => e.props.keys).join("+")], () => n("trigger")), (e, t) => U(e.$slots, "default");
 	}
-}), jg = { class: "marquee-wrap" }, Mg = { class: "marquee-content" }, Ng = {
+}), Mg = { class: "marquee-wrap" }, Ng = { class: "marquee-content" }, Pg = {
 	class: "marquee-content",
 	"aria-hidden": "true"
-}, Pg = /* @__PURE__ */ y({
+}, Fg = /* @__PURE__ */ y({
 	__name: "Marquee",
 	props: {
 		direction: { default: "right" },
@@ -14722,7 +14721,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			t && (n.value = t.target.scrollWidth / 2);
 		});
 		let r = l(() => n.value > 0 ? n.value / e.speed : 0), i = l(() => !e.stagger || n.value === 0 ? "linear" : `steps(${Math.max(1, Math.round(n.value / 50))}, end)`);
-		return (a, o) => (R(), f("div", jg, [p("div", {
+		return (a, o) => (R(), f("div", Mg, [p("div", {
 			ref_key: "trackRef",
 			ref: t,
 			class: "marquee-track",
@@ -14732,9 +14731,9 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 				animationTimingFunction: i.value,
 				visibility: n.value > 0 ? "visible" : "hidden"
 			})
-		}, [p("div", Mg, [U(a.$slots, "default")]), p("div", Ng, [U(a.$slots, "default")])], 4)]));
+		}, [p("div", Ng, [U(a.$slots, "default")]), p("div", Pg, [U(a.$slots, "default")])], 4)]));
 	}
-}), Fg = Symbol("menubar"), Ig = /* @__PURE__ */ y({
+}), Ig = Symbol("menubar"), Lg = /* @__PURE__ */ y({
 	__name: "Menubar",
 	props: {
 		inline: { type: Boolean },
@@ -14770,7 +14769,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 		function o() {
 			n.value = null;
 		}
-		return ie(Fg, {
+		return ie(Ig, {
 			openIndex: n,
 			register: i,
 			open: a,
@@ -14780,10 +14779,10 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			_: 3
 		}, 16));
 	}
-}), Lg = /* @__PURE__ */ y({
+}), Rg = /* @__PURE__ */ y({
 	__name: "MenuItem",
 	setup(e) {
-		let { openIndex: t, register: r, open: i, close: a } = E(Fg), o = r(), s = J("trigger"), c = () => t.value === o;
+		let { openIndex: t, register: r, open: i, close: a } = E(Ig), o = r(), s = J("trigger"), c = () => t.value === o;
 		function l() {
 			c() ? a() : i(o);
 		}
@@ -14808,7 +14807,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			"onClickOutside"
 		])], 64));
 	}
-}), Rg = { class: "typeset" }, zg = /* @__PURE__ */ y({
+}), zg = { class: "typeset" }, Bg = /* @__PURE__ */ y({
 	__name: "Confirm",
 	props: {
 		title: {},
@@ -14847,7 +14846,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			open: n.open,
 			onClose: t[2] ||= (e) => r("close")
 		}), {
-			default: X(() => [p("div", Rg, [U(e.$slots, "default")])]),
+			default: X(() => [p("div", zg, [U(e.$slots, "default")])]),
 			footer: X(() => [_(cr, { "x-end": "" }, {
 				default: X(() => [n.showCancel ? (R(), u(vr, {
 					key: 0,
@@ -14868,7 +14867,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			_: 3
 		}, 16, ["open"]));
 	}
-}), Bg = { class: "vui-otp" }, Vg = ["inputmode", "maxlength"], Hg = { class: "vui-otp-items" }, Ug = /* @__PURE__ */ y({
+}), Vg = { class: "vui-otp" }, Hg = ["inputmode", "maxlength"], Ug = { class: "vui-otp-items" }, Wg = /* @__PURE__ */ y({
 	__name: "OTP",
 	props: /* @__PURE__ */ A({
 		mode: { default: "both" },
@@ -14932,7 +14931,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			let n = e.target.value;
 			n && g(n);
 		}
-		return (t, n) => (R(), f("div", Bg, [p("input", {
+		return (t, n) => (R(), f("div", Vg, [p("input", {
 			ref: "inputRef",
 			type: "text",
 			inputmode: e.mode === "num" ? "numeric" : "text",
@@ -14947,9 +14946,9 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 			onPaste: v,
 			onBlur: n[0] ||= (e) => i.value = -1,
 			onFocus: n[1] ||= (e) => i.value = Math.min(r.value.length, c.value - 1)
-		}, null, 40, Vg), p("div", Hg, [U(t.$slots, "default")])]));
+		}, null, 40, Hg), p("div", Ug, [U(t.$slots, "default")])]));
 	}
-}), Wg = /* @__PURE__ */ y({
+}), Gg = /* @__PURE__ */ y({
 	__name: "OTPItem",
 	props: { i: {} },
 	setup(e) {
@@ -14962,7 +14961,7 @@ var og = { class: "vui-input" }, sg = ["for"], cg = {
 });
 //#endregion
 //#region src/components/Pagination/pagination.ts
-function Gg(e, t = 1, n = 15, r = 3) {
+function Kg(e, t = 1, n = 15, r = 3) {
 	let i = Math.ceil(e / n);
 	t < 1 ? t = 1 : t > i && (t = i);
 	let a, o;
@@ -14986,7 +14985,7 @@ function Gg(e, t = 1, n = 15, r = 3) {
 }
 //#endregion
 //#region src/components/Pagination/Pagination.vue
-var Kg = /* @__PURE__ */ y({
+var qg = /* @__PURE__ */ y({
 	__name: "Pagination",
 	props: {
 		numbers: {
@@ -15097,7 +15096,7 @@ var Kg = /* @__PURE__ */ y({
 			_: 3
 		}));
 	}
-}), qg = ["aria-expanded", "aria-controls"], Jg = /* @__PURE__ */ y({
+}), Jg = ["aria-expanded", "aria-controls"], Yg = /* @__PURE__ */ y({
 	inheritAttrs: !1,
 	__name: "PopoutHover",
 	props: {
@@ -15139,7 +15138,7 @@ var Kg = /* @__PURE__ */ y({
 			onMouseleave: a[1] ||= (e) => u(!1),
 			onFocusin: a[2] ||= (e) => u(!0),
 			onFocusout: c
-		}, [U(i.$slots, "trigger")], 40, qg), _(Yd, j({
+		}, [U(i.$slots, "trigger")], 40, Jg), _(Yd, j({
 			id: q(o),
 			ref: "popoutRef"
 		}, {
@@ -15164,7 +15163,7 @@ var Kg = /* @__PURE__ */ y({
 			"leave-delay"
 		])], 64));
 	}
-}), Yg = /* @__PURE__ */ y({
+}), Xg = /* @__PURE__ */ y({
 	__name: "Progress",
 	props: /* @__PURE__ */ A({
 		fake: { type: Boolean },
@@ -15204,18 +15203,18 @@ var Kg = /* @__PURE__ */ y({
 			})
 		}, null, 4)], 2));
 	}
-}), Xg = [
+}), Zg = [
 	"id",
 	"value",
 	"checked",
 	"disabled"
-], Zg = ["for"], Qg = { class: "vui-radio-icon" }, $g = {
+], Qg = ["for"], $g = { class: "vui-radio-icon" }, e_ = {
 	key: 0,
 	class: "vui-radio-content"
-}, e_ = {
+}, t_ = {
 	key: 1,
 	class: "vui-radio-content"
-}, t_ = /* @__PURE__ */ y({
+}, n_ = /* @__PURE__ */ y({
 	__name: "Radio",
 	props: /* @__PURE__ */ A({
 		label: {},
@@ -15240,9 +15239,9 @@ var Kg = /* @__PURE__ */ y({
 			value: e.value,
 			checked: i.value,
 			disabled: e.disabled
-		}, null, 8, Xg), [[ve, n.value]]), p("label", { for: q(r) }, [p("span", Qg, [i.value ? (R(), u(q(it), { key: 1 })) : (R(), u(q(qe), { key: 0 }))]), t.default ? (R(), f("div", e_, [U(a.$slots, "default")])) : (R(), f("p", $g, G(e.label || e.value), 1))], 8, Zg)], 2));
+		}, null, 8, Zg), [[ve, n.value]]), p("label", { for: q(r) }, [p("span", $g, [i.value ? (R(), u(q(it), { key: 1 })) : (R(), u(q(qe), { key: 0 }))]), t.default ? (R(), f("div", t_, [U(a.$slots, "default")])) : (R(), f("p", e_, G(e.label || e.value), 1))], 8, Qg)], 2));
 	}
-}), n_ = /* @__PURE__ */ y({
+}), r_ = /* @__PURE__ */ y({
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ A({
 		disabled: { type: Boolean },
@@ -15283,11 +15282,11 @@ var Kg = /* @__PURE__ */ y({
 			_: 1
 		}, 16)]));
 	}
-}), r_ = [
+}), i_ = [
 	"data-handle-index",
 	"onDblclick",
 	"onFocus"
-], i_ = /* @__PURE__ */ y({
+], a_ = /* @__PURE__ */ y({
 	__name: "Resizable",
 	props: {
 		vertical: { type: Boolean },
@@ -15351,9 +15350,9 @@ var Kg = /* @__PURE__ */ y({
 			onDblclick: (e) => C(t),
 			onFocus: (e) => o.value = t,
 			onBlur: r[0] ||= (e) => o.value = -1
-		}, null, 40, r_)) : d("", !0)], 64))), 128))], 2));
+		}, null, 40, i_)) : d("", !0)], 64))), 128))], 2));
 	}
-}), a_ = { class: "view-wrap" }, o_ = .33, s_ = /* @__PURE__ */ y({
+}), o_ = { class: "view-wrap" }, s_ = .33, c_ = /* @__PURE__ */ y({
 	__name: "ViewPanel",
 	props: { panel: {} },
 	setup(e) {
@@ -15369,7 +15368,7 @@ var Kg = /* @__PURE__ */ y({
 			a.value = e.clientX > n.left + n.width / 2 ? t + 1 : t;
 		}
 		let m = V(0), h = l(() => m.value > 0), { elementX: v, elementY: y, elementWidth: b, elementHeight: x } = Tn(J("contentRef"), { handleOutside: !1 }), S = l(() => {
-			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * o_ ? "left" : v.value > b.value * (1 - o_) ? "right" : y.value < x.value * o_ ? "top" : y.value > x.value * (1 - o_) ? "bottom" : "center";
+			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * s_ ? "left" : v.value > b.value * (1 - s_) ? "right" : y.value < x.value * s_ ? "top" : y.value > x.value * (1 - s_) ? "bottom" : "center";
 		}), { startDrag: C, handleDrag: w, handleSplit: T, peekDragTab: D, isDragFromPanel: O } = E("$vrp");
 		function k(e, n) {
 			C(t.panel, n);
@@ -15384,7 +15383,7 @@ var Kg = /* @__PURE__ */ y({
 			!n || n === "center" ? w(t.panel, t.panel.tabs.length) : T(t.panel, n), e && (r.value = e.path);
 		}
 		let M = l(() => t.panel.tabs.find((e) => e.path === r.value));
-		return (l, v) => (R(), f("div", a_, [_(Nd, {
+		return (l, v) => (R(), f("div", o_, [_(Nd, {
 			padding: !1,
 			"header-separator": ""
 		}, {
@@ -15433,7 +15432,7 @@ var Kg = /* @__PURE__ */ y({
 			_: 3
 		})]));
 	}
-}), c_ = /* @__PURE__ */ y({
+}), l_ = /* @__PURE__ */ y({
 	__name: "ResizableView",
 	props: {
 		modelValue: { default: [] },
@@ -15520,22 +15519,22 @@ var Kg = /* @__PURE__ */ y({
 			handleSplit: g,
 			peekDragTab: _,
 			isDragFromPanel: v
-		}), (e, r) => (R(), u(i_, {
+		}), (e, r) => (R(), u(a_, {
 			"hide-handles": "",
 			class: "vui-resizable-view"
 		}, {
-			default: X(() => [(R(!0), f(n, null, H(t.value, (t) => (R(), f(n, { key: o(t) }, [Array.isArray(t) ? (R(), u(i_, {
+			default: X(() => [(R(!0), f(n, null, H(t.value, (t) => (R(), f(n, { key: o(t) }, [Array.isArray(t) ? (R(), u(a_, {
 				key: 0,
 				"hide-handles": "",
 				class: "nested-view",
 				vertical: ""
 			}, {
-				default: X(() => [(R(!0), f(n, null, H(t, (t) => (R(), f(n, { key: o(t) }, [Array.isArray(t) ? (R(), u(i_, {
+				default: X(() => [(R(!0), f(n, null, H(t, (t) => (R(), f(n, { key: o(t) }, [Array.isArray(t) ? (R(), u(a_, {
 					key: 0,
 					"hide-handles": "",
 					class: "nested-view"
 				}, {
-					default: X(() => [(R(!0), f(n, null, H(t, (t) => (R(), u(s_, {
+					default: X(() => [(R(!0), f(n, null, H(t, (t) => (R(), u(c_, {
 						key: o(t),
 						panel: t
 					}, {
@@ -15543,7 +15542,7 @@ var Kg = /* @__PURE__ */ y({
 						_: 3
 					}, 8, ["panel"]))), 128))]),
 					_: 2
-				}, 1024)) : (R(), u(s_, {
+				}, 1024)) : (R(), u(c_, {
 					key: 1,
 					panel: t
 				}, {
@@ -15551,7 +15550,7 @@ var Kg = /* @__PURE__ */ y({
 					_: 3
 				}, 8, ["panel"]))], 64))), 128))]),
 				_: 2
-			}, 1024)) : (R(), u(s_, {
+			}, 1024)) : (R(), u(c_, {
 				key: 1,
 				panel: t
 			}, {
@@ -15561,23 +15560,23 @@ var Kg = /* @__PURE__ */ y({
 			_: 3
 		}));
 	}
-}), l_ = { class: "vui-input vui-select-trigger-content" }, u_ = ["for"], d_ = {
+}), u_ = { class: "vui-input vui-select-trigger-content" }, d_ = ["for"], f_ = {
 	key: 1,
 	class: "vui-input-hint"
-}, f_ = [
+}, p_ = [
 	"id",
 	"disabled",
 	"onClick"
-], p_ = {
+], m_ = {
 	key: 1,
 	class: "vue-select-no-results"
-}, m_ = {
+}, h_ = {
 	key: 0,
 	class: "vui-input-limit"
-}, h_ = {
+}, g_ = {
 	key: 1,
 	class: "vui-input-errors"
-}, g_ = /* @__PURE__ */ y({
+}, __ = /* @__PURE__ */ y({
 	__name: "Select",
 	props: /* @__PURE__ */ A({
 		single: {
@@ -15653,12 +15652,12 @@ var Kg = /* @__PURE__ */ y({
 				"no-mobile-drawer": e.noMobileDrawer,
 				onClose: m[1] ||= (e) => i.value?.focus({ preventScroll: !0 })
 			}, {
-				trigger: X(({ toggle: t, isOpen: i }) => [p("div", l_, [
+				trigger: X(({ toggle: t, isOpen: i }) => [p("div", u_, [
 					e.label ? (R(), f("label", {
 						key: 0,
 						for: q(v)
-					}, G(e.label), 9, u_)) : d("", !0),
-					e.hint ? (R(), f("p", d_, G(e.hint), 1)) : d("", !0),
+					}, G(e.label), 9, d_)) : d("", !0),
+					e.hint ? (R(), f("p", f_, G(e.hint), 1)) : d("", !0),
 					p("button", {
 						id: q(v),
 						ref: "trigger",
@@ -15677,14 +15676,14 @@ var Kg = /* @__PURE__ */ y({
 							_: 1
 						})], 64)) : d("", !0),
 						i ? (R(), u(q(Ue), { key: 1 })) : (R(), u(q(Be), { key: 2 }))
-					], 10, f_)
+					], 10, p_)
 				])]),
 				default: X(({ close: t, isOpen: i }) => [
 					e.search ? (R(), u(ph, {
 						key: 0,
 						sticky: ""
 					}, {
-						default: X(() => [_(fg, {
+						default: X(() => [_(pg, {
 							modelValue: o.value,
 							"onUpdate:modelValue": m[0] ||= (e) => o.value = e,
 							placeholder: "Search...",
@@ -15696,7 +15695,7 @@ var Kg = /* @__PURE__ */ y({
 						}, 8, ["modelValue", "focus"])]),
 						_: 2
 					}, 1024)) : d("", !0),
-					s.value.length === 0 ? (R(), f("p", p_, " No results... ")) : d("", !0),
+					s.value.length === 0 ? (R(), f("p", m_, " No results... ")) : d("", !0),
 					(R(!0), f(n, null, H(s.value, (n) => (R(), u(dh, {
 						key: n.value,
 						class: N({ selected: r.value?.find((e) => e.value === n.value) }),
@@ -15714,14 +15713,14 @@ var Kg = /* @__PURE__ */ y({
 				"transition-name",
 				"no-mobile-drawer"
 			]),
-			e.maxActiveOptions && !e.single ? (R(), f("p", m_, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : d("", !0),
-			e.errors.length > 0 ? (R(), f("ul", h_, [(R(!0), f(n, null, H(e.errors, (e) => (R(), f("li", { key: e }, G(e), 1))), 128))])) : d("", !0)
+			e.maxActiveOptions && !e.single ? (R(), f("p", h_, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : d("", !0),
+			e.errors.length > 0 ? (R(), f("ul", g_, [(R(!0), f(n, null, H(e.errors, (e) => (R(), f("li", { key: e }, G(e), 1))), 128))])) : d("", !0)
 		], 6));
 	}
-}), __ = {
+}), v_ = {
 	key: 0,
 	class: "vui-sheet-shell"
-}, v_ = 16, y_ = /* @__PURE__ */ Qd(/* @__PURE__ */ y({
+}, y_ = 16, b_ = /* @__PURE__ */ Qd(/* @__PURE__ */ y({
 	inheritAttrs: !1,
 	__name: "Sheet",
 	props: {
@@ -15759,10 +15758,10 @@ var Kg = /* @__PURE__ */ y({
 			if (e.position === "left" || e.position === "right") return { maxWidth: $n(e.size) };
 		}), m = l(() => {
 			switch (e.position) {
-				case "left": return `translate(-${v_}px, 0)`;
-				case "top": return `translate(0, -${v_}px)`;
-				case "bottom": return `translate(0, ${v_}px)`;
-				default: return `translate(${v_}px, 0)`;
+				case "left": return `translate(-${y_}px, 0)`;
+				case "top": return `translate(0, -${y_}px)`;
+				case "bottom": return `translate(0, ${y_}px)`;
+				default: return `translate(${y_}px, 0)`;
 			}
 		});
 		return (t, l) => (R(), u(r, { to: "body" }, [o.value ? (R(), u(lf, {
@@ -15775,7 +15774,7 @@ var Kg = /* @__PURE__ */ y({
 				css: e.transitionName !== "none",
 				onAfterLeave: c
 			}, {
-				default: X(() => [e.open ? (R(), f("div", __, [_(Nd, j({
+				default: X(() => [e.open ? (R(), f("div", v_, [_(Nd, j({
 					class: ["vui-sheet", [`vui-sheet-position-${e.position}`]],
 					style: p.value
 				}, {
@@ -15814,13 +15813,13 @@ var Kg = /* @__PURE__ */ y({
 			_: 3
 		})) : d("", !0)]));
 	}
-}), [["__scopeId", "data-v-95a4d77f"]]), b_ = {
+}), [["__scopeId", "data-v-95a4d77f"]]), x_ = {
 	key: 0,
 	class: "vui-sidebar-header"
-}, x_ = { class: "vui-sidebar-content" }, S_ = { class: "vui-sidebar-content-wrap" }, C_ = {
+}, S_ = { class: "vui-sidebar-content" }, C_ = { class: "vui-sidebar-content-wrap" }, w_ = {
 	key: 1,
 	class: "vui-sidebar-footer"
-}, w_ = 32, T_ = /* @__PURE__ */ y({
+}, T_ = 32, E_ = /* @__PURE__ */ y({
 	__name: "Sidebar",
 	props: /* @__PURE__ */ A({
 		width: { default: 224 },
@@ -15852,7 +15851,7 @@ var Kg = /* @__PURE__ */ y({
 		return I(() => {
 			t.appear && r.value && (r.value = !1);
 		}), Vt(h, (e) => {
-			!t.appear || e <= w_ && e >= 0 && m.value || (e <= w_ && e >= 0 && !r.value && !m.value ? c() : m.value && u(), (e > w_ + (t.mini ? 65 : t.floaty ? t.width : t.width - (Kn(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
+			!t.appear || e <= T_ && e >= 0 && m.value || (e <= T_ && e >= 0 && !r.value && !m.value ? c() : m.value && u(), (e > T_ + (t.mini ? 65 : t.floaty ? t.width : t.width - (Kn(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
 		}, {
 			throttle: 100,
 			immediate: !0
@@ -15871,21 +15870,21 @@ var Kg = /* @__PURE__ */ y({
 			}]),
 			style: F({ "--vui-sidebar-width": `${t.mini ? 65 : t.width}px` })
 		}, [
-			q(i).header ? (R(), f("div", b_, [U(e.$slots, "header", P(C(s.value)))])) : d("", !0),
-			p("div", x_, [p("div", S_, [U(e.$slots, "default", P(C(s.value)))])]),
-			q(i).footer ? (R(), f("div", C_, [U(e.$slots, "footer", P(C(s.value)))])) : d("", !0)
+			q(i).header ? (R(), f("div", x_, [U(e.$slots, "header", P(C(s.value)))])) : d("", !0),
+			p("div", S_, [p("div", C_, [U(e.$slots, "default", P(C(s.value)))])]),
+			q(i).footer ? (R(), f("div", w_, [U(e.$slots, "footer", P(C(s.value)))])) : d("", !0)
 		], 6)], 6));
 	}
-}), E_ = "var(--border-radius-s)", D_ = /* @__PURE__ */ y({
+}), D_ = "var(--border-radius-s)", O_ = /* @__PURE__ */ y({
 	__name: "Skeleton",
 	props: {
-		radius: { default: () => E_ },
+		radius: { default: () => D_ },
 		width: { default: "100%" },
 		height: { default: "32px" },
 		circle: { type: Boolean }
 	},
 	setup(e) {
-		let t = l(() => $n(e.circle && e.radius === E_ ? 9999 : e.radius)), n = l(() => $n(e.circle ? e.width || e.height : e.width)), r = l(() => $n(e.circle && e.width || e.height));
+		let t = l(() => $n(e.circle && e.radius === D_ ? 9999 : e.radius)), n = l(() => $n(e.circle ? e.width || e.height : e.width)), r = l(() => $n(e.circle && e.width || e.height));
 		return (e, i) => (R(), f("div", {
 			class: "vui-skeleton",
 			style: F({
@@ -15895,25 +15894,25 @@ var Kg = /* @__PURE__ */ y({
 			})
 		}, null, 4));
 	}
-}), O_ = ["inert"], k_ = [
+}), k_ = ["inert"], A_ = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], A_ = [
+], j_ = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], j_ = [
+], M_ = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], M_ = /* @__PURE__ */ y({
+], N_ = /* @__PURE__ */ y({
 	__name: "Slider",
 	props: /* @__PURE__ */ A({
 		min: { default: 0 },
@@ -16052,7 +16051,7 @@ var Kg = /* @__PURE__ */ y({
 				onMousedown: s[0] ||= (e) => y(e, 0),
 				onTouchstart: s[1] ||= (e) => b(e, 0),
 				onKeydown: s[2] ||= (e) => C(e, 0)
-			}, null, 44, k_), p("span", {
+			}, null, 44, A_), p("span", {
 				class: "vui-slider-handle",
 				tabindex: "0",
 				role: "slider",
@@ -16066,7 +16065,7 @@ var Kg = /* @__PURE__ */ y({
 				onMousedown: s[3] ||= (e) => y(e, 1),
 				onTouchstart: s[4] ||= (e) => b(e, 1),
 				onKeydown: s[5] ||= (e) => C(e, 1)
-			}, null, 44, A_)], 64)) : (R(), f("span", {
+			}, null, 44, j_)], 64)) : (R(), f("span", {
 				key: 1,
 				class: "vui-slider-handle",
 				tabindex: "0",
@@ -16081,24 +16080,24 @@ var Kg = /* @__PURE__ */ y({
 				onMousedown: s[6] ||= (e) => y(e, 0),
 				onTouchstart: s[7] ||= (e) => b(e, 0),
 				onKeydown: s[8] ||= (e) => C(e)
-			}, null, 44, j_)),
+			}, null, 44, M_)),
 			e.steps ? (R(!0), f(n, { key: 2 }, H(e.steps + 1, (t) => (R(), f("div", {
 				key: t,
 				class: "vui-slider-step-indicator",
 				style: F({ left: `${(t - 1) / e.steps * 100}%` })
 			}, null, 4))), 128)) : d("", !0)
-		], 10, O_));
+		], 10, k_));
 	}
-}), N_ = ["id", "disabled"], P_ = ["for"], F_ = { class: "w-100" }, I_ = {
+}), P_ = ["id", "disabled"], F_ = ["for"], I_ = { class: "w-100" }, L_ = {
 	key: 0,
 	class: "vui-switch-content"
-}, L_ = {
+}, R_ = {
 	key: 1,
 	class: "vui-switch-content"
-}, R_ = {
+}, z_ = {
 	key: 2,
 	class: "vui-hint mt-xxs block"
-}, z_ = /* @__PURE__ */ y({
+}, B_ = /* @__PURE__ */ y({
 	__name: "Switch",
 	props: /* @__PURE__ */ A({
 		label: {},
@@ -16123,22 +16122,22 @@ var Kg = /* @__PURE__ */ y({
 			"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
 			type: "checkbox",
 			disabled: e.disabled
-		}, null, 8, N_), [[ge, n.value]]), p("label", { for: q(r) }, [a[1] ||= p("div", { class: "vui-switch-icon" }, [p("span", { class: "vui-switch-indicator" })], -1), p("div", F_, [!t.default && e.label ? (R(), f("p", I_, G(e.label), 1)) : (R(), f("div", L_, [U(i.$slots, "default")])), e.hint ? (R(), f("p", R_, G(e.hint), 1)) : d("", !0)])], 8, P_)], 2));
+		}, null, 8, P_), [[ge, n.value]]), p("label", { for: q(r) }, [a[1] ||= p("div", { class: "vui-switch-icon" }, [p("span", { class: "vui-switch-indicator" })], -1), p("div", I_, [!t.default && e.label ? (R(), f("p", L_, G(e.label), 1)) : (R(), f("div", R_, [U(i.$slots, "default")])), e.hint ? (R(), f("p", z_, G(e.hint), 1)) : d("", !0)])], 8, F_)], 2));
 	}
-}), B_ = {
+}), V_ = {
 	key: 0,
 	ref: "context",
 	class: "vui-cell-context"
-}, V_ = /* @__PURE__ */ y({
+}, H_ = /* @__PURE__ */ y({
 	__name: "Cell",
 	setup(e) {
 		let t = he(), n = J("context"), r = l(() => !t.context || !window ? {} : { paddingRight: `${n.value?.getBoundingClientRect().width ?? 0}px` });
-		return (e, t) => (R(), f("td", { style: F(r.value) }, [U(e.$slots, "default"), e.$slots.context ? (R(), f("div", B_, [U(e.$slots, "context")], 512)) : d("", !0)], 4));
+		return (e, t) => (R(), f("td", { style: F(r.value) }, [U(e.$slots, "default"), e.$slots.context ? (R(), f("div", V_, [U(e.$slots, "context")], 512)) : d("", !0)], 4));
 	}
-}), H_ = {
+}), U_ = {
 	key: 0,
 	class: "vui-table-th-content"
-}, U_ = /* @__PURE__ */ y({
+}, W_ = /* @__PURE__ */ y({
 	__name: "Head",
 	props: {
 		header: {},
@@ -16161,7 +16160,7 @@ var Kg = /* @__PURE__ */ y({
 				};
 			}
 		});
-		return (e, r) => (R(), f("th", null, [t.header || e.$slots.default ? (R(), f("div", H_, [U(e.$slots, "default", {}, () => [g(G(t.header?.label), 1)]), t.sort && t.header ? (R(), u($d, {
+		return (e, r) => (R(), f("th", null, [t.header || e.$slots.default ? (R(), f("div", U_, [U(e.$slots, "default", {}, () => [g(G(t.header?.label), 1)]), t.sort && t.header ? (R(), u($d, {
 			key: 0,
 			placement: "top"
 		}, {
@@ -16180,8 +16179,8 @@ var Kg = /* @__PURE__ */ y({
 			_: 1
 		})) : d("", !0)])) : d("", !0)]));
 	}
-}), W_ = Symbol("select-row-provide");
-function G_(e, t) {
+}), G_ = Symbol("select-row-provide");
+function K_(e, t) {
 	let n = l(() => K(e)), r = V({
 		pagination: {
 			enabled: !1,
@@ -16190,7 +16189,7 @@ function G_(e, t) {
 		},
 		select: !1,
 		...t
-	}), i = V(1), a = l(() => Gg(n.value.length, i.value, r.value.pagination?.perPage, r.value.pagination?.maxPages)), o = l(() => a.value.currentPage < a.value.endPage), s = l(() => a.value.currentPage > a.value.startPage), c = (e) => {
+	}), i = V(1), a = l(() => Kg(n.value.length, i.value, r.value.pagination?.perPage, r.value.pagination?.maxPages)), o = l(() => a.value.currentPage < a.value.endPage), s = l(() => a.value.currentPage > a.value.startPage), c = (e) => {
 		(e > i.value && o.value || e < i.value && s.value) && (i.value = e);
 	}, u = W({
 		key: void 0,
@@ -16238,7 +16237,7 @@ function G_(e, t) {
 	function S() {
 		_.value = /* @__PURE__ */ new Map();
 	}
-	return ie(W_, {
+	return ie(G_, {
 		selectedRows: _,
 		selectRow: y,
 		selectAllRows: x,
@@ -16265,10 +16264,10 @@ function G_(e, t) {
 }
 //#endregion
 //#region src/components/Table/Root.vue?vue&type=script&setup=true&lang.ts
-var K_ = { key: 0 }, q_ = {
+var q_ = { key: 0 }, J_ = {
 	key: 0,
 	class: "vui-table-pagination-wrap"
-}, J_ = /* @__PURE__ */ y({
+}, Y_ = /* @__PURE__ */ y({
 	__name: "Root",
 	props: {
 		fixed: { type: Boolean },
@@ -16289,7 +16288,7 @@ var K_ = { key: 0 }, q_ = {
 		scroll: { type: Boolean }
 	},
 	setup(e) {
-		let t = E(W_);
+		let t = E(G_);
 		return (n, r) => (R(), f("div", { class: N(["vui-table-container", {
 			fixed: e.fixed,
 			nowrap: e.nowrap,
@@ -16300,12 +16299,12 @@ var K_ = { key: 0 }, q_ = {
 			"pin-first": (e.pin === "first" || e.pin === "both") && !q(Bd).s,
 			"pin-last": (e.pin === "last" || e.pin === "both") && !q(Bd).s,
 			"vui-table-overflow": e.scroll
-		}]) }, [p("table", null, [n.$slots.header ? (R(), f("thead", K_, [p("tr", null, [U(n.$slots, "header")])])) : d("", !0), p("tbody", null, [U(n.$slots, "body")])]), n.$slots.pagination ? (R(), f("div", q_, [U(n.$slots, "pagination")])) : d("", !0)], 2));
+		}]) }, [p("table", null, [n.$slots.header ? (R(), f("thead", q_, [p("tr", null, [U(n.$slots, "header")])])) : d("", !0), p("tbody", null, [U(n.$slots, "body")])]), n.$slots.pagination ? (R(), f("div", J_, [U(n.$slots, "pagination")])) : d("", !0)], 2));
 	}
-}), Y_ = /* @__PURE__ */ y({
+}), X_ = /* @__PURE__ */ y({
 	__name: "SelectAll",
 	setup(e) {
-		let { isSelectedAll: t, enabled: n, selectAllRows: r } = E(W_);
+		let { isSelectedAll: t, enabled: n, selectAllRows: r } = E(G_);
 		return (e, i) => q(n) ? (R(), f("th", {
 			key: 0,
 			class: N(["vui-table-interactive-cell", { selected: q(t) }])
@@ -16318,11 +16317,11 @@ var K_ = { key: 0 }, q_ = {
 			_: 1
 		})], 2)) : d("", !0);
 	}
-}), X_ = /* @__PURE__ */ y({
+}), Z_ = /* @__PURE__ */ y({
 	__name: "SelectRow",
 	props: { row: {} },
 	setup(e) {
-		let t = e, { enabled: n, selectRow: r, selectedRows: i } = E(W_), a = l(() => i.value.has(t.row.id));
+		let t = e, { enabled: n, selectRow: r, selectedRows: i } = E(G_), a = l(() => i.value.has(t.row.id));
 		return (e, i) => q(n) ? (R(), f("td", {
 			key: 0,
 			class: N(["vui-table-interactive-cell", { selected: a.value }])
@@ -16335,20 +16334,20 @@ var K_ = { key: 0 }, q_ = {
 			_: 1
 		})], 2)) : d("", !0);
 	}
-}), Z_ = /* @__PURE__ */ Ae({
-	Cell: () => V_,
-	Head: () => U_,
-	Root: () => J_,
-	SelectAll: () => Y_,
-	SelectRow: () => X_
-}), Q_ = V(/* @__PURE__ */ new Map()), $_ = 0;
-function ev(e, t) {
+}), Q_ = /* @__PURE__ */ Ae({
+	Cell: () => H_,
+	Head: () => W_,
+	Root: () => Y_,
+	SelectAll: () => X_,
+	SelectRow: () => Z_
+}), $_ = V(/* @__PURE__ */ new Map()), ev = 0;
+function tv(e, t) {
 	let n = {
 		persist: !1,
 		timeout: 7e3,
 		...t
 	}, r = {
-		id: $_,
+		id: ev,
 		title: e,
 		persist: n.persist,
 		description: n.description,
@@ -16358,19 +16357,19 @@ function ev(e, t) {
 		body: n.body,
 		bodyProps: n.bodyProps ?? {}
 	};
-	return Q_.value.set($_, r), n.persist || setTimeout((e) => {
-		Q_.value.delete(e);
-	}, n.timeout, $_), $_++, r;
+	return $_.value.set(ev, r), n.persist || setTimeout((e) => {
+		$_.value.delete(e);
+	}, n.timeout, ev), ev++, r;
 }
-function tv(e) {
-	Q_.value.delete(e);
+function nv(e) {
+	$_.value.delete(e);
 }
 //#endregion
 //#region src/components/Toast/Toasts.vue?vue&type=script&setup=true&lang.ts
-var nv = {
+var rv = {
 	key: 1,
 	class: "vui-toast-item"
-}, rv = { class: "vui-toast-item-content" }, iv = { key: 0 }, av = /* @__PURE__ */ Qd(/* @__PURE__ */ y({
+}, iv = { class: "vui-toast-item-content" }, av = { key: 0 }, ov = /* @__PURE__ */ Qd(/* @__PURE__ */ y({
 	__name: "Toasts",
 	props: { placement: { default: "bottom-end" } },
 	setup(e) {
@@ -16379,13 +16378,13 @@ var nv = {
 			tag: "ul",
 			class: "vui-toast-list"
 		}, {
-			default: X(() => [(R(!0), f(n, null, H(q(Q_), ([e, t]) => (R(), f(n, { key: e }, [t.body ? (R(), u(ae(t.body), j({
+			default: X(() => [(R(!0), f(n, null, H(q($_), ([e, t]) => (R(), f(n, { key: e }, [t.body ? (R(), u(ae(t.body), j({
 				key: 0,
 				ref_for: !0
 			}, {
 				data: t.bodyProps,
 				toastId: e
-			}), null, 16)) : (R(), f("li", nv, [p("div", rv, [p("strong", null, G(t.title), 1), t.description ? (R(), f("p", iv, G(t.description), 1)) : d("", !0)]), t.action ? (R(), u(vr, {
+			}), null, 16)) : (R(), f("li", rv, [p("div", iv, [p("strong", null, G(t.title), 1), t.description ? (R(), f("p", av, G(t.description), 1)) : d("", !0)]), t.action ? (R(), u(vr, {
 				key: 0,
 				size: "s",
 				onClick: (e) => t.action.handler(t.id)
@@ -16399,7 +16398,7 @@ var nv = {
 }), [["__scopeId", "data-v-77c0b9d3"]]);
 //#endregion
 //#region src/lib/viewTransition.ts
-function ov() {
+function sv() {
 	let e = V(!1);
 	async function t(t) {
 		if (!document.startViewTransition) {
@@ -16422,4 +16421,4 @@ function ov() {
 	};
 }
 //#endregion
-export { kn as Accordion, Pn as AccordionGroup, zn as Alert, Vn as AspectRatio, sr as Avatar, lr as AvatarGroup, lf as Backdrop, dr as Badge, fr as BadgeGroup, pr as BreadcrumbItem, gr as Breadcrumbs, vr as Button, yr as ButtonGroup, Ed as Calendar, Nd as Card, Id as Carousel, sf as Checkbox, gg as Color, Df as Commands, zg as Confirm, kf as ContextMenu, jf as CopyClipboard, _g as Counter, Od as Divider, rh as Drawer, ah as Dropdown, dh as DropdownItem, ph as DropdownTitle, bg as Dropzone, eg as EmojiPicker, xg as File, cr as Flex, zh as Grid, tf as Histogram, tg as Indicator, fg as Input, cf as Kbd, Ag as KbdGroup, Pg as Marquee, Lg as MenuItem, Ig as Menubar, uf as Modal, Ug as OTP, Wg as OTPItem, pf as Overflow, Kg as Pagination, Sg as Password, Yd as Popout, Jg as PopoutHover, Yg as Progress, t_ as Radio, n_ as RadioGroup, i_ as Resizable, c_ as ResizableView, g_ as Select, y_ as Sheet, T_ as Sidebar, D_ as Skeleton, M_ as Slider, _r as Spinner, z_ as Switch, Vh as Tab, Z_ as Table, Wh as Tabs, kg as Textarea, av as Toasts, $d as Tooltip, Ld as breakpoints, G_ as defineTable, Gg as paginate, ev as pushToast, tv as removeToast, Wn as searchString, Td as setColorTheme, wd as theme, ov as useViewTransition, Bd as viewport };
+export { kn as Accordion, Pn as AccordionGroup, zn as Alert, Vn as AspectRatio, sr as Avatar, lr as AvatarGroup, lf as Backdrop, dr as Badge, fr as BadgeGroup, pr as BreadcrumbItem, gr as Breadcrumbs, vr as Button, yr as ButtonGroup, Ed as Calendar, Nd as Card, Id as Carousel, sf as Checkbox, _g as Color, Df as Commands, Bg as Confirm, kf as ContextMenu, jf as CopyClipboard, vg as Counter, Od as Divider, rh as Drawer, ah as Dropdown, dh as DropdownItem, ph as DropdownTitle, xg as Dropzone, tg as EmojiPicker, Sg as File, cr as Flex, zh as Grid, tf as Histogram, ng as Indicator, pg as Input, cf as Kbd, jg as KbdGroup, Fg as Marquee, Rg as MenuItem, Lg as Menubar, uf as Modal, Wg as OTP, Gg as OTPItem, pf as Overflow, qg as Pagination, Cg as Password, Yd as Popout, Yg as PopoutHover, Xg as Progress, n_ as Radio, r_ as RadioGroup, a_ as Resizable, l_ as ResizableView, __ as Select, b_ as Sheet, E_ as Sidebar, O_ as Skeleton, N_ as Slider, _r as Spinner, B_ as Switch, Vh as Tab, Q_ as Table, Wh as Tabs, Ag as Textarea, ov as Toasts, $d as Tooltip, Ld as breakpoints, K_ as defineTable, Kg as paginate, tv as pushToast, nv as removeToast, Wn as searchString, Td as setColorTheme, wd as theme, sv as useViewTransition, Bd as viewport };