@v1nt1248/3nclient-lib 0.3.34 → 0.3.36

package/dist/ui3n-components.js

@@ -1,9 +1,9 @@
 import { $ as e, B as t, Q as n, R as r, T as i, V as a, X as o, Z as s, at as c, ct as l, dt as u, et as d, ft as f, ht as p, it as m, lt as h, mt as g, nt as _, o as v, ot as y, pt as b, rt as x, st as S, t as C, tt as w, ut as T, v as ee, z as E } from "./chunks/plugins-keys-jqAZ5D94.js";
-import { a as te, i as D, n as O, r as k, t as A } from "./chunks/ui3n-notification-DPC5Ke4b.js";
-import { t as ne } from "./chunks/emoticons-DMgiBINj.js";
-import re from "sanitize-html";
-import { autoUpdate as j, computePosition as ie, offset as ae } from "@floating-ui/dom";
-import { Fragment as M, Teleport as oe, Transition as se, TransitionGroup as ce, computed as N, createBlock as P, createCommentVNode as F, createElementBlock as I, createElementVNode as L, createTextVNode as le, createVNode as R, defineComponent as z, inject as ue, mergeProps as de, nextTick as fe, normalizeClass as B, normalizeStyle as V, onBeforeMount as pe, onBeforeUnmount as me, onMounted as H, onUnmounted as he, openBlock as U, provide as ge, ref as W, renderList as G, renderSlot as K, resolveDynamicComponent as _e, shallowRef as ve, toDisplayString as q, toHandlers as ye, unref as J, useCssModule as be, useCssVars as xe, useSlots as Se, useTemplateRef as Ce, vModelText as we, watch as Y, withCtx as X, withDirectives as Te, withKeys as Z, withModifiers as Q } from "vue";
+import { a as D, i as O, n as k, r as A, t as j } from "./chunks/ui3n-notification-DPC5Ke4b.js";
+import { t as te } from "./chunks/emoticons-DMgiBINj.js";
+import ne from "sanitize-html";
+import { autoUpdate as M, computePosition as re, offset as ie } from "@floating-ui/dom";
+import { Fragment as N, Teleport as ae, Transition as oe, TransitionGroup as se, computed as P, createBlock as F, createCommentVNode as I, createElementBlock as L, createElementVNode as R, createTextVNode as ce, createVNode as z, defineComponent as B, inject as le, mergeProps as ue, nextTick as de, normalizeClass as V, normalizeStyle as H, onBeforeMount as fe, onBeforeUnmount as pe, onMounted as U, onUnmounted as me, openBlock as W, provide as he, ref as G, renderList as ge, renderSlot as K, resolveDynamicComponent as _e, shallowRef as ve, toDisplayString as q, toHandlers as ye, unref as J, useCssModule as be, useCssVars as xe, useSlots as Se, useTemplateRef as Ce, vModelText as we, watch as Y, withCtx as X, withDirectives as Te, withKeys as Z, withModifiers as Q } from "vue";
 import { arrow as Ee, autoUpdate as De, flip as Oe, offset as ke, shift as Ae, useFloating as je } from "@floating-ui/vue";
 //#region node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_arrayMap.js
 var Me = /* @__PURE__ */ g(((e, t) => {
@@ -508,39 +508,39 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 	var n = qt(), r = x(), i = _(), a = i && i.isSet;
 	t.exports = a ? r(a) : n;
 })), Yt = /* @__PURE__ */ g(((e, t) => {
-	var n = st(), r = ct(), i = dt(), a = _t(), s = xt(), l = St(), u = Ct(), d = Dt(), f = jt(), p = Nt(), h = Pt(), g = o(), _ = Ft(), v = Ht(), y = Wt(), b = c(), x = m(), S = Kt(), C = T(), w = Jt(), ee = gt(), E = bt(), te = 1, D = 2, O = 4, k = "[object Arguments]", A = "[object Array]", ne = "[object Boolean]", re = "[object Date]", j = "[object Error]", ie = "[object Function]", ae = "[object GeneratorFunction]", M = "[object Map]", oe = "[object Number]", se = "[object Object]", ce = "[object RegExp]", N = "[object Set]", P = "[object String]", F = "[object Symbol]", I = "[object WeakMap]", L = "[object ArrayBuffer]", le = "[object DataView]", R = "[object Float32Array]", z = "[object Float64Array]", ue = "[object Int8Array]", de = "[object Int16Array]", fe = "[object Int32Array]", B = "[object Uint8Array]", V = "[object Uint8ClampedArray]", pe = "[object Uint16Array]", me = "[object Uint32Array]", H = {};
-	H[k] = H[A] = H[L] = H[le] = H[ne] = H[re] = H[R] = H[z] = H[ue] = H[de] = H[fe] = H[M] = H[oe] = H[se] = H[ce] = H[N] = H[P] = H[F] = H[B] = H[V] = H[pe] = H[me] = !0, H[j] = H[ie] = H[I] = !1;
-	function he(e, t, o, c, m, T) {
-		var A, ne = t & te, re = t & D, j = t & O;
-		if (o && (A = m ? o(e, c, m, T) : o(e)), A !== void 0) return A;
+	var n = st(), r = ct(), i = dt(), a = _t(), s = xt(), l = St(), u = Ct(), d = Dt(), f = jt(), p = Nt(), h = Pt(), g = o(), _ = Ft(), v = Ht(), y = Wt(), b = c(), x = m(), S = Kt(), C = T(), w = Jt(), ee = gt(), E = bt(), D = 1, O = 2, k = 4, A = "[object Arguments]", j = "[object Array]", te = "[object Boolean]", ne = "[object Date]", M = "[object Error]", re = "[object Function]", ie = "[object GeneratorFunction]", N = "[object Map]", ae = "[object Number]", oe = "[object Object]", se = "[object RegExp]", P = "[object Set]", F = "[object String]", I = "[object Symbol]", L = "[object WeakMap]", R = "[object ArrayBuffer]", ce = "[object DataView]", z = "[object Float32Array]", B = "[object Float64Array]", le = "[object Int8Array]", ue = "[object Int16Array]", de = "[object Int32Array]", V = "[object Uint8Array]", H = "[object Uint8ClampedArray]", fe = "[object Uint16Array]", pe = "[object Uint32Array]", U = {};
+	U[A] = U[j] = U[R] = U[ce] = U[te] = U[ne] = U[z] = U[B] = U[le] = U[ue] = U[de] = U[N] = U[ae] = U[oe] = U[se] = U[P] = U[F] = U[I] = U[V] = U[H] = U[fe] = U[pe] = !0, U[M] = U[re] = U[L] = !1;
+	function me(e, t, o, c, m, T) {
+		var j, te = t & D, ne = t & O, M = t & k;
+		if (o && (j = m ? o(e, c, m, T) : o(e)), j !== void 0) return j;
 		if (!C(e)) return e;
-		var M = b(e);
-		if (M) {
-			if (A = _(e), !ne) return u(e, A);
+		var N = b(e);
+		if (N) {
+			if (j = _(e), !te) return u(e, j);
 		} else {
-			var oe = g(e), ce = oe == ie || oe == ae;
-			if (x(e)) return l(e, ne);
-			if (oe == se || oe == k || ce && !m) {
-				if (A = re || ce ? {} : y(e), !ne) return re ? f(e, s(A, e)) : d(e, a(A, e));
+			var ae = g(e), se = ae == re || ae == ie;
+			if (x(e)) return l(e, te);
+			if (ae == oe || ae == A || se && !m) {
+				if (j = ne || se ? {} : y(e), !te) return ne ? f(e, s(j, e)) : d(e, a(j, e));
 			} else {
-				if (!H[oe]) return m ? e : {};
-				A = v(e, oe, ne);
+				if (!U[ae]) return m ? e : {};
+				j = v(e, ae, te);
 			}
 		}
 		T ||= new n();
-		var N = T.get(e);
-		if (N) return N;
-		T.set(e, A), w(e) ? e.forEach(function(n) {
-			A.add(he(n, t, o, n, e, T));
+		var P = T.get(e);
+		if (P) return P;
+		T.set(e, j), w(e) ? e.forEach(function(n) {
+			j.add(me(n, t, o, n, e, T));
 		}) : S(e) && e.forEach(function(n, r) {
-			A.set(r, he(n, t, o, r, e, T));
+			j.set(r, me(n, t, o, r, e, T));
 		});
-		var P = M ? void 0 : (j ? re ? h : p : re ? E : ee)(e);
-		return r(P || e, function(n, r) {
-			P && (r = n, n = e[r]), i(A, r, he(n, t, o, r, e, T));
-		}), A;
+		var F = N ? void 0 : (M ? ne ? h : p : ne ? E : ee)(e);
+		return r(F || e, function(n, r) {
+			F && (r = n, n = e[r]), i(j, r, me(n, t, o, r, e, T));
+		}), j;
 	}
-	t.exports = he;
+	t.exports = me;
 })), Xt = /* @__PURE__ */ g(((e, t) => {
 	var n = u(), r = S(), i = "[object Symbol]";
 	function a(e) {
@@ -783,11 +783,11 @@ function Tn(e, t) {
 		return;
 	}
 	if (typeof r == "string") {
-		e.innerHTML = re(r);
+		e.innerHTML = ne(r);
 		return;
 	}
 	try {
-		e.innerHTML = re(r.dirty, { ...(0, wn.default)(r, "dirty") });
+		e.innerHTML = ne(r.dirty, { ...(0, wn.default)(r, "dirty") });
 		return;
 	} catch (e) {
 		throw Error("[v-ui3n-html] ", e);
@@ -946,11 +946,11 @@ function Wn(e, t, n) {
 		return;
 	}
 	let f = document.getElementById(zn), p = f || document.createElement("div");
-	f || (p.id = zn, p.classList.add("ui3n-title")), p.innerHTML = r, p.style.maxWidth = `${i}px`, p.style.color = a, p.style.backgroundColor = o, Object.keys(d).length && Object.assign(p.style, d), e.insertAdjacentElement("beforeend", p), Rn = j(e, p, () => {
-		ie(e, p, {
+	f || (p.id = zn, p.classList.add("ui3n-title")), p.innerHTML = r, p.style.maxWidth = `${i}px`, p.style.color = a, p.style.backgroundColor = o, Object.keys(d).length && Object.assign(p.style, d), e.insertAdjacentElement("beforeend", p), Rn = M(e, p, () => {
+		re(e, p, {
 			placement: s,
 			strategy: c,
-			middleware: [ae(Hn(s, l, u))]
+			middleware: [ie(Hn(s, l, u))]
 		}).then(({ x: e, y: t }) => {
 			Object.assign(p.style, {
 				left: `${e}px`,
@@ -1049,7 +1049,7 @@ var Qn = {
 		}, a = Jn(t);
 		n.removeEventListener("pointerdown", a.pointerdownEvent, i), n.removeEventListener("pointerup", a.pointerupEvent, i), n.removeEventListener("pointermove", a.pointermoveEvent, i);
 	}
-}, $n = ["id"], er = /* @__PURE__ */ D(/* @__PURE__ */ z({
+}, $n = ["id"], er = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-chip",
 	props: {
 		id: {},
@@ -1074,29 +1074,29 @@ var Qn = {
 	},
 	emits: ["close", "click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Se(), a = N(() => {
+		let n = e, r = t, i = Se(), a = P(() => {
 			let e = Number(n.height);
 			return isNaN(e) ? 24 : e;
-		}), o = N(() => `${a.value}px`), s = N(() => a.value - 4), c = N(() => {
+		}), o = P(() => `${a.value}px`), s = P(() => a.value - 4), c = P(() => {
 			let e = Math.round(a.value / 3);
 			return p.value ? `0 ${e}px 0 4px` : `0 ${e}px`;
-		}), l = N(() => {
+		}), l = P(() => {
 			let e = Number(n.maxWidth);
 			return isNaN(e) ? String(n.maxWidth) : `${e}px`;
-		}), u = N(() => n.color), d = N(() => {
+		}), u = P(() => n.color), d = P(() => {
 			let e = Number(n.textSize);
 			return isNaN(e) ? String(n.textSize) : `${e}px`;
-		}), f = N(() => n.textColor), p = N(() => !!i.left);
-		return (t, n) => (U(), I("div", {
+		}), f = P(() => n.textColor), p = P(() => !!i.left);
+		return (t, n) => (W(), L("div", {
 			id: e.id,
-			class: B([
+			class: V([
 				t.$style.ui3nChip,
 				e.round && t.$style.round,
 				e.plain && t.$style.plain,
 				e.closeable && t.$style.closeable,
 				p.value && t.$style.withIcon
 			]),
-			style: V({
+			style: H({
 				"--ui3n-chip-height": o.value,
 				"--ui3n-chip-max-width": l.value,
 				"--ui3n-chip-padding": c.value,
@@ -1106,12 +1106,12 @@ var Qn = {
 			}),
 			onClick: n[1] ||= (e) => r("click", e)
 		}, [
-			L("div", { class: B(t.$style.ui3nChipIcon) }, [K(t.$slots, "left", {
+			R("div", { class: V(t.$style.ui3nChipIcon) }, [K(t.$slots, "left", {
 				size: s.value,
 				color: f.value
 			})], 2),
-			L("div", { class: B(t.$style.ui3nChipBody) }, [K(t.$slots, "default")], 2),
-			e.closeable ? (U(), P(O, {
+			R("div", { class: V(t.$style.ui3nChipBody) }, [K(t.$slots, "default")], 2),
+			e.closeable ? (W(), F(k, {
 				key: 0,
 				type: "icon",
 				size: "small",
@@ -1120,7 +1120,7 @@ var Qn = {
 				"icon-color": "var(--color-icon-control-primary-default)",
 				disabled: e.disabled,
 				onClick: n[0] ||= Q((e) => r("close"), ["stop", "prevent"])
-			}, null, 8, ["disabled"])) : F("", !0)
+			}, null, 8, ["disabled"])) : I("", !0)
 		], 14, $n));
 	}
 }), [["__cssModules", { $style: {
@@ -1133,7 +1133,7 @@ var Qn = {
 	ui3nChipIcon: "_ui3nChipIcon_prky3_33",
 	round: "_round_prky3_41",
 	plain: "_plain_prky3_50"
-} }]]), tr = ["name"], nr = ["width", "height"], rr = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), tr = ["name"], nr = ["width", "height"], rr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-drop-files",
 	props: {
 		name: { default: void 0 },
@@ -1147,7 +1147,7 @@ var Qn = {
 	},
 	emits: ["select"],
 	setup(e, { expose: t, emit: n }) {
-		let r = Fn, i = e, a = n, o = W(null), s = W(null), c = W(0), l = W(!1), u = W(!1);
+		let r = Fn, i = e, a = n, o = G(null), s = G(null), c = G(0), l = G(!1), u = G(!1);
 		function d(e) {
 			e.preventDefault(), l.value = !0;
 		}
@@ -1182,12 +1182,12 @@ var Qn = {
 		}
 		return t({ clear: v }), Y(() => i.name, (e) => {
 			!e && s.value && (s.value.value = "");
-		}), H(() => {
+		}), U(() => {
 			_();
-		}), (t, n) => Te((U(), I("div", {
+		}), (t, n) => Te((W(), L("div", {
 			ref_key: "wrapperElement",
 			ref: o,
-			class: B([
+			class: V([
 				t.$style.ui3nDropFiles,
 				e.permanentDisplay && t.$style.ui3nDropFilesWithBorder,
 				(l.value || u.value) && t.$style.ui3nDropFilesWithAccentBorder
@@ -1196,7 +1196,7 @@ var Qn = {
 			onDragover: n[2] ||= Q(() => {}, ["prevent"]),
 			onDragleave: f
 		}, [
-			e.name ? (U(), I("input", {
+			e.name ? (W(), L("input", {
 				key: 0,
 				ref_key: "fileInput",
 				ref: s,
@@ -1204,33 +1204,33 @@ var Qn = {
 				name: e.name,
 				multiple: "",
 				hidden: ""
-			}, null, 8, tr)) : F("", !0),
+			}, null, 8, tr)) : I("", !0),
 			K(t.$slots, "default"),
-			e.permanentDisplay || l.value || u.value ? (U(), I("div", {
+			e.permanentDisplay || l.value || u.value ? (W(), L("div", {
 				key: 1,
-				class: B(t.$style.ui3nDropFilesDropzone),
+				class: V(t.$style.ui3nDropFilesDropzone),
 				onDragenter: m,
 				onDragover: p,
 				onDragleave: h,
 				onDrop: g
 			}, [
-				L("h3", { class: B(t.$style.ui3nDropFilesDropzoneTitle) }, q(e.title), 3),
-				L("div", { class: B(t.$style.ui3nDropFilesDropzoneIcon) }, [(U(), I("svg", {
+				R("h3", { class: V(t.$style.ui3nDropFilesDropzoneTitle) }, q(e.title), 3),
+				R("div", { class: V(t.$style.ui3nDropFilesDropzoneIcon) }, [(W(), L("svg", {
 					width: c.value * .35,
 					height: c.value * .35,
 					viewBox: "0 0 192 192",
 					fill: "none",
 					xmlns: "http://www.w3.org/2000/svg"
-				}, [...n[3] ||= [L("path", {
+				}, [...n[3] ||= [R("path", {
 					d: "M51 152C47.9333 152 45.3333 150.934 43.2 148.8C41.0667 146.667 40 144.067 40 141V119.8H46.2V141C46.2 142.2 46.7 143.3 47.7 144.3C48.7 145.3 49.8 145.8 51 145.8H141C142.2 145.8 143.3 145.3 144.3 144.3C145.3 143.3 145.8 142.2 145.8 141V119.8H152V141C152 144.067 150.933 146.667 148.8 148.8C146.667 150.934 144.067 152 141 152H51ZM93 122.4V49.2002L72.8 69.2002L68.4 65.0002L96 37.2002L123.6 65.0002L119.2 69.2002L99 49.2002V122.4H93Z",
 					fill: "var(--color-icon-control-primary-default)"
 				}, null, -1)]], 8, nr))], 2),
-				L("div", {
-					class: B(t.$style.ui3nDropFilesDropzoneAdditional),
+				R("div", {
+					class: V(t.$style.ui3nDropFilesDropzoneAdditional),
 					onDragenter: n[0] ||= Q(() => {}, ["stop", "prevent"]),
 					onDragleave: n[1] ||= Q(() => {}, ["stop", "prevent"])
 				}, [K(t.$slots, "additional-text")], 34)
-			], 34)) : F("", !0)
+			], 34)) : I("", !0)
 		], 34)), [[J(r), () => _()]]);
 	}
 }), [["__cssModules", { $style: {
@@ -1241,7 +1241,7 @@ var Qn = {
 	ui3nDropFilesDropzoneTitle: "_ui3nDropFilesDropzoneTitle_gssdx_33",
 	ui3nDropFilesDropzoneIcon: "_ui3nDropFilesDropzoneIcon_gssdx_41",
 	ui3nDropFilesDropzoneAdditional: "_ui3nDropFilesDropzoneAdditional_gssdx_53"
-} }]]), ir = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ir = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-emoji",
 	props: {
 		emoji: {},
@@ -1253,7 +1253,7 @@ var Qn = {
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = W(null), a = N(() => ne[n.emoji]), o = N(() => {
+		let n = e, r = t, i = G(null), a = P(() => te[n.emoji]), o = P(() => {
 			let e = isNaN(Number(n.size)) ? String(n.size) : `${n.size}px`;
 			return {
 				"--ui3n-emoji-size": e,
@@ -1264,8 +1264,8 @@ var Qn = {
 			e.stopPropagation(), r("click", e);
 		}
 		return Y(() => n.emoji, (e) => {
-			Object.keys(ne).includes(e) || console.error(`[Ui3nEmoji] Invalid emoticon: ${e}`);
-		}, { immediate: !0 }), (t, n) => (U(), I("div", de({
+			Object.keys(te).includes(e) || console.error(`[Ui3nEmoji] Invalid emoticon: ${e}`);
+		}, { immediate: !0 }), (t, n) => (W(), L("div", ue({
 			ref_key: "emojiElement",
 			ref: i,
 			class: [t.$style.ui3nEmoji, e.readonly && t.$style.readonly],
@@ -1285,7 +1285,7 @@ var Qn = {
 	"maxlength",
 	"minlength",
 	"value"
-], sr = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], sr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-input",
 	props: {
 		id: {},
@@ -1344,7 +1344,7 @@ var Qn = {
 		"update:valid"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Se(), o = W(null), s = W(""), c = W(!1), l = W(!1), u = W(""), d = N(() => !!a["prepend-icon"]), f = N(() => !!a["append-icon"]), p = N(() => r.displayStateMode === "success" && r.displayStateWithIcon && !l.value), m = N(() => !r.disabled && r.clearable && !!s.value && !p.value), h = N(() => p.value || m.value || f.value), g = N(() => !!u.value || !!(r.displayStateMode && r.displayStateMessage)), _ = N(() => !!u.value || r.displayStateMode === "error" && !!r.displayStateMessage), v = N(() => r.displayStateMode === "success" && !!r.displayStateMessage);
+		let r = e, i = n, a = Se(), o = G(null), s = G(""), c = G(!1), l = G(!1), u = G(""), d = P(() => !!a["prepend-icon"]), f = P(() => !!a["append-icon"]), p = P(() => r.displayStateMode === "success" && r.displayStateWithIcon && !l.value), m = P(() => !r.disabled && r.clearable && !!s.value && !p.value), h = P(() => p.value || m.value || f.value), g = P(() => !!u.value || !!(r.displayStateMode && r.displayStateMessage)), _ = P(() => !!u.value || r.displayStateMode === "error" && !!r.displayStateMessage), v = P(() => r.displayStateMode === "success" && !!r.displayStateMessage);
 		function y(e) {
 			return e.target.value;
 		}
@@ -1361,7 +1361,7 @@ var Qn = {
 			l.value = !0, i("focus", e);
 		}
 		function S(e) {
-			fe(() => {
+			de(() => {
 				l.value = !1, i("blur", e);
 			});
 		}
@@ -1389,24 +1389,24 @@ var Qn = {
 		function E(e) {
 			i("keydown", e);
 		}
-		function te() {
+		function D() {
 			s.value = "", c.value = !1, u.value = "", o.value && (o.value.value = "", o.value.focus()), i("update:modelValue", ""), i("input", ""), i("change", ""), i("clear"), i("update:valid", !0);
 		}
 		return t({
 			inputElement: o,
 			isDirty: c,
 			isFocused: l,
-			clearValue: te
-		}), H(() => {
+			clearValue: D
+		}), U(() => {
 			s.value = r.modelValue ?? "", o.value && (i("init", o.value), r.autofocus && o.value.focus()), r.validateAtStartup && (c.value = !0, b(s.value));
 		}), Y(() => r.modelValue, (e) => {
 			let t = e ?? "";
 			t !== s.value && (s.value = t, b(t, !0));
 		}), Y(() => r.name, (e) => {
-			e || te();
-		}), (t, n) => (U(), I("div", {
+			e || D();
+		}), (t, n) => (W(), L("div", {
 			id: e.id,
-			class: B([
+			class: V([
 				t.$style.ui3nInput,
 				e.size === "large" && t.$style.large,
 				e.label && t.$style.withLabel,
@@ -1416,20 +1416,20 @@ var Qn = {
 				e.displayStateMode === "success" && t.$style.success
 			])
 		}, [
-			e.label ? (U(), I("label", {
+			e.label ? (W(), L("label", {
 				key: 0,
-				class: B(t.$style.ui3nInputLabel)
-			}, q(e.label), 3)) : F("", !0),
-			L("div", { class: B([
+				class: V(t.$style.ui3nInputLabel)
+			}, q(e.label), 3)) : I("", !0),
+			R("div", { class: V([
 				t.$style.inputWrapper,
 				d.value && t.$style.withPrepend,
 				h.value && t.$style.withAppend
 			]) }, [
-				d.value ? (U(), I("div", {
+				d.value ? (W(), L("div", {
 					key: 0,
-					class: B(t.$style.prependIconSlot)
-				}, [K(t.$slots, "prepend-icon")], 2)) : F("", !0),
-				L("input", {
+					class: V(t.$style.prependIconSlot)
+				}, [K(t.$slots, "prepend-icon")], 2)) : I("", !0),
+				R("input", {
 					ref_key: "inputElement",
 					ref: o,
 					autocomplete: e.autocomplete,
@@ -1441,7 +1441,7 @@ var Qn = {
 					maxlength: e.maxlength,
 					minlength: e.minlength,
 					value: s.value,
-					class: B(t.$style.ui3nInputField),
+					class: V(t.$style.ui3nInputField),
 					onInput: w,
 					onKeydown: [
 						Z(T, ["enter"]),
@@ -1452,18 +1452,18 @@ var Qn = {
 					onBlur: S,
 					onChange: C
 				}, null, 42, or),
-				h.value ? (U(), I("div", {
+				h.value ? (W(), L("div", {
 					key: 1,
-					class: B(t.$style.appendIconSlot)
+					class: V(t.$style.appendIconSlot)
 				}, [
-					p.value ? (U(), P(k, {
+					p.value ? (W(), F(A, {
 						key: 0,
 						icon: "round-check-circle-outline",
 						size: 16,
 						color: "var(--success-content-default)",
-						class: B(t.$style.appendSlotItem)
-					}, null, 8, ["class"])) : F("", !0),
-					m.value ? (U(), P(O, {
+						class: V(t.$style.appendSlotItem)
+					}, null, 8, ["class"])) : I("", !0),
+					m.value ? (W(), F(k, {
 						key: 1,
 						type: "icon",
 						size: "small",
@@ -1471,22 +1471,22 @@ var Qn = {
 						icon: "round-close",
 						"icon-size": "16",
 						"icon-color": "var(--color-icon-control-accent-default)",
-						class: B(t.$style.appendSlotItem),
+						class: V(t.$style.appendSlotItem),
 						onMousedown: n[0] ||= Q(() => {}, ["prevent"]),
 						onTouchstart: n[1] ||= Q(() => {}, ["prevent"]),
-						onClick: te
-					}, null, 8, ["class"])) : F("", !0),
-					f.value ? K(t.$slots, "append-icon", { key: 2 }) : F("", !0)
-				], 2)) : F("", !0)
+						onClick: D
+					}, null, 8, ["class"])) : I("", !0),
+					f.value ? K(t.$slots, "append-icon", { key: 2 }) : I("", !0)
+				], 2)) : I("", !0)
 			], 2),
-			g.value ? (U(), I("div", {
+			g.value ? (W(), L("div", {
 				key: 1,
-				class: B([
+				class: V([
 					t.$style.ui3nInputFieldMessage,
 					_.value && t.$style.ui3nInputErrorMessage,
 					v.value && t.$style.ui3nInputSuccessMessage
 				])
-			}, q(u.value || e.displayStateMessage), 3)) : F("", !0)
+			}, q(u.value || e.displayStateMessage), 3)) : I("", !0)
 		], 10, ar));
 	}
 }), [["__cssModules", { $style: {
@@ -1647,7 +1647,7 @@ var Qn = {
 	"multiple",
 	"accept",
 	"disabled"
-], Ar = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], Ar = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-input-file",
 	props: {
 		id: {},
@@ -1662,7 +1662,7 @@ var Qn = {
 	},
 	emits: ["update:modelValue", "error"],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, o = i.id || t(4), s = W(null);
+		let i = e, a = r, o = i.id || t(4), s = G(null);
 		function c(e) {
 			i.disabled || (e.stopImmediatePropagation(), s.value?.click());
 		}
@@ -1702,11 +1702,11 @@ var Qn = {
 		}
 		return n({ clear: h }), Y(() => i.name, (e) => {
 			e || h();
-		}), (t, n) => (U(), I("div", { class: B(t.$style.ui3nInputFile) }, [L("label", {
+		}), (t, n) => (W(), L("div", { class: V(t.$style.ui3nInputFile) }, [R("label", {
 			for: J(o),
-			class: B([t.$style.label, e.disabled && t.$style.disabled]),
+			class: V([t.$style.label, e.disabled && t.$style.disabled]),
 			onClick: Q(c, ["stop", "prevent"])
-		}, [K(t.$slots, "default", {}, () => [le(q(e.buttonText), 1)])], 10, Or), L("input", {
+		}, [K(t.$slots, "default", {}, () => [ce(q(e.buttonText), 1)])], 10, Or), R("input", {
 			id: J(o),
 			ref_key: "fileInput",
 			ref: s,
@@ -1731,7 +1731,7 @@ var Qn = {
 	"rows",
 	"max-rows",
 	"disabled"
-], Nr = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], Nr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-text",
 	props: {
 		id: {},
@@ -1764,7 +1764,7 @@ var Qn = {
 		"update:valid"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = W(null), o = W(""), s = W(!1), c = W(!1), l = W("");
+		let r = e, i = n, a = G(null), o = G(""), s = G(!1), c = G(!1), l = G("");
 		function u(e, t = !1) {
 			if (l.value = "", r.rules && r.rules.length) {
 				for (let t of r.rules) if (typeof t == "function") {
@@ -1807,26 +1807,26 @@ var Qn = {
 		function _() {
 			o.value = "", l.value = "", s.value = !1, a.value && (a.value.value = ""), i("update:modelValue", ""), i("input", ""), i("change", ""), i("update:valid", !0);
 		}
-		return t({ clear: _ }), H(() => {
+		return t({ clear: _ }), U(() => {
 			a.value && (E(a.value), i("init", a.value)), r.validateAtStartup && u(o.value);
 		}), Y(() => r.name, (e) => {
 			e || _();
 		}), Y(() => r.modelValue, (e, t) => {
 			(e ?? "") !== (t ?? "") && (o.value = e ?? "", u(o.value, s.value || r.validateAtStartup));
-		}, { immediate: !0 }), (t, n) => (U(), I("div", {
+		}, { immediate: !0 }), (t, n) => (W(), L("div", {
 			id: e.id,
-			class: B([
+			class: V([
 				t.$style.ui3nText,
 				e.disabled && t.$style.disabled,
 				c.value && t.$style.focused,
 				l.value && t.$style.hasError
 			])
 		}, [
-			e.label ? (U(), I("label", {
+			e.label ? (W(), L("label", {
 				key: 0,
-				class: B(t.$style.label)
-			}, q(e.label), 3)) : F("", !0),
-			L("div", { class: B(t.$style.body) }, [L("textarea", de({
+				class: V(t.$style.label)
+			}, q(e.label), 3)) : I("", !0),
+			R("div", { class: V(t.$style.body) }, [R("textarea", ue({
 				ref_key: "textareaElement",
 				ref: a,
 				class: t.$style.content,
@@ -1847,10 +1847,10 @@ var Qn = {
 				onFocusin: d,
 				onFocusout: f
 			}), null, 16, Mr)], 2),
-			l.value ? (U(), I("div", {
+			l.value ? (W(), L("div", {
 				key: 1,
-				class: B(t.$style.errorBlock)
-			}, q(l.value), 3)) : F("", !0)
+				class: V(t.$style.errorBlock)
+			}, q(l.value), 3)) : I("", !0)
 		], 10, jr));
 	}
 }), [["__cssModules", { $style: {
@@ -1868,7 +1868,7 @@ var Qn = {
 	"disabled",
 	"checked",
 	"value"
-], Ir = ["tabindex"], Lr = ["width", "height"], Rr = ["width", "height"], zr = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], Ir = ["tabindex"], Lr = ["width", "height"], Rr = ["width", "height"], zr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-checkbox",
 	props: {
 		id: {},
@@ -1910,16 +1910,16 @@ var Qn = {
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = te, i = e, a = n, o = Se(), s = be(), c = W(null), l = W(i.modelValue), u = W(i.indeterminate), d = N(() => u.value ? "indeterminate" : l.value === i.checkedValue ? "checked" : "unchecked"), f = N(() => typeof l.value == "boolean" ? l.value ? "on" : "" : String(l.value)), p = N(() => {
+		let r = D, i = e, a = n, o = Se(), s = be(), c = G(null), l = G(i.modelValue), u = G(i.indeterminate), d = P(() => u.value ? "indeterminate" : l.value === i.checkedValue ? "checked" : "unchecked"), f = P(() => typeof l.value == "boolean" ? l.value ? "on" : "" : String(l.value)), p = P(() => {
 			let e = parseFloat(String(i.size));
 			return isNaN(e) ? 12 : e - 4;
-		}), m = N(() => ({
+		}), m = P(() => ({
 			"--ui3n-checkbox-size": typeof i.size == "number" ? `${i.size}px` : i.size,
 			"--ui3n-checkbox-color": i.color
-		})), h = N(() => {
+		})), h = P(() => {
 			let e = [s.ui3nCheckbox];
 			return i.disabled && e.push(s.disabled), !o.default && e.push(s.noLabel), e;
-		}), g = N(() => {
+		}), g = P(() => {
 			let e = [s.ui3nCheckboxBody];
 			return d.value === "unchecked" ? e.push(s.unfilled) : e.push(s.filled), e;
 		});
@@ -1931,17 +1931,17 @@ var Qn = {
 		}
 		return t({ clear: v }), Y(() => i.name, (e) => {
 			e || v();
-		}), Y(() => i.modelValue, (e) => l.value = e), Y(() => i.indeterminate, (e) => u.value = e), pe(() => {
+		}), Y(() => i.modelValue, (e) => l.value = e), Y(() => i.indeterminate, (e) => u.value = e), fe(() => {
 			let e = typeof i.checkedValue, t = typeof i.uncheckedValue, n = typeof i.modelValue;
 			if (e !== t || e !== n || t !== n) throw Error("[Ui3nCheckbox] types of \"value\", \"checkedValue\" and \"uncheckedValue\" are different");
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (W(), L("div", {
 			ref_key: "checkboxEl",
 			ref: c,
 			id: e.id,
-			class: B(h.value),
-			style: V(m.value)
+			class: V(h.value),
+			style: H(m.value)
 		}, [
-			L("input", {
+			R("input", {
 				type: "checkbox",
 				style: { display: "none" },
 				name: e.name,
@@ -1950,40 +1950,40 @@ var Qn = {
 				checked: d.value !== "unchecked",
 				value: f.value
 			}, null, 8, Fr),
-			Te((U(), I("div", {
-				class: B(g.value),
+			Te((W(), L("div", {
+				class: V(g.value),
 				tabindex: e.disabled ? -1 : 0,
 				onKeydown: [Z(_, ["space"]), Z(_, ["enter"])],
 				onClick: _
-			}, [d.value === "checked" ? (U(), I("svg", {
+			}, [d.value === "checked" ? (W(), L("svg", {
 				key: 0,
 				width: p.value,
 				height: p.value,
 				viewBox: "0 0 24 24",
 				fill: "none",
-				class: B(t.$style.ui3nCheckboxIcon)
-			}, [...n[0] ||= [L("g", { id: "SVGRepo_iconCarrier" }, [L("path", {
+				class: V(t.$style.ui3nCheckboxIcon)
+			}, [...n[0] ||= [R("g", { id: "SVGRepo_iconCarrier" }, [R("path", {
 				d: "M20.0001 7L9.0001 18L4 13",
 				stroke: "#fff",
 				"stroke-width": "3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 10, Lr)) : F("", !0), d.value === "indeterminate" ? (U(), I("svg", {
+			})], -1)]], 10, Lr)) : I("", !0), d.value === "indeterminate" ? (W(), L("svg", {
 				key: 1,
 				width: p.value,
 				height: p.value,
 				viewBox: "0 0 24 24",
 				fill: "none",
-				class: B(t.$style.ui3nCheckboxIcon)
-			}, [...n[1] ||= [L("g", { id: "SVGRepo_iconCarrier" }, [L("path", {
+				class: V(t.$style.ui3nCheckboxIcon)
+			}, [...n[1] ||= [R("g", { id: "SVGRepo_iconCarrier" }, [R("path", {
 				d: "M7 12L17 12",
 				stroke: "#fff",
 				"stroke-width": "3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 10, Rr)) : F("", !0)], 42, Ir)), [[J(r)]]),
-			L("div", {
-				class: B(t.$style.ui3nCheckboxLabel),
+			})], -1)]], 10, Rr)) : I("", !0)], 42, Ir)), [[J(r)]]),
+			R("div", {
+				class: V(t.$style.ui3nCheckboxLabel),
 				onClick: _
 			}, [K(t.$slots, "default")], 2)
 		], 14, Pr));
@@ -1997,7 +1997,7 @@ var Qn = {
 	ui3nCheckboxIcon: "_ui3nCheckboxIcon_s0t61_78",
 	ui3nCheckboxLabel: "_ui3nCheckboxLabel_s0t61_82",
 	disabled: "_disabled_s0t61_90"
-} }]]), Br = /* @__PURE__ */ z({
+} }]]), Br = /* @__PURE__ */ B({
 	__name: "ui3n-table-sort-icon",
 	props: {
 		size: { default: 16 },
@@ -2005,15 +2005,15 @@ var Qn = {
 		value: {}
 	},
 	setup(e) {
-		let t = e, n = N(() => t.value === "asc" ? "round-arrow-upward" : "round-arrow-downward"), r = N(() => {
+		let t = e, n = P(() => t.value === "asc" ? "round-arrow-upward" : "round-arrow-downward"), r = P(() => {
 			let e = Number(t.size);
 			return isNaN(e) ? 16 : e;
 		});
-		return (t, i) => (U(), P(se, {
+		return (t, i) => (W(), F(oe, {
 			mode: "out-in",
 			name: "fade"
 		}, {
-			default: X(() => [(U(), P(k, {
+			default: X(() => [(W(), F(A, {
 				key: n.value,
 				icon: n.value,
 				size: r.value,
@@ -2041,17 +2041,17 @@ var Qn = {
 	t.exports = a;
 })), Ur = /* @__PURE__ */ p(Vr(), 1), Wr = /* @__PURE__ */ p(r(), 1), Gr = /* @__PURE__ */ p(Hr(), 1);
 function Kr(e, t) {
-	let n = W(null), r = W({
+	let n = G(null), r = G({
 		sortOrder: m(),
 		fieldAsRowKey: p()
-	}), i = r.value?.fieldAsRowKey ? W([]) : W(/* @__PURE__ */ new Set()), a = W(!1), o = N(() => !!r.value.fieldAsRowKey), s = N(() => e.head.filter((e) => !e.hidden)), c = N(() => o.value ? e.body.content.filter((e) => i.value.includes(e[r.value.fieldAsRowKey])) : Array.from(i.value)), l = N(() => o.value ? (0, $.default)(i.value) : i.value.size), u = N(() => e.config?.selectable === "multiple" && a.value), d = N(() => {
+	}), i = r.value?.fieldAsRowKey ? G([]) : G(/* @__PURE__ */ new Set()), a = G(!1), o = P(() => !!r.value.fieldAsRowKey), s = P(() => e.head.filter((e) => !e.hidden)), c = P(() => o.value ? e.body.content.filter((e) => i.value.includes(e[r.value.fieldAsRowKey])) : Array.from(i.value)), l = P(() => o.value ? (0, $.default)(i.value) : i.value.size), u = P(() => e.config?.selectable === "multiple" && a.value), d = P(() => {
 		if (!n.value) return "100%";
 		let { config: t = {}, head: r } = e, { columnStyle: i } = t;
 		return r.filter((e) => !e.hidden).map((e) => e.key).reduce((e, t, n) => {
 			let r = (0, Ur.default)(i, [t, "width"], "1fr");
 			return e = n === 0 ? `${r}` : `${e} ${r}`, e;
 		}, "");
-	}), f = N(() => !e.config?.minHeightUnusedPlace || isNaN(Number(e.config?.minHeightUnusedPlace)) ? {} : { minHeight: `${Number(e.config?.minHeightUnusedPlace || 0)}px` });
+	}), f = P(() => !e.config?.minHeightUnusedPlace || isNaN(Number(e.config?.minHeightUnusedPlace)) ? {} : { minHeight: `${Number(e.config?.minHeightUnusedPlace || 0)}px` });
 	function p() {
 		let { config: t = {}, body: n } = e, { fieldAsRowKey: r } = t;
 		if (r && r in (0, Ur.default)(n, ["content", 0], {})) return r;
@@ -2145,7 +2145,7 @@ function Kr(e, t) {
 }
 //#endregion
 //#region src/components/ui3n-table/ui3n-table.vue?vue&type=script&setup=true&lang.ts
-var qr = ["name", "value"], Jr = /* @__PURE__ */ D(/* @__PURE__ */ z({
+var qr = ["name", "value"], Jr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-table",
 	props: {
 		config: {},
@@ -2162,64 +2162,64 @@ var qr = ["name", "value"], Jr = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			hasGroupActionsRow: c,
 			closeGroupActionsRow: p,
 			clear: b
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (W(), L("div", {
 			ref_key: "tableEl",
 			ref: r,
-			style: V({ "--ui3n-table-columns-width": J(i) }),
-			class: B(t.$style.ui3nTable)
+			style: H({ "--ui3n-table-columns-width": J(i) }),
+			class: V(t.$style.ui3nTable)
 		}, [
-			e.config?.tableName && J(f) > 0 ? (U(), I("fieldset", {
+			e.config?.tableName && J(f) > 0 ? (W(), L("fieldset", {
 				key: 0,
-				class: B(t.$style.hiddenBlock)
-			}, [(U(!0), I(M, null, G(J(d), (t, n) => (U(), I("input", {
+				class: V(t.$style.hiddenBlock)
+			}, [(W(!0), L(N, null, ge(J(d), (t, n) => (W(), L("input", {
 				key: J(m)(t, n),
 				type: "hidden",
 				name: e.config.selectable === "multiple" ? `${e.config.tableName}[]` : e.config.tableName,
 				value: String(J(m)(t, n))
-			}, null, 8, qr))), 128))], 2)) : F("", !0),
-			L("div", { class: B([t.$style.header, J(l) && t.$style.withGroupActions]) }, [J(l) ? (U(), I("div", {
+			}, null, 8, qr))), 128))], 2)) : I("", !0),
+			R("div", { class: V([t.$style.header, J(l) && t.$style.withGroupActions]) }, [J(l) ? (W(), L("div", {
 				key: 0,
-				class: B(t.$style.groupActions)
+				class: V(t.$style.groupActions)
 			}, [
-				R(zr, {
+				z(zr, {
 					indeterminate: J(f) < e.body.content.length && J(f) !== 0,
 					"model-value": J(f) === e.body.content.length,
 					onChange: J(v)
 				}, {
-					default: X(() => [le(" Selected: " + q(J(f)), 1)]),
+					default: X(() => [ce(" Selected: " + q(J(f)), 1)]),
 					_: 1
 				}, 8, [
 					"indeterminate",
 					"model-value",
 					"onChange"
 				]),
-				L("div", { class: B(t.$style.groupActionsBody) }, [K(t.$slots, "group-actions", { selectedRows: J(d) })], 2),
-				R(O, {
+				R("div", { class: V(t.$style.groupActionsBody) }, [K(t.$slots, "group-actions", { selectedRows: J(d) })], 2),
+				z(k, {
 					type: "secondary",
 					onClick: J(p)
 				}, {
-					default: X(() => [...n[0] ||= [le(" Cancel ", -1)]]),
+					default: X(() => [...n[0] ||= [ce(" Cancel ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])
-			], 2)) : F("", !0), (U(!0), I(M, null, G(J(s), (e) => (U(), I("div", {
+			], 2)) : I("", !0), (W(!0), L(N, null, ge(J(s), (e) => (W(), L("div", {
 				key: e.key,
-				class: B([
+				class: V([
 					t.$style.headerItemWrapper,
 					e.sortable && t.$style.sortable,
 					e.sortable && J(o).sortOrder?.field === e.key && t.$style.sortableActive
 				]),
-				style: V(e.headCellStyle)
-			}, [L("div", de({
+				style: H(e.headCellStyle)
+			}, [R("div", ue({
 				class: t.$style.headerItem,
 				style: e.headCellStyle
-			}, ye(e.sortable ? { click: () => J(y)(e.key) } : {}, !0)), [K(t.$slots, `header-cell-${e.key}`, {}, () => [L("span", { class: B(t.$style.headerText) }, q(e.text), 3)]), e.sortable && J(o).sortOrder?.field === e.key ? (U(), P(Br, {
+			}, ye(e.sortable ? { click: () => J(y)(e.key) } : {}, !0)), [K(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: V(t.$style.headerText) }, q(e.text), 3)]), e.sortable && J(o).sortOrder?.field === e.key ? (W(), F(Br, {
 				key: 0,
 				value: J(o).sortOrder?.direction,
 				size: "16"
-			}, null, 8, ["value"])) : F("", !0)], 16)], 6))), 128))], 2),
-			L("div", { class: B(t.$style.body) }, [e.config?.showNoDataMessage && !J($.default)(e.body.content) ? K(t.$slots, "no-data", { key: 0 }, () => [L("div", { class: B(t.$style.noData) }, "No data", 2)]) : (U(), I(M, { key: 1 }, [t.$slots.row ? (U(!0), I(M, { key: 0 }, G(e.body.content, (n, r) => (U(), I("div", {
+			}, null, 8, ["value"])) : I("", !0)], 16)], 6))), 128))], 2),
+			R("div", { class: V(t.$style.body) }, [e.config?.showNoDataMessage && !J($.default)(e.body.content) ? K(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: V(t.$style.noData) }, "No data", 2)]) : (W(), L(N, { key: 1 }, [t.$slots.row ? (W(!0), L(N, { key: 0 }, ge(e.body.content, (n, r) => (W(), L("div", {
 				key: J(m)(n, r),
-				class: B([
+				class: V([
 					t.$style.row,
 					t.$slots.row && t.$style.customRow,
 					J(h)(n) && t.$style.selected,
@@ -2232,33 +2232,33 @@ var qr = ["name", "value"], Jr = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				isRowSelected: J(h)(n),
 				columnStyle: e.config?.columnStyle,
 				events: x
-			})], 2))), 128)) : (U(!0), I(M, { key: 1 }, G(e.body.content, (n, r) => (U(), I("div", {
+			})], 2))), 128)) : (W(!0), L(N, { key: 1 }, ge(e.body.content, (n, r) => (W(), L("div", {
 				key: J(m)(n, r),
-				class: B([
+				class: V([
 					t.$style.row,
 					J(h)(n) && t.$style.selected,
 					e.config.selectable && t.$style.selectable
 				]),
-				style: V(J(g)(n))
-			}, [e.config.selectable ? (U(), I("div", {
+				style: H(J(g)(n))
+			}, [e.config.selectable ? (W(), L("div", {
 				key: 0,
-				class: B(t.$style.rowCheckbox)
-			}, [R(zr, {
+				class: V(t.$style.rowCheckbox)
+			}, [z(zr, {
 				"model-value": J(h)(n),
 				onChange: (e) => J(_)(n)
-			}, null, 8, ["model-value", "onChange"])], 2)) : F("", !0), (U(!0), I(M, null, G(J(s), (i, a) => (U(), I("div", {
+			}, null, 8, ["model-value", "onChange"])], 2)) : I("", !0), (W(!0), L(N, null, ge(J(s), (i, a) => (W(), L("div", {
 				key: i.key,
-				class: B([t.$style.bodyItem, a === 0 && t.$style.bodyItemFirst])
+				class: V([t.$style.bodyItem, a === 0 && t.$style.bodyItemFirst])
 			}, [K(t.$slots, `row-cell-${i.key}`, {
 				row: n,
 				rowIndex: r,
 				isRowSelected: J(h)(n),
 				columnStyle: e.config?.columnStyle,
 				cell: n[i.key]
-			}, () => [L("span", { class: B(t.$style.cell) }, q(i.format ? i.format(n[i.key]) : n[i.key]), 3)])], 2))), 128))], 6))), 128))], 64))], 2),
-			L("div", {
-				class: B(t.$style.unusedPlace),
-				style: V(J(a))
+			}, () => [R("span", { class: V(t.$style.cell) }, q(i.format ? i.format(n[i.key]) : n[i.key]), 3)])], 2))), 128))], 6))), 128))], 64))], 2),
+			R("div", {
+				class: V(t.$style.unusedPlace),
+				style: H(J(a))
 			}, [K(t.$slots, "unused-place")], 6)
 		], 6));
 	}
@@ -2285,22 +2285,22 @@ var qr = ["name", "value"], Jr = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	cell: "_cell_d2343_171",
 	noData: "_noData_d2343_177",
 	unusedPlace: "_unusedPlace_d2343_190"
-} }]]), Yr = ["id", "onClick"], Xr = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), Yr = ["id", "onClick"], Xr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-dialog-provider",
 	setup(e) {
-		let t = ue(C);
+		let t = le(C);
 		function n(e, n) {
 			(n.closeOnClickOverlay || n.dialogProps?.closeOnClickOverlay) && t.$closeDialog(e, { event: "click-overlay" });
 		}
 		function r(e, n) {
 			t.$closeDialog(e, n);
 		}
-		return (e, i) => (U(), P(oe, { to: "body" }, [(U(!0), I(M, null, G(J(t).dialogStack.value, (t) => (U(), I("div", {
+		return (e, i) => (W(), F(ae, { to: "body" }, [(W(!0), L(N, null, ge(J(t).dialogStack.value, (t) => (W(), L("div", {
 			id: `dialog-wrapper-${t.id}`,
 			key: t.id,
-			class: B(e.$style["dialog-provider-overlay"]),
+			class: V(e.$style["dialog-provider-overlay"]),
 			onClick: Q((e) => n(t.id, t.props), ["self", "prevent"])
-		}, [(U(), P(_e(t.component), de({ ref_for: !0 }, t.props, { onAction: (e) => r(t.id, e) }), null, 16, ["onAction"]))], 10, Yr))), 128))]));
+		}, [(W(), F(_e(t.component), ue({ ref_for: !0 }, t.props, { onAction: (e) => r(t.id, e) }), null, 16, ["onAction"]))], 10, Yr))), 128))]));
 	}
 }), [["__cssModules", { $style: { "dialog-provider-overlay": "_dialog-provider-overlay_v01lr_1" } }]]);
 //#endregion
@@ -2314,7 +2314,7 @@ function Zr({ width: e, style: t, defaultValue: n = 380 }) {
 }
 //#endregion
 //#region src/components/ui3n-dialog/ui3n-dialog.vue?vue&type=script&setup=true&lang.ts
-var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
+var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-dialog",
 	props: {
 		id: {},
@@ -2351,14 +2351,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Ce("dialog-el"), a = W(!1), o = W({
+		let n = e, r = t, i = Ce("dialog-el"), a = G(!1), o = G({
 			initialLeft: 0,
 			initialTop: 0,
 			left: 0,
 			top: 0,
 			shiftX: 0,
 			shiftY: 0
-		}), s = N(() => ({
+		}), s = P(() => ({
 			width: Zr({
 				width: n.width,
 				style: n.cssStyle
@@ -2368,7 +2368,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				left: `${o.value.left}px`,
 				top: `${o.value.top}px`
 			}
-		})), c = N(() => n.icon ? typeof n.icon == "string" ? {
+		})), c = P(() => n.icon ? typeof n.icon == "string" ? {
 			icon: n.icon,
 			size: 14,
 			color: "var(--color-icon-control-secondary-default)"
@@ -2398,8 +2398,8 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		function p(e) {
 			a.value && (o.value.left = e.clientX - o.value.shiftX - o.value.initialLeft, o.value.top = e.clientY - o.value.shiftY - o.value.initialTop);
 		}
-		return H(() => {
-			i.value && (i.value.style.setProperty("--ui3n-dialog-confirm-button-color", n.confirmButtonColor), i.value.style.setProperty("--ui3n-dialog-cancel-button-color", n.cancelButtonColor), i.value.style.setProperty("--ui3n-dialog-confirm-background-color", n.confirmButtonBackground), i.value.style.setProperty("--ui3n-dialog-cancel-background-color", n.cancelButtonBackground), fe(() => {
+		return U(() => {
+			i.value && (i.value.style.setProperty("--ui3n-dialog-confirm-button-color", n.confirmButtonColor), i.value.style.setProperty("--ui3n-dialog-cancel-button-color", n.cancelButtonColor), i.value.style.setProperty("--ui3n-dialog-confirm-background-color", n.confirmButtonBackground), i.value.style.setProperty("--ui3n-dialog-cancel-background-color", n.cancelButtonBackground), de(() => {
 				i.value && i.value.focus(), setTimeout(() => {
 					if (i.value) {
 						let e = i.value.getBoundingClientRect();
@@ -2407,7 +2407,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					}
 				}, 100);
 			}));
-		}), (t, i) => (U(), I("div", de({
+		}), (t, i) => (W(), L("div", ue({
 			id: e.id,
 			ref: "dialog-el",
 			tabindex: "1",
@@ -2424,22 +2424,22 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			mousemove: p,
 			keydown: l
 		} : { keydown: l }, !0)), [
-			e.title && !t.$slots.header ? (U(), I("div", {
+			e.title && !t.$slots.header ? (W(), L("div", {
 				key: 0,
-				class: B([t.$style.title, t.$style.titleDefault])
-			}, [c.value ? (U(), P(k, de({ key: 0 }, c.value, { class: t.$style.icon }), null, 16, ["class"])) : F("", !0), L("span", null, q(e.title), 1)], 2)) : F("", !0),
-			t.$slots.header ? (U(), I("div", {
+				class: V([t.$style.title, t.$style.titleDefault])
+			}, [c.value ? (W(), F(A, ue({ key: 0 }, c.value, { class: t.$style.icon }), null, 16, ["class"])) : I("", !0), R("span", null, q(e.title), 1)], 2)) : I("", !0),
+			t.$slots.header ? (W(), L("div", {
 				key: 1,
-				class: B(t.$style.title)
-			}, [K(t.$slots, "header")], 2)) : F("", !0),
-			t.$slots.body ? (U(), I("div", {
+				class: V(t.$style.title)
+			}, [K(t.$slots, "header")], 2)) : I("", !0),
+			t.$slots.body ? (W(), L("div", {
 				key: 2,
-				class: B(t.$style.content)
-			}, [K(t.$slots, "body")], 2)) : F("", !0),
-			(e.confirmButton || e.cancelButton) && !t.$slots.actions ? (U(), I("div", {
+				class: V(t.$style.content)
+			}, [K(t.$slots, "body")], 2)) : I("", !0),
+			(e.confirmButton || e.cancelButton) && !t.$slots.actions ? (W(), L("div", {
 				key: 3,
-				class: B([t.$style.actions, t.$style.actionsDefault])
-			}, [e.cancelButton ? (U(), P(O, {
+				class: V([t.$style.actions, t.$style.actionsDefault])
+			}, [e.cancelButton ? (W(), F(k, {
 				key: 0,
 				type: "custom",
 				color: e.cancelButtonBackground,
@@ -2449,9 +2449,9 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					data: n.data
 				}), ["stop", "prevent"])
 			}, {
-				default: X(() => [le(q(e.cancelButtonText), 1)]),
+				default: X(() => [ce(q(e.cancelButtonText), 1)]),
 				_: 1
-			}, 8, ["color", "text-color"])) : F("", !0), e.confirmButton ? (U(), P(O, {
+			}, 8, ["color", "text-color"])) : I("", !0), e.confirmButton ? (W(), F(k, {
 				key: 1,
 				type: "custom",
 				color: e.confirmButtonBackground,
@@ -2462,24 +2462,24 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					data: n.data
 				}), ["stop", "prevent"])
 			}, {
-				default: X(() => [le(q(e.confirmButtonText), 1)]),
+				default: X(() => [ce(q(e.confirmButtonText), 1)]),
 				_: 1
 			}, 8, [
 				"color",
 				"text-color",
 				"disabled"
-			])) : F("", !0)], 2)) : F("", !0),
-			t.$slots.actions ? (U(), I("div", {
+			])) : I("", !0)], 2)) : I("", !0),
+			t.$slots.actions ? (W(), L("div", {
 				key: 4,
-				class: B(t.$style.actions)
-			}, [K(t.$slots, "actions")], 2)) : F("", !0),
-			t.$slots.loading ? (U(), I("div", {
+				class: V(t.$style.actions)
+			}, [K(t.$slots, "actions")], 2)) : I("", !0),
+			t.$slots.loading ? (W(), L("div", {
 				key: 5,
-				class: B(t.$style.loading)
-			}, [K(t.$slots, "loading")], 2)) : F("", !0),
-			e.hideCloseButton ? F("", !0) : (U(), P(O, {
+				class: V(t.$style.loading)
+			}, [K(t.$slots, "loading")], 2)) : I("", !0),
+			e.hideCloseButton ? I("", !0) : (W(), F(k, {
 				key: 6,
-				class: B(t.$style.closeBtn),
+				class: V(t.$style.closeBtn),
 				type: "icon",
 				size: "small",
 				color: "var(--color-bg-block-primary-default)",
@@ -2501,7 +2501,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	actions: "_actions_13zmx_74",
 	actionsDefault: "_actionsDefault_13zmx_81",
 	loading: "_loading_13zmx_89"
-} }]]), ei = ["id"], ti = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ei = ["id"], ti = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-menu",
 	props: {
 		id: {},
@@ -2545,10 +2545,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		"update:modelValue"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Ce("menu-trigger-element"), o = Ce("menu-content-element"), s = W(!1), c = W(r.triggerElement || null), l = N(() => c.value || a.value), u = N(() => {
+		let r = e, i = n, a = Ce("menu-trigger-element"), o = Ce("menu-content-element"), s = G(!1), c = G(r.triggerElement || null), l = P(() => c.value || a.value), u = P(() => {
 			let e = l.value;
 			return e ? e instanceof HTMLElement ? e : "contextElement" in e && e.contextElement instanceof HTMLElement ? e.contextElement : null : null;
-		}), d = N(() => {
+		}), d = P(() => {
 			let e = [ke({
 				mainAxis: r.offsetY,
 				crossAxis: r.offsetX + 2
@@ -2562,7 +2562,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			strategy: r.positionStrategy,
 			middleware: d,
 			whileElementsMounted: r.positionAutoupdate || r.positionStrategy === "fixed" ? De : void 0
-		}), h = N(() => {
+		}), h = P(() => {
 			let e = "";
 			if (typeof r.contentBorderRadius == "number") e = `${r.contentBorderRadius}px`;
 			else if (Array.isArray(r.contentBorderRadius)) {
@@ -2626,33 +2626,33 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			e && (c.value = e, m());
 		}), Y([() => r.offsetX, () => r.offsetY], ([e, t], [n, r]) => {
 			(e !== n || t !== r) && m();
-		}), he(() => {
+		}), me(() => {
 			y();
 		}), t({
 			isPositioned: p,
 			update: m
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (W(), L("div", {
 			ref: "menu-element",
 			id: e.id,
-			class: B(t.$style.ui3nMenu),
+			class: V(t.$style.ui3nMenu),
 			onClick: n[0] ||= (e) => i("click", e)
-		}, [L("div", {
+		}, [R("div", {
 			ref: "menu-trigger-element",
-			class: B([t.$style.ui3nMenuTrigger, e.disabled && t.$style.ui3nMenuTriggerDisabled]),
+			class: V([t.$style.ui3nMenuTrigger, e.disabled && t.$style.ui3nMenuTriggerDisabled]),
 			onClick: Q(b, ["stop"])
-		}, [K(t.$slots, "default")], 2), s.value ? Te((U(), I("div", de({
+		}, [K(t.$slots, "default")], 2), s.value ? Te((W(), L("div", ue({
 			key: 0,
 			ref: "menu-content-element",
 			style: h.value,
 			class: t.$style.ui3nMenuContent
-		}, ye(e.closeOnClick ? { click: x } : {}, !0)), [K(t.$slots, "menu")], 16)), [[J(On), S]]) : F("", !0)], 10, ei));
+		}, ye(e.closeOnClick ? { click: x } : {}, !0)), [K(t.$slots, "menu")], 16)), [[J(On), S]]) : I("", !0)], 10, ei));
 	}
 }), [["__cssModules", { $style: {
 	ui3nMenu: "_ui3nMenu_t6wf8_3",
 	ui3nMenuTrigger: "_ui3nMenuTrigger_t6wf8_11",
 	ui3nMenuTriggerDisabled: "_ui3nMenuTriggerDisabled_t6wf8_15",
 	ui3nMenuContent: "_ui3nMenuContent_t6wf8_20"
-} }]]), ni = ["id"], ri = ["onClick"], ii = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ni = ["id"], ri = ["onClick"], ii = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-list",
 	props: {
 		id: {},
@@ -2671,21 +2671,21 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	emits: ["select"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (U(), I("div", {
+		return (t, r) => (W(), L("div", {
 			ref: "listElement",
 			id: e.id,
-			class: B(t.$style.ui3nList)
-		}, [L("div", { class: B([t.$style.ui3nListTitle, e.sticky && t.$style.ui3nListTitleSticky]) }, [K(t.$slots, "title", {}, () => [e.title ? (U(), I("div", {
+			class: V(t.$style.ui3nList)
+		}, [R("div", { class: V([t.$style.ui3nListTitle, e.sticky && t.$style.ui3nListTitleSticky]) }, [K(t.$slots, "title", {}, () => [e.title ? (W(), L("div", {
 			key: 0,
-			class: B(t.$style.ui3nListTitleContent)
-		}, q(e.title), 3)) : F("", !0)])], 2), L("div", { class: B(t.$style.ui3nListContent) }, [(U(!0), I(M, null, G(e.items, (r, i) => (U(), I("div", {
+			class: V(t.$style.ui3nListTitleContent)
+		}, q(e.title), 3)) : I("", !0)])], 2), R("div", { class: V(t.$style.ui3nListContent) }, [(W(!0), L(N, null, ge(e.items, (r, i) => (W(), L("div", {
 			key: r[e.keyField],
-			class: B(t.$style.ui3nListItem)
+			class: V(t.$style.ui3nListItem)
 		}, [K(t.$slots, "item", {
 			item: r,
 			index: i
-		}, () => [L("div", {
-			class: B([t.$style.ui3nListItemContent, e.disabled && t.$style.ui3nListItemContentDisabled]),
+		}, () => [R("div", {
+			class: V([t.$style.ui3nListItemContent, e.disabled && t.$style.ui3nListItemContentDisabled]),
 			onClick: Q((e) => n("select", {
 				value: r,
 				index: i
@@ -2701,7 +2701,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	ui3nListItem: "_ui3nListItem_1mtxl_26",
 	ui3nListItemContent: "_ui3nListItemContent_1mtxl_43",
 	ui3nListItemContentDisabled: "_ui3nListItemContentDisabled_1mtxl_50"
-} }]]), ai = 32, oi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ai = 32, oi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-scrollbar-vertical",
 	props: {
 		thumbMinHeight: { default: ai },
@@ -2720,10 +2720,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = W(null), o = W(null), s = W(null), c = W(0), l = W(0), u = W(0), d = W(!1), f = W(!1), p = W(!1), m = null, h, g = 0, _ = 0, v = N(() => c.value > l.value), y = N(() => d.value ? !0 : v.value && (f.value || p.value)), b = N(() => {
+		let r = e, i = n, a = G(null), o = G(null), s = G(null), c = G(0), l = G(0), u = G(0), d = G(!1), f = G(!1), p = G(!1), m = null, h, g = 0, _ = 0, v = P(() => c.value > l.value), y = P(() => d.value ? !0 : v.value && (f.value || p.value)), b = P(() => {
 			let e = Number(r.thumbMinHeight);
 			return isNaN(e) ? ai : e;
-		}), x = N(() => {
+		}), x = P(() => {
 			if (!c.value) return 0;
 			if (r.thumbHeight !== "auto") {
 				let e = Number(r.thumbHeight);
@@ -2731,91 +2731,91 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			}
 			let e = l.value / c.value, t = l.value * e;
 			return Math.max(b.value, t);
-		}), S = N(() => {
+		}), S = P(() => {
 			if (!c.value || c.value === l.value) return 0;
 			let e = c.value - l.value, t = l.value - x.value;
 			return u.value / e * t;
-		}), C = N(() => {
+		}), C = P(() => {
 			let e = Number(r.thumbRadius);
 			return isNaN(e) ? String(r.thumbRadius) : `${e}px`;
-		}), w = N(() => r.thumbColor), T = N(() => r.thumbHoverColor), ee = N(() => r.thumbActiveColor), E = N(() => {
+		}), w = P(() => r.thumbColor), T = P(() => r.thumbHoverColor), ee = P(() => r.thumbActiveColor), E = P(() => {
 			let e = Number(r.trackWidth);
 			return isNaN(e) ? String(r.trackWidth) : `${e}px`;
-		}), te = N(() => r.trackColor), D = N(() => {
+		}), D = P(() => r.trackColor), O = P(() => {
 			let e = Number(r.trackRadius);
 			return isNaN(e) ? String(r.trackRadius) : `${e}px`;
 		});
-		function O() {
+		function k() {
 			a.value && (c.value = a.value.scrollHeight, l.value = a.value.clientHeight, u.value = a.value.scrollTop);
 		}
-		function k(e) {
+		function A(e) {
 			d.value || (u.value = e.target.scrollTop), p.value = !0, h && clearTimeout(h), h = setTimeout(() => {
 				p.value = !1;
 			}, 1500), i("scroll", e);
 		}
-		function A(e) {
+		function j(e) {
 			if (e.target !== o.value || !a.value || !o.value) return;
 			let t = o.value.getBoundingClientRect(), n = e.clientY - t.top - x.value / 2, r = c.value - l.value, i = n / (l.value - x.value) * r;
 			i = Math.max(0, Math.min(r, i)), a.value.scrollTo({ top: i });
 		}
-		function ne(e) {
-			!s.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientY, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", re), s.value.addEventListener("pointerup", j), s.value.addEventListener("pointercancel", j));
+		function te(e) {
+			!s.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientY, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", ne), s.value.addEventListener("pointerup", M), s.value.addEventListener("pointercancel", M));
 		}
-		function re(e) {
+		function ne(e) {
 			if (!d.value || !a.value) return;
 			let t = e.clientY - g, n = c.value - l.value, r = t / (l.value - x.value) * n;
 			a.value.scrollTop = _ + r, u.value = a.value.scrollTop;
 		}
-		function j(e) {
+		function M(e) {
 			if (d.value && (d.value = !1, document.body.style.userSelect = "", s.value)) {
 				try {
 					s.value.releasePointerCapture(e.pointerId);
 				} catch {}
-				s.value.removeEventListener("pointermove", re), s.value.removeEventListener("pointerup", j), s.value.removeEventListener("pointercancel", j);
+				s.value.removeEventListener("pointermove", ne), s.value.removeEventListener("pointerup", M), s.value.removeEventListener("pointercancel", M);
 			}
 		}
-		return H(() => {
-			O(), a.value && (m = new ResizeObserver(O), m.observe(a.value), r.autoUpdate && a.value.firstElementChild && m.observe(a.value.firstElementChild));
-		}), me(() => {
-			m?.disconnect(), h && clearTimeout(h), s.value && (s.value.removeEventListener("pointermove", re), s.value.removeEventListener("pointerup", j), s.value.removeEventListener("pointercancel", j)), document.body.style.userSelect = "";
+		return U(() => {
+			k(), a.value && (m = new ResizeObserver(k), m.observe(a.value), r.autoUpdate && a.value.firstElementChild && m.observe(a.value.firstElementChild));
+		}), pe(() => {
+			m?.disconnect(), h && clearTimeout(h), s.value && (s.value.removeEventListener("pointermove", ne), s.value.removeEventListener("pointerup", M), s.value.removeEventListener("pointercancel", M)), document.body.style.userSelect = "";
 		}), t({
 			scrollTo: (e) => {
 				a.value?.scrollTo(e);
 			},
 			getContainer: () => a.value,
-			updateMetrics: O
-		}), (e, t) => (U(), I("div", {
-			class: B(e.$style.ui3nScrollbarVertical),
-			style: V({
+			updateMetrics: k
+		}), (e, t) => (W(), L("div", {
+			class: V(e.$style.ui3nScrollbarVertical),
+			style: H({
 				"--ui3n-scrollbar-thumb-radius": C.value,
 				"--ui3n-scrollbar-thumb-color": w.value,
 				"--ui3n-scrollbar-thumb-hover-color": T.value,
 				"--ui3n-scrollbar-thumb-active-color": ee.value,
 				"--ui3n-scrollbar-track-width": E.value,
-				"--ui3n-scrollbar-track-radius": D.value,
-				"--ui3n-scrollbar-track-color": te.value
+				"--ui3n-scrollbar-track-radius": O.value,
+				"--ui3n-scrollbar-track-color": D.value
 			}),
 			onMouseenter: t[0] ||= (e) => f.value = !0,
 			onMouseleave: t[1] ||= (e) => f.value = !1
-		}, [L("div", {
+		}, [R("div", {
 			ref_key: "containerRef",
 			ref: a,
-			class: B(e.$style.scrollbarContainer),
-			onScroll: k
-		}, [K(e.$slots, "default")], 34), L("div", {
+			class: V(e.$style.scrollbarContainer),
+			onScroll: A
+		}, [K(e.$slots, "default")], 34), R("div", {
 			ref_key: "trackRef",
 			ref: o,
-			class: B([e.$style.track, { [e.$style.trackVisible]: y.value }]),
-			onPointerdown: A
-		}, [L("div", {
+			class: V([e.$style.track, { [e.$style.trackVisible]: y.value }]),
+			onPointerdown: j
+		}, [R("div", {
 			ref_key: "thumbRef",
 			ref: s,
-			class: B([e.$style.thumb, { [e.$style.active]: d.value }]),
-			style: V({
+			class: V([e.$style.thumb, { [e.$style.active]: d.value }]),
+			style: H({
 				height: `${x.value}px`,
 				transform: `translateY(${S.value}px)`
 			}),
-			onPointerdown: ne
+			onPointerdown: te
 		}, null, 38)], 34)], 38));
 	}
 }), [["__cssModules", { $style: {
@@ -2825,114 +2825,220 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	trackVisible: "_trackVisible_m0o0t_38",
 	thumb: "_thumb_m0o0t_44",
 	active: "_active_m0o0t_57"
-} }]]), si = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), si = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-virtual-scroll",
 	props: {
 		items: {},
 		minChildHeight: { default: 16 },
-		renderAhead: { default: 20 }
+		renderAhead: { default: 20 },
+		stickToBottom: {
+			type: Boolean,
+			default: !1
+		},
+		stickToBottomThreshold: { default: 32 },
+		reachEdgeThreshold: { default: 64 }
 	},
-	setup(e) {
-		let t = e, n = W(0), r = W(null), i = W(null), a = ve([]), o = W(0), s = !1, c = null, l = null, u = /* @__PURE__ */ new Map(), d = N(() => {
-			if (o.value, !a.value.length) return 0;
-			let e = a.value[a.value.length - 1];
+	emits: [
+		"scroll",
+		"reached-top",
+		"reached-bottom"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = G(0), o = G(null), s = G(null), c = ve([]), l = G(0), u = /* @__PURE__ */ new Map(), d = ve(/* @__PURE__ */ new Map()), f = !1, p = null, m = null, h = [], g = null, _ = /* @__PURE__ */ new Map(), v = P(() => {
+			if (l.value, !c.value.length) return 0;
+			let e = c.value[c.value.length - 1];
 			return e.top + e.height;
-		}), f = N(() => {
-			if (r.value !== null) return r.value;
-			let e = i.value?.getContainer();
+		}), y = P(() => {
+			if (o.value !== null) return o.value;
+			let e = s.value?.getContainer();
 			return e ? e.clientHeight : 0;
-		}), p = N(() => {
-			o.value;
-			let e = n.value;
-			if (!a.value.length) return 0;
-			let r = 0, i = a.value.length - 1, s = -1;
-			for (; r <= i;) {
-				let t = Math.floor((r + i) / 2), n = a.value[t];
-				if (n.top <= e && n.top + n.height > e) {
-					s = t;
+		});
+		function b(e, t) {
+			if (!e.length) return 0;
+			let n = 0, r = e.length - 1, i = -1;
+			for (; n <= r;) {
+				let a = Math.floor((n + r) / 2), o = e[a];
+				if (o.top <= t && o.top + o.height > t) {
+					i = a;
 					break;
-				} else n.top > e ? i = t - 1 : r = t + 1;
+				} else o.top > t ? r = a - 1 : n = a + 1;
 			}
-			return s === -1 && (s = Math.max(0, i)), Math.max(0, s - t.renderAhead);
-		}), m = N(() => {
-			let e = f.value;
-			return e ? Math.ceil(e / t.minChildHeight) + 2 * t.renderAhead : t.renderAhead * 2;
-		}), h = N(() => (o.value, a.value.length && a.value[p.value]?.top || 0)), g = N(() => {
-			let e = p.value, n = m.value;
-			return e + n >= t.items.length - t.renderAhead ? t.items.slice(e) : t.items.slice(e, e + n);
+			return i === -1 && (i = Math.max(0, r)), i;
+		}
+		let x = P(() => {
+			if (l.value, !c.value.length) return 0;
+			let e = b(c.value, a.value);
+			return Math.max(0, e - r.renderAhead);
+		}), S = P(() => {
+			l.value;
+			let e = y.value;
+			if (!e) return r.renderAhead * 2;
+			if (!c.value.length) return Math.ceil(e / r.minChildHeight) + 2 * r.renderAhead;
+			let t = b(c.value, a.value);
+			return b(c.value, a.value + e) - t + 1 + 2 * r.renderAhead;
+		}), C = P(() => (l.value, c.value.length && c.value[x.value]?.top || 0)), w = P(() => {
+			let e = x.value, t = S.value;
+			return e + t >= r.items.length - r.renderAhead ? r.items.slice(e) : r.items.slice(e, e + t);
 		});
-		function _(e) {
-			s || (n.value = e.target.scrollTop);
+		function T() {
+			return s.value?.getContainer() ?? null;
+		}
+		function ee(e) {
+			if (!e.length) return 0;
+			let t = e[e.length - 1];
+			return t.top + t.height;
+		}
+		function E(e, t, n = r.stickToBottomThreshold) {
+			return !e || !t.length ? !1 : ee(t) - (e.scrollTop + e.clientHeight) <= n;
+		}
+		function D(e, t) {
+			if (!e) {
+				a.value = Math.max(0, t);
+				return;
+			}
+			f = !0, e.scrollTop = Math.max(0, t), a.value = e.scrollTop, f = !1;
+		}
+		function O(e = T(), t = c.value) {
+			t.length && D(e, ee(t) - (e?.clientHeight ?? y.value));
+		}
+		function k(e, t, n) {
+			if (!e.length || !t.length) return null;
+			let r = b(e, n), i = e[r], a = t[r]?.id;
+			return !i || !a ? null : {
+				id: a,
+				offsetWithinItem: n - i.top
+			};
 		}
-		function v(e, t) {
+		function A(e, t, n, r) {
+			let i = n.get(e.id);
+			return i === void 0 || !t[i] ? !1 : (D(r, t[i].top + e.offsetWithinItem), !0);
+		}
+		function j() {
+			let e = /* @__PURE__ */ new Map(), t = Array(r.items.length), n = /* @__PURE__ */ new Map(), i = 0;
+			for (let a = 0; a < r.items.length; a++) {
+				let o = r.items[a].id;
+				e.set(o, a);
+				let s = u.get(o) ?? r.minChildHeight;
+				n.set(o, s), t[a] = {
+					height: s,
+					top: i
+				}, i += s;
+			}
+			u.clear();
+			for (let [e, t] of n) u.set(e, t);
+			return d.value = e, t;
+		}
+		function te() {
+			let e = T(), t = c.value, n = h, i = r.stickToBottom && (!t.length || E(e, t)), o = i ? null : k(t, n, a.value);
+			c.value = j(), l.value++, h = r.items.slice(), g = null;
+			let u = () => {
+				let e = T();
+				if (i) O(e, c.value);
+				else if (o && !A(o, c.value, d.value, e) && e) {
+					let t = Math.max(0, ee(c.value) - e.clientHeight);
+					a.value > t && D(e, t);
+				}
+				s.value?.updateMetrics();
+			};
+			de(() => {
+				requestAnimationFrame(u);
+			});
+		}
+		function ne(e) {
+			if (f) return;
+			let t = e.target;
+			a.value = t.scrollTop, i("scroll", e);
+			let n = a.value <= r.reachEdgeThreshold, o = E(t, c.value, r.reachEdgeThreshold);
+			n ? g !== "top" && (g = "top", i("reached-top")) : o ? g !== "bottom" && (g = "bottom", i("reached-bottom")) : g = null;
+		}
+		function M(e, t) {
 			if (e) {
-				let n = e.$el || e;
-				u.set(t, n), c?.observe(n);
-			} else u.delete(t);
+				let n = e.$el || e, r = _.get(t);
+				r && r !== n && p?.unobserve(r), _.set(t, n), p?.observe(n);
+			} else {
+				let e = _.get(t);
+				e && p?.unobserve(e), _.delete(t);
+			}
 		}
-		function y() {
-			let e = 0;
-			a.value = t.items.map(() => {
-				let n = {
-					height: t.minChildHeight,
-					top: e
-				};
-				return e += t.minChildHeight, n;
-			}), o.value++;
-		}
-		return H(() => {
-			let e = i.value?.getContainer();
-			e && (r.value = e.clientHeight, l = new ResizeObserver((e) => {
-				for (let t of e) r.value = t.contentRect.height || t.target.clientHeight;
-			}), l.observe(e)), c = new ResizeObserver((r) => {
+		function re() {
+			O(), s.value?.updateMetrics();
+		}
+		function ie(e, t, n) {
+			return t === "end" ? e.top + e.height - n : t === "center" ? e.top + e.height / 2 - n / 2 : e.top;
+		}
+		function ae(e, t = "start", n = 5) {
+			let r = d.value.get(e);
+			if (r === void 0) return;
+			let i = c.value[r];
+			if (!i) return;
+			let a = T();
+			if (D(a, ie(i, t, a?.clientHeight ?? y.value)), s.value?.updateMetrics(), n <= 0) return;
+			let o = i.top;
+			requestAnimationFrame(() => {
+				let r = d.value.get(e), i = r === void 0 ? void 0 : c.value[r];
+				i && i.top !== o && ae(e, t, n - 1);
+			});
+		}
+		return t({
+			scrollToBottom: re,
+			scrollToItem: (e, t) => ae(e, t),
+			getScrollTop: () => a.value,
+			isStuckToBottom: () => E(T(), c.value)
+		}), U(() => {
+			let e = T();
+			e && (o.value = e.clientHeight, m = new ResizeObserver((e) => {
+				for (let t of e) o.value = t.contentRect.height || t.target.clientHeight;
+			}), m.observe(e)), p = new ResizeObserver((e) => {
 				requestAnimationFrame(() => {
-					let c = Infinity, l = 0, u = [...a.value], d = n.value;
-					for (let e of r) {
-						let n = e.target.getAttribute("data-sid");
-						if (!n) continue;
-						let r = t.items.findIndex((e, t) => (e.id ?? t).toString() === n);
-						if (r === -1) continue;
-						let i = e.contentRect.height || e.target.getBoundingClientRect().height;
-						if (u[r] && u[r].height !== i) {
-							let e = u[r].height;
-							u[r] = {
-								...u[r],
-								height: i
-							}, u[r].top < d && (l += i - e), r < c && (c = r);
-						}
-					}
-					if (c !== Infinity) {
-						let t = u[c].top;
-						for (let e = c; e < u.length; e++) u[e].top = t, t += u[e].height;
-						a.value = u, o.value++, e && l !== 0 && (s = !0, e.scrollTop = d + l, n.value = e.scrollTop, s = !1), i.value?.updateMetrics();
+					let t = Infinity, n = 0, i = c.value.slice(), o = d.value, f = a.value, p = T(), m = r.stickToBottom && E(p, c.value);
+					for (let r of e) {
+						let e = r.target.getAttribute("data-sid");
+						if (!e) continue;
+						let a = o.get(e);
+						if (a === void 0) continue;
+						let s = r.contentRect.height || r.target.getBoundingClientRect().height, c = i[a];
+						if (!c || c.height === s) continue;
+						let l = c.height;
+						i[a] = {
+							...c,
+							height: s
+						}, u.set(e, s), c.top + c.height <= f ? n += s - l : c.top < f && (n += Math.min(s, f - c.top) - Math.min(l, f - c.top)), a < t && (t = a);
 					}
+					if (t === Infinity) return;
+					let h = i[t].top;
+					for (let e = t; e < i.length; e++) i[e] = {
+						...i[e],
+						top: h
+					}, h += i[e].height;
+					c.value = i, l.value++, m ? O(p, i) : p && n !== 0 && D(p, f + n), s.value?.updateMetrics();
 				});
 			});
-		}), me(() => {
-			c?.disconnect(), l?.disconnect();
-		}), Y(() => t.items, y, { immediate: !0 }), (e, n) => (U(), P(oi, {
+			for (let e of _.values()) p.observe(e);
+		}), pe(() => {
+			p?.disconnect(), m?.disconnect();
+		}), Y(() => r.items, te, { immediate: !0 }), (e, t) => (W(), F(oi, {
 			ref_key: "scrollbarComponentRef",
-			ref: i,
-			class: B(e.$style.ui3nVirtualScroll),
+			ref: s,
+			class: V(e.$style.ui3nVirtualScroll),
 			"auto-update": !1,
-			onScroll: _
+			onScroll: ne
 		}, {
-			default: X(() => [L("div", {
-				class: B(e.$style.viewport),
-				style: V({ height: `${d.value}px` })
-			}, [L("div", {
-				class: B(e.$style.content),
-				style: V({ transform: `translateY(${h.value}px)` })
-			}, [(U(!0), I(M, null, G(g.value, (n, r) => (U(), I("div", de({
-				key: n.id ?? `v-node-${p.value + r}`,
+			default: X(() => [R("div", {
+				class: V(e.$style.viewport),
+				style: H({ height: `${v.value}px` })
+			}, [R("div", {
+				class: V(e.$style.content),
+				style: H({ transform: `translateY(${C.value}px)` })
+			}, [(W(!0), L(N, null, ge(w.value, (t, n) => (W(), L("div", ue({
+				key: t.id,
 				ref_for: !0,
-				ref: (e) => v(e, n.id ?? p.value + r)
-			}, { ref_for: !0 }, { "data-sid": n.id ?? p.value + r }, {
+				ref: (e) => M(e, t.id)
+			}, { ref_for: !0 }, { "data-sid": t.id }, {
 				class: e.$style.item,
-				style: { minHeight: `${t.minChildHeight}px` }
+				style: { minHeight: `${r.minChildHeight}px` }
 			}), [K(e.$slots, "item", {
-				value: n,
-				index: p.value + r
+				value: t,
+				index: x.value + n
 			})], 16))), 128))], 6)], 6)]),
 			_: 3
 		}, 8, ["class"]));
@@ -2942,7 +3048,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	viewport: "_viewport_1mjyl_5",
 	content: "_content_1mjyl_14",
 	item: "_item_1mjyl_18"
-} }]]), ci = ["id"], li = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ci = ["id"], li = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-tabs",
 	props: {
 		id: {},
@@ -2956,7 +3062,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = be(), a = W(null), o = W(n.modelValue), s = N(() => ({
+		let n = e, r = t, i = be(), a = G(null), o = G(n.modelValue), s = P(() => ({
 			"--ui3n-tabs-active-color": n.activeColor,
 			"--ui3n-tabs-inactive-color": n.inactiveColor,
 			"--ui3n-tabs-indicator-color": n.indicatorColor,
@@ -2981,17 +3087,17 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			}
 		}
 		return Y(() => n.modelValue, (e) => {
-			e !== o.value && (o.value = e, fe(() => {
+			e !== o.value && (o.value = e, de(() => {
 				c();
 			}));
-		}, { immediate: !0 }), H(() => {
+		}, { immediate: !0 }), U(() => {
 			c();
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (W(), L("div", {
 			ref_key: "tabs",
 			ref: a,
 			id: e.id,
-			style: V(s.value),
-			class: B([J(i).ui3nTabs, e.itemDirection === "vertical" && J(i).vertical]),
+			style: H(s.value),
+			class: V([J(i).ui3nTabs, e.itemDirection === "vertical" && J(i).vertical]),
 			onClick: l
 		}, [K(t.$slots, "default")], 14, ci));
 	}
@@ -3000,7 +3106,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	item: "_item_1yilq_13",
 	active: "_active_1yilq_52",
 	vertical: "_vertical_1yilq_60"
-} }]]), ui = ["id"], di = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ui = ["id"], di = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-badge-simple",
 	props: {
 		id: {},
@@ -3018,32 +3124,32 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			v74cb25de: e.color,
 			v77996f31: e.textColor
 		}));
-		let n = e, r = t, i = W(null);
+		let n = e, r = t, i = G(null);
 		function a() {
-			fe(() => {
+			de(() => {
 				i.value && r("change:size", {
 					width: i.value.offsetWidth,
 					height: i.value.offsetHeight
 				});
 			});
 		}
-		return Y(() => [n.value, n.dot], () => a()), H(() => {
+		return Y(() => [n.value, n.dot], () => a()), U(() => {
 			a();
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (W(), L("div", {
 			ref_key: "element",
 			ref: i,
 			id: e.id,
-			class: B([t.$style.ui3nBadgeSimple, e.dot && t.$style.ui3nBadgeDot])
-		}, [e.dot ? F("", !0) : (U(), I("span", {
+			class: V([t.$style.ui3nBadgeSimple, e.dot && t.$style.ui3nBadgeDot])
+		}, [e.dot ? I("", !0) : (W(), L("span", {
 			key: 0,
-			class: B(t.$style.ui3nBadgeText)
+			class: V(t.$style.ui3nBadgeText)
 		}, q(e.value), 3))], 10, ui));
 	}
 }), [["__cssModules", { $style: {
 	ui3nBadgeSimple: "_ui3nBadgeSimple_1vu4n_1",
 	ui3nBadgeDot: "_ui3nBadgeDot_1vu4n_12",
 	ui3nBadgeText: "_ui3nBadgeText_1vu4n_30"
-} }]]), fi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), fi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-badge",
 	props: {
 		id: {},
@@ -3057,7 +3163,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		position: { default: "right-top" }
 	},
 	setup(e) {
-		let t = e, n = Se(), r = W(), i = N(() => !!n.default), a = N(() => {
+		let t = e, n = Se(), r = G(), i = P(() => !!n.default), a = P(() => {
 			let [e, n] = t.position.split("-");
 			return {
 				...e === "right" && { right: `-${(0, Ur.default)(r.value, "width", 0) / 2}px` },
@@ -3066,17 +3172,17 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				...n === "bottom" && { bottom: `-${(0, Ur.default)(r.value, "height", 0) / 2}px` }
 			};
 		});
-		return (t, n) => i.value ? (U(), I("div", {
+		return (t, n) => i.value ? (W(), L("div", {
 			key: 0,
-			class: B(t.$style.ui3nBadge)
-		}, [L("div", { class: B(t.$style.ui3nBadgeWrapper) }, [K(t.$slots, "default"), R(di, {
+			class: V(t.$style.ui3nBadge)
+		}, [R("div", { class: V(t.$style.ui3nBadgeWrapper) }, [K(t.$slots, "default"), z(di, {
 			id: e.id,
 			dot: e.dot,
 			value: e.value,
 			color: e.color,
 			"text-color": e.textColor,
-			style: V(a.value),
-			class: B(t.$style.ui3nBadgeContent),
+			style: H(a.value),
+			class: V(t.$style.ui3nBadgeContent),
 			"onChange:size": n[0] ||= (e) => r.value = e
 		}, null, 8, [
 			"id",
@@ -3086,7 +3192,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			"text-color",
 			"style",
 			"class"
-		])], 2)], 2)) : (U(), P(di, {
+		])], 2)], 2)) : (W(), F(di, {
 			key: 1,
 			id: e.id,
 			dot: e.dot,
@@ -3105,7 +3211,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	ui3nBadge: "_ui3nBadge_1slsk_1",
 	ui3nBadgeWrapper: "_ui3nBadgeWrapper_1slsk_6",
 	ui3nBadgeContent: "_ui3nBadgeContent_1slsk_12"
-} }]]), pi = { key: 2 }, mi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), pi = { key: 2 }, mi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-breadcrumb",
 	props: {
 		separator: { default: void 0 },
@@ -3120,14 +3226,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Se(), a = be(), o = ue("ui3n-breadcrumbs-context", null), s = N(() => n.separator ? n.separator : o ? o.separator() : "/"), c = N(() => o ? o.disabled() : !1), l = N(() => {
+		let n = e, r = t, i = Se(), a = be(), o = le("ui3n-breadcrumbs-context", null), s = P(() => n.separator ? n.separator : o ? o.separator() : "/"), c = P(() => o ? o.disabled() : !1), l = P(() => {
 			let e = [a.ui3nBreadcrumb];
 			return n.isActive && e.push(a.ui3nBreadcrumbActive), (n.disabled || c.value) && e.push(a.ui3nBreadcrumbDisabled), e;
 		});
 		function u(e) {
 			r("click", e);
 		}
-		return (t, n) => (U(), I("div", de({ class: l.value }, ye(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [L("span", { class: B(t.$style.content) }, [K(t.$slots, "default")], 2), L("div", { class: B(t.$style.ui3nBreadcrumbSeparator) }, [typeof J(i).separator == "function" ? K(t.$slots, "separator", { key: 0 }) : J(o)?.customSeparatorSlot ? (U(), P(_e(J(o).customSeparatorSlot), { key: 1 })) : (U(), I("span", pi, q(s.value), 1))], 2)], 16));
+		return (t, n) => (W(), L("div", ue({ class: l.value }, ye(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [R("span", { class: V(t.$style.content) }, [K(t.$slots, "default")], 2), R("div", { class: V(t.$style.ui3nBreadcrumbSeparator) }, [typeof J(i).separator == "function" ? K(t.$slots, "separator", { key: 0 }) : J(o)?.customSeparatorSlot ? (W(), F(_e(J(o).customSeparatorSlot), { key: 1 })) : (W(), L("span", pi, q(s.value), 1))], 2)], 16));
 	}
 }), [["__cssModules", { $style: {
 	ui3nBreadcrumb: "_ui3nBreadcrumb_1tz9w_1",
@@ -3135,7 +3241,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	content: "_content_1tz9w_14",
 	ui3nBreadcrumbActive: "_ui3nBreadcrumbActive_1tz9w_28",
 	ui3nBreadcrumbDisabled: "_ui3nBreadcrumbDisabled_1tz9w_33"
-} }]]), hi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), hi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-breadcrumbs",
 	props: {
 		separator: { default: "/" },
@@ -3146,18 +3252,18 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	setup(e) {
 		let t = e;
-		return ge("ui3n-breadcrumbs-context", {
+		return he("ui3n-breadcrumbs-context", {
 			separator: () => t.separator,
 			disabled: () => t.disabled,
 			customSeparatorSlot: Se().separator
-		}), (e, t) => (U(), I("div", { class: B(e.$style.ui3nBreadcrumbs) }, [K(e.$slots, "default")], 2));
+		}), (e, t) => (W(), L("div", { class: V(e.$style.ui3nBreadcrumbs) }, [K(e.$slots, "default")], 2));
 	}
 }), [["__cssModules", { $style: { ui3nBreadcrumbs: "_ui3nBreadcrumbs_1oq6f_1" } }]]), gi = ["id", "tabindex"], _i = [
 	"name",
 	"checked",
 	"disabled",
 	"value"
-], vi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], vi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-switch",
 	props: {
 		id: {},
@@ -3172,7 +3278,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Se(), o = W(!1), s = N(() => ({
+		let r = e, i = n, a = Se(), o = G(!1), s = P(() => ({
 			"--ui3n-switch-color": r.color,
 			"--ui3n-switch-size": `${r.size}px`
 		}));
@@ -3184,11 +3290,11 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		}
 		return t({ clear: l }), Y(() => r.name, (e) => {
 			e || l();
-		}), Y(() => r.modelValue, (e) => o.value = e, { immediate: !0 }), (t, n) => (U(), I("div", {
+		}), Y(() => r.modelValue, (e) => o.value = e, { immediate: !0 }), (t, n) => (W(), L("div", {
 			id: e.id,
-			style: V(s.value),
+			style: H(s.value),
 			tabindex: e.disabled ? -1 : 0,
-			class: B([
+			class: V([
 				t.$style.ui3nSwitch,
 				o.value && t.$style.checked,
 				!J(a).default && t.$style.noLabel,
@@ -3197,7 +3303,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			onKeydown: [Z(c, ["enter"]), Z(c, ["space"])],
 			onClick: c
 		}, [
-			e.name ? (U(), I("input", {
+			e.name ? (W(), L("input", {
 				key: 0,
 				type: "checkbox",
 				hidden: "",
@@ -3205,9 +3311,9 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				checked: o.value,
 				disabled: e.disabled,
 				value: o.value ? "on" : ""
-			}, null, 8, _i)) : F("", !0),
-			L("div", { class: B(t.$style.body) }, [L("div", { class: B([t.$style.dot, o.value ? t.$style.right : t.$style.left]) }, null, 2)], 2),
-			L("div", { class: B(t.$style.label) }, [K(t.$slots, "default")], 2)
+			}, null, 8, _i)) : I("", !0),
+			R("div", { class: V(t.$style.body) }, [R("div", { class: V([t.$style.dot, o.value ? t.$style.right : t.$style.left]) }, null, 2)], 2),
+			R("div", { class: V(t.$style.label) }, [K(t.$slots, "default")], 2)
 		], 46, gi));
 	}
 }), [["__cssModules", { $style: {
@@ -3220,7 +3326,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	right: "_right_1lo7b_57",
 	label: "_label_1lo7b_61",
 	disabled: "_disabled_1lo7b_68"
-} }]]), yi = ["id"], bi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), yi = ["id"], bi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-step-line-bar",
 	props: {
 		id: {},
@@ -3229,13 +3335,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		steps: { default: 1 }
 	},
 	setup(e) {
-		let t = e, n = N(() => Math.max(0, Math.floor(t.steps)));
-		return (t, r) => (U(), I("div", {
+		let t = e, n = P(() => Math.max(0, Math.floor(t.steps)));
+		return (t, r) => (W(), L("div", {
 			id: e.id,
-			class: B(t.$style.ui3nStepLineBar)
-		}, [L("div", { class: B(t.$style.label) }, q(e.label), 3), L("div", { class: B(t.$style.body) }, [(U(!0), I(M, null, G(n.value, (n) => (U(), I("div", {
+			class: V(t.$style.ui3nStepLineBar)
+		}, [R("div", { class: V(t.$style.label) }, q(e.label), 3), R("div", { class: V(t.$style.body) }, [(W(!0), L(N, null, ge(n.value, (n) => (W(), L("div", {
 			key: n,
-			class: B([t.$style.step, n <= e.current && t.$style.active])
+			class: V([t.$style.step, n <= e.current && t.$style.active])
 		}, null, 2))), 128))], 2)], 10, yi));
 	}
 }), [["__cssModules", { $style: {
@@ -3244,7 +3350,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	body: "_body_119zg_17",
 	step: "_step_119zg_25",
 	active: "_active_119zg_33"
-} }]]), xi = 12, Si = 5, Ci = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), xi = 12, Si = 5, Ci = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-progress-linear",
 	props: {
 		value: { default: 0 },
@@ -3264,28 +3370,28 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		let t = e, n = (e) => {
 			let t = parseFloat(String(e));
 			return isNaN(t) ? 0 : t;
-		}, r = N(() => n(t.height)), i = N(() => {
+		}, r = P(() => n(t.height)), i = P(() => {
 			let e = n(t.value);
 			return Math.min(Math.max(e, 0), 100);
-		}), a = N(() => t.withText && !t.indeterminate), o = N(() => `${i.value}%`), s = N(() => ({
+		}), a = P(() => t.withText && !t.indeterminate), o = P(() => `${i.value}%`), s = P(() => ({
 			"--ui3n-progress-linear-height": `${r.value}px`,
 			"--ui3n-progress-linear-bg": t.bgColor,
 			"--ui3n-progress-linear-color": t.color,
 			"--ui3n-progress-linear-font-size": `${Math.max(r.value - 2, 10)}px`
 		}));
-		return (t, n) => (U(), I("div", {
-			style: V(s.value),
-			class: B([t.$style.ui3nProgressLinear, e.indeterminate && t.$style.indeterminate])
-		}, [a.value && r.value < xi ? (U(), I("div", {
+		return (t, n) => (W(), L("div", {
+			style: H(s.value),
+			class: V([t.$style.ui3nProgressLinear, e.indeterminate && t.$style.indeterminate])
+		}, [a.value && r.value < xi ? (W(), L("div", {
 			key: 0,
-			class: B([t.$style.text, t.$style.above])
-		}, q(o.value), 3)) : F("", !0), L("div", { class: B(t.$style.body) }, [L("div", {
-			class: B(t.$style.value),
-			style: V(e.indeterminate ? void 0 : { width: o.value })
-		}, [a.value && r.value >= xi && i.value >= Si ? (U(), I("div", {
+			class: V([t.$style.text, t.$style.above])
+		}, q(o.value), 3)) : I("", !0), R("div", { class: V(t.$style.body) }, [R("div", {
+			class: V(t.$style.value),
+			style: H(e.indeterminate ? void 0 : { width: o.value })
+		}, [a.value && r.value >= xi && i.value >= Si ? (W(), L("div", {
 			key: 0,
-			class: B(t.$style.text)
-		}, q(o.value), 3)) : F("", !0)], 6)], 2)], 6));
+			class: V(t.$style.text)
+		}, q(o.value), 3)) : I("", !0)], 6)], 2)], 6));
 	}
 }), [["__cssModules", { $style: {
 	ui3nProgressLinear: "_ui3nProgressLinear_1avv2_1",
@@ -3295,7 +3401,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	above: "_above_1avv2_37",
 	indeterminate: "_indeterminate_1avv2_47",
 	"linear-fly": "_linear-fly_1avv2_1"
-} }]]), wi = ["height", "width"], Ti = ["r"], Ei = ["r", "stroke-dasharray"], Di = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), wi = ["height", "width"], Ti = ["r"], Ei = ["r", "stroke-dasharray"], Di = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-progress-circular",
 	props: {
 		value: { default: 0 },
@@ -3316,39 +3422,39 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		let t = e, n = (e) => {
 			let t = parseFloat(String(e));
 			return isNaN(t) ? 0 : t;
-		}, r = N(() => n(t.size) || 64), i = N(() => Math.min(Math.max(n(t.value), 0), 100)), a = N(() => t.withText && !t.indeterminate), o = N(() => t.width ? n(t.width) / r.value * 100 : 8), s = N(() => (100 - o.value) / 2), c = N(() => Math.round(Math.PI * 2 * s.value)), l = N(() => {
+		}, r = P(() => n(t.size) || 64), i = P(() => Math.min(Math.max(n(t.value), 0), 100)), a = P(() => t.withText && !t.indeterminate), o = P(() => t.width ? n(t.width) / r.value * 100 : 8), s = P(() => (100 - o.value) / 2), c = P(() => Math.round(Math.PI * 2 * s.value)), l = P(() => {
 			let e = Math.round(c.value * i.value / 100);
 			return `${e} ${c.value - e}`;
-		}), u = N(() => `${Math.floor(r.value / 3.8)}px`), d = N(() => ({
+		}), u = P(() => `${Math.floor(r.value / 3.8)}px`), d = P(() => ({
 			"--ui3n-progress-circular-size": `${r.value}px`,
 			"--ui3n-progress-circular-font-size": u.value,
 			"--ui3n-progress-circular-bg": t.bgColor,
 			"--ui3n-progress-circular-color": t.color,
 			"--ui3n-progress-virtual-width": String(o.value)
 		}));
-		return (t, n) => (U(), I("div", {
-			style: V(d.value),
-			class: B([t.$style.ui3nProgressCircular, e.indeterminate && t.$style.indeterminate])
-		}, [(U(), I("svg", {
+		return (t, n) => (W(), L("div", {
+			style: H(d.value),
+			class: V([t.$style.ui3nProgressCircular, e.indeterminate && t.$style.indeterminate])
+		}, [(W(), L("svg", {
 			height: r.value,
 			width: r.value,
 			viewBox: "0 0 100 100",
-			class: B(t.$style.pie)
-		}, [L("circle", {
-			class: B(t.$style.background),
+			class: V(t.$style.pie)
+		}, [R("circle", {
+			class: V(t.$style.background),
 			r: s.value,
 			cx: "50",
 			cy: "50"
-		}, null, 10, Ti), L("circle", {
-			class: B(t.$style.chart),
+		}, null, 10, Ti), R("circle", {
+			class: V(t.$style.chart),
 			r: s.value,
 			cx: "50",
 			cy: "50",
 			"stroke-dasharray": e.indeterminate ? void 0 : l.value
-		}, null, 10, Ei)], 10, wi)), a.value ? (U(), I("div", {
+		}, null, 10, Ei)], 10, wi)), a.value ? (W(), L("div", {
 			key: 0,
-			class: B(t.$style.text)
-		}, q(i.value) + "% ", 3)) : F("", !0)], 6));
+			class: V(t.$style.text)
+		}, q(i.value) + "% ", 3)) : I("", !0)], 6));
 	}
 }), [["__cssModules", { $style: {
 	ui3nProgressCircular: "_ui3nProgressCircular_zypt9_1",
@@ -3359,7 +3465,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	indeterminate: "_indeterminate_zypt9_45",
 	"circular-spin": "_circular-spin_zypt9_1",
 	"circular-dash": "_circular-dash_zypt9_1"
-} }]]), Oi = 5, ki = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), Oi = 5, ki = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-tooltip",
 	props: {
 		id: {},
@@ -3386,10 +3492,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		"update:modelValue"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = W(!1), a = W(null), o = W(null), s = W(null), c = W(!1), l = N(() => {
+		let n = e, r = t, i = G(!1), a = G(null), o = G(null), s = G(null), c = G(!1), l = P(() => {
 			let [e] = n.placement.split("-");
 			return e;
-		}), u = N(() => {
+		}), u = P(() => {
 			let e = {
 				mainAxis: 0,
 				crossAxis: 0
@@ -3409,7 +3515,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					break;
 			}
 			return e;
-		}), d = N(() => [ke(u.value), Ee({
+		}), d = P(() => [ke(u.value), Ee({
 			element: s,
 			padding: 8
 		})]), { floatingStyles: f, isPositioned: p, middlewareData: m } = je(a, o, {
@@ -3418,7 +3524,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			strategy: n.positionStrategy,
 			middleware: d,
 			whileElementsMounted: n.positionStrategy === "fixed" ? De : void 0
-		}), h = N(() => {
+		}), h = P(() => {
 			let e = typeof n.maxContentWidth == "number" || !isNaN(Number(n.maxContentWidth)) ? `${n.maxContentWidth}px` : String(n.maxContentWidth);
 			return {
 				...f.value,
@@ -3444,33 +3550,33 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		function b() {
 			y(), !(!a.value || n.disabled) && (n.trigger === "hover" ? (a.value.addEventListener("mouseenter", g), a.value.addEventListener("mouseleave", _)) : n.trigger === "click" && a.value.addEventListener("click", v));
 		}
-		return H(() => {
+		return U(() => {
 			c.value = !0, b();
-		}), me(() => {
+		}), pe(() => {
 			y();
 		}), Y([() => n.trigger, () => n.disabled], () => {
 			b();
 		}), Y(() => n.modelValue, (e) => n.trigger === "manual" && (i.value = e), { immediate: !0 }), Y(p, (e) => {
 			r(e ? "opened" : "closed");
-		}), (t, n) => (U(), I(M, null, [L("div", {
+		}), (t, n) => (W(), L(N, null, [R("div", {
 			ref_key: "referenceContainer",
 			ref: a,
-			class: B(t.$style.container)
-		}, [K(t.$slots, "default")], 2), i.value ? (U(), I("div", {
+			class: V(t.$style.container)
+		}, [K(t.$slots, "default")], 2), i.value ? (W(), L("div", {
 			key: 0,
 			ref_key: "floatingEl",
 			ref: o,
-			class: B(t.$style.floating),
-			style: V(h.value)
-		}, [K(t.$slots, "content", {}, () => [L("div", { class: B(t.$style.content) }, [le(q(e.content) + " ", 1), L("div", {
+			class: V(t.$style.floating),
+			style: H(h.value)
+		}, [K(t.$slots, "content", {}, () => [R("div", { class: V(t.$style.content) }, [ce(q(e.content) + " ", 1), R("div", {
 			ref_key: "floatingArrowEl",
 			ref: s,
-			class: B([t.$style.arrow, t.$style[`arrow-${l.value}`]]),
-			style: V({
+			class: V([t.$style.arrow, t.$style[`arrow-${l.value}`]]),
+			style: H({
 				left: J(m).arrow?.x == null ? "" : `${J(m).arrow?.x}px`,
 				top: J(m).arrow?.y == null ? "" : `${J(m).arrow?.y}px`
 			})
-		}, null, 6)], 2)])], 6)) : F("", !0)], 64));
+		}, null, 6)], 2)])], 6)) : I("", !0)], 64));
 	}
 }), [["__cssModules", { $style: {
 	container: "_container_1wkac_1",
@@ -3486,7 +3592,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	"checked",
 	"value",
 	"disabled"
-], ji = ["tabindex"], Mi = ["width", "height"], Ni = ["width", "height"], Pi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], ji = ["tabindex"], Mi = ["width", "height"], Ni = ["width", "height"], Pi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-radio",
 	props: {
 		id: {},
@@ -3524,7 +3630,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Se(), o = ue("ui3n-radio-group-context", null), s = N(() => o !== null), c = N(() => o ? o.groupName.value : r.name || ""), l = W(s.value && o ? o.groupValue.value : r.modelValue), u = N(() => s.value && o ? o.groupValue.value === r.checkedValue : l.value === r.checkedValue), d = N(() => ({
+		let r = e, i = n, a = Se(), o = le("ui3n-radio-group-context", null), s = P(() => o !== null), c = P(() => o ? o.groupName.value : r.name || ""), l = G(s.value && o ? o.groupValue.value : r.modelValue), u = P(() => s.value && o ? o.groupValue.value === r.checkedValue : l.value === r.checkedValue), d = P(() => ({
 			"--ui3n-radio-size": `${r.size}px`,
 			"--ui3n-radio-color": r.color
 		}));
@@ -3540,22 +3646,22 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		function p() {
 			l.value = r.uncheckedValue, s.value || (i("change", l.value), i("update:modelValue", l.value));
 		}
-		return t({ clear: p }), pe(() => {
+		return t({ clear: p }), fe(() => {
 			let e = !!a.checkedIcon, t = !!a.uncheckedIcon;
 			if (e && !t || !e && t) throw Error("[Ui3nRadio] Both checkedIcon and uncheckedIcon slots must have values defined.");
 		}), Y(() => r.name, (e) => {
 			!e && !s.value && p();
 		}), Y(() => r.modelValue, (e) => {
 			e !== l.value && (l.value = e);
-		}), (t, n) => (U(), I("div", {
-			style: V(d.value),
-			class: B([
+		}), (t, n) => (W(), L("div", {
+			style: H(d.value),
+			class: V([
 				t.$style.ui3nRadio,
 				e.disabled && t.$style.disabled,
 				!J(a).default && t.$style.noLabel
 			])
 		}, [
-			L("input", {
+			R("input", {
 				type: "radio",
 				hidden: "",
 				name: c.value,
@@ -3563,29 +3669,29 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				value: String(e.checkedValue),
 				disabled: e.disabled
 			}, null, 8, Ai),
-			L("div", {
-				class: B([t.$style.body, e.disabled && t.$style.bodyDisabled]),
+			R("div", {
+				class: V([t.$style.body, e.disabled && t.$style.bodyDisabled]),
 				tabindex: e.disabled ? -1 : 0,
 				onKeydown: [Z(f, ["enter"]), Z(f, ["space"])],
 				onClick: f
-			}, [u.value ? K(t.$slots, "checkedIcon", { key: 0 }, () => [(U(), I("svg", {
+			}, [u.value ? K(t.$slots, "checkedIcon", { key: 0 }, () => [(W(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
-				class: B([t.$style.icon, e.disabled && t.$style.iconDisabled])
-			}, [...n[0] ||= [L("path", {
+				class: V([t.$style.icon, e.disabled && t.$style.iconDisabled])
+			}, [...n[0] ||= [R("path", {
 				fill: "currentColor",
 				d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8"
-			}, null, -1)]], 10, Mi))]) : K(t.$slots, "uncheckedIcon", { key: 1 }, () => [(U(), I("svg", {
+			}, null, -1)]], 10, Mi))]) : K(t.$slots, "uncheckedIcon", { key: 1 }, () => [(W(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
-				class: B([t.$style.icon, e.disabled && t.$style.iconDisabled])
-			}, [...n[1] ||= [L("path", {
+				class: V([t.$style.icon, e.disabled && t.$style.iconDisabled])
+			}, [...n[1] ||= [R("path", {
 				fill: "currentColor",
 				d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8"
 			}, null, -1)]], 10, Ni))])], 42, ji),
-			L("div", { class: B(t.$style.label) }, [K(t.$slots, "default")], 2)
+			R("div", { class: V(t.$style.label) }, [K(t.$slots, "default")], 2)
 		], 6));
 	}
 }), [["__cssModules", { $style: {
@@ -3597,7 +3703,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	icon: "_icon_17bki_62",
 	bodyDisabled: "_bodyDisabled_17bki_71",
 	iconDisabled: "_iconDisabled_17bki_72"
-} }]]), Fi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), Fi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-radio-group",
 	props: {
 		id: {},
@@ -3615,13 +3721,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = W(r.modelValue);
+		let r = e, i = n, a = G(r.modelValue);
 		function o(e) {
 			a.value = e, i("update:modelValue", e), i("change", e);
 		}
-		ge("ui3n-radio-group-context", {
-			groupValue: N(() => a.value),
-			groupName: N(() => r.name || ""),
+		he("ui3n-radio-group-context", {
+			groupValue: P(() => a.value),
+			groupName: P(() => r.name || ""),
 			updateGroupValue: o
 		});
 		function s() {
@@ -3631,7 +3737,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			e !== a.value && (a.value = e);
 		}), Y(() => r.name, (e) => {
 			e || s();
-		}), (t, n) => (U(), I("div", { class: B([t.$style.ui3nRadioGroup, e.direction === "horizontal" && t.$style.horizontal]) }, [K(t.$slots, "default")], 2));
+		}), (t, n) => (W(), L("div", { class: V([t.$style.ui3nRadioGroup, e.direction === "horizontal" && t.$style.horizontal]) }, [K(t.$slots, "default")], 2));
 	}
 }), [["__cssModules", { $style: {
 	ui3nRadioGroup: "_ui3nRadioGroup_1aejh_1",
@@ -3640,7 +3746,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	"value",
 	"placeholder",
 	"disabled"
-], zi = ["title"], Bi = 60, Vi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+], zi = ["title"], Bi = 60, Vi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-editable",
 	props: {
 		id: {},
@@ -3663,7 +3769,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		"focusout"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = te, i = On, a = e, o = n, s = W(null), c = W(null), l = W("auto"), u = W(null), d = W(a.modelValue), f = W(a.modelValue), p = W(!1), m = N(() => {
+		let r = D, i = On, a = e, o = n, s = G(null), c = G(null), l = G("auto"), u = G(null), d = G(a.modelValue), f = G(a.modelValue), p = G(!1), m = P(() => {
 			let e = "100%";
 			if (a.maxWidth) {
 				let t = Number(a.maxWidth);
@@ -3673,12 +3779,12 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				"--ui3n-editable-min-width": `${Bi}px`,
 				"--ui3n-editable-max-width": e
 			};
-		}), h = N(() => u.value ? u.value.scrollWidth > u.value.clientWidth : !1), g = N(() => a.disallowEmptyValue ? !!d.value : !0);
+		}), h = P(() => u.value ? u.value.scrollWidth > u.value.clientWidth : !1), g = P(() => a.disallowEmptyValue ? !!d.value : !0);
 		function _() {
 			c.value && (c.value.textContent = d.value || a.placeholder || "", l.value = `${Math.max(c.value.scrollWidth + 48, Bi)}px`);
 		}
 		function v() {
-			a.disabled || (p.value = !0, f.value = d.value, fe(() => {
+			a.disabled || (p.value = !0, f.value = d.value, de(() => {
 				s.value && (_(), s.value.focus(), a.selectAllOnFocus && s.value.select());
 			}));
 		}
@@ -3703,32 +3809,32 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			!a.disabled && o("toggle:editMode", e);
 		}), Y(() => a.name, (e) => {
 			e || C();
-		}), (t, n) => Te((U(), I("div", {
+		}), (t, n) => Te((W(), L("div", {
 			id: e.id,
-			class: B([
+			class: V([
 				t.$style.ui3nEditable,
 				e.disabled && t.$style.ui3nEditableDisabled,
 				p.value && t.$style.ui3nEditableInEdit,
 				p.value && !g.value && t.$style.ui3nEditableInEditWarning
 			]),
-			style: V(m.value),
+			style: H(m.value),
 			onFocusin: n[0] ||= (e) => o("focusin", e)
-		}, [e.name ? (U(), I("input", {
+		}, [e.name ? (W(), L("input", {
 			key: 0,
 			type: "hidden",
 			name: e.name,
 			value: d.value
-		}, null, 8, Li)) : F("", !0), p.value ? (U(), I(M, { key: 1 }, [
-			L("span", {
+		}, null, 8, Li)) : I("", !0), p.value ? (W(), L(N, { key: 1 }, [
+			R("span", {
 				ref_key: "hiddenEl",
 				ref: c,
-				class: B(t.$style.hidden)
+				class: V(t.$style.hidden)
 			}, null, 2),
-			L("input", {
+			R("input", {
 				ref_key: "inputEl",
 				ref: s,
-				class: B(t.$style.input),
-				style: V({ width: l.value }),
+				class: V(t.$style.input),
+				style: H({ width: l.value }),
 				value: d.value,
 				placeholder: e.placeholder,
 				disabled: e.disabled,
@@ -3739,41 +3845,41 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					Z(x, ["esc"])
 				]
 			}, null, 46, Ri),
-			Te((U(), I("div", {
-				class: B([
+			Te((W(), L("div", {
+				class: V([
 					t.$style.btn,
 					t.$style.doneBtn,
 					e.disabled && t.$style.btnDisabled
 				]),
 				onClick: Q(b, ["stop", "prevent"])
-			}, [R(k, {
+			}, [z(A, {
 				icon: "round-done",
 				size: "12",
 				color: "var(--color-icon-table-accent-default)"
 			})], 2)), [[J(r)]]),
-			Te((U(), I("div", {
-				class: B([
+			Te((W(), L("div", {
+				class: V([
 					t.$style.btn,
 					t.$style.cancelBtn,
 					e.disabled && t.$style.btnDisabled
 				]),
 				onClick: Q(x, ["stop", "prevent"])
-			}, [R(k, {
+			}, [z(A, {
 				icon: "round-close",
 				size: "12",
 				color: "var(--color-icon-table-secondary-default)"
 			})], 2)), [[J(r)]])
-		], 64)) : (U(), I("div", {
+		], 64)) : (W(), L("div", {
 			key: 2,
-			class: B([t.$style.content, !d.value && t.$style.contentEmpty]),
+			class: V([t.$style.content, !d.value && t.$style.contentEmpty]),
 			title: h.value ? d.value : void 0
-		}, [L("span", {
+		}, [R("span", {
 			ref_key: "contentValueEl",
 			ref: u
-		}, q(d.value || e.placeholder || "..."), 513), Te((U(), I("div", {
-			class: B([t.$style.btn, t.$style.editBtn]),
+		}, q(d.value || e.placeholder || "..."), 513), Te((W(), L("div", {
+			class: V([t.$style.btn, t.$style.editBtn]),
 			onClick: Q(v, ["stop", "prevent"])
-		}, [R(k, {
+		}, [z(A, {
 			icon: "round-edit",
 			size: "12",
 			color: "var(--color-icon-control-accent-unselected)"
@@ -3793,7 +3899,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	cancelBtn: "_cancelBtn_s7l0a_128",
 	doneBtn: "_doneBtn_s7l0a_133",
 	btnDisabled: "_btnDisabled_s7l0a_139"
-} }]]), Hi = ["name", "value"], Ui = ["name", "value"], Wi = ["name", "value"], Gi = ["placeholder", "disabled"], Ki = ["id", "onClick"], qi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), Hi = ["name", "value"], Ui = ["name", "value"], Wi = ["name", "value"], Gi = ["placeholder", "disabled"], Ki = ["id", "onClick"], qi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-autocomplete",
 	props: {
 		name: {},
@@ -3831,7 +3937,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		"valid:new-value"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let a = En, o = e, s = r, c = `auto-${t(4)}`, l = W(""), u = W(!1), d = W(null), f = W(null), p = W(null), m = W(null), h = W(!1), g = W(!0), _ = N(() => o.returnObject ? o.modelValue.map((e) => e.id) : o.modelValue), v = N(() => o.chips ? "" : o.returnObject ? o.modelValue.map((e) => e[o.itemTitle] || "?").join(", ") : o.modelValue.join(", ")), y = N(() => o.customFilter ? o.items.filter((e) => o.customFilter(e, l.value)).filter((e) => o.hideSelected ? o.returnObject ? !_.value.includes(e.id) : !_.value.includes(e[o.itemValue]) : !0) : o.items.filter((e) => e[o.itemTitle].toLowerCase().includes(l.value.toLowerCase())).filter((e) => o.hideSelected ? o.returnObject ? !_.value.includes(e.id) : !_.value.includes(e[o.itemValue]) : !0));
+		let a = En, o = e, s = r, c = `auto-${t(4)}`, l = G(""), u = G(!1), d = G(null), f = G(null), p = G(null), m = G(null), h = G(!1), g = G(!0), _ = P(() => o.returnObject ? o.modelValue.map((e) => e.id) : o.modelValue), v = P(() => o.chips ? "" : o.returnObject ? o.modelValue.map((e) => e[o.itemTitle] || "?").join(", ") : o.modelValue.join(", ")), y = P(() => o.customFilter ? o.items.filter((e) => o.customFilter(e, l.value)).filter((e) => o.hideSelected ? o.returnObject ? !_.value.includes(e.id) : !_.value.includes(e[o.itemValue]) : !0) : o.items.filter((e) => e[o.itemTitle].toLowerCase().includes(l.value.toLowerCase())).filter((e) => o.hideSelected ? o.returnObject ? !_.value.includes(e.id) : !_.value.includes(e[o.itemValue]) : !0));
 		function b() {
 			h.value = !1, s("update:search", l.value);
 		}
@@ -3889,7 +3995,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				S(e), m.value = null, o.clearOnSelect && (l.value = "");
 			}
 		}
-		function te() {
+		function D() {
 			if (o.disabled || l.value !== "" || (0, Wr.default)(o.modelValue)) return;
 			if (!h.value) {
 				h.value = !0;
@@ -3898,7 +4004,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			let e = (0, Gr.default)(o.modelValue);
 			e.pop(), s("update:modelValue", e), h.value = !1;
 		}
-		function D(e, t) {
+		function O(e, t) {
 			switch (t) {
 				case "down":
 					e.preventDefault(), e.stopPropagation(), w();
@@ -3914,36 +4020,36 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					e.preventDefault(), e.stopPropagation(), E();
 					break;
 				case "backspace":
-					te();
+					D();
 					break;
 			}
 		}
-		function O() {
+		function k() {
 			l.value = "", u.value = !1, m.value = null, g.value = !0, s("update:modelValue", []), s("update:search", "");
 		}
-		return n({ clear: O }), Y(() => o.name, (e) => {
-			e || O();
+		return n({ clear: k }), Y(() => o.name, (e) => {
+			e || k();
 		}), Y(() => (0, $.default)(y.value), (e, t) => {
 			e !== t && (m.value = null), e && !g.value && (g.value = !0);
-		}), (t, n) => (U(), I("div", { class: B(t.$style.ui3nAutocomplete) }, [e.name && !J(Wr.default)(e.modelValue) ? (U(), I("fieldset", {
+		}), (t, n) => (W(), L("div", { class: V(t.$style.ui3nAutocomplete) }, [e.name && !J(Wr.default)(e.modelValue) ? (W(), L("fieldset", {
 			key: 0,
-			class: B(t.$style.hiddenBlock)
-		}, [e.multiple ? (U(), I(M, { key: 1 }, [e.returnObject ? (U(!0), I(M, { key: 1 }, G(e.modelValue, (t, n) => (U(), I("input", {
+			class: V(t.$style.hiddenBlock)
+		}, [e.multiple ? (W(), L(N, { key: 1 }, [e.returnObject ? (W(!0), L(N, { key: 1 }, ge(e.modelValue, (t, n) => (W(), L("input", {
 			key: t.id || `${e.name}-obj-${n}`,
 			type: "hidden",
 			name: `${e.name}[]`,
 			value: JSON.stringify(t)
-		}, null, 8, Wi))), 128)) : (U(!0), I(M, { key: 0 }, G(e.modelValue, (t, n) => (U(), I("input", {
+		}, null, 8, Wi))), 128)) : (W(!0), L(N, { key: 0 }, ge(e.modelValue, (t, n) => (W(), L("input", {
 			key: `${e.name}-flat-${n}`,
 			type: "hidden",
 			name: `${e.name}[]`,
 			value: t
-		}, null, 8, Ui))), 128))], 64)) : (U(), I("input", {
+		}, null, 8, Ui))), 128))], 64)) : (W(), L("input", {
 			key: 0,
 			type: "hidden",
 			name: e.name,
 			value: e.returnObject ? JSON.stringify(e.modelValue) : e.modelValue
-		}, null, 8, Hi))], 2)) : F("", !0), R(ti, {
+		}, null, 8, Hi))], 2)) : I("", !0), z(ti, {
 			modelValue: u.value,
 			"onUpdate:modelValue": n[8] ||= (e) => u.value = e,
 			"lock-scroll": e.lockScroll,
@@ -3959,15 +4065,15 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			],
 			disabled: e.disabled
 		}, {
-			menu: X(() => [!J(Wr.default)(y.value) || J(Wr.default)(y.value) && e.noDataText ? (U(), I("div", {
+			menu: X(() => [!J(Wr.default)(y.value) || J(Wr.default)(y.value) && e.noDataText ? (W(), L("div", {
 				key: 0,
 				ref_key: "menuBodyEl",
 				ref: p,
-				class: B(t.$style.body)
-			}, [J($.default)(y.value) ? (U(!0), I(M, { key: 0 }, G(y.value, (n, r) => (U(), I("div", {
+				class: V(t.$style.body)
+			}, [J($.default)(y.value) ? (W(!0), L(N, { key: 0 }, ge(y.value, (n, r) => (W(), L("div", {
 				key: n.id,
 				id: `${c}-${r}`,
-				class: B([
+				class: V([
 					t.$style.item,
 					m.value === r && t.$style.itemSelected,
 					e.disabled && t.$style.itemDisabled
@@ -3977,59 +4083,59 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				item: n,
 				index: r,
 				query: l.value
-			}, () => [Te(L("div", { class: B(t.$style.simpleItem) }, null, 2), [[J(a), J(i)(n[o.itemTitle], l.value)]])])], 10, Ki))), 128)) : F("", !0), !J($.default)(y.value) && e.noDataText ? (U(), I("div", {
+			}, () => [Te(R("div", { class: V(t.$style.simpleItem) }, null, 2), [[J(a), J(i)(n[o.itemTitle], l.value)]])])], 10, Ki))), 128)) : I("", !0), !J($.default)(y.value) && e.noDataText ? (W(), L("div", {
 				key: 1,
-				class: B(t.$style.noData)
-			}, [K(t.$slots, "noDataText", {}, () => [le(q(e.noDataText), 1)])], 2)) : F("", !0)], 2)) : F("", !0)]),
-			default: X(() => [L("div", {
+				class: V(t.$style.noData)
+			}, [K(t.$slots, "noDataText", {}, () => [ce(q(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
+			default: X(() => [R("div", {
 				ref_key: "activatorEl",
 				ref: d,
-				class: B(t.$style.trigger)
-			}, [e.chips ? (U(), P(ce, {
+				class: V(t.$style.trigger)
+			}, [e.chips ? (W(), F(se, {
 				key: 0,
 				name: "chipAnim",
 				tag: "div",
-				class: B(t.$style.chipsContainer)
+				class: V(t.$style.chipsContainer)
 			}, {
-				default: X(() => [(U(!0), I(M, null, G(e.modelValue, (n, r) => (U(), I("div", {
+				default: X(() => [(W(!0), L(N, null, ge(e.modelValue, (n, r) => (W(), L("div", {
 					key: n.id || r,
-					class: B(t.$style.chipWrapper)
+					class: V(t.$style.chipWrapper)
 				}, [K(t.$slots, "chip", {
 					item: n,
 					index: r,
 					isHighlighted: r === J($.default)(e.modelValue) - 1 && h.value
-				}, () => [R(er, {
+				}, () => [z(er, {
 					height: "32",
 					color: r === J($.default)(e.modelValue) - 1 && h.value ? "var(--color-bg-control-primary-hover)" : void 0,
 					round: "",
 					closeable: "",
 					onClose: (e) => C(n)
 				}, {
-					default: X(() => [le(q(e.returnObject ? n[o.itemTitle] : n), 1)]),
+					default: X(() => [ce(q(e.returnObject ? n[o.itemTitle] : n), 1)]),
 					_: 2
 				}, 1032, ["color", "onClose"])])], 2))), 128))]),
 				_: 3
-			}, 8, ["class"])) : (U(), I("div", {
+			}, 8, ["class"])) : (W(), L("div", {
 				key: 1,
-				class: B(t.$style.displayValue)
-			}, q(v.value), 3)), Te(L("input", {
+				class: V(t.$style.displayValue)
+			}, q(v.value), 3)), Te(R("input", {
 				ref_key: "inputEl",
 				ref: f,
 				"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
 				type: "text",
-				class: B([t.$style.input, !g.value && t.$style.inputWithError]),
+				class: V([t.$style.input, !g.value && t.$style.inputWithError]),
 				placeholder: J(Wr.default)(e.modelValue) && e.placeholder ? e.placeholder : "",
 				disabled: e.disabled,
 				onInput: b,
 				onFocusin: n[1] ||= Q((e) => s("update:focused", !0), ["prevent"]),
 				onFocusout: x,
 				onKeydown: [
-					n[2] ||= Z((e) => D(e, "down"), ["down"]),
-					n[3] ||= Z((e) => D(e, "up"), ["up"]),
-					n[4] ||= Z((e) => D(e, "esc"), ["esc"]),
-					n[5] ||= Z((e) => D(e, "enter"), ["enter"]),
-					n[6] ||= Z((e) => D(e, "tab"), ["tab"]),
-					n[7] ||= Z((e) => D(e, "backspace"), ["delete"])
+					n[2] ||= Z((e) => O(e, "down"), ["down"]),
+					n[3] ||= Z((e) => O(e, "up"), ["up"]),
+					n[4] ||= Z((e) => O(e, "esc"), ["esc"]),
+					n[5] ||= Z((e) => O(e, "enter"), ["enter"]),
+					n[6] ||= Z((e) => O(e, "tab"), ["tab"]),
+					n[7] ||= Z((e) => O(e, "backspace"), ["delete"])
 				]
 			}, null, 42, Gi), [[we, l.value]])], 2)]),
 			_: 3
@@ -4054,7 +4160,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	noData: "_noData_2o0no_100",
 	chipsContainer: "_chipsContainer_2o0no_113",
 	chipWrapper: "_chipWrapper_2o0no_120"
-} }]]), Ji = ["id"], Yi = ["name", "value"], Xi = ["name", "value"], Zi = ["name", "value"], Qi = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), Ji = ["id"], Yi = ["name", "value"], Xi = ["name", "value"], Zi = ["name", "value"], Qi = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-slider",
 	props: {
 		id: {},
@@ -4077,32 +4183,32 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, o = Ce("sliderEl"), s = Ce("pointerEl1"), c = Ce("pointerEl2"), l = W({
+		let r = e, i = n, o = Ce("sliderEl"), s = Ce("pointerEl1"), c = Ce("pointerEl2"), l = G({
 			1: 0,
 			2: 0
-		}), u = W({
+		}), u = G({
 			1: r.labelVisible === "always",
 			2: r.labelVisible === "always"
-		}), d = W(0), f = W(null);
-		N(() => `${r.thumbSize}px`);
-		let p = N(() => Number(r.max) - Number(r.min)), m = N(() => r.step ? Number(r.step) : p.value / 100), h = N(() => {
+		}), d = G(0), f = G(null);
+		P(() => `${r.thumbSize}px`);
+		let p = P(() => Number(r.max) - Number(r.min)), m = P(() => r.step ? Number(r.step) : p.value / 100), h = P(() => {
 			let e = {};
 			if (r.range) {
 				let [t, n] = d.value;
 				return t <= Number(r.min) ? e.left = "0px" : t < Number(r.max) && (e.left = `${a((t - Number(r.min)) / p.value * 100, 0)}%`), n >= Number(r.max) ? e.width = t <= Number(r.min) ? "100%" : `${a((Number(r.max) - t) / p.value * 100, 0)}%` : n > Number(r.min) && (e.width = `${a((n - t) / p.value * 100, 0)}%`), e;
 			}
 			return d.value <= Number(r.min) ? (e.left = "0px", e.width = "0px") : d.value >= Number(r.max) ? (e.left = "0px", e.width = "100%") : (e.left = "0px", e.width = `${a((d.value - Number(r.min)) / p.value * 100, 0)}%`), e;
-		}), g = N(() => r.range ? `calc(${h.value.left} + 1px)` : `${h.value.width}`), _ = N(() => r.range ? `calc(${h.value.width} + ${h.value.left} - 1px)` : "200%"), v = N(() => {
+		}), g = P(() => r.range ? `calc(${h.value.left} + 1px)` : `${h.value.width}`), _ = P(() => r.range ? `calc(${h.value.width} + ${h.value.left} - 1px)` : "200%"), v = P(() => {
 			if (r.range) {
 				let e = d.value[0];
 				return r.transformValueMethod ? r.transformValueMethod(e) : `${e}`;
 			}
 			return r.transformValueMethod ? r.transformValueMethod(d.value) : `${d.value}`;
-		}), y = N(() => {
+		}), y = P(() => {
 			if (!r.range) return "";
 			let e = d.value[1];
 			return r.transformValueMethod ? r.transformValueMethod(e) : `${e}`;
-		}), b = N(() => ({
+		}), b = P(() => ({
 			"--ui3n-slider-height": `${Math.max(Number(r.trackHeight), Number(r.thumbSize))}px`,
 			"--ui3n-slider-label-color": r.labelColor,
 			"--ui3n-slider-label-text-color": r.labelTextColor,
@@ -4160,40 +4266,40 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			}
 			let t = Array.isArray(r.modelValue) ? r.modelValue[r.modelValue.length - 1] : r.modelValue;
 			t !== d.value && (d.value = t);
-		}, { immediate: !0 }), (t, n) => (U(), I("div", {
+		}, { immediate: !0 }), (t, n) => (W(), L("div", {
 			ref: "sliderEl",
 			id: e.id,
-			style: V(b.value),
-			class: B([t.$style.ui3nSlider, e.disabled && t.$style.disabled]),
+			style: H(b.value),
+			class: V([t.$style.ui3nSlider, e.disabled && t.$style.disabled]),
 			onClick: Q(ee, ["stop", "prevent"])
 		}, [
-			e.name ? (U(), I(M, { key: 0 }, [e.range ? (U(), I(M, { key: 0 }, [L("input", {
+			e.name ? (W(), L(N, { key: 0 }, [e.range ? (W(), L(N, { key: 0 }, [R("input", {
 				type: "hidden",
 				name: `${e.name}_min`,
 				value: d.value[0]
-			}, null, 8, Yi), L("input", {
+			}, null, 8, Yi), R("input", {
 				type: "hidden",
 				name: `${e.name}_max`,
 				value: d.value[1]
-			}, null, 8, Xi)], 64)) : (U(), I("input", {
+			}, null, 8, Xi)], 64)) : (W(), L("input", {
 				key: 1,
 				type: "hidden",
 				name: e.name,
 				value: d.value
-			}, null, 8, Zi))], 64)) : F("", !0),
-			L("div", { class: B(t.$style.track) }, [L("div", {
-				class: B(t.$style.active),
-				style: V(h.value)
+			}, null, 8, Zi))], 64)) : I("", !0),
+			R("div", { class: V(t.$style.track) }, [R("div", {
+				class: V(t.$style.active),
+				style: H(h.value)
 			}, null, 6)], 2),
-			L("div", {
+			R("div", {
 				ref: "pointerEl1",
-				class: B([t.$style.pointerWrapper, t.$style.pointer1]),
+				class: V([t.$style.pointerWrapper, t.$style.pointer1]),
 				onPointerdown: n[0] ||= (e) => w(e, 1),
 				onClick: n[1] ||= Q(() => {}, ["stop", "prevent"]),
 				onDragstart: C,
 				onMouseenter: n[2] ||= (e) => x(1),
 				onMouseleave: n[3] ||= (e) => S(1)
-			}, [R(ki, {
+			}, [z(ki, {
 				"model-value": u.value[1],
 				content: v.value,
 				trigger: "manual",
@@ -4203,7 +4309,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				"text-color": e.labelTextColor,
 				disabled: e.labelVisible === "never"
 			}, {
-				default: X(() => [L("div", { class: B([t.$style.pointer, f.value === 1 && t.$style.selected]) }, null, 2)]),
+				default: X(() => [R("div", { class: V([t.$style.pointer, f.value === 1 && t.$style.selected]) }, null, 2)]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -4212,16 +4318,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				"text-color",
 				"disabled"
 			])], 34),
-			e.range ? (U(), I("div", {
+			e.range ? (W(), L("div", {
 				key: 1,
 				ref: "pointerEl2",
-				class: B([t.$style.pointerWrapper, t.$style.pointer2]),
+				class: V([t.$style.pointerWrapper, t.$style.pointer2]),
 				onPointerdown: n[4] ||= (e) => w(e, 2),
 				onClick: n[5] ||= Q(() => {}, ["stop", "prevent"]),
 				onDragstart: C,
 				onMouseenter: n[6] ||= (e) => x(2),
 				onMouseleave: n[7] ||= (e) => S(2)
-			}, [R(ki, {
+			}, [z(ki, {
 				"model-value": u.value[2],
 				content: y.value,
 				trigger: "manual",
@@ -4231,7 +4337,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				"text-color": e.labelTextColor,
 				disabled: e.labelVisible === "never"
 			}, {
-				default: X(() => [L("div", { class: B([t.$style.pointer, f.value === 2 && t.$style.selected]) }, null, 2)]),
+				default: X(() => [R("div", { class: V([t.$style.pointer, f.value === 2 && t.$style.selected]) }, null, 2)]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -4239,7 +4345,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				"color",
 				"text-color",
 				"disabled"
-			])], 34)) : F("", !0)
+			])], 34)) : I("", !0)
 		], 14, Ji));
 	}
 }), [["__cssModules", { $style: {
@@ -4252,7 +4358,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	selected: "_selected_17be6_55",
 	pointer1: "_pointer1_17be6_69",
 	pointer2: "_pointer2_17be6_73"
-} }]]), $i = ["id"], ea = ["name", "value"], ta = ["tabindex"], na = ["id", "onClick"], ra = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), $i = ["id"], ea = ["name", "value"], ta = ["tabindex"], na = ["id", "onClick"], ra = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-selector",
 	props: {
 		id: {},
@@ -4276,7 +4382,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		disabled: { type: Boolean }
 	},
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, o = `select-${t(4)}`, s = Ce("activator"), c = Ce("body"), l = W(!1), u = W(!1), d = W(null), f = N(() => i.items.filter((e) => i.hideSelected ? i.returnObject ? i.modelValue.id !== e.id : i.modelValue !== e[i.itemValue] : !0)), p = N(() => {
+		let i = e, a = r, o = `select-${t(4)}`, s = Ce("activator"), c = Ce("body"), l = G(!1), u = G(!1), d = G(null), f = P(() => i.items.filter((e) => i.hideSelected ? i.returnObject ? i.modelValue.id !== e.id : i.modelValue !== e[i.itemValue] : !0)), p = P(() => {
 			if (!i.modelValue) return "";
 			if (i.returnObject && typeof i.modelValue == "object") {
 				let e = i.items.find((e) => e.id === i.modelValue.id);
@@ -4371,21 +4477,21 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				}
 				a("list:open");
 			} else e !== t && !e && (d.value = null, a("list:close"));
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (W(), L("div", {
 			id: e.id,
-			class: B(t.$style.ui3nSelector)
+			class: V(t.$style.ui3nSelector)
 		}, [
-			e.name && e.modelValue ? (U(), I("input", {
+			e.name && e.modelValue ? (W(), L("input", {
 				key: 0,
 				type: "hidden",
 				name: e.name,
 				value: typeof e.modelValue == "object" ? JSON.stringify(e.modelValue) : String(e.modelValue)
-			}, null, 8, ea)) : F("", !0),
-			e.label ? (U(), I("label", {
+			}, null, 8, ea)) : I("", !0),
+			e.label ? (W(), L("label", {
 				key: 1,
-				class: B(t.$style.label)
-			}, q(e.label), 3)) : F("", !0),
-			R(ti, {
+				class: V(t.$style.label)
+			}, q(e.label), 3)) : I("", !0),
+			z(ti, {
 				modelValue: l.value,
 				"onUpdate:modelValue": n[6] ||= (e) => l.value = e,
 				"offset-x": -3,
@@ -4396,20 +4502,20 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					width: "100%",
 					minWidth: "var(--ui3n-selector-width, 200px)"
 				},
-				class: B(t.$style.menu),
+				class: V(t.$style.menu),
 				disabled: e.disabled,
 				onClick: n[7] ||= () => {
 					e.disabled || (l.value = !l.value);
 				}
 			}, {
-				menu: X(() => [!J(Wr.default)(f.value) || J(Wr.default)(f.value) && e.noDataText ? (U(), I("div", {
+				menu: X(() => [!J(Wr.default)(f.value) || J(Wr.default)(f.value) && e.noDataText ? (W(), L("div", {
 					key: 0,
 					ref: "body",
-					class: B(t.$style.body)
-				}, [J(Wr.default)(f.value) ? F("", !0) : (U(!0), I(M, { key: 0 }, G(f.value, (n, r) => (U(), I("div", {
+					class: V(t.$style.body)
+				}, [J(Wr.default)(f.value) ? I("", !0) : (W(!0), L(N, { key: 0 }, ge(f.value, (n, r) => (W(), L("div", {
 					key: n.id,
 					id: `${o}-${r}`,
-					class: B([
+					class: V([
 						t.$style.item,
 						d.value === r && t.$style.itemSelected,
 						e.disabled && t.$style.itemDisabled
@@ -4419,14 +4525,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					item: n,
 					index: r,
 					activeIndex: d.value
-				}, () => [le(q(m(n)), 1)])], 10, na))), 128)), J(Wr.default)(f.value) && e.noDataText ? (U(), I("div", {
+				}, () => [ce(q(m(n)), 1)])], 10, na))), 128)), J(Wr.default)(f.value) && e.noDataText ? (W(), L("div", {
 					key: 1,
-					class: B(t.$style.noData)
-				}, [K(t.$slots, "noDataText", {}, () => [le(q(e.noDataText), 1)])], 2)) : F("", !0)], 2)) : F("", !0)]),
-				default: X(() => [L("div", {
+					class: V(t.$style.noData)
+				}, [K(t.$slots, "noDataText", {}, () => [ce(q(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
+				default: X(() => [R("div", {
 					ref: "activator",
 					tabindex: e.disabled ? -1 : 0,
-					class: B([
+					class: V([
 						t.$style.trigger,
 						u.value && t.$style.triggerFocused,
 						e.clearable && e.modelValue && t.$style.clearable,
@@ -4446,8 +4552,8 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 					K(t.$slots, "selection", {
 						value: e.modelValue,
 						selectedItem: d.value === null ? void 0 : f.value[d.value]
-					}, () => [le(q(p.value || e.placeholder || ""), 1)]),
-					e.clearable && e.modelValue ? (U(), P(O, {
+					}, () => [ce(q(p.value || e.placeholder || ""), 1)]),
+					e.clearable && e.modelValue ? (W(), F(k, {
 						key: 0,
 						type: "icon",
 						size: "small",
@@ -4456,16 +4562,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 						"icon-size": "16",
 						"icon-color": "var(--color-icon-block-primary-default)",
 						disabled: e.disabled,
-						class: B(t.$style.clearBtn),
+						class: V(t.$style.clearBtn),
 						onClick: Q(v, ["stop", "prevent"]),
 						onMousedown: n[0] ||= Q(() => {}, ["stop", "prevent"])
-					}, null, 8, ["disabled", "class"])) : F("", !0),
-					R(k, {
+					}, null, 8, ["disabled", "class"])) : I("", !0),
+					z(A, {
 						icon: "outline-arrow-drop-down",
 						color: "var(--color-icon-block-primary-default)",
 						size: "16",
 						"vertical-flip": l.value,
-						class: B(t.$style.menuIcon)
+						class: V(t.$style.menuIcon)
 					}, null, 8, ["vertical-flip", "class"])
 				], 42, ta)]),
 				_: 3
@@ -4492,7 +4598,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	item: "_item_1fmel_107",
 	itemSelected: "_itemSelected_1fmel_121",
 	itemDisabled: "_itemDisabled_1fmel_125"
-} }]]), ia = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), ia = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-mobile-menu",
 	props: {
 		modelValue: { type: Boolean },
@@ -4501,45 +4607,45 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = N(() => ({
+		let n = e, r = t, i = P(() => ({
 			"--ui3n-menu-width-custom": isNaN(Number(n.width)) ? n.width || "240px" : `${n.width}px`,
 			"--ui3n-menu-blur-custom": n.withBlur ? "2px" : "0"
 		}));
 		function a() {
 			r("update:modelValue", !n.modelValue);
 		}
-		return (t, n) => (U(), I("div", {
-			class: B(t.$style.ui3nMobileMenu),
-			style: V(i.value)
-		}, [e.modelValue ? F("", !0) : (U(), P(O, {
+		return (t, n) => (W(), L("div", {
+			class: V(t.$style.ui3nMobileMenu),
+			style: H(i.value)
+		}, [e.modelValue ? I("", !0) : (W(), F(k, {
 			key: 0,
 			type: "icon",
-			class: B(t.$style.menuButton),
+			class: V(t.$style.menuButton),
 			color: "var(--color-bg-block-primary-default)",
 			icon: "round-menu",
 			"icon-color": "var(--color-icon-block-primary-default)",
 			"icon-size": "32",
 			onClick: Q(a, ["stop", "prevent"])
-		}, null, 8, ["class"])), R(se, { name: "slide-fade" }, {
-			default: X(() => [e.modelValue ? (U(), I("div", {
+		}, null, 8, ["class"])), z(oe, { name: "slide-fade" }, {
+			default: X(() => [e.modelValue ? (W(), L("div", {
 				key: 0,
-				class: B(t.$style.menuWrapper)
-			}, [L("div", {
-				class: B(t.$style.overlay),
+				class: V(t.$style.menuWrapper)
+			}, [R("div", {
+				class: V(t.$style.overlay),
 				onClick: a
-			}, null, 2), L("div", { class: B(t.$style.menuPanel) }, [L("div", { class: B(t.$style.appMenu) }, [
-				L("div", { class: B(t.$style.appMenuHeader) }, [K(t.$slots, "header")], 2),
-				L("div", { class: B(t.$style.appMenuBody) }, [K(t.$slots, "menuBody")], 2),
-				L("div", { class: B(t.$style.appMenuFooter) }, [K(t.$slots, "footer")], 2)
-			], 2), R(O, {
+			}, null, 2), R("div", { class: V(t.$style.menuPanel) }, [R("div", { class: V(t.$style.appMenu) }, [
+				R("div", { class: V(t.$style.appMenuHeader) }, [K(t.$slots, "header")], 2),
+				R("div", { class: V(t.$style.appMenuBody) }, [K(t.$slots, "menuBody")], 2),
+				R("div", { class: V(t.$style.appMenuFooter) }, [K(t.$slots, "footer")], 2)
+			], 2), z(k, {
 				type: "icon",
 				icon: "round-close",
 				color: "transparent",
 				"icon-color": "var(--color-icon-block-secondary-default)",
 				"icon-size": "32",
-				class: B(t.$style.closeBtn),
+				class: V(t.$style.closeBtn),
 				onClick: Q(a, ["stop", "prevent"])
-			}, null, 8, ["class"])], 2)], 2)) : F("", !0)]),
+			}, null, 8, ["class"])], 2)], 2)) : I("", !0)]),
 			_: 3
 		})], 6));
 	}
@@ -4554,7 +4660,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	menuButton: "_menuButton_1991k_65",
 	closeBtn: "_closeBtn_1991k_70",
 	overlay: "_overlay_1991k_78"
-} }]]), aa = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), aa = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-mobile-menu-item",
 	props: {
 		item: {},
@@ -4566,22 +4672,22 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 		async function i() {
 			r("selectItem", n.item);
 		}
-		return (t, n) => (U(), I("div", {
-			class: B([t.$style.menuItem, e.isActive && t.$style.menuItemSelected]),
+		return (t, n) => (W(), L("div", {
+			class: V([t.$style.menuItem, e.isActive && t.$style.menuItemSelected]),
 			onClick: i
-		}, [e.item.icon ? (U(), P(k, {
+		}, [e.item.icon ? (W(), F(A, {
 			key: 0,
 			icon: e.item.icon,
 			size: "20",
 			color: "var(--color-icon-control-secondary-default)"
-		}, null, 8, ["icon"])) : F("", !0), L("span", { class: B(t.$style.menuItemName) }, q(e.item.name), 3)], 2));
+		}, null, 8, ["icon"])) : I("", !0), R("span", { class: V(t.$style.menuItemName) }, q(e.item.name), 3)], 2));
 	}
 }), [["__cssModules", { $style: {
 	menuItem: "_menuItem_5dv4z_4",
 	menuItemName: "_menuItemName_5dv4z_15",
 	menuItemSelected: "_menuItemSelected_5dv4z_21",
 	bounceOnce: "_bounceOnce_5dv4z_1"
-} }]]), oa = 32, sa = /* @__PURE__ */ D(/* @__PURE__ */ z({
+} }]]), oa = 32, sa = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	__name: "ui3n-scrollbar-horizontal",
 	props: {
 		thumbMinWidth: { default: oa },
@@ -4596,10 +4702,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = W(null), o = W(null), s = W(null), c = W(0), l = W(0), u = W(0), d = W(!1), f = W(!1), p = W(!1), m = null, h, g = 0, _ = 0, v = N(() => c.value > l.value), y = N(() => d.value ? !0 : v.value && (f.value || p.value)), b = N(() => {
+		let r = e, i = n, a = G(null), o = G(null), s = G(null), c = G(0), l = G(0), u = G(0), d = G(!1), f = G(!1), p = G(!1), m = null, h, g = 0, _ = 0, v = P(() => c.value > l.value), y = P(() => d.value ? !0 : v.value && (f.value || p.value)), b = P(() => {
 			let e = Number(r.thumbMinWidth);
 			return isNaN(e) ? oa : e;
-		}), x = N(() => {
+		}), x = P(() => {
 			if (!c.value) return 0;
 			if (r.thumbWidth !== "auto") {
 				let e = Number(r.thumbWidth);
@@ -4607,29 +4713,29 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 			}
 			let e = l.value / c.value, t = l.value * e;
 			return Math.max(b.value, t);
-		}), S = N(() => {
+		}), S = P(() => {
 			if (!c.value || c.value === l.value) return 0;
 			let e = c.value - l.value, t = l.value - x.value;
 			return u.value / e * t;
-		}), C = N(() => {
+		}), C = P(() => {
 			let e = Number(r.thumbRadius);
 			return isNaN(e) ? String(r.thumbRadius) : `${e}px`;
-		}), w = N(() => r.thumbColor), T = N(() => r.thumbHoverColor), ee = N(() => r.thumbActiveColor), E = N(() => {
+		}), w = P(() => r.thumbColor), T = P(() => r.thumbHoverColor), ee = P(() => r.thumbActiveColor), E = P(() => {
 			let e = Number(r.trackHeight);
 			return isNaN(e) ? String(r.trackHeight) : `${e}px`;
-		}), te = N(() => {
+		}), D = P(() => {
 			let e = Number(r.trackRadius);
 			return isNaN(e) ? String(r.trackRadius) : `${e}px`;
-		}), D = N(() => r.trackColor);
-		function O() {
+		}), O = P(() => r.trackColor);
+		function k() {
 			a.value && (c.value = a.value.scrollWidth, l.value = a.value.clientWidth, u.value = a.value.scrollLeft);
 		}
-		function k(e) {
+		function A(e) {
 			d.value || (u.value = e.target.scrollLeft), p.value = !0, clearTimeout(h), h = setTimeout(() => {
 				p.value = !1;
 			}, 1500), i("scroll", e);
 		}
-		function A(e) {
+		function j(e) {
 			if (e.target !== o.value || !a.value || !o.value) return;
 			let t = o.value.getBoundingClientRect(), n = e.clientX - t.left - x.value / 2, r = c.value - l.value, i = n / (l.value - x.value) * r;
 			i = Math.max(0, Math.min(r, i)), a.value.scrollTo({
@@ -4637,63 +4743,63 @@ var Qr = ["id"], $r = /* @__PURE__ */ D(/* @__PURE__ */ z({
 				behavior: "smooth"
 			});
 		}
-		function ne(e) {
-			!s.value || !a.value || (e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientX, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", re), s.value.addEventListener("pointerup", j), s.value.addEventListener("pointercancel", j));
+		function te(e) {
+			!s.value || !a.value || (e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientX, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", ne), s.value.addEventListener("pointerup", M), s.value.addEventListener("pointercancel", M));
 		}
-		function re(e) {
+		function ne(e) {
 			if (!d.value || !a.value) return;
 			let t = e.clientX - g, n = c.value - l.value, r = t / (l.value - x.value) * n;
 			a.value.scrollLeft = _ + r, u.value = a.value.scrollLeft;
 		}
-		function j(e) {
+		function M(e) {
 			if (d.value && (d.value = !1, document.body.style.userSelect = "", s.value)) {
 				try {
 					s.value.releasePointerCapture(e.pointerId);
 				} catch {}
-				s.value.removeEventListener("pointermove", re), s.value.removeEventListener("pointerup", j), s.value.removeEventListener("pointercancel", j);
+				s.value.removeEventListener("pointermove", ne), s.value.removeEventListener("pointerup", M), s.value.removeEventListener("pointercancel", M);
 			}
 		}
-		return H(() => {
-			O(), a.value && (m = new ResizeObserver(O), m.observe(a.value), a.value.firstElementChild && m.observe(a.value.firstElementChild));
-		}), me(() => {
-			m?.disconnect(), h && clearTimeout(h), s.value && (s.value.removeEventListener("pointermove", re), s.value.removeEventListener("pointerup", j), s.value.removeEventListener("pointercancel", j)), document.body.style.userSelect = "";
+		return U(() => {
+			k(), a.value && (m = new ResizeObserver(k), m.observe(a.value), a.value.firstElementChild && m.observe(a.value.firstElementChild));
+		}), pe(() => {
+			m?.disconnect(), h && clearTimeout(h), s.value && (s.value.removeEventListener("pointermove", ne), s.value.removeEventListener("pointerup", M), s.value.removeEventListener("pointercancel", M)), document.body.style.userSelect = "";
 		}), t({
 			scrollTo: (e) => {
 				a.value?.scrollTo(e);
 			},
 			getContainer: () => a.value
-		}), (e, t) => (U(), I("div", {
-			class: B(e.$style.ui3nScrollbarHorizontal),
-			style: V({
+		}), (e, t) => (W(), L("div", {
+			class: V(e.$style.ui3nScrollbarHorizontal),
+			style: H({
 				"--ui3n-scrollbar-horizontal-thumb-radius": C.value,
 				"--ui3n-scrollbar-horizontal-thumb-color": w.value,
 				"--ui3n-scrollbar-horizontal-thumb-hover-color": T.value,
 				"--ui3n-scrollbar-horizontal-thumb-active-color": ee.value,
 				"--ui3n-scrollbar-horizontal-track-height": E.value,
-				"--ui3n-scrollbar-horizontal-track-radius": te.value,
-				"--ui3n-scrollbar-horizontal-track-color": D.value
+				"--ui3n-scrollbar-horizontal-track-radius": D.value,
+				"--ui3n-scrollbar-horizontal-track-color": O.value
 			}),
 			onMouseenter: t[0] ||= (e) => f.value = !0,
 			onMouseleave: t[1] ||= (e) => f.value = !1
-		}, [L("div", {
+		}, [R("div", {
 			ref_key: "containerRef",
 			ref: a,
-			class: B(e.$style.scrollbarContainer),
-			onScroll: k
-		}, [K(e.$slots, "default")], 34), L("div", {
+			class: V(e.$style.scrollbarContainer),
+			onScroll: A
+		}, [K(e.$slots, "default")], 34), R("div", {
 			ref_key: "trackRef",
 			ref: o,
-			class: B([e.$style.track, { [e.$style.trackVisible]: y.value }]),
-			onMousedown: A
-		}, [L("div", {
+			class: V([e.$style.track, { [e.$style.trackVisible]: y.value }]),
+			onMousedown: j
+		}, [R("div", {
 			ref_key: "thumbRef",
 			ref: s,
-			class: B([e.$style.thumb, { [e.$style.active]: d.value }]),
-			style: V({
+			class: V([e.$style.thumb, { [e.$style.active]: d.value }]),
+			style: H({
 				width: `${x.value}px`,
 				transform: `translateX(${S.value}px)`
 			}),
-			onPointerdown: ne
+			onPointerdown: te
 		}, null, 38)], 34)], 38));
 	}
 }), [["__cssModules", { $style: {
@@ -4716,4 +4822,4 @@ function ca(e, t, n = 250) {
 	return { handleDblClick: a };
 }
 //#endregion
-export { qi as Ui3nAutocomplete, fi as Ui3nBadge, mi as Ui3nBreadcrumb, hi as Ui3nBreadcrumbs, O as Ui3nButton, zr as Ui3nCheckbox, er as Ui3nChip, On as Ui3nClickOutside, $r as Ui3nDialog, Xr as Ui3nDialogProvider, rr as Ui3nDropFiles, Vi as Ui3nEditable, ir as Ui3nEmoji, En as Ui3nHtml, k as Ui3nIcon, sr as Ui3nInput, Ar as Ui3nInputFile, ii as Ui3nList, Qn as Ui3nLongPress, ti as Ui3nMenu, ia as Ui3nMobileMenu, aa as Ui3nMobileMenuItem, A as Ui3nNotification, Di as Ui3nProgressCircular, Ci as Ui3nProgressLinear, Pi as Ui3nRadio, Fi as Ui3nRadioGroup, Fn as Ui3nResize, te as Ui3nRipple, sa as Ui3nScrollbarHorizontal, oi as Ui3nScrollbarVertical, ra as Ui3nSelector, Qi as Ui3nSlider, bi as Ui3nStepLineBar, vi as Ui3nSwitch, Jr as Ui3nTable, Br as Ui3nTableSortIcon, li as Ui3nTabs, Nr as Ui3nText, Gn as Ui3nTitle, ki as Ui3nTooltip, si as Ui3nVirtualScroll, ca as useDblClickHandler };
+export { qi as Ui3nAutocomplete, fi as Ui3nBadge, mi as Ui3nBreadcrumb, hi as Ui3nBreadcrumbs, k as Ui3nButton, zr as Ui3nCheckbox, er as Ui3nChip, On as Ui3nClickOutside, $r as Ui3nDialog, Xr as Ui3nDialogProvider, rr as Ui3nDropFiles, Vi as Ui3nEditable, ir as Ui3nEmoji, En as Ui3nHtml, A as Ui3nIcon, sr as Ui3nInput, Ar as Ui3nInputFile, ii as Ui3nList, Qn as Ui3nLongPress, ti as Ui3nMenu, ia as Ui3nMobileMenu, aa as Ui3nMobileMenuItem, j as Ui3nNotification, Di as Ui3nProgressCircular, Ci as Ui3nProgressLinear, Pi as Ui3nRadio, Fi as Ui3nRadioGroup, Fn as Ui3nResize, D as Ui3nRipple, sa as Ui3nScrollbarHorizontal, oi as Ui3nScrollbarVertical, ra as Ui3nSelector, Qi as Ui3nSlider, bi as Ui3nStepLineBar, vi as Ui3nSwitch, Jr as Ui3nTable, Br as Ui3nTableSortIcon, li as Ui3nTabs, Nr as Ui3nText, Gn as Ui3nTitle, ki as Ui3nTooltip, si as Ui3nVirtualScroll, ca as useDblClickHandler };