@v1nt1248/3nclient-lib 0.3.36 → 0.3.37

package/dist/ui3n-components.js

@@ -1,63 +1,63 @@
-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 D, i as O, n as k, r as A, t as j } from "./chunks/ui3n-notification-DPC5Ke4b.js";
+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 E, z as D } from "./chunks/plugins-keys-jqAZ5D94.js";
+import { a as O, i as k, n as A, r as ee, 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";
+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 K, renderSlot as q, resolveDynamicComponent as ge, shallowRef as _e, toDisplayString as J, toHandlers as ve, unref as Y, useCssModule as ye, useCssVars as be, useSlots as xe, useTemplateRef as Se, vModelText as Ce, watch as X, withCtx as Z, withDirectives as we, withKeys as Q, withModifiers as $ } from "vue";
+import { arrow as Te, autoUpdate as Ee, flip as De, offset as Oe, shift as ke, useFloating as Ae } from "@floating-ui/vue";
 //#region node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_arrayMap.js
-var Me = /* @__PURE__ */ g(((e, t) => {
+var je = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		for (var n = -1, r = e == null ? 0 : e.length, i = Array(r); ++n < r;) i[n] = t(e[n], n, e);
 		return i;
 	}
 	t.exports = n;
-})), Ne = /* @__PURE__ */ g(((e, t) => {
+})), Me = /* @__PURE__ */ g(((e, t) => {
 	function n() {
 		this.__data__ = [], this.size = 0;
 	}
 	t.exports = n;
-})), Pe = /* @__PURE__ */ g(((e, t) => {
+})), Ne = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		return e === t || e !== e && t !== t;
 	}
 	t.exports = n;
-})), Fe = /* @__PURE__ */ g(((e, t) => {
-	var n = Pe();
+})), Pe = /* @__PURE__ */ g(((e, t) => {
+	var n = Ne();
 	function r(e, t) {
 		for (var r = e.length; r--;) if (n(e[r][0], t)) return r;
 		return -1;
 	}
 	t.exports = r;
-})), Ie = /* @__PURE__ */ g(((e, t) => {
-	var n = Fe(), r = Array.prototype.splice;
+})), Fe = /* @__PURE__ */ g(((e, t) => {
+	var n = Pe(), r = Array.prototype.splice;
 	function i(e) {
 		var t = this.__data__, i = n(t, e);
 		return i < 0 ? !1 : (i == t.length - 1 ? t.pop() : r.call(t, i, 1), --this.size, !0);
 	}
 	t.exports = i;
-})), Le = /* @__PURE__ */ g(((e, t) => {
-	var n = Fe();
+})), Ie = /* @__PURE__ */ g(((e, t) => {
+	var n = Pe();
 	function r(e) {
 		var t = this.__data__, r = n(t, e);
 		return r < 0 ? void 0 : t[r][1];
 	}
 	t.exports = r;
-})), Re = /* @__PURE__ */ g(((e, t) => {
-	var n = Fe();
+})), Le = /* @__PURE__ */ g(((e, t) => {
+	var n = Pe();
 	function r(e) {
 		return n(this.__data__, e) > -1;
 	}
 	t.exports = r;
-})), ze = /* @__PURE__ */ g(((e, t) => {
-	var n = Fe();
+})), Re = /* @__PURE__ */ g(((e, t) => {
+	var n = Pe();
 	function r(e, t) {
 		var r = this.__data__, i = n(r, e);
 		return i < 0 ? (++this.size, r.push([e, t])) : r[i][1] = t, this;
 	}
 	t.exports = r;
-})), Be = /* @__PURE__ */ g(((e, t) => {
-	var n = Ne(), r = Ie(), i = Le(), a = Re(), o = ze();
+})), ze = /* @__PURE__ */ g(((e, t) => {
+	var n = Me(), r = Fe(), i = Ie(), a = Le(), o = Re();
 	function s(e) {
 		var t = -1, n = e == null ? 0 : e.length;
 		for (this.clear(); ++t < n;) {
@@ -66,44 +66,44 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		}
 	}
 	s.prototype.clear = n, s.prototype.delete = r, s.prototype.get = i, s.prototype.has = a, s.prototype.set = o, t.exports = s;
-})), Ve = /* @__PURE__ */ g(((e, t) => {
-	var n = Be();
+})), Be = /* @__PURE__ */ g(((e, t) => {
+	var n = ze();
 	function r() {
 		this.__data__ = new n(), this.size = 0;
 	}
 	t.exports = r;
-})), He = /* @__PURE__ */ g(((e, t) => {
+})), Ve = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		var t = this.__data__, n = t.delete(e);
 		return this.size = t.size, n;
 	}
 	t.exports = n;
-})), Ue = /* @__PURE__ */ g(((e, t) => {
+})), He = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return this.__data__.get(e);
 	}
 	t.exports = n;
-})), We = /* @__PURE__ */ g(((e, t) => {
+})), Ue = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return this.__data__.has(e);
 	}
 	t.exports = n;
-})), Ge = /* @__PURE__ */ g(((e, t) => {
+})), We = /* @__PURE__ */ g(((e, t) => {
 	t.exports = h()(Object, "create");
-})), Ke = /* @__PURE__ */ g(((e, t) => {
-	var n = Ge();
+})), Ge = /* @__PURE__ */ g(((e, t) => {
+	var n = We();
 	function r() {
 		this.__data__ = n ? n(null) : {}, this.size = 0;
 	}
 	t.exports = r;
-})), qe = /* @__PURE__ */ g(((e, t) => {
+})), Ke = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		var t = this.has(e) && delete this.__data__[e];
 		return this.size -= +!!t, t;
 	}
 	t.exports = n;
-})), Je = /* @__PURE__ */ g(((e, t) => {
-	var n = Ge(), r = "__lodash_hash_undefined__", i = Object.prototype.hasOwnProperty;
+})), qe = /* @__PURE__ */ g(((e, t) => {
+	var n = We(), r = "__lodash_hash_undefined__", i = Object.prototype.hasOwnProperty;
 	function a(e) {
 		var t = this.__data__;
 		if (n) {
@@ -113,22 +113,22 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return i.call(t, e) ? t[e] : void 0;
 	}
 	t.exports = a;
-})), Ye = /* @__PURE__ */ g(((e, t) => {
-	var n = Ge(), r = Object.prototype.hasOwnProperty;
+})), Je = /* @__PURE__ */ g(((e, t) => {
+	var n = We(), r = Object.prototype.hasOwnProperty;
 	function i(e) {
 		var t = this.__data__;
 		return n ? t[e] !== void 0 : r.call(t, e);
 	}
 	t.exports = i;
-})), Xe = /* @__PURE__ */ g(((e, t) => {
-	var n = Ge(), r = "__lodash_hash_undefined__";
+})), Ye = /* @__PURE__ */ g(((e, t) => {
+	var n = We(), r = "__lodash_hash_undefined__";
 	function i(e, t) {
 		var i = this.__data__;
 		return this.size += +!this.has(e), i[e] = n && t === void 0 ? r : t, this;
 	}
 	t.exports = i;
-})), Ze = /* @__PURE__ */ g(((e, t) => {
-	var n = Ke(), r = qe(), i = Je(), a = Ye(), o = Xe();
+})), Xe = /* @__PURE__ */ g(((e, t) => {
+	var n = Ge(), r = Ke(), i = qe(), a = Je(), o = Ye();
 	function s(e) {
 		var t = -1, n = e == null ? 0 : e.length;
 		for (this.clear(); ++t < n;) {
@@ -137,8 +137,8 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		}
 	}
 	s.prototype.clear = n, s.prototype.delete = r, s.prototype.get = i, s.prototype.has = a, s.prototype.set = o, t.exports = s;
-})), Qe = /* @__PURE__ */ g(((e, t) => {
-	var n = Ze(), r = Be(), i = l();
+})), Ze = /* @__PURE__ */ g(((e, t) => {
+	var n = Xe(), r = ze(), i = l();
 	function a() {
 		this.size = 0, this.__data__ = {
 			hash: new n(),
@@ -147,47 +147,47 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		};
 	}
 	t.exports = a;
-})), $e = /* @__PURE__ */ g(((e, t) => {
+})), Qe = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		var t = typeof e;
 		return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 	}
 	t.exports = n;
-})), et = /* @__PURE__ */ g(((e, t) => {
-	var n = $e();
+})), $e = /* @__PURE__ */ g(((e, t) => {
+	var n = Qe();
 	function r(e, t) {
 		var r = e.__data__;
 		return n(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
 	}
 	t.exports = r;
-})), tt = /* @__PURE__ */ g(((e, t) => {
-	var n = et();
+})), et = /* @__PURE__ */ g(((e, t) => {
+	var n = $e();
 	function r(e) {
 		var t = n(this, e).delete(e);
 		return this.size -= +!!t, t;
 	}
 	t.exports = r;
-})), nt = /* @__PURE__ */ g(((e, t) => {
-	var n = et();
+})), tt = /* @__PURE__ */ g(((e, t) => {
+	var n = $e();
 	function r(e) {
 		return n(this, e).get(e);
 	}
 	t.exports = r;
-})), rt = /* @__PURE__ */ g(((e, t) => {
-	var n = et();
+})), nt = /* @__PURE__ */ g(((e, t) => {
+	var n = $e();
 	function r(e) {
 		return n(this, e).has(e);
 	}
 	t.exports = r;
-})), it = /* @__PURE__ */ g(((e, t) => {
-	var n = et();
+})), rt = /* @__PURE__ */ g(((e, t) => {
+	var n = $e();
 	function r(e, t) {
 		var r = n(this, e), i = r.size;
 		return r.set(e, t), this.size += r.size == i ? 0 : 1, this;
 	}
 	t.exports = r;
-})), at = /* @__PURE__ */ g(((e, t) => {
-	var n = Qe(), r = tt(), i = nt(), a = rt(), o = it();
+})), it = /* @__PURE__ */ g(((e, t) => {
+	var n = Ze(), r = et(), i = tt(), a = nt(), o = rt();
 	function s(e) {
 		var t = -1, n = e == null ? 0 : e.length;
 		for (this.clear(); ++t < n;) {
@@ -196,8 +196,8 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		}
 	}
 	s.prototype.clear = n, s.prototype.delete = r, s.prototype.get = i, s.prototype.has = a, s.prototype.set = o, t.exports = s;
-})), ot = /* @__PURE__ */ g(((e, t) => {
-	var n = Be(), r = l(), i = at(), a = 200;
+})), at = /* @__PURE__ */ g(((e, t) => {
+	var n = ze(), r = l(), i = it(), a = 200;
 	function o(e, t) {
 		var o = this.__data__;
 		if (o instanceof n) {
@@ -208,20 +208,20 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return o.set(e, t), this.size = o.size, this;
 	}
 	t.exports = o;
-})), st = /* @__PURE__ */ g(((e, t) => {
-	var n = Be(), r = Ve(), i = He(), a = Ue(), o = We(), s = ot();
+})), ot = /* @__PURE__ */ g(((e, t) => {
+	var n = ze(), r = Be(), i = Ve(), a = He(), o = Ue(), s = at();
 	function c(e) {
 		var t = this.__data__ = new n(e);
 		this.size = t.size;
 	}
 	c.prototype.clear = r, c.prototype.delete = i, c.prototype.get = a, c.prototype.has = o, c.prototype.set = s, t.exports = c;
-})), ct = /* @__PURE__ */ g(((e, t) => {
+})), st = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1;);
 		return e;
 	}
 	t.exports = n;
-})), lt = /* @__PURE__ */ g(((e, t) => {
+})), ct = /* @__PURE__ */ g(((e, t) => {
 	var n = h();
 	t.exports = function() {
 		try {
@@ -229,8 +229,8 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 			return e({}, "", {}), e;
 		} catch {}
 	}();
-})), ut = /* @__PURE__ */ g(((e, t) => {
-	var n = lt();
+})), lt = /* @__PURE__ */ g(((e, t) => {
+	var n = ct();
 	function r(e, t, r) {
 		t == "__proto__" && n ? n(e, t, {
 			configurable: !0,
@@ -240,15 +240,15 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		}) : e[t] = r;
 	}
 	t.exports = r;
-})), dt = /* @__PURE__ */ g(((e, t) => {
-	var n = ut(), r = Pe(), i = Object.prototype.hasOwnProperty;
+})), ut = /* @__PURE__ */ g(((e, t) => {
+	var n = lt(), r = Ne(), i = Object.prototype.hasOwnProperty;
 	function a(e, t, a) {
 		var o = e[t];
 		(!(i.call(e, t) && r(o, a)) || a === void 0 && !(t in e)) && n(e, t, a);
 	}
 	t.exports = a;
-})), ft = /* @__PURE__ */ g(((e, t) => {
-	var n = dt(), r = ut();
+})), dt = /* @__PURE__ */ g(((e, t) => {
+	var n = ut(), r = lt();
 	function i(e, t, i, a) {
 		var o = !i;
 		i ||= {};
@@ -259,48 +259,48 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return i;
 	}
 	t.exports = i;
-})), pt = /* @__PURE__ */ g(((e, t) => {
+})), ft = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		for (var n = -1, r = Array(e); ++n < e;) r[n] = t(n);
 		return r;
 	}
 	t.exports = n;
-})), mt = /* @__PURE__ */ g(((e, t) => {
+})), pt = /* @__PURE__ */ g(((e, t) => {
 	var n = 9007199254740991, r = /^(?:0|[1-9]\d*)$/;
 	function i(e, t) {
 		var i = typeof e;
 		return t ??= n, !!t && (i == "number" || i != "symbol" && r.test(e)) && e > -1 && e % 1 == 0 && e < t;
 	}
 	t.exports = i;
-})), ht = /* @__PURE__ */ g(((e, t) => {
-	var n = pt(), r = y(), i = c(), a = m(), o = mt(), s = w(), l = Object.prototype.hasOwnProperty;
+})), mt = /* @__PURE__ */ g(((e, t) => {
+	var n = ft(), r = y(), i = c(), a = m(), o = pt(), s = w(), l = Object.prototype.hasOwnProperty;
 	function u(e, t) {
 		var c = i(e), u = !c && r(e), d = !c && !u && a(e), f = !c && !u && !d && s(e), p = c || u || d || f, m = p ? n(e.length, String) : [], h = m.length;
 		for (var g in e) (t || l.call(e, g)) && !(p && (g == "length" || d && (g == "offset" || g == "parent") || f && (g == "buffer" || g == "byteLength" || g == "byteOffset") || o(g, h))) && m.push(g);
 		return m;
 	}
 	t.exports = u;
-})), gt = /* @__PURE__ */ g(((e, t) => {
-	var r = ht(), i = n(), a = s();
+})), ht = /* @__PURE__ */ g(((e, t) => {
+	var r = mt(), i = n(), a = s();
 	function o(e) {
 		return a(e) ? r(e) : i(e);
 	}
 	t.exports = o;
-})), _t = /* @__PURE__ */ g(((e, t) => {
-	var n = ft(), r = gt();
+})), gt = /* @__PURE__ */ g(((e, t) => {
+	var n = dt(), r = ht();
 	function i(e, t) {
 		return e && n(t, r(t), e);
 	}
 	t.exports = i;
-})), vt = /* @__PURE__ */ g(((e, t) => {
+})), _t = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		var t = [];
 		if (e != null) for (var n in Object(e)) t.push(n);
 		return t;
 	}
 	t.exports = n;
-})), yt = /* @__PURE__ */ g(((e, t) => {
-	var n = T(), r = d(), i = vt(), a = Object.prototype.hasOwnProperty;
+})), vt = /* @__PURE__ */ g(((e, t) => {
+	var n = T(), r = d(), i = _t(), a = Object.prototype.hasOwnProperty;
 	function o(e) {
 		if (!n(e)) return i(e);
 		var t = r(e), o = [];
@@ -308,19 +308,19 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return o;
 	}
 	t.exports = o;
-})), bt = /* @__PURE__ */ g(((e, t) => {
-	var n = ht(), r = yt(), i = s();
+})), yt = /* @__PURE__ */ g(((e, t) => {
+	var n = mt(), r = vt(), i = s();
 	function a(e) {
 		return i(e) ? n(e, !0) : r(e);
 	}
 	t.exports = a;
-})), xt = /* @__PURE__ */ g(((e, t) => {
-	var n = ft(), r = bt();
+})), bt = /* @__PURE__ */ g(((e, t) => {
+	var n = dt(), r = yt();
 	function i(e, t) {
 		return e && n(t, r(t), e);
 	}
 	t.exports = i;
-})), St = /* @__PURE__ */ g(((e, t) => {
+})), xt = /* @__PURE__ */ g(((e, t) => {
 	var n = b(), r = typeof e == "object" && e && !e.nodeType && e, i = r && typeof t == "object" && t && !t.nodeType && t, a = i && i.exports === r ? n.Buffer : void 0, o = a ? a.allocUnsafe : void 0;
 	function s(e, t) {
 		if (t) return e.slice();
@@ -328,14 +328,14 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return e.copy(r), r;
 	}
 	t.exports = s;
-})), Ct = /* @__PURE__ */ g(((e, t) => {
+})), St = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		var n = -1, r = e.length;
 		for (t ||= Array(r); ++n < r;) t[n] = e[n];
 		return t;
 	}
 	t.exports = n;
-})), wt = /* @__PURE__ */ g(((e, t) => {
+})), Ct = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		for (var n = -1, r = e == null ? 0 : e.length, i = 0, a = []; ++n < r;) {
 			var o = e[n];
@@ -344,115 +344,115 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return a;
 	}
 	t.exports = n;
-})), Tt = /* @__PURE__ */ g(((e, t) => {
+})), wt = /* @__PURE__ */ g(((e, t) => {
 	function n() {
 		return [];
 	}
 	t.exports = n;
-})), Et = /* @__PURE__ */ g(((e, t) => {
-	var n = wt(), r = Tt(), i = Object.prototype.propertyIsEnumerable, a = Object.getOwnPropertySymbols;
+})), Tt = /* @__PURE__ */ g(((e, t) => {
+	var n = Ct(), r = wt(), i = Object.prototype.propertyIsEnumerable, a = Object.getOwnPropertySymbols;
 	t.exports = a ? function(e) {
 		return e == null ? [] : (e = Object(e), n(a(e), function(t) {
 			return i.call(e, t);
 		}));
 	} : r;
-})), Dt = /* @__PURE__ */ g(((e, t) => {
-	var n = ft(), r = Et();
+})), Et = /* @__PURE__ */ g(((e, t) => {
+	var n = dt(), r = Tt();
 	function i(e, t) {
 		return n(e, r(e), t);
 	}
 	t.exports = i;
-})), Ot = /* @__PURE__ */ g(((e, t) => {
+})), Dt = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t) {
 		for (var n = -1, r = t.length, i = e.length; ++n < r;) e[i + n] = t[n];
 		return e;
 	}
 	t.exports = n;
-})), kt = /* @__PURE__ */ g(((t, n) => {
+})), Ot = /* @__PURE__ */ g(((t, n) => {
 	n.exports = e()(Object.getPrototypeOf, Object);
-})), At = /* @__PURE__ */ g(((e, t) => {
-	var n = Ot(), r = kt(), i = Et(), a = Tt();
+})), kt = /* @__PURE__ */ g(((e, t) => {
+	var n = Dt(), r = Ot(), i = Tt(), a = wt();
 	t.exports = Object.getOwnPropertySymbols ? function(e) {
 		for (var t = []; e;) n(t, i(e)), e = r(e);
 		return t;
 	} : a;
-})), jt = /* @__PURE__ */ g(((e, t) => {
-	var n = ft(), r = At();
+})), At = /* @__PURE__ */ g(((e, t) => {
+	var n = dt(), r = kt();
 	function i(e, t) {
 		return n(e, r(e), t);
 	}
 	t.exports = i;
-})), Mt = /* @__PURE__ */ g(((e, t) => {
-	var n = Ot(), r = c();
+})), jt = /* @__PURE__ */ g(((e, t) => {
+	var n = Dt(), r = c();
 	function i(e, t, i) {
 		var a = t(e);
 		return r(e) ? a : n(a, i(e));
 	}
 	t.exports = i;
-})), Nt = /* @__PURE__ */ g(((e, t) => {
-	var n = Mt(), r = Et(), i = gt();
+})), Mt = /* @__PURE__ */ g(((e, t) => {
+	var n = jt(), r = Tt(), i = ht();
 	function a(e) {
 		return n(e, i, r);
 	}
 	t.exports = a;
-})), Pt = /* @__PURE__ */ g(((e, t) => {
-	var n = Mt(), r = At(), i = bt();
+})), Nt = /* @__PURE__ */ g(((e, t) => {
+	var n = jt(), r = kt(), i = yt();
 	function a(e) {
 		return n(e, i, r);
 	}
 	t.exports = a;
-})), Ft = /* @__PURE__ */ g(((e, t) => {
+})), Pt = /* @__PURE__ */ g(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	function r(e) {
 		var t = e.length, r = new e.constructor(t);
 		return t && typeof e[0] == "string" && n.call(e, "index") && (r.index = e.index, r.input = e.input), r;
 	}
 	t.exports = r;
-})), It = /* @__PURE__ */ g(((e, t) => {
+})), Ft = /* @__PURE__ */ g(((e, t) => {
 	t.exports = b().Uint8Array;
-})), Lt = /* @__PURE__ */ g(((e, t) => {
-	var n = It();
+})), It = /* @__PURE__ */ g(((e, t) => {
+	var n = Ft();
 	function r(e) {
 		var t = new e.constructor(e.byteLength);
 		return new n(t).set(new n(e)), t;
 	}
 	t.exports = r;
-})), Rt = /* @__PURE__ */ g(((e, t) => {
-	var n = Lt();
+})), Lt = /* @__PURE__ */ g(((e, t) => {
+	var n = It();
 	function r(e, t) {
 		var r = t ? n(e.buffer) : e.buffer;
 		return new e.constructor(r, e.byteOffset, e.byteLength);
 	}
 	t.exports = r;
-})), zt = /* @__PURE__ */ g(((e, t) => {
+})), Rt = /* @__PURE__ */ g(((e, t) => {
 	var n = /\w*$/;
 	function r(e) {
 		var t = new e.constructor(e.source, n.exec(e));
 		return t.lastIndex = e.lastIndex, t;
 	}
 	t.exports = r;
-})), Bt = /* @__PURE__ */ g(((e, t) => {
+})), zt = /* @__PURE__ */ g(((e, t) => {
 	var n = f(), r = n ? n.prototype : void 0, i = r ? r.valueOf : void 0;
 	function a(e) {
 		return i ? Object(i.call(e)) : {};
 	}
 	t.exports = a;
-})), Vt = /* @__PURE__ */ g(((e, t) => {
-	var n = Lt();
+})), Bt = /* @__PURE__ */ g(((e, t) => {
+	var n = It();
 	function r(e, t) {
 		var r = t ? n(e.buffer) : e.buffer;
 		return new e.constructor(r, e.byteOffset, e.length);
 	}
 	t.exports = r;
-})), Ht = /* @__PURE__ */ g(((e, t) => {
-	var n = Lt(), r = Rt(), i = zt(), a = Bt(), o = Vt(), s = "[object Boolean]", c = "[object Date]", l = "[object Map]", u = "[object Number]", d = "[object RegExp]", f = "[object Set]", p = "[object String]", m = "[object Symbol]", h = "[object ArrayBuffer]", g = "[object DataView]", _ = "[object Float32Array]", v = "[object Float64Array]", y = "[object Int8Array]", b = "[object Int16Array]", x = "[object Int32Array]", S = "[object Uint8Array]", C = "[object Uint8ClampedArray]", w = "[object Uint16Array]", T = "[object Uint32Array]";
-	function ee(e, t, ee) {
-		var E = e.constructor;
+})), Vt = /* @__PURE__ */ g(((e, t) => {
+	var n = It(), r = Lt(), i = Rt(), a = zt(), o = Bt(), s = "[object Boolean]", c = "[object Date]", l = "[object Map]", u = "[object Number]", d = "[object RegExp]", f = "[object Set]", p = "[object String]", m = "[object Symbol]", h = "[object ArrayBuffer]", g = "[object DataView]", _ = "[object Float32Array]", v = "[object Float64Array]", y = "[object Int8Array]", b = "[object Int16Array]", x = "[object Int32Array]", S = "[object Uint8Array]", C = "[object Uint8ClampedArray]", w = "[object Uint16Array]", T = "[object Uint32Array]";
+	function E(e, t, E) {
+		var D = e.constructor;
 		switch (t) {
 			case h: return n(e);
 			case s:
-			case c: return new E(+e);
-			case g: return r(e, ee);
+			case c: return new D(+e);
+			case g: return r(e, E);
 			case _:
 			case v:
 			case y:
@@ -461,17 +461,17 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 			case S:
 			case C:
 			case w:
-			case T: return o(e, ee);
-			case l: return new E();
+			case T: return o(e, E);
+			case l: return new D();
 			case u:
-			case p: return new E(e);
+			case p: return new D(e);
 			case d: return i(e);
-			case f: return new E();
+			case f: return new D();
 			case m: return a(e);
 		}
 	}
-	t.exports = ee;
-})), Ut = /* @__PURE__ */ g(((e, t) => {
+	t.exports = E;
+})), Ht = /* @__PURE__ */ g(((e, t) => {
 	var n = T(), r = Object.create;
 	t.exports = function() {
 		function e() {}
@@ -483,35 +483,35 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 			return e.prototype = void 0, i;
 		};
 	}();
-})), Wt = /* @__PURE__ */ g(((e, t) => {
-	var n = Ut(), r = kt(), i = d();
+})), Ut = /* @__PURE__ */ g(((e, t) => {
+	var n = Ht(), r = Ot(), i = d();
 	function a(e) {
 		return typeof e.constructor == "function" && !i(e) ? n(r(e)) : {};
 	}
 	t.exports = a;
-})), Gt = /* @__PURE__ */ g(((e, t) => {
+})), Wt = /* @__PURE__ */ g(((e, t) => {
 	var n = o(), r = S(), i = "[object Map]";
 	function a(e) {
 		return r(e) && n(e) == i;
 	}
 	t.exports = a;
-})), Kt = /* @__PURE__ */ g(((e, t) => {
-	var n = Gt(), r = x(), i = _(), a = i && i.isMap;
+})), Gt = /* @__PURE__ */ g(((e, t) => {
+	var n = Wt(), r = x(), i = _(), a = i && i.isMap;
 	t.exports = a ? r(a) : n;
-})), qt = /* @__PURE__ */ g(((e, t) => {
+})), Kt = /* @__PURE__ */ g(((e, t) => {
 	var n = o(), r = S(), i = "[object Set]";
 	function a(e) {
 		return r(e) && n(e) == i;
 	}
 	t.exports = a;
-})), Jt = /* @__PURE__ */ g(((e, t) => {
-	var n = qt(), r = x(), i = _(), a = i && i.isSet;
+})), qt = /* @__PURE__ */ g(((e, t) => {
+	var n = Kt(), 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(), 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;
+})), Jt = /* @__PURE__ */ g(((e, t) => {
+	var n = ot(), r = st(), i = ut(), a = gt(), s = bt(), l = xt(), u = St(), d = Et(), f = At(), p = Mt(), h = Nt(), g = o(), _ = Pt(), v = Vt(), y = Ut(), b = c(), x = m(), S = Gt(), C = T(), w = qt(), E = ht(), D = yt(), O = 1, k = 2, A = 4, ee = "[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[ee] = 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;
+		var j, te = t & O, ne = t & k, M = t & A;
 		if (o && (j = m ? o(e, c, m, T) : o(e)), j !== void 0) return j;
 		if (!C(e)) return e;
 		var N = b(e);
@@ -520,7 +520,7 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		} else {
 			var ae = g(e), se = ae == re || ae == ie;
 			if (x(e)) return l(e, te);
-			if (ae == oe || ae == A || se && !m) {
+			if (ae == oe || ae == ee || se && !m) {
 				if (j = ne || se ? {} : y(e), !te) return ne ? f(e, s(j, e)) : d(e, a(j, e));
 			} else {
 				if (!U[ae]) return m ? e : {};
@@ -535,28 +535,28 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		}) : S(e) && e.forEach(function(n, r) {
 			j.set(r, me(n, t, o, r, e, T));
 		});
-		var F = N ? void 0 : (M ? ne ? h : p : ne ? E : ee)(e);
+		var F = N ? void 0 : (M ? ne ? h : p : ne ? D : E)(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 = me;
-})), Xt = /* @__PURE__ */ g(((e, t) => {
+})), Yt = /* @__PURE__ */ g(((e, t) => {
 	var n = u(), r = S(), i = "[object Symbol]";
 	function a(e) {
 		return typeof e == "symbol" || r(e) && n(e) == i;
 	}
 	t.exports = a;
-})), Zt = /* @__PURE__ */ g(((e, t) => {
-	var n = c(), r = Xt(), i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
+})), Xt = /* @__PURE__ */ g(((e, t) => {
+	var n = c(), r = Yt(), i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
 	function o(e, t) {
 		if (n(e)) return !1;
 		var o = typeof e;
 		return o == "number" || o == "symbol" || o == "boolean" || e == null || r(e) ? !0 : a.test(e) || !i.test(e) || t != null && e in Object(t);
 	}
 	t.exports = o;
-})), Qt = /* @__PURE__ */ g(((e, t) => {
-	var n = at(), r = "Expected a function";
+})), Zt = /* @__PURE__ */ g(((e, t) => {
+	var n = it(), r = "Expected a function";
 	function i(e, t) {
 		if (typeof e != "function" || t != null && typeof t != "function") throw TypeError(r);
 		var a = function() {
@@ -568,8 +568,8 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return a.cache = new (i.Cache || n)(), a;
 	}
 	i.Cache = n, t.exports = i;
-})), $t = /* @__PURE__ */ g(((e, t) => {
-	var n = Qt(), r = 500;
+})), Qt = /* @__PURE__ */ g(((e, t) => {
+	var n = Zt(), r = 500;
 	function i(e) {
 		var t = n(e, function(e) {
 			return i.size === r && i.clear(), e;
@@ -577,16 +577,16 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return t;
 	}
 	t.exports = i;
-})), en = /* @__PURE__ */ g(((e, t) => {
-	var n = $t(), r = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, i = /\\(\\)?/g;
+})), $t = /* @__PURE__ */ g(((e, t) => {
+	var n = Qt(), r = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, i = /\\(\\)?/g;
 	t.exports = n(function(e) {
 		var t = [];
 		return e.charCodeAt(0) === 46 && t.push(""), e.replace(r, function(e, n, r, a) {
 			t.push(r ? a.replace(i, "$1") : n || e);
 		}), t;
 	});
-})), tn = /* @__PURE__ */ g(((e, t) => {
-	var n = f(), r = Me(), i = c(), a = Xt(), o = Infinity, s = n ? n.prototype : void 0, l = s ? s.toString : void 0;
+})), en = /* @__PURE__ */ g(((e, t) => {
+	var n = f(), r = je(), i = c(), a = Yt(), o = Infinity, s = n ? n.prototype : void 0, l = s ? s.toString : void 0;
 	function u(e) {
 		if (typeof e == "string") return e;
 		if (i(e)) return r(e, u) + "";
@@ -595,41 +595,41 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return t == "0" && 1 / e == -o ? "-0" : t;
 	}
 	t.exports = u;
-})), nn = /* @__PURE__ */ g(((e, t) => {
-	var n = tn();
+})), tn = /* @__PURE__ */ g(((e, t) => {
+	var n = en();
 	function r(e) {
 		return e == null ? "" : n(e);
 	}
 	t.exports = r;
-})), rn = /* @__PURE__ */ g(((e, t) => {
-	var n = c(), r = Zt(), i = en(), a = nn();
+})), nn = /* @__PURE__ */ g(((e, t) => {
+	var n = c(), r = Xt(), i = $t(), a = tn();
 	function o(e, t) {
 		return n(e) ? e : r(e, t) ? [e] : i(a(e));
 	}
 	t.exports = o;
-})), an = /* @__PURE__ */ g(((e, t) => {
+})), rn = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		var t = e == null ? 0 : e.length;
 		return t ? e[t - 1] : void 0;
 	}
 	t.exports = n;
-})), on = /* @__PURE__ */ g(((e, t) => {
-	var n = Xt(), r = Infinity;
+})), an = /* @__PURE__ */ g(((e, t) => {
+	var n = Yt(), r = Infinity;
 	function i(e) {
 		if (typeof e == "string" || n(e)) return e;
 		var t = e + "";
 		return t == "0" && 1 / e == -r ? "-0" : t;
 	}
 	t.exports = i;
-})), sn = /* @__PURE__ */ g(((e, t) => {
-	var n = rn(), r = on();
+})), on = /* @__PURE__ */ g(((e, t) => {
+	var n = nn(), r = an();
 	function i(e, t) {
 		t = n(t, e);
 		for (var i = 0, a = t.length; e != null && i < a;) e = e[r(t[i++])];
 		return i && i == a ? e : void 0;
 	}
 	t.exports = i;
-})), cn = /* @__PURE__ */ g(((e, t) => {
+})), sn = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t, n) {
 		var r = -1, i = e.length;
 		t < 0 && (t = -t > i ? 0 : i + t), n = n > i ? i : n, n < 0 && (n += i), i = t > n ? 0 : n - t >>> 0, t >>>= 0;
@@ -637,14 +637,14 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return a;
 	}
 	t.exports = n;
-})), ln = /* @__PURE__ */ g(((e, t) => {
-	var n = sn(), r = cn();
+})), cn = /* @__PURE__ */ g(((e, t) => {
+	var n = on(), r = sn();
 	function i(e, t) {
 		return t.length < 2 ? e : n(e, r(t, 0, -1));
 	}
 	t.exports = i;
-})), un = /* @__PURE__ */ g(((e, t) => {
-	var n = rn(), r = an(), i = ln(), a = on(), o = Object.prototype.hasOwnProperty;
+})), ln = /* @__PURE__ */ g(((e, t) => {
+	var n = nn(), r = rn(), i = cn(), a = an(), o = Object.prototype.hasOwnProperty;
 	function s(e, t) {
 		t = n(t, e);
 		var s = -1, c = t.length;
@@ -657,8 +657,8 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return u == null || delete u[a(r(t))];
 	}
 	t.exports = s;
-})), dn = /* @__PURE__ */ g(((e, t) => {
-	var n = u(), r = kt(), i = S(), a = "[object Object]", o = Function.prototype, s = Object.prototype, c = o.toString, l = s.hasOwnProperty, d = c.call(Object);
+})), un = /* @__PURE__ */ g(((e, t) => {
+	var n = u(), r = Ot(), i = S(), a = "[object Object]", o = Function.prototype, s = Object.prototype, c = o.toString, l = s.hasOwnProperty, d = c.call(Object);
 	function f(e) {
 		if (!i(e) || n(e) != a) return !1;
 		var t = r(e);
@@ -667,20 +667,20 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return typeof o == "function" && o instanceof o && c.call(o) == d;
 	}
 	t.exports = f;
-})), fn = /* @__PURE__ */ g(((e, t) => {
-	var n = dn();
+})), dn = /* @__PURE__ */ g(((e, t) => {
+	var n = un();
 	function r(e) {
 		return n(e) ? void 0 : e;
 	}
 	t.exports = r;
-})), pn = /* @__PURE__ */ g(((e, t) => {
+})), fn = /* @__PURE__ */ g(((e, t) => {
 	var n = f(), r = y(), i = c(), a = n ? n.isConcatSpreadable : void 0;
 	function o(e) {
 		return i(e) || r(e) || !!(a && e && e[a]);
 	}
 	t.exports = o;
-})), mn = /* @__PURE__ */ g(((e, t) => {
-	var n = Ot(), r = pn();
+})), pn = /* @__PURE__ */ g(((e, t) => {
+	var n = Dt(), r = fn();
 	function i(e, t, a, o, s) {
 		var c = -1, l = e.length;
 		for (a ||= r, s ||= []; ++c < l;) {
@@ -690,13 +690,13 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return s;
 	}
 	t.exports = i;
-})), hn = /* @__PURE__ */ g(((e, t) => {
-	var n = mn();
+})), mn = /* @__PURE__ */ g(((e, t) => {
+	var n = pn();
 	function r(e) {
 		return e != null && e.length ? n(e, 1) : [];
 	}
 	t.exports = r;
-})), gn = /* @__PURE__ */ g(((e, t) => {
+})), hn = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t, n) {
 		switch (n.length) {
 			case 0: return e.call(t);
@@ -707,8 +707,8 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return e.apply(t, n);
 	}
 	t.exports = n;
-})), _n = /* @__PURE__ */ g(((e, t) => {
-	var n = gn(), r = Math.max;
+})), gn = /* @__PURE__ */ g(((e, t) => {
+	var n = hn(), r = Math.max;
 	function i(e, t, i) {
 		return t = r(t === void 0 ? e.length - 1 : t, 0), function() {
 			for (var a = arguments, o = -1, s = r(a.length - t, 0), c = Array(s); ++o < s;) c[o] = a[t + o];
@@ -718,20 +718,20 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		};
 	}
 	t.exports = i;
-})), vn = /* @__PURE__ */ g(((e, t) => {
+})), _n = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return function() {
 			return e;
 		};
 	}
 	t.exports = n;
-})), yn = /* @__PURE__ */ g(((e, t) => {
+})), vn = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return e;
 	}
 	t.exports = n;
-})), bn = /* @__PURE__ */ g(((e, t) => {
-	var n = vn(), r = lt(), i = yn();
+})), yn = /* @__PURE__ */ g(((e, t) => {
+	var n = _n(), r = ct(), i = vn();
 	t.exports = r ? function(e, t) {
 		return r(e, "toString", {
 			configurable: !0,
@@ -740,7 +740,7 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 			writable: !0
 		});
 	} : i;
-})), xn = /* @__PURE__ */ g(((e, t) => {
+})), bn = /* @__PURE__ */ g(((e, t) => {
 	var n = 800, r = 16, i = Date.now;
 	function a(e) {
 		var t = 0, a = 0;
@@ -753,17 +753,17 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		};
 	}
 	t.exports = a;
+})), xn = /* @__PURE__ */ g(((e, t) => {
+	var n = yn();
+	t.exports = bn()(n);
 })), Sn = /* @__PURE__ */ g(((e, t) => {
-	var n = bn();
-	t.exports = xn()(n);
-})), Cn = /* @__PURE__ */ g(((e, t) => {
-	var n = hn(), r = _n(), i = Sn();
+	var n = mn(), r = gn(), i = xn();
 	function a(e) {
 		return i(r(e, void 0, n), e + "");
 	}
 	t.exports = a;
-})), wn = /* @__PURE__ */ p((/* @__PURE__ */ g(((e, t) => {
-	var n = Me(), r = Yt(), i = un(), a = rn(), o = ft(), s = fn(), c = Cn(), l = Pt(), u = 1, d = 2, f = 4;
+})), Cn = /* @__PURE__ */ p((/* @__PURE__ */ g(((e, t) => {
+	var n = je(), r = Jt(), i = ln(), a = nn(), o = dt(), s = dn(), c = Sn(), l = Nt(), u = 1, d = 2, f = 4;
 	t.exports = c(function(e, t) {
 		var c = {};
 		if (e == null) return c;
@@ -775,7 +775,7 @@ var Me = /* @__PURE__ */ g(((e, t) => {
 		return c;
 	});
 })))(), 1);
-function Tn(e, t) {
+function wn(e, t) {
 	let { arg: n, value: r } = t;
 	if (n !== "sanitize") {
 		if (typeof r != "string") throw Error("[v-ui3n-html] If the data is not sanitized, the value must be a string.");
@@ -787,50 +787,50 @@ function Tn(e, t) {
 		return;
 	}
 	try {
-		e.innerHTML = ne(r.dirty, { ...(0, wn.default)(r, "dirty") });
+		e.innerHTML = ne(r.dirty, { ...(0, Cn.default)(r, "dirty") });
 		return;
 	} catch (e) {
 		throw Error("[v-ui3n-html] ", e);
 	}
 }
-function En(e, t) {
-	Tn(e, t);
+function Tn(e, t) {
+	wn(e, t);
 }
 //#endregion
 //#region src/directives/ui3n-click-outside.ts
-function Dn(e) {
+function En(e) {
 	return (t) => {
 		t.target instanceof Element && (this === t.target || this.contains(t.target) || e.value(t));
 	};
 }
-var On = {
+var Dn = {
 	beforeMount(e, t) {
 		if (t?.value?.constructor.name !== "Function") throw Error("[v-ui3n-click-outside] Function should be provided in the directive");
-		e.clickOutside = Dn.bind(e)(t), window.addEventListener("click", e.clickOutside);
+		e.clickOutside = En.bind(e)(t), window.addEventListener("click", e.clickOutside);
 	},
 	beforeUnmount(e) {
 		window.removeEventListener("click", e.clickOutside);
 	}
-}, kn = /* @__PURE__ */ g(((e, t) => {
+}, On = /* @__PURE__ */ g(((e, t) => {
 	var n = b();
 	t.exports = function() {
 		return n.Date.now();
 	};
-})), An = /* @__PURE__ */ g(((e, t) => {
+})), kn = /* @__PURE__ */ g(((e, t) => {
 	var n = /\s/;
 	function r(e) {
 		for (var t = e.length; t-- && n.test(e.charAt(t)););
 		return t;
 	}
 	t.exports = r;
-})), jn = /* @__PURE__ */ g(((e, t) => {
-	var n = An(), r = /^\s+/;
+})), An = /* @__PURE__ */ g(((e, t) => {
+	var n = kn(), r = /^\s+/;
 	function i(e) {
 		return e && e.slice(0, n(e) + 1).replace(r, "");
 	}
 	t.exports = i;
-})), Mn = /* @__PURE__ */ g(((e, t) => {
-	var n = jn(), r = T(), i = Xt(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, c = /^0o[0-7]+$/i, l = parseInt;
+})), jn = /* @__PURE__ */ g(((e, t) => {
+	var n = An(), r = T(), i = Yt(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, c = /^0o[0-7]+$/i, l = parseInt;
 	function u(e) {
 		if (typeof e == "number") return e;
 		if (i(e)) return a;
@@ -844,8 +844,8 @@ var On = {
 		return u || c.test(e) ? l(e.slice(2), u ? 2 : 8) : o.test(e) ? a : +e;
 	}
 	t.exports = u;
-})), Nn = /* @__PURE__ */ p((/* @__PURE__ */ g(((e, t) => {
-	var n = T(), r = kn(), i = Mn(), a = "Expected a function", o = Math.max, s = Math.min;
+})), Mn = /* @__PURE__ */ p((/* @__PURE__ */ g(((e, t) => {
+	var n = T(), r = On(), i = jn(), a = "Expected a function", o = Math.max, s = Math.min;
 	function c(e, t, c) {
 		var l, u, d, f, p, m, h = 0, g = !1, _ = !1, v = !0;
 		if (typeof e != "function") throw TypeError(a);
@@ -876,10 +876,10 @@ var On = {
 		function T() {
 			p !== void 0 && clearTimeout(p), h = 0, l = m = u = p = void 0;
 		}
-		function ee() {
+		function E() {
 			return p === void 0 ? f : w(r());
 		}
-		function E() {
+		function D() {
 			var e = r(), n = S(e);
 			if (l = arguments, u = this, m = e, n) {
 				if (p === void 0) return b(m);
@@ -887,13 +887,13 @@ var On = {
 			}
 			return p === void 0 && (p = setTimeout(C, t)), f;
 		}
-		return E.cancel = T, E.flush = ee, E;
+		return D.cancel = T, D.flush = E, D;
 	}
 	t.exports = c;
-})))(), 1), Pn = null, Fn = {
+})))(), 1), Nn = null, Pn = {
 	mounted(e, t) {
-		let { value: n } = t, r = typeof n == "function" ? (0, Nn.default)(n, 250) : void 0;
-		Pn = new ResizeObserver((t) => {
+		let { value: n } = t, r = typeof n == "function" ? (0, Mn.default)(n, 250) : void 0;
+		Nn = new ResizeObserver((t) => {
 			for (let n of t) {
 				let { contentRect: t, borderBoxSize: i, target: a } = n;
 				if (a === e && r) {
@@ -907,50 +907,50 @@ var On = {
 					});
 				}
 			}
-		}), Pn.observe(e);
+		}), Nn.observe(e);
 	},
 	beforeUnmount() {
-		Pn && Pn.disconnect();
+		Nn && Nn.disconnect();
 	}
-}, In = 8, Ln = !1, Rn = null, zn = t(3), Bn = /* @__PURE__ */ new WeakMap(), Vn = /* @__PURE__ */ new WeakMap();
-function Hn(e, t, n) {
+}, Fn = 8, In = !1, Ln = null, Rn = t(3), zn = /* @__PURE__ */ new WeakMap(), Bn = /* @__PURE__ */ new WeakMap();
+function Vn(e, t, n) {
 	let r = e.split("-")[0], i = {
 		mainAxis: 0,
 		crossAxis: 0
 	};
 	switch (r) {
 		case "top":
-			i.mainAxis = -1 * Number(n) + In, i.crossAxis = Number(t);
+			i.mainAxis = -1 * Number(n) + Fn, i.crossAxis = Number(t);
 			break;
 		case "bottom":
-			i.mainAxis = Number(n) + In, i.crossAxis = Number(t);
+			i.mainAxis = Number(n) + Fn, i.crossAxis = Number(t);
 			break;
 		case "left":
-			i.mainAxis = -1 * Number(t) + In, i.crossAxis = Number(n);
+			i.mainAxis = -1 * Number(t) + Fn, i.crossAxis = Number(n);
 			break;
 		case "right":
-			i.mainAxis = Number(t) + In, i.crossAxis = Number(n);
+			i.mainAxis = Number(t) + Fn, i.crossAxis = Number(n);
 			break;
 		default: break;
 	}
 	return i;
 }
-function Un(e) {
+function Hn(e) {
 	let t = document.getElementById(e);
 	t && t.remove();
 }
-function Wn(e, t, n) {
+function Un(e, t, n) {
 	let { text: r, maxWidth: i = 200, color: a = "var(--color-text-control-primary-default)", bgColor: o = "var(--color-bg-control-secondary-default)", placement: s = "top", positionStrategy: c = "absolute", offsetX: l = 0, offsetY: u = 0, style: d = {} } = t || {};
-	if (Ln = n, !Ln) {
-		Un(zn);
+	if (In = n, !In) {
+		Hn(Rn);
 		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 = M(e, p, () => {
+	let f = document.getElementById(Rn), p = f || document.createElement("div");
+	f || (p.id = Rn, 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), Ln = M(e, p, () => {
 		re(e, p, {
 			placement: s,
 			strategy: c,
-			middleware: [ie(Hn(s, l, u))]
+			middleware: [ie(Vn(s, l, u))]
 		}).then(({ x: e, y: t }) => {
 			Object.assign(p.style, {
 				left: `${e}px`,
@@ -959,68 +959,68 @@ function Wn(e, t, n) {
 		});
 	});
 }
-var Gn = {
+var Wn = {
 	mounted(e, t) {
-		Bn.set(e, t.value);
+		zn.set(e, t.value);
 		let n = (t) => {
-			let n = Bn.get(e);
+			let n = zn.get(e);
 			if (n.disabled) {
-				Un(zn), Ln = !1;
+				Hn(Rn), In = !1;
 				return;
 			}
 			switch (t.type) {
 				case "click":
-					Wn(e, n, !Ln);
+					Un(e, n, !In);
 					break;
 				case "mouseenter":
-					Wn(e, n, !0);
+					Un(e, n, !0);
 					break;
 				case "mouseleave":
-					Wn(e, n, !1);
+					Un(e, n, !1);
 					break;
 				default: break;
 			}
 		};
-		Vn.set(e, n), t.value.trigger === "click" ? e.addEventListener("click", n) : (e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", n));
+		Bn.set(e, n), t.value.trigger === "click" ? e.addEventListener("click", n) : (e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", n));
 	},
 	updated(e, t) {
-		Bn.has(e) && Bn.delete(e), Bn.set(e, t.value);
+		zn.has(e) && zn.delete(e), zn.set(e, t.value);
 	},
 	beforeUnmount(e, t) {
-		Rn && Rn(), Rn = null, Un(zn), Ln = !1;
-		let n = Vn.get(e);
+		Ln && Ln(), Ln = null, Hn(Rn), In = !1;
+		let n = Bn.get(e);
 		t.value.trigger === "click" ? e.removeEventListener("click", n) : (e.removeEventListener("mouseenter", n), e.removeEventListener("mouseleave", n));
 	}
-}, Kn = 500, qn = 10;
-function Jn(e) {
+}, Gn = 500, Kn = 10;
+function qn(e) {
 	return e.dir;
 }
-function Yn(e, t) {
-	let { modifiers: n = {}, value: r = {} } = e, { handler: i, delay: a = Kn } = r;
+function Jn(e, t) {
+	let { modifiers: n = {}, value: r = {} } = e, { handler: i, delay: a = Gn } = r;
 	if (i.constructor.name !== "Function") throw Error("[v-ui3n-longpress] The handler as a function should be provided in the directiveю");
 	"prevent" in n && t.preventDefault(), "stop" in n && t.stopPropagation(), "self" in n && t.stopImmediatePropagation();
-	let o = Jn(e);
+	let o = qn(e);
 	o.posStart.x = t.x, o.posStart.y = t.y, o.timeout = setTimeout(() => i(t), a);
 }
-function Xn(e, t) {
+function Yn(e, t) {
 	let { modifiers: n = {}, value: r = {} } = e, { onMouseUpCb: i } = r;
 	"prevent" in n && t.preventDefault(), "stop" in n && t.stopPropagation(), "self" in n && t.stopImmediatePropagation();
-	let a = Jn(e);
+	let a = qn(e);
 	a.timeout !== null && (clearTimeout(a.timeout), a.timeout = null, a.posStart = {
 		x: 0,
 		y: 0
 	}), i && i(t);
 }
-function Zn(e, t) {
-	let { modifiers: n = {}, value: r = {} } = e, { distanceThreshold: i = qn } = r;
+function Xn(e, t) {
+	let { modifiers: n = {}, value: r = {} } = e, { distanceThreshold: i = Kn } = r;
 	"prevent" in n && t.preventDefault(), "stop" in n && t.stopPropagation(), "self" in n && t.stopImmediatePropagation();
-	let a = Jn(e), o = t.x - a.posStart.x, s = t.y - a.posStart.y, c = Math.sqrt(o * o + s * s);
+	let a = qn(e), o = t.x - a.posStart.x, s = t.y - a.posStart.y, c = Math.sqrt(o * o + s * s);
 	a.timeout !== null && c >= i && (clearTimeout(a.timeout), a.timeout = null, a.posStart = {
 		x: 0,
 		y: 0
 	});
 }
-var Qn = {
+var Zn = {
 	pointerdownEvent: () => ({}),
 	pointerupEvent: () => ({}),
 	pointermoveEvent: () => ({}),
@@ -1030,14 +1030,14 @@ var Qn = {
 		y: 0
 	},
 	mounted(e, t) {
-		let n = Jn(t), r = v(e);
+		let n = qn(t), r = v(e);
 		if (!r) return;
 		let { modifiers: i = {} } = t, a = {
 			capture: i?.capture,
 			once: i?.once,
 			passive: i?.passive
 		};
-		n.pointerdownEvent = (e) => Yn(t, e), n.pointerupEvent = (e) => Xn(t, e), n.pointermoveEvent = (e) => Zn(t, e), r.addEventListener("pointerdown", n.pointerdownEvent, a), r.addEventListener("pointerup", n.pointerupEvent, a), r.addEventListener("pointermove", n.pointermoveEvent, a);
+		n.pointerdownEvent = (e) => Jn(t, e), n.pointerupEvent = (e) => Yn(t, e), n.pointermoveEvent = (e) => Xn(t, e), r.addEventListener("pointerdown", n.pointerdownEvent, a), r.addEventListener("pointerup", n.pointerupEvent, a), r.addEventListener("pointermove", n.pointermoveEvent, a);
 	},
 	beforeUnmount(e, t) {
 		let n = v(e);
@@ -1046,10 +1046,10 @@ var Qn = {
 			capture: r?.capture,
 			once: r?.once,
 			passive: r?.passive
-		}, a = Jn(t);
+		}, a = qn(t);
 		n.removeEventListener("pointerdown", a.pointerdownEvent, i), n.removeEventListener("pointerup", a.pointerupEvent, i), n.removeEventListener("pointermove", a.pointermoveEvent, i);
 	}
-}, $n = ["id"], er = /* @__PURE__ */ O(/* @__PURE__ */ B({
+}, Qn = ["id"], $n = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-chip",
 	props: {
 		id: {},
@@ -1074,7 +1074,7 @@ var Qn = {
 	},
 	emits: ["close", "click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Se(), a = P(() => {
+		let n = e, r = t, i = xe(), a = P(() => {
 			let e = Number(n.height);
 			return isNaN(e) ? 24 : e;
 		}), o = P(() => `${a.value}px`), s = P(() => a.value - 4), c = P(() => {
@@ -1106,12 +1106,12 @@ var Qn = {
 			}),
 			onClick: n[1] ||= (e) => r("click", e)
 		}, [
-			R("div", { class: V(t.$style.ui3nChipIcon) }, [K(t.$slots, "left", {
+			R("div", { class: V(t.$style.ui3nChipIcon) }, [q(t.$slots, "left", {
 				size: s.value,
 				color: f.value
 			})], 2),
-			R("div", { class: V(t.$style.ui3nChipBody) }, [K(t.$slots, "default")], 2),
-			e.closeable ? (W(), F(k, {
+			R("div", { class: V(t.$style.ui3nChipBody) }, [q(t.$slots, "default")], 2),
+			e.closeable ? (W(), F(A, {
 				key: 0,
 				type: "icon",
 				size: "small",
@@ -1119,9 +1119,9 @@ var Qn = {
 				icon: "round-close",
 				"icon-color": "var(--color-icon-control-primary-default)",
 				disabled: e.disabled,
-				onClick: n[0] ||= Q((e) => r("close"), ["stop", "prevent"])
+				onClick: n[0] ||= $((e) => r("close"), ["stop", "prevent"])
 			}, null, 8, ["disabled"])) : I("", !0)
-		], 14, $n));
+		], 14, Qn));
 	}
 }), [["__cssModules", { $style: {
 	ui3nChip: "_ui3nChip_prky3_1",
@@ -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__ */ O(/* @__PURE__ */ B({
+} }]]), er = ["name"], tr = ["width", "height"], nr = /* @__PURE__ */ k(/* @__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 = G(null), s = G(null), c = G(0), l = G(!1), u = G(!1);
+		let r = Pn, 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;
 		}
@@ -1180,11 +1180,11 @@ var Qn = {
 		function v() {
 			s.value && (s.value.value = ""), l.value = !1, u.value = !1, a("select", new DataTransfer().files);
 		}
-		return t({ clear: v }), Y(() => i.name, (e) => {
+		return t({ clear: v }), X(() => i.name, (e) => {
 			!e && s.value && (s.value.value = "");
 		}), U(() => {
 			_();
-		}), (t, n) => Te((W(), L("div", {
+		}), (t, n) => we((W(), L("div", {
 			ref_key: "wrapperElement",
 			ref: o,
 			class: V([
@@ -1193,7 +1193,7 @@ var Qn = {
 				(l.value || u.value) && t.$style.ui3nDropFilesWithAccentBorder
 			]),
 			onDragenter: d,
-			onDragover: n[2] ||= Q(() => {}, ["prevent"]),
+			onDragover: n[2] ||= $(() => {}, ["prevent"]),
 			onDragleave: f
 		}, [
 			e.name ? (W(), L("input", {
@@ -1204,8 +1204,8 @@ var Qn = {
 				name: e.name,
 				multiple: "",
 				hidden: ""
-			}, null, 8, tr)) : I("", !0),
-			K(t.$slots, "default"),
+			}, null, 8, er)) : I("", !0),
+			q(t.$slots, "default"),
 			e.permanentDisplay || l.value || u.value ? (W(), L("div", {
 				key: 1,
 				class: V(t.$style.ui3nDropFilesDropzone),
@@ -1214,7 +1214,7 @@ var Qn = {
 				onDragleave: h,
 				onDrop: g
 			}, [
-				R("h3", { class: V(t.$style.ui3nDropFilesDropzoneTitle) }, q(e.title), 3),
+				R("h3", { class: V(t.$style.ui3nDropFilesDropzoneTitle) }, J(e.title), 3),
 				R("div", { class: V(t.$style.ui3nDropFilesDropzoneIcon) }, [(W(), L("svg", {
 					width: c.value * .35,
 					height: c.value * .35,
@@ -1224,14 +1224,14 @@ var Qn = {
 				}, [...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),
+				}, null, -1)]], 8, tr))], 2),
 				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)
+					onDragenter: n[0] ||= $(() => {}, ["stop", "prevent"]),
+					onDragleave: n[1] ||= $(() => {}, ["stop", "prevent"])
+				}, [q(t.$slots, "additional-text")], 34)
 			], 34)) : I("", !0)
-		], 34)), [[J(r), () => _()]]);
+		], 34)), [[Y(r), () => _()]]);
 	}
 }), [["__cssModules", { $style: {
 	ui3nDropFiles: "_ui3nDropFiles_gssdx_1",
@@ -1241,7 +1241,7 @@ var Qn = {
 	ui3nDropFilesDropzoneTitle: "_ui3nDropFilesDropzoneTitle_gssdx_33",
 	ui3nDropFilesDropzoneIcon: "_ui3nDropFilesDropzoneIcon_gssdx_41",
 	ui3nDropFilesDropzoneAdditional: "_ui3nDropFilesDropzoneAdditional_gssdx_53"
-} }]]), ir = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), rr = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-emoji",
 	props: {
 		emoji: {},
@@ -1263,19 +1263,19 @@ var Qn = {
 		function s(e) {
 			e.stopPropagation(), r("click", e);
 		}
-		return Y(() => n.emoji, (e) => {
+		return X(() => n.emoji, (e) => {
 			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],
 			style: o.value
-		}, ye(e.readonly ? {} : { click: s }, !0)), q(a.value && a.value.value), 17));
+		}, ve(e.readonly ? {} : { click: s }, !0)), J(a.value && a.value.value), 17));
 	}
 }), [["__cssModules", { $style: {
 	ui3nEmoji: "_ui3nEmoji_12jhb_1",
 	readonly: "_readonly_12jhb_15"
-} }]]), ar = ["id"], or = [
+} }]]), ir = ["id"], ar = [
 	"autocomplete",
 	"type",
 	"placeholder",
@@ -1285,7 +1285,7 @@ var Qn = {
 	"maxlength",
 	"minlength",
 	"value"
-], sr = /* @__PURE__ */ O(/* @__PURE__ */ B({
+], or = /* @__PURE__ */ k(/* @__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 = 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);
+		let r = e, i = n, a = xe(), 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;
 		}
@@ -1383,27 +1383,27 @@ var Qn = {
 				shiftKey: a
 			});
 		}
-		function ee(e) {
+		function E(e) {
 			c.value = !0, b(s.value), i("escape", e);
 		}
-		function E(e) {
+		function D(e) {
 			i("keydown", e);
 		}
-		function D() {
+		function O() {
 			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: D
+			clearValue: O
 		}), 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) => {
+		}), X(() => r.modelValue, (e) => {
 			let t = e ?? "";
 			t !== s.value && (s.value = t, b(t, !0));
-		}), Y(() => r.name, (e) => {
-			e || D();
+		}), X(() => r.name, (e) => {
+			e || O();
 		}), (t, n) => (W(), L("div", {
 			id: e.id,
 			class: V([
@@ -1419,7 +1419,7 @@ var Qn = {
 			e.label ? (W(), L("label", {
 				key: 0,
 				class: V(t.$style.ui3nInputLabel)
-			}, q(e.label), 3)) : I("", !0),
+			}, J(e.label), 3)) : I("", !0),
 			R("div", { class: V([
 				t.$style.inputWrapper,
 				d.value && t.$style.withPrepend,
@@ -1428,7 +1428,7 @@ var Qn = {
 				d.value ? (W(), L("div", {
 					key: 0,
 					class: V(t.$style.prependIconSlot)
-				}, [K(t.$slots, "prepend-icon")], 2)) : I("", !0),
+				}, [q(t.$slots, "prepend-icon")], 2)) : I("", !0),
 				R("input", {
 					ref_key: "inputElement",
 					ref: o,
@@ -1444,26 +1444,26 @@ var Qn = {
 					class: V(t.$style.ui3nInputField),
 					onInput: w,
 					onKeydown: [
-						Z(T, ["enter"]),
-						Z(ee, ["esc"]),
-						E
+						Q(T, ["enter"]),
+						Q(E, ["esc"]),
+						D
 					],
 					onFocus: x,
 					onBlur: S,
 					onChange: C
-				}, null, 42, or),
+				}, null, 42, ar),
 				h.value ? (W(), L("div", {
 					key: 1,
 					class: V(t.$style.appendIconSlot)
 				}, [
-					p.value ? (W(), F(A, {
+					p.value ? (W(), F(ee, {
 						key: 0,
 						icon: "round-check-circle-outline",
 						size: 16,
 						color: "var(--success-content-default)",
 						class: V(t.$style.appendSlotItem)
 					}, null, 8, ["class"])) : I("", !0),
-					m.value ? (W(), F(k, {
+					m.value ? (W(), F(A, {
 						key: 1,
 						type: "icon",
 						size: "small",
@@ -1472,11 +1472,11 @@ var Qn = {
 						"icon-size": "16",
 						"icon-color": "var(--color-icon-control-accent-default)",
 						class: V(t.$style.appendSlotItem),
-						onMousedown: n[0] ||= Q(() => {}, ["prevent"]),
-						onTouchstart: n[1] ||= Q(() => {}, ["prevent"]),
-						onClick: D
+						onMousedown: n[0] ||= $(() => {}, ["prevent"]),
+						onTouchstart: n[1] ||= $(() => {}, ["prevent"]),
+						onClick: O
 					}, null, 8, ["class"])) : I("", !0),
-					f.value ? K(t.$slots, "append-icon", { key: 2 }) : I("", !0)
+					f.value ? q(t.$slots, "append-icon", { key: 2 }) : I("", !0)
 				], 2)) : I("", !0)
 			], 2),
 			g.value ? (W(), L("div", {
@@ -1486,8 +1486,8 @@ var Qn = {
 					_.value && t.$style.ui3nInputErrorMessage,
 					v.value && t.$style.ui3nInputSuccessMessage
 				])
-			}, q(u.value || e.displayStateMessage), 3)) : I("", !0)
-		], 10, ar));
+			}, J(u.value || e.displayStateMessage), 3)) : I("", !0)
+		], 10, ir));
 	}
 }), [["__cssModules", { $style: {
 	ui3nInput: "_ui3nInput_dhax2_1",
@@ -1508,28 +1508,28 @@ var Qn = {
 	error: "_error_dhax2_143",
 	success: "_success_dhax2_155",
 	disabled: "_disabled_dhax2_159"
-} }]]), cr = /* @__PURE__ */ g(((e, t) => {
+} }]]), sr = /* @__PURE__ */ g(((e, t) => {
 	var n = u(), r = c(), i = S(), a = "[object String]";
 	function o(e) {
 		return typeof e == "string" || !r(e) && i(e) && n(e) == a;
 	}
 	t.exports = o;
-})), lr = /* @__PURE__ */ g(((e, t) => {
+})), cr = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return function(t) {
 			return t?.[e];
 		};
 	}
 	t.exports = n;
+})), lr = /* @__PURE__ */ g(((e, t) => {
+	t.exports = cr()("length");
 })), ur = /* @__PURE__ */ g(((e, t) => {
-	t.exports = lr()("length");
-})), dr = /* @__PURE__ */ g(((e, t) => {
 	var n = RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");
 	function r(e) {
 		return n.test(e);
 	}
 	t.exports = r;
-})), fr = /* @__PURE__ */ g(((e, t) => {
+})), dr = /* @__PURE__ */ g(((e, t) => {
 	var n = "\\ud800-\\udfff", r = "\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff", i = "\\ufe0e\\ufe0f", a = "[" + n + "]", o = "[" + r + "]", s = "\\ud83c[\\udffb-\\udfff]", c = "(?:" + o + "|" + s + ")", l = "[^" + n + "]", u = "(?:\\ud83c[\\udde6-\\uddff]){2}", d = "[\\ud800-\\udbff][\\udc00-\\udfff]", f = "\\u200d", p = c + "?", m = "[" + i + "]?", h = "(?:" + f + "(?:" + [
 		l,
 		u,
@@ -1546,14 +1546,14 @@ var Qn = {
 		return t;
 	}
 	t.exports = y;
-})), pr = /* @__PURE__ */ g(((e, t) => {
-	var n = ur(), r = dr(), i = fr();
+})), fr = /* @__PURE__ */ g(((e, t) => {
+	var n = lr(), r = ur(), i = dr();
 	function a(e) {
 		return r(e) ? i(e) : n(e);
 	}
 	t.exports = a;
-})), mr = /* @__PURE__ */ g(((e, t) => {
-	var r = n(), i = o(), a = s(), c = cr(), l = pr(), u = "[object Map]", d = "[object Set]";
+})), pr = /* @__PURE__ */ g(((e, t) => {
+	var r = n(), i = o(), a = s(), c = sr(), l = fr(), u = "[object Map]", d = "[object Set]";
 	function f(e) {
 		if (e == null) return 0;
 		if (a(e)) return c(e) ? l(e) : e.length;
@@ -1561,56 +1561,56 @@ var Qn = {
 		return t == u || t == d ? e.size : r(e).length;
 	}
 	t.exports = f;
-})), hr = /* @__PURE__ */ g(((e, t) => {
-	var n = cn();
+})), mr = /* @__PURE__ */ g(((e, t) => {
+	var n = sn();
 	function r(e, t, r) {
 		var i = e.length;
 		return r = r === void 0 ? i : r, !t && r >= i ? e : n(e, t, r);
 	}
 	t.exports = r;
-})), gr = /* @__PURE__ */ g(((e, t) => {
+})), hr = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t, n, r) {
 		for (var i = e.length, a = n + (r ? 1 : -1); r ? a-- : ++a < i;) if (t(e[a], a, e)) return a;
 		return -1;
 	}
 	t.exports = n;
-})), _r = /* @__PURE__ */ g(((e, t) => {
+})), gr = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return e !== e;
 	}
 	t.exports = n;
-})), vr = /* @__PURE__ */ g(((e, t) => {
+})), _r = /* @__PURE__ */ g(((e, t) => {
 	function n(e, t, n) {
 		for (var r = n - 1, i = e.length; ++r < i;) if (e[r] === t) return r;
 		return -1;
 	}
 	t.exports = n;
-})), yr = /* @__PURE__ */ g(((e, t) => {
-	var n = gr(), r = _r(), i = vr();
+})), vr = /* @__PURE__ */ g(((e, t) => {
+	var n = hr(), r = gr(), i = _r();
 	function a(e, t, a) {
 		return t === t ? i(e, t, a) : n(e, r, a);
 	}
 	t.exports = a;
-})), br = /* @__PURE__ */ g(((e, t) => {
-	var n = yr();
+})), yr = /* @__PURE__ */ g(((e, t) => {
+	var n = vr();
 	function r(e, t) {
 		for (var r = e.length; r-- && n(t, e[r], 0) > -1;);
 		return r;
 	}
 	t.exports = r;
-})), xr = /* @__PURE__ */ g(((e, t) => {
-	var n = yr();
+})), br = /* @__PURE__ */ g(((e, t) => {
+	var n = vr();
 	function r(e, t) {
 		for (var r = -1, i = e.length; ++r < i && n(t, e[r], 0) > -1;);
 		return r;
 	}
 	t.exports = r;
-})), Sr = /* @__PURE__ */ g(((e, t) => {
+})), xr = /* @__PURE__ */ g(((e, t) => {
 	function n(e) {
 		return e.split("");
 	}
 	t.exports = n;
-})), Cr = /* @__PURE__ */ g(((e, t) => {
+})), Sr = /* @__PURE__ */ g(((e, t) => {
 	var n = "\\ud800-\\udfff", r = "\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff", i = "\\ufe0e\\ufe0f", a = "[" + n + "]", o = "[" + r + "]", s = "\\ud83c[\\udffb-\\udfff]", c = "(?:" + o + "|" + s + ")", l = "[^" + n + "]", u = "(?:\\ud83c[\\udde6-\\uddff]){2}", d = "[\\ud800-\\udbff][\\udc00-\\udfff]", f = "\\u200d", p = c + "?", m = "[" + i + "]?", h = "(?:" + f + "(?:" + [
 		l,
 		u,
@@ -1626,14 +1626,14 @@ var Qn = {
 		return e.match(v) || [];
 	}
 	t.exports = y;
-})), wr = /* @__PURE__ */ g(((e, t) => {
-	var n = Sr(), r = dr(), i = Cr();
+})), Cr = /* @__PURE__ */ g(((e, t) => {
+	var n = xr(), r = ur(), i = Sr();
 	function a(e) {
 		return r(e) ? i(e) : n(e);
 	}
 	t.exports = a;
-})), Tr = /* @__PURE__ */ g(((e, t) => {
-	var n = tn(), r = jn(), i = hr(), a = br(), o = xr(), s = wr(), c = nn();
+})), wr = /* @__PURE__ */ g(((e, t) => {
+	var n = en(), r = An(), i = mr(), a = yr(), o = br(), s = Cr(), c = tn();
 	function l(e, t, l) {
 		if (e = c(e), e && (l || t === void 0)) return r(e);
 		if (!e || !(t = n(t))) return e;
@@ -1641,13 +1641,13 @@ var Qn = {
 		return i(u, o(u, d), a(u, d) + 1).join("");
 	}
 	t.exports = l;
-})), $ = /* @__PURE__ */ p(mr(), 1), Er = /* @__PURE__ */ p(an(), 1), Dr = /* @__PURE__ */ p(Tr(), 1), Or = ["for"], kr = [
+})), Tr = /* @__PURE__ */ p(pr(), 1), Er = /* @__PURE__ */ p(rn(), 1), Dr = /* @__PURE__ */ p(wr(), 1), Or = ["for"], kr = [
 	"id",
 	"name",
 	"multiple",
 	"accept",
 	"disabled"
-], Ar = /* @__PURE__ */ O(/* @__PURE__ */ B({
+], Ar = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-input-file",
 	props: {
 		id: {},
@@ -1670,7 +1670,7 @@ var Qn = {
 			if (!e) return !1;
 			if (!i.maxFileSize) return !0;
 			let { name: t, size: n } = e;
-			return n > i.maxFileSize ? (a("error", `The [${t}] file is too big. Maximum file size ${ee(i.maxFileSize)}`), !1) : !0;
+			return n > i.maxFileSize ? (a("error", `The [${t}] file is too big. Maximum file size ${E(i.maxFileSize)}`), !1) : !0;
 		}
 		function u(e) {
 			if (!e) return !1;
@@ -1684,14 +1684,14 @@ var Qn = {
 		}
 		function f(e = []) {
 			if (!i.maxNumberOfFiles) return !0;
-			let t = (0, $.default)(i.modelValue) + (0, $.default)(e) <= Number(i.maxNumberOfFiles);
+			let t = (0, Tr.default)(i.modelValue) + (0, Tr.default)(e) <= Number(i.maxNumberOfFiles);
 			return t || a("error", `You cannot select more than ${i.maxNumberOfFiles} files.`), t;
 		}
 		function p(e) {
-			if ((0, $.default)(e)) {
+			if ((0, Tr.default)(e)) {
 				if (!f(e)) return;
 				let t = e.filter((e) => d(e)).filter((e) => l(e)).filter((e) => u(e));
-				(0, $.default)(t) > 0 && a("update:modelValue", [...i.modelValue, ...t]);
+				(0, Tr.default)(t) > 0 && a("update:modelValue", [...i.modelValue, ...t]);
 			}
 		}
 		function m() {
@@ -1700,14 +1700,14 @@ var Qn = {
 		function h() {
 			s.value && (s.value.value = ""), a("update:modelValue", []);
 		}
-		return n({ clear: h }), Y(() => i.name, (e) => {
+		return n({ clear: h }), X(() => i.name, (e) => {
 			e || h();
 		}), (t, n) => (W(), L("div", { class: V(t.$style.ui3nInputFile) }, [R("label", {
-			for: J(o),
+			for: Y(o),
 			class: V([t.$style.label, e.disabled && t.$style.disabled]),
-			onClick: Q(c, ["stop", "prevent"])
-		}, [K(t.$slots, "default", {}, () => [ce(q(e.buttonText), 1)])], 10, Or), R("input", {
-			id: J(o),
+			onClick: $(c, ["stop", "prevent"])
+		}, [q(t.$slots, "default", {}, () => [ce(J(e.buttonText), 1)])], 10, Or), R("input", {
+			id: Y(o),
 			ref_key: "fileInput",
 			ref: s,
 			type: "file",
@@ -1731,7 +1731,7 @@ var Qn = {
 	"rows",
 	"max-rows",
 	"disabled"
-], Nr = /* @__PURE__ */ O(/* @__PURE__ */ B({
+], Nr = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-text",
 	props: {
 		id: {},
@@ -1808,10 +1808,10 @@ var Qn = {
 			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: _ }), U(() => {
-			a.value && (E(a.value), i("init", a.value)), r.validateAtStartup && u(o.value);
-		}), Y(() => r.name, (e) => {
+			a.value && (D(a.value), i("init", a.value)), r.validateAtStartup && u(o.value);
+		}), X(() => r.name, (e) => {
 			e || _();
-		}), Y(() => r.modelValue, (e, t) => {
+		}), X(() => r.modelValue, (e, t) => {
 			(e ?? "") !== (t ?? "") && (o.value = e ?? "", u(o.value, s.value || r.validateAtStartup));
 		}, { immediate: !0 }), (t, n) => (W(), L("div", {
 			id: e.id,
@@ -1825,7 +1825,7 @@ var Qn = {
 			e.label ? (W(), L("label", {
 				key: 0,
 				class: V(t.$style.label)
-			}, q(e.label), 3)) : I("", !0),
+			}, J(e.label), 3)) : I("", !0),
 			R("div", { class: V(t.$style.body) }, [R("textarea", ue({
 				ref_key: "textareaElement",
 				ref: a,
@@ -1840,8 +1840,8 @@ var Qn = {
 			}, t.$attrs, {
 				onInput: p,
 				onKeydown: [
-					Z(m, ["enter"]),
-					Z(h, ["esc"]),
+					Q(m, ["enter"]),
+					Q(h, ["esc"]),
 					g
 				],
 				onFocusin: d,
@@ -1850,7 +1850,7 @@ var Qn = {
 			l.value ? (W(), L("div", {
 				key: 1,
 				class: V(t.$style.errorBlock)
-			}, q(l.value), 3)) : I("", !0)
+			}, J(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__ */ O(/* @__PURE__ */ B({
+], Ir = ["tabindex"], Lr = ["width", "height"], Rr = ["width", "height"], zr = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-checkbox",
 	props: {
 		id: {},
@@ -1910,7 +1910,7 @@ var Qn = {
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: 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 r = O, i = e, a = n, o = xe(), s = ye(), 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 = P(() => ({
@@ -1929,9 +1929,9 @@ var Qn = {
 		function v() {
 			l.value = i.uncheckedValue, u.value = !1, a("change", l.value), a("update:modelValue", l.value);
 		}
-		return t({ clear: v }), Y(() => i.name, (e) => {
+		return t({ clear: v }), X(() => i.name, (e) => {
 			e || v();
-		}), Y(() => i.modelValue, (e) => l.value = e), Y(() => i.indeterminate, (e) => u.value = e), fe(() => {
+		}), X(() => i.modelValue, (e) => l.value = e), X(() => 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) => (W(), L("div", {
@@ -1950,10 +1950,10 @@ var Qn = {
 				checked: d.value !== "unchecked",
 				value: f.value
 			}, null, 8, Fr),
-			Te((W(), L("div", {
+			we((W(), L("div", {
 				class: V(g.value),
 				tabindex: e.disabled ? -1 : 0,
-				onKeydown: [Z(_, ["space"]), Z(_, ["enter"])],
+				onKeydown: [Q(_, ["space"]), Q(_, ["enter"])],
 				onClick: _
 			}, [d.value === "checked" ? (W(), L("svg", {
 				key: 0,
@@ -1981,11 +1981,11 @@ var Qn = {
 				"stroke-width": "3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 10, Rr)) : I("", !0)], 42, Ir)), [[J(r)]]),
+			})], -1)]], 10, Rr)) : I("", !0)], 42, Ir)), [[Y(r)]]),
 			R("div", {
 				class: V(t.$style.ui3nCheckboxLabel),
 				onClick: _
-			}, [K(t.$slots, "default")], 2)
+			}, [q(t.$slots, "default")], 2)
 		], 14, Pr));
 	}
 }), [["__cssModules", { $style: {
@@ -2013,7 +2013,7 @@ var Qn = {
 			mode: "out-in",
 			name: "fade"
 		}, {
-			default: X(() => [(W(), F(A, {
+			default: Z(() => [(W(), F(ee, {
 				key: n.value,
 				icon: n.value,
 				size: r.value,
@@ -2027,37 +2027,75 @@ var Qn = {
 		}));
 	}
 }), Vr = /* @__PURE__ */ g(((e, t) => {
-	var n = sn();
+	var n = on();
 	function r(e, t, r) {
 		var i = e == null ? void 0 : n(e, t);
 		return i === void 0 ? r : i;
 	}
 	t.exports = r;
 })), Hr = /* @__PURE__ */ g(((e, t) => {
-	var n = Yt(), r = 1, i = 4;
+	var n = Jt(), r = 1, i = 4;
 	function a(e) {
 		return n(e, r | i);
 	}
 	t.exports = a;
-})), Ur = /* @__PURE__ */ p(Vr(), 1), Wr = /* @__PURE__ */ p(r(), 1), Gr = /* @__PURE__ */ p(Hr(), 1);
-function Kr(e, t) {
-	let n = G(null), r = G({
-		sortOrder: m(),
-		fieldAsRowKey: p()
-	}), 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");
+})), Ur = /* @__PURE__ */ p(Vr(), 1), Wr = /* @__PURE__ */ p(r(), 1), Gr = /* @__PURE__ */ p(Hr(), 1), Kr = /^-?\d+(\.\d+)?(px|rem|em|ch|ex|cm|mm|in|pt|pc)$/i;
+function qr(e) {
+	return !e || typeof e != "string" ? !1 : Kr.test(e.trim());
+}
+function Jr(e, t, n) {
+	let r = G(null), i = G({
+		sortOrder: S(),
+		fieldAsRowKey: x()
+	}), a = i.value?.fieldAsRowKey ? G([]) : G(/* @__PURE__ */ new Set()), o = G(!1), s = G(null), c = null, l = P(() => !!i.value.fieldAsRowKey), u = P(() => e.head.filter((e) => !e.hidden)), d = P(() => l.value ? e.body.content.filter((e) => a.value.includes(e[i.value.fieldAsRowKey])) : Array.from(a.value)), f = P(() => l.value ? (0, Tr.default)(a.value) : a.value.size), p = P(() => e.config?.selectable === "multiple" && o.value);
+	function m() {
+		let { columnStyle: t } = e.config ?? {}, n = [];
+		for (let e of u.value) {
+			let r = (0, Ur.default)(t, [e.key, "width"], "");
+			qr(r) || n.push({
+				key: String(e.key),
+				width: r || "(missing)"
+			});
+		}
+		return n;
+	}
+	let h = P(() => {
+		let t = Number(e.config?.stickyColumns);
+		return !Number.isFinite(t) || t < 1 ? 0 : Math.floor(t);
+	}), g = P(() => {
+		if (!h.value) return 0;
+		let e = Math.max(0, u.value.length - 1);
+		return !e || m().length ? 0 : Math.min(h.value, e);
+	}), _ = P(() => g.value > 0), v = P(() => {
+		let t = g.value;
+		if (!t) return [];
+		let { columnStyle: n } = e.config ?? {}, r = u.value.slice(0, t).map((e) => (0, Ur.default)(n, [e.key, "width"], "0px").trim()), i = [];
+		for (let e = 0; e < t; e++) {
+			if (e === 0) {
+				i.push("0px");
+				continue;
+			}
+			if (e === 1) {
+				i.push(r[0]);
+				continue;
+			}
+			i.push(`calc(${r.slice(0, e).join(" + ")})`);
+		}
+		return i;
+	}), y = P(() => {
+		if (!r.value) return "100%";
+		let { config: t = {}, head: n } = e, { columnStyle: i } = t, a = n.filter((e) => !e.hidden).map((e) => e.key), o = _.value;
+		return a.reduce((e, t, n) => {
+			let r = o ? (0, Ur.default)(i, [t, "width"]) : (0, Ur.default)(i, [t, "width"], "1fr");
 			return e = n === 0 ? `${r}` : `${e} ${r}`, e;
 		}, "");
-	}), f = P(() => !e.config?.minHeightUnusedPlace || isNaN(Number(e.config?.minHeightUnusedPlace)) ? {} : { minHeight: `${Number(e.config?.minHeightUnusedPlace || 0)}px` });
-	function p() {
+	}), b = P(() => !e.config?.minHeightUnusedPlace || isNaN(Number(e.config?.minHeightUnusedPlace)) ? {} : { minHeight: `${Number(e.config?.minHeightUnusedPlace || 0)}px` });
+	function x() {
 		let { config: t = {}, body: n } = e, { fieldAsRowKey: r } = t;
 		if (r && r in (0, Ur.default)(n, ["content", 0], {})) return r;
 		if ("id" in (0, Ur.default)(n, ["content", 0], {})) return "id";
 	}
-	function m() {
+	function S() {
 		let { config: t = {}, head: n } = e, { sortOrder: r } = t;
 		if (!(0, Wr.default)(r)) return (0, Gr.default)(r);
 		for (let e of n) {
@@ -2069,83 +2107,388 @@ function Kr(e, t) {
 		}
 		return {};
 	}
-	function h(e, t) {
-		return o.value ? e[r.value.fieldAsRowKey] : t;
+	function C(e, t) {
+		return l.value ? e[i.value.fieldAsRowKey] : t;
 	}
-	function g(e) {
-		return o.value ? !!i.value.find((t) => t === e[r.value.fieldAsRowKey]) : i.value.has(e);
+	function w(e) {
+		return l.value ? !!a.value.find((t) => t === e[i.value.fieldAsRowKey]) : a.value.has(e);
 	}
-	function _(t) {
-		if ((0, Wr.default)(e.body.rowsStyle) || !o.value) return {};
-		let n = t[r.value.fieldAsRowKey];
+	function T(t) {
+		if ((0, Wr.default)(e.body.rowsStyle) || !l.value) return {};
+		let n = t[i.value.fieldAsRowKey];
 		return (0, Ur.default)(e, [
 			"body",
 			"rowsStyle",
 			n
 		], {});
 	}
-	function v() {
-		a.value = !1, S(!1);
+	function E() {
+		o.value = !1, A(!1);
 	}
-	function y(e) {
-		g(e) ? (o.value && (i.value = []), !o.value && i.value.clear()) : o.value ? i.value = [e[r.value?.fieldAsRowKey]] : (i.value.clear(), i.value.add(e));
+	function D(e) {
+		w(e) ? (l.value && (a.value = []), !l.value && a.value.clear()) : l.value ? a.value = [e[i.value?.fieldAsRowKey]] : (a.value.clear(), a.value.add(e));
 	}
-	function b(e) {
-		if (g(e)) if (!o.value) i.value.delete(e);
+	function O(e) {
+		if (w(e)) if (!l.value) a.value.delete(e);
 		else {
-			let t = i.value.findIndex((t) => t === e[r.value.fieldAsRowKey]);
-			t !== -1 && i.value.splice(t, 1);
+			let t = a.value.findIndex((t) => t === e[i.value.fieldAsRowKey]);
+			t !== -1 && a.value.splice(t, 1);
 		}
-		else o.value ? i.value.push(e[r.value.fieldAsRowKey]) : i.value.add(e);
+		else l.value ? a.value.push(e[i.value.fieldAsRowKey]) : a.value.add(e);
 	}
-	function x(n, r) {
+	function k(n, r) {
 		let { selectable: i } = e.config;
-		i === "single" ? y(n) : b(n), r || t("select:row", c.value);
+		i === "single" ? D(n) : O(n), r || t("select:row", d.value);
 	}
-	function S(n) {
+	function A(n) {
 		if (e.config.selectable === "multiple") {
-			if (n) for (let t of e.body.content) g(t) || x(t, !0);
-			else o.value && (i.value = []), !o.value && i.value.clear();
-			t("select:row", c.value);
+			if (n) for (let t of e.body.content) w(t) || k(t, !0);
+			else l.value && (a.value = []), !l.value && a.value.clear();
+			t("select:row", d.value);
 		}
 	}
-	function C(e) {
-		r.value.sortOrder?.field === e ? r.value.sortOrder.direction = r.value.sortOrder?.direction === "asc" ? "desc" : "asc" : r.value.sortOrder = {
+	function ee(e) {
+		i.value.sortOrder?.field === e ? i.value.sortOrder.direction = i.value.sortOrder?.direction === "asc" ? "desc" : "asc" : i.value.sortOrder = {
 			field: e,
 			direction: "desc"
-		}, r.value.sortOrder?.field && t("change:sort", r.value.sortOrder);
+		}, i.value.sortOrder?.field && t("change:sort", i.value.sortOrder);
+	}
+	function j() {
+		l.value ? a.value = [] : a.value.clear(), o.value = !1, t("select:row", []);
 	}
-	function w() {
-		o.value ? i.value = [] : i.value.clear(), a.value = !1, t("select:row", []);
+	function te() {
+		c?.disconnect(), c = null;
 	}
-	return Y(() => e.config?.tableName, (e) => {
-		e || w();
-	}), Y(() => l.value, (t, n) => {
-		t && t > n && e.config.selectable === "multiple" && !u.value && (a.value = !0);
+	function ne() {
+		te();
+		let e = n?.value ?? r.value;
+		if (!e || !_.value) {
+			s.value = null;
+			return;
+		}
+		let t = () => {
+			s.value = e.clientWidth;
+		};
+		t(), c = new ResizeObserver(t), c.observe(e);
+	}
+	return X(() => e.config?.tableName, (e) => {
+		e || j();
+	}), X(() => f.value, (t, n) => {
+		t && t > n && e.config.selectable === "multiple" && !p.value && (o.value = !0);
+	}), X(() => ({
+		requested: h.value,
+		tableName: e.config?.tableName,
+		visibleCount: u.value.length,
+		columnKeys: u.value.map((e) => String(e.key)).join("\0"),
+		widths: u.value.map((t) => `${String(t.key)}=${(0, Ur.default)(e.config?.columnStyle, [t.key, "width"], "")}`).join("\0")
+	}), ({ requested: e, tableName: t, visibleCount: n }) => {
+		if (!e) return;
+		let r = t ? ` tableName="${t}"` : "", i = Math.max(0, n - 1);
+		e > i && console.warn(`[Ui3nTable] stickyColumns clamped:${r} requested=${e}, max=${i} (visibleColumns.length - 1).`);
+		let a = m();
+		if (!a.length) return;
+		let o = a.map(({ key: e, width: t }) => `key="${e}" width="${t}"`).join(", ");
+		console.warn(`[Ui3nTable] stickyColumns disabled:${r} column width must be an absolute CSS length.\nInvalid: ${o}`);
+	}, { immediate: !0 }), X([
+		r,
+		_,
+		n
+	], ne, {
+		immediate: !0,
+		flush: "post"
+	}), pe(() => {
+		te();
 	}), {
-		tableEl: n,
-		tableColumnWidth: d,
-		unusedPlaceCssStyle: f,
-		currentConfig: r,
-		visibleColumns: s,
-		hasGroupActionsRow: a,
-		showGroupActionsRow: u,
-		selectedRows: i,
-		selectedRowsArray: c,
-		selectedRowsSize: l,
-		closeGroupActionsRow: v,
-		getRowKey: h,
-		isRowSelected: g,
-		getRowStyle: _,
-		processSelection: x,
-		toggleSelectedRows: S,
-		changeSortOrder: C,
-		clear: w
+		tableEl: r,
+		tableColumnWidth: y,
+		unusedPlaceCssStyle: b,
+		currentConfig: i,
+		visibleColumns: u,
+		hasGroupActionsRow: o,
+		showGroupActionsRow: p,
+		selectedRows: a,
+		selectedRowsArray: d,
+		selectedRowsSize: f,
+		stickyColumnsActive: _,
+		stickyColumnsCount: g,
+		stickyColumnLefts: v,
+		scrollportWidth: s,
+		closeGroupActionsRow: E,
+		getRowKey: C,
+		isRowSelected: w,
+		getRowStyle: T,
+		processSelection: k,
+		toggleSelectedRows: A,
+		changeSortOrder: ee,
+		clear: j
 	};
 }
 //#endregion
-//#region src/components/ui3n-table/ui3n-table.vue?vue&type=script&setup=true&lang.ts
-var qr = ["name", "value"], Jr = /* @__PURE__ */ O(/* @__PURE__ */ B({
+//#region src/components/ui3n-scrollbar/ui3n-scrollbar.vue?vue&type=script&setup=true&lang.ts
+var Yr = 2, Xr = 2, Zr = /* @__PURE__ */ k(/* @__PURE__ */ B({
+	__name: "ui3n-scrollbar",
+	props: {
+		axes: { default: "both" },
+		vertical: { default: () => ({
+			thumbMinHeight: 32,
+			thumbHeight: "auto",
+			thumbRadius: 4,
+			thumbColor: "var(--color-bg-control-accent-default)",
+			thumbHoverColor: "var(--color-bg-control-accent-hover)",
+			thumbActiveColor: "var(--color-bg-control-accent-focused)",
+			trackWidth: 6,
+			trackRadius: 4,
+			trackColor: "transparent"
+		}) },
+		horizontal: { default: () => ({
+			thumbMinWidth: 32,
+			thumbWidth: "auto",
+			thumbRadius: 4,
+			thumbColor: "var(--color-bg-control-accent-default)",
+			thumbHoverColor: "var(--color-bg-control-accent-hover)",
+			thumbActiveColor: "var(--color-bg-control-accent-focused)",
+			trackHeight: 6,
+			trackRadius: 4,
+			trackColor: "transparent"
+		}) },
+		autoUpdate: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"scroll",
+		"scroll:vertical",
+		"scroll:horizontal"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = G(null), o = G(null), s = G(null), c = G(null), l = G(null), u = P(() => r.axes ?? "both"), d = P(() => r.vertical ?? {}), f = P(() => r.horizontal ?? {}), p = G(0), m = G(0), h = G(0), g = G(0), _ = G(0), v = G(0), y = G(0), b = G(0), x = G(!1), S = G(!1), C = G(!1), w = G(!1), T = null, E, D = 0, O = 0, k = 0, A = 0, ee = P(() => g.value > _.value), j = P(() => p.value > m.value), te = P(() => S.value ? !0 : ee.value && (C.value || w.value)), ne = P(() => x.value ? !0 : j.value && (C.value || w.value)), M = P(() => u.value === "vertical" || u.value === "both"), re = P(() => u.value === "horizontal" || u.value === "both"), ie = P(() => M.value && re.value && ee.value && j.value), N = P(() => {
+			let e = Number(d.value.trackWidth ?? 6);
+			return isNaN(e) ? 6 : e;
+		}), ae = P(() => {
+			let e = Number(f.value.trackHeight ?? 6);
+			return isNaN(e) ? 6 : e;
+		}), oe = P(() => {
+			let e = d.value.trackOffsetTop;
+			if (e == null || e === "") return 0;
+			let t = Number(e);
+			return isNaN(t) ? 0 : Math.max(0, t);
+		}), se = P(() => Yr + oe.value), F = P(() => ie.value ? Yr + ae.value + Xr : Yr), ce = P(() => ie.value ? Yr + N.value + Xr : Yr), z = P(() => Math.max(0, m.value - se.value - F.value)), B = P(() => Math.max(0, _.value - ce.value - Yr)), le = P(() => {
+			if (!p.value || !z.value) return 0;
+			let e = d.value.thumbHeight, t = Number(d.value.thumbMinHeight ?? 32);
+			if (e && e !== "auto") {
+				let n = Number(e);
+				return Math.max(isNaN(n) ? t : n, t);
+			}
+			let n = m.value / p.value, r = z.value * n;
+			return Math.min(z.value, Math.max(t, r));
+		}), ue = P(() => {
+			if (!g.value || !B.value) return 0;
+			let e = f.value.thumbWidth, t = Number(f.value.thumbMinWidth ?? 32);
+			if (e && e !== "auto") {
+				let n = Number(e);
+				return Math.max(isNaN(n) ? t : n, t);
+			}
+			let n = _.value / g.value, r = B.value * n;
+			return Math.min(B.value, Math.max(t, r));
+		}), de = P(() => {
+			if (!p.value || p.value === m.value || !z.value) return 0;
+			let e = p.value - m.value, t = Math.max(0, z.value - le.value);
+			return !e || !t ? 0 : h.value / e * t;
+		}), fe = P(() => {
+			if (!g.value || g.value === _.value || !B.value) return 0;
+			let e = g.value - _.value, t = Math.max(0, B.value - ue.value);
+			return !e || !t ? 0 : v.value / e * t;
+		}), me = P(() => {
+			let e = Number(d.value.trackRadius);
+			return isNaN(e) ? String(d.value.trackRadius ?? 4) : `${e}px`;
+		}), he = P(() => d.value.trackColor ?? "transparent"), K = P(() => {
+			let e = Number(d.value.thumbRadius);
+			return isNaN(e) ? String(d.value.thumbRadius ?? 4) : `${e}px`;
+		}), ge = P(() => d.value.thumbColor ?? "var(--color-bg-control-accent-default)"), _e = P(() => d.value.thumbHoverColor ?? "var(--color-bg-control-accent-hover)"), J = P(() => d.value.thumbActiveColor ?? "var(--color-bg-control-accent-focused)"), ve = P(() => {
+			let e = Number(d.value.trackWidth);
+			return isNaN(e) ? String(d.value.trackWidth ?? 6) : `${e}px`;
+		}), Y = P(() => {
+			let e = Number(f.value.trackRadius);
+			return isNaN(e) ? String(f.value.trackRadius ?? 4) : `${e}px`;
+		}), ye = P(() => f.value.trackColor ?? "transparent"), be = P(() => {
+			let e = Number(f.value.thumbRadius);
+			return isNaN(e) ? String(f.value.thumbRadius ?? 4) : `${e}px`;
+		}), xe = P(() => f.value.thumbColor ?? "var(--color-bg-control-accent-default)"), Se = P(() => f.value.thumbHoverColor ?? "var(--color-bg-control-accent-hover)"), Ce = P(() => f.value.thumbActiveColor ?? "var(--color-bg-control-accent-focused)"), X = P(() => {
+			let e = Number(f.value.trackHeight);
+			return isNaN(e) ? String(f.value.trackHeight ?? 6) : `${e}px`;
+		});
+		function Z() {
+			let e = a.value;
+			e && (p.value = e.scrollHeight, m.value = e.clientHeight, h.value = e.scrollTop, g.value = e.scrollWidth, _.value = e.clientWidth, v.value = e.scrollLeft);
+		}
+		function we(e) {
+			let t = {
+				event: e,
+				scrollTop: h.value,
+				scrollLeft: v.value
+			};
+			i("scroll", t), h.value !== y.value && i("scroll:vertical", t), v.value !== b.value && i("scroll:horizontal", t), y.value = h.value, b.value = v.value;
+		}
+		function Q(e) {
+			x.value || (h.value = e.target.scrollTop), S.value || (v.value = e.target.scrollLeft), w.value = !0, clearTimeout(E), we(e), E = setTimeout(() => {
+				w.value = !1;
+			}, 1500);
+		}
+		function $(e) {
+			if (e.target !== o.value || !a.value || !o.value) return;
+			let t = o.value.getBoundingClientRect(), n = e.clientY - t.top - le.value / 2, r = p.value - m.value, i = Math.max(0, z.value - le.value);
+			if (!i || !r) return;
+			let s = n / i * r;
+			s = Math.max(0, Math.min(r, s)), a.value.scrollTo({
+				top: s,
+				behavior: "smooth"
+			});
+		}
+		function Te(e) {
+			if (e.target !== s.value || !a.value || !s.value) return;
+			let t = s.value.getBoundingClientRect(), n = e.clientX - t.left - ue.value / 2, r = g.value - _.value, i = Math.max(0, B.value - ue.value);
+			if (!i || !r) return;
+			let o = n / i * r;
+			o = Math.max(0, Math.min(r, o)), a.value.scrollTo({
+				left: o,
+				behavior: "smooth"
+			});
+		}
+		function Ee(e) {
+			!c.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), c.value.setPointerCapture(e.pointerId), x.value = !0, D = e.clientY, O = h.value, document.body.style.userSelect = "none", c.value.addEventListener("pointermove", De), c.value.addEventListener("pointerup", Oe), c.value.addEventListener("pointercancel", Oe));
+		}
+		function De(e) {
+			if (!x.value || !a.value || !o.value) return;
+			let t = e.clientY - D, n = p.value - m.value, r = Math.max(0, z.value - le.value);
+			if (!r || !n) return;
+			let i = t / r * n;
+			a.value.scrollTop = O + i, h.value = a.value.scrollTop;
+		}
+		function Oe() {
+			x.value && (x.value = !1, document.body.style.userSelect = "", c.value && (c.value.removeEventListener("pointermove", De), c.value.removeEventListener("pointerup", Oe), c.value.removeEventListener("pointercancel", Oe)));
+		}
+		function ke(e) {
+			!l.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), l.value.setPointerCapture(e.pointerId), S.value = !0, k = e.clientX, A = v.value, document.body.style.userSelect = "none", l.value.addEventListener("pointermove", Ae), l.value.addEventListener("pointerup", je), l.value.addEventListener("pointercancel", je));
+		}
+		function Ae(e) {
+			if (!S.value || !a.value || !s.value) return;
+			let t = e.clientX - k, n = g.value - _.value, r = Math.max(0, B.value - ue.value);
+			if (!r || !n) return;
+			let i = t / r * n;
+			a.value.scrollLeft = A + i, v.value = a.value.scrollLeft;
+		}
+		function je() {
+			S.value && (S.value = !1, document.body.style.userSelect = "", l.value && (l.value.removeEventListener("pointermove", Ae), l.value.removeEventListener("pointerup", je), l.value.removeEventListener("pointercancel", je)));
+		}
+		return U(() => {
+			if (Z(), r.autoUpdate) {
+				T = new ResizeObserver(Z), T.observe(a.value);
+				let e = a.value?.firstElementChild;
+				e && T.observe(e);
+			}
+		}), pe(() => {
+			T?.disconnect(), E && clearTimeout(E), c.value && (c.value.removeEventListener("pointermove", De), c.value.removeEventListener("pointerup", Oe), c.value.removeEventListener("pointercancel", Oe)), l.value && (l.value.removeEventListener("pointermove", Ae), l.value.removeEventListener("pointerup", je), l.value.removeEventListener("pointercancel", je)), document.body.style.userSelect = "";
+		}), t({
+			scrollTo: (e) => {
+				a.value?.scrollTo(e);
+			},
+			scrollToVertical: (e = {}) => {
+				let t = a.value;
+				if (!t) return;
+				let n = {};
+				typeof e.top == "number" && (n.top = e.top), e.behavior && (n.behavior = e.behavior), t.scrollTo(n);
+			},
+			scrollToHorizontal: (e = {}) => {
+				let t = a.value;
+				if (!t) return;
+				let n = {};
+				typeof e.left == "number" && (n.left = e.left), e.behavior && (n.behavior = e.behavior), t.scrollTo(n);
+			},
+			getContainer: () => a.value,
+			updateMetrics: Z
+		}), (e, t) => (W(), L("div", {
+			class: V(e.$style.ui3nScrollbar),
+			style: H({
+				"--ui3n-scrollbar-vertical-thumb-radius": K.value,
+				"--ui3n-scrollbar-vertical-thumb-color": ge.value,
+				"--ui3n-scrollbar-vertical-thumb-hover-color": _e.value,
+				"--ui3n-scrollbar-vertical-thumb-active-color": J.value,
+				"--ui3n-scrollbar-vertical-track-width": ve.value,
+				"--ui3n-scrollbar-vertical-track-radius": me.value,
+				"--ui3n-scrollbar-vertical-track-color": he.value,
+				"--ui3n-scrollbar-horizontal-thumb-radius": be.value,
+				"--ui3n-scrollbar-horizontal-thumb-color": xe.value,
+				"--ui3n-scrollbar-horizontal-thumb-hover-color": Se.value,
+				"--ui3n-scrollbar-horizontal-thumb-active-color": Ce.value,
+				"--ui3n-scrollbar-horizontal-track-height": X.value,
+				"--ui3n-scrollbar-horizontal-track-radius": Y.value,
+				"--ui3n-scrollbar-horizontal-track-color": ye.value
+			}),
+			onMouseenter: t[0] ||= (e) => C.value = !0,
+			onMouseleave: t[1] ||= (e) => C.value = !1
+		}, [
+			R("div", {
+				ref_key: "containerRef",
+				ref: a,
+				class: V([
+					e.$style.scrollbarContainer,
+					u.value === "vertical" && e.$style.scrollbarContainerVertical,
+					u.value === "horizontal" && e.$style.scrollbarContainerHorizontal
+				]),
+				onScroll: Q
+			}, [q(e.$slots, "default")], 34),
+			M.value ? (W(), L("div", {
+				key: 0,
+				ref_key: "trackRefV",
+				ref: o,
+				class: V([e.$style.trackVertical, { [e.$style.trackVisible]: ne.value }]),
+				style: H({
+					top: `${se.value}px`,
+					bottom: `${F.value}px`
+				}),
+				onMousedown: $
+			}, [R("div", {
+				ref_key: "thumbRefV",
+				ref: c,
+				class: V([e.$style.thumbVertical, { [e.$style.active]: x.value }]),
+				style: H({
+					height: `${le.value}px`,
+					transform: `translateY(${de.value}px)`
+				}),
+				onPointerdown: Ee
+			}, null, 38)], 38)) : I("", !0),
+			re.value ? (W(), L("div", {
+				key: 1,
+				ref_key: "trackRefH",
+				ref: s,
+				class: V([e.$style.trackHorizontal, { [e.$style.trackVisible]: te.value }]),
+				style: H({ right: `${ce.value}px` }),
+				onMousedown: Te
+			}, [R("div", {
+				ref_key: "thumbRefH",
+				ref: l,
+				class: V([e.$style.thumbHorizontal, { [e.$style.active]: S.value }]),
+				style: H({
+					width: `${ue.value}px`,
+					transform: `translateX(${fe.value}px)`
+				}),
+				onPointerdown: ke
+			}, null, 38)], 38)) : I("", !0)
+		], 38));
+	}
+}), [["__cssModules", { $style: {
+	ui3nScrollbar: "_ui3nScrollbar_1ywhy_1",
+	scrollbarContainer: "_scrollbarContainer_1ywhy_8",
+	scrollbarContainerVertical: "_scrollbarContainerVertical_1ywhy_21",
+	scrollbarContainerHorizontal: "_scrollbarContainerHorizontal_1ywhy_25",
+	trackVertical: "_trackVertical_1ywhy_29",
+	trackHorizontal: "_trackHorizontal_1ywhy_44",
+	trackVisible: "_trackVisible_1ywhy_59",
+	thumbVertical: "_thumbVertical_1ywhy_65",
+	active: "_active_1ywhy_79",
+	thumbHorizontal: "_thumbHorizontal_1ywhy_83"
+} }]]), Qr = ["name", "value"], $r = ["name", "value"], ei = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-table",
 	props: {
 		config: {},
@@ -2154,138 +2497,327 @@ var qr = ["name", "value"], Jr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["change:sort", "select:row"],
 	setup(e, { expose: t, emit: n }) {
-		let { tableEl: r, tableColumnWidth: i, unusedPlaceCssStyle: a, currentConfig: o, visibleColumns: s, hasGroupActionsRow: c, showGroupActionsRow: l, selectedRows: u, selectedRowsArray: d, selectedRowsSize: f, closeGroupActionsRow: p, getRowKey: m, isRowSelected: h, getRowStyle: g, processSelection: _, toggleSelectedRows: v, changeSortOrder: y, clear: b } = Kr(e, n), x = { select: _ };
-		return t({
-			getRowStyle: g,
-			selectedRows: u,
-			selectedRowsArray: d,
-			hasGroupActionsRow: c,
-			closeGroupActionsRow: p,
-			clear: b
-		}), (t, n) => (W(), L("div", {
+		let r = e, i = n, a = G(null), o = P(() => a.value?.getContainer() ?? null), s = G(null), c = G(0), l = null, { tableEl: u, tableColumnWidth: d, unusedPlaceCssStyle: f, currentConfig: p, visibleColumns: m, hasGroupActionsRow: h, showGroupActionsRow: g, selectedRows: _, selectedRowsArray: v, selectedRowsSize: y, stickyColumnsActive: b, stickyColumnsCount: x, stickyColumnLefts: S, scrollportWidth: C, closeGroupActionsRow: w, getRowKey: T, isRowSelected: E, getRowStyle: D, processSelection: O, toggleSelectedRows: k, changeSortOrder: ee, clear: j } = Jr(r, i, o), te = { select: O }, ne = P(() => r.config?.scrollbar?.axes ?? "both"), M = P(() => {
+			let e = r.config?.scrollbar?.vertical ?? {}, t = ne.value;
+			return !(t === "vertical" || t === "both") || !c.value ? e : {
+				...e,
+				trackOffsetTop: c.value
+			};
+		}), re = P(() => {
+			let e = { "--ui3n-table-columns-width": d.value };
+			return C.value != null && (e["--ui3n-table-scrollport-width"] = `${C.value}px`), e;
+		});
+		function ie() {
+			l?.disconnect(), l = null;
+			let e = s.value;
+			if (!e || !r.config?.scrollbar) {
+				c.value = 0;
+				return;
+			}
+			let t = () => {
+				c.value = e.offsetHeight;
+			};
+			t(), l = new ResizeObserver(t), l.observe(e);
+		}
+		return X([
+			s,
+			() => r.config?.scrollbar,
+			g
+		], ie, {
+			immediate: !0,
+			flush: "post"
+		}), pe(() => {
+			l?.disconnect(), l = null;
+		}), t({
+			getRowStyle: D,
+			selectedRows: _,
+			selectedRowsArray: v,
+			hasGroupActionsRow: h,
+			closeGroupActionsRow: w,
+			clear: j
+		}), (t, n) => e.config?.scrollbar ? (W(), F(Zr, {
+			key: 0,
+			ref_key: "scrollbarRef",
+			ref: a,
+			class: V(t.$style.tableHost),
+			axes: ne.value,
+			vertical: M.value,
+			horizontal: e.config.scrollbar.horizontal
+		}, {
+			default: Z(() => [R("div", {
+				ref_key: "tableEl",
+				ref: u,
+				style: H(re.value),
+				class: V([
+					t.$style.ui3nTable,
+					t.$style.ui3nTableInsideScrollbar,
+					Y(b) && t.$style.stickyColumns
+				])
+			}, [
+				e.config?.tableName && Y(y) > 0 ? (W(), L("fieldset", {
+					key: 0,
+					class: V(t.$style.hiddenBlock)
+				}, [(W(!0), L(N, null, K(Y(v), (t, n) => (W(), L("input", {
+					key: Y(T)(t, n),
+					type: "hidden",
+					name: e.config.selectable === "multiple" ? `${e.config.tableName}[]` : e.config.tableName,
+					value: String(Y(T)(t, n))
+				}, null, 8, Qr))), 128))], 2)) : I("", !0),
+				R("div", {
+					ref_key: "headerEl",
+					ref: s,
+					class: V([t.$style.header, Y(g) && t.$style.withGroupActions])
+				}, [Y(g) ? (W(), L("div", {
+					key: 0,
+					class: V(t.$style.groupActions)
+				}, [
+					z(zr, {
+						indeterminate: Y(y) < e.body.content.length && Y(y) !== 0,
+						"model-value": Y(y) === e.body.content.length,
+						onChange: Y(k)
+					}, {
+						default: Z(() => [ce(" Selected: " + J(Y(y)), 1)]),
+						_: 1
+					}, 8, [
+						"indeterminate",
+						"model-value",
+						"onChange"
+					]),
+					R("div", { class: V(t.$style.groupActionsBody) }, [q(t.$slots, "group-actions", { selectedRows: Y(v) })], 2),
+					z(A, {
+						type: "secondary",
+						onClick: Y(w)
+					}, {
+						default: Z(() => [...n[0] ||= [ce(" Cancel ", -1)]]),
+						_: 1
+					}, 8, ["onClick"])
+				], 2)) : I("", !0), (W(!0), L(N, null, K(Y(m), (e, n) => (W(), L("div", {
+					key: e.key,
+					class: V([
+						t.$style.headerItemWrapper,
+						n === 0 && t.$style.headerItemFirst,
+						n < Y(x) && t.$style.headerItemSticky,
+						e.sortable && t.$style.sortable,
+						e.sortable && Y(p).sortOrder?.field === e.key && t.$style.sortableActive
+					]),
+					style: H([e.headCellStyle, n < Y(x) ? {
+						left: Y(S)[n],
+						zIndex: 6 + n
+					} : void 0])
+				}, [R("div", ue({
+					class: t.$style.headerItem,
+					style: e.headCellStyle
+				}, ve(e.sortable ? { click: () => Y(ee)(e.key) } : {}, !0)), [q(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: V(t.$style.headerText) }, J(e.text), 3)]), e.sortable && Y(p).sortOrder?.field === e.key ? (W(), F(Br, {
+					key: 0,
+					value: Y(p).sortOrder?.direction,
+					size: "16"
+				}, null, 8, ["value"])) : I("", !0)], 16)], 6))), 128))], 2),
+				R("div", { class: V(t.$style.body) }, [e.config?.showNoDataMessage && !Y(Tr.default)(e.body.content) ? q(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 }, K(e.body.content, (n, r) => (W(), L("div", {
+					key: Y(T)(n, r),
+					class: V([
+						t.$style.row,
+						t.$slots.row && t.$style.customRow,
+						Y(E)(n) && t.$style.selected,
+						e.config.selectable && t.$style.selectable
+					])
+				}, [q(t.$slots, "row", {
+					row: n,
+					rowStyle: Y(D)(n),
+					rowIndex: r,
+					isRowSelected: Y(E)(n),
+					columnStyle: e.config?.columnStyle,
+					stickyColumnsCount: Y(x),
+					stickyColumnLefts: Y(S),
+					events: te
+				})], 2))), 128)) : (W(!0), L(N, { key: 1 }, K(e.body.content, (n, r) => (W(), L("div", {
+					key: Y(T)(n, r),
+					class: V([
+						t.$style.row,
+						Y(E)(n) && t.$style.selected,
+						e.config.selectable && t.$style.selectable
+					]),
+					style: H(Y(D)(n))
+				}, [e.config.selectable ? (W(), L("div", {
+					key: 0,
+					class: V(t.$style.rowCheckbox)
+				}, [z(zr, {
+					"model-value": Y(E)(n),
+					onChange: (e) => Y(O)(n)
+				}, null, 8, ["model-value", "onChange"])], 2)) : I("", !0), (W(!0), L(N, null, K(Y(m), (i, a) => (W(), L("div", {
+					key: i.key,
+					class: V([
+						t.$style.bodyItem,
+						a === 0 && t.$style.bodyItemFirst,
+						a < Y(x) && t.$style.bodyItemSticky
+					]),
+					style: H(a < Y(x) ? {
+						left: Y(S)[a],
+						zIndex: 2 + a
+					} : void 0)
+				}, [q(t.$slots, `row-cell-${i.key}`, {
+					row: n,
+					rowIndex: r,
+					isRowSelected: Y(E)(n),
+					columnStyle: e.config?.columnStyle,
+					cell: n[i.key]
+				}, () => [R("span", { class: V(t.$style.cell) }, J(i.format ? i.format(n[i.key]) : n[i.key]), 3)])], 6))), 128))], 6))), 128))], 64))], 2),
+				R("div", {
+					class: V(t.$style.unusedPlace),
+					style: H(Y(f))
+				}, [q(t.$slots, "unused-place")], 6)
+			], 6)]),
+			_: 3
+		}, 8, [
+			"class",
+			"axes",
+			"vertical",
+			"horizontal"
+		])) : (W(), L("div", {
+			key: 1,
 			ref_key: "tableEl",
-			ref: r,
-			style: H({ "--ui3n-table-columns-width": J(i) }),
-			class: V(t.$style.ui3nTable)
+			ref: u,
+			style: H(re.value),
+			class: V([t.$style.ui3nTable, Y(b) && t.$style.stickyColumns])
 		}, [
-			e.config?.tableName && J(f) > 0 ? (W(), L("fieldset", {
+			e.config?.tableName && Y(y) > 0 ? (W(), L("fieldset", {
 				key: 0,
 				class: V(t.$style.hiddenBlock)
-			}, [(W(!0), L(N, null, ge(J(d), (t, n) => (W(), L("input", {
-				key: J(m)(t, n),
+			}, [(W(!0), L(N, null, K(Y(v), (t, n) => (W(), L("input", {
+				key: Y(T)(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)) : I("", !0),
-			R("div", { class: V([t.$style.header, J(l) && t.$style.withGroupActions]) }, [J(l) ? (W(), L("div", {
+				value: String(Y(T)(t, n))
+			}, null, 8, $r))), 128))], 2)) : I("", !0),
+			R("div", { class: V([t.$style.header, Y(g) && t.$style.withGroupActions]) }, [Y(g) ? (W(), L("div", {
 				key: 0,
 				class: V(t.$style.groupActions)
 			}, [
 				z(zr, {
-					indeterminate: J(f) < e.body.content.length && J(f) !== 0,
-					"model-value": J(f) === e.body.content.length,
-					onChange: J(v)
+					indeterminate: Y(y) < e.body.content.length && Y(y) !== 0,
+					"model-value": Y(y) === e.body.content.length,
+					onChange: Y(k)
 				}, {
-					default: X(() => [ce(" Selected: " + q(J(f)), 1)]),
+					default: Z(() => [ce(" Selected: " + J(Y(y)), 1)]),
 					_: 1
 				}, 8, [
 					"indeterminate",
 					"model-value",
 					"onChange"
 				]),
-				R("div", { class: V(t.$style.groupActionsBody) }, [K(t.$slots, "group-actions", { selectedRows: J(d) })], 2),
-				z(k, {
+				R("div", { class: V(t.$style.groupActionsBody) }, [q(t.$slots, "group-actions", { selectedRows: Y(v) })], 2),
+				z(A, {
 					type: "secondary",
-					onClick: J(p)
+					onClick: Y(w)
 				}, {
-					default: X(() => [...n[0] ||= [ce(" Cancel ", -1)]]),
+					default: Z(() => [...n[1] ||= [ce(" Cancel ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])
-			], 2)) : I("", !0), (W(!0), L(N, null, ge(J(s), (e) => (W(), L("div", {
+			], 2)) : I("", !0), (W(!0), L(N, null, K(Y(m), (e, n) => (W(), L("div", {
 				key: e.key,
 				class: V([
 					t.$style.headerItemWrapper,
+					n === 0 && t.$style.headerItemFirst,
+					n < Y(x) && t.$style.headerItemSticky,
 					e.sortable && t.$style.sortable,
-					e.sortable && J(o).sortOrder?.field === e.key && t.$style.sortableActive
+					e.sortable && Y(p).sortOrder?.field === e.key && t.$style.sortableActive
 				]),
-				style: H(e.headCellStyle)
+				style: H([e.headCellStyle, n < Y(x) ? {
+					left: Y(S)[n],
+					zIndex: 6 + n
+				} : void 0])
 			}, [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}`, {}, () => [R("span", { class: V(t.$style.headerText) }, q(e.text), 3)]), e.sortable && J(o).sortOrder?.field === e.key ? (W(), F(Br, {
+			}, ve(e.sortable ? { click: () => Y(ee)(e.key) } : {}, !0)), [q(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: V(t.$style.headerText) }, J(e.text), 3)]), e.sortable && Y(p).sortOrder?.field === e.key ? (W(), F(Br, {
 				key: 0,
-				value: J(o).sortOrder?.direction,
+				value: Y(p).sortOrder?.direction,
 				size: "16"
 			}, 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),
+			R("div", { class: V(t.$style.body) }, [e.config?.showNoDataMessage && !Y(Tr.default)(e.body.content) ? q(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 }, K(e.body.content, (n, r) => (W(), L("div", {
+				key: Y(T)(n, r),
 				class: V([
 					t.$style.row,
 					t.$slots.row && t.$style.customRow,
-					J(h)(n) && t.$style.selected,
+					Y(E)(n) && t.$style.selected,
 					e.config.selectable && t.$style.selectable
 				])
-			}, [K(t.$slots, "row", {
+			}, [q(t.$slots, "row", {
 				row: n,
-				rowStyle: J(g)(n),
+				rowStyle: Y(D)(n),
 				rowIndex: r,
-				isRowSelected: J(h)(n),
+				isRowSelected: Y(E)(n),
 				columnStyle: e.config?.columnStyle,
-				events: x
-			})], 2))), 128)) : (W(!0), L(N, { key: 1 }, ge(e.body.content, (n, r) => (W(), L("div", {
-				key: J(m)(n, r),
+				stickyColumnsCount: Y(x),
+				stickyColumnLefts: Y(S),
+				events: te
+			})], 2))), 128)) : (W(!0), L(N, { key: 1 }, K(e.body.content, (n, r) => (W(), L("div", {
+				key: Y(T)(n, r),
 				class: V([
 					t.$style.row,
-					J(h)(n) && t.$style.selected,
+					Y(E)(n) && t.$style.selected,
 					e.config.selectable && t.$style.selectable
 				]),
-				style: H(J(g)(n))
+				style: H(Y(D)(n))
 			}, [e.config.selectable ? (W(), L("div", {
 				key: 0,
 				class: V(t.$style.rowCheckbox)
 			}, [z(zr, {
-				"model-value": J(h)(n),
-				onChange: (e) => J(_)(n)
-			}, null, 8, ["model-value", "onChange"])], 2)) : I("", !0), (W(!0), L(N, null, ge(J(s), (i, a) => (W(), L("div", {
+				"model-value": Y(E)(n),
+				onChange: (e) => Y(O)(n)
+			}, null, 8, ["model-value", "onChange"])], 2)) : I("", !0), (W(!0), L(N, null, K(Y(m), (i, a) => (W(), L("div", {
 				key: i.key,
-				class: V([t.$style.bodyItem, a === 0 && t.$style.bodyItemFirst])
-			}, [K(t.$slots, `row-cell-${i.key}`, {
+				class: V([
+					t.$style.bodyItem,
+					a === 0 && t.$style.bodyItemFirst,
+					a < Y(x) && t.$style.bodyItemSticky
+				]),
+				style: H(a < Y(x) ? {
+					left: Y(S)[a],
+					zIndex: 2 + a
+				} : void 0)
+			}, [q(t.$slots, `row-cell-${i.key}`, {
 				row: n,
 				rowIndex: r,
-				isRowSelected: J(h)(n),
+				isRowSelected: Y(E)(n),
 				columnStyle: e.config?.columnStyle,
 				cell: n[i.key]
-			}, () => [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("span", { class: V(t.$style.cell) }, J(i.format ? i.format(n[i.key]) : n[i.key]), 3)])], 6))), 128))], 6))), 128))], 64))], 2),
 			R("div", {
 				class: V(t.$style.unusedPlace),
-				style: H(J(a))
-			}, [K(t.$slots, "unused-place")], 6)
+				style: H(Y(f))
+			}, [q(t.$slots, "unused-place")], 6)
 		], 6));
 	}
 }), [["__cssModules", { $style: {
-	ui3nTable: "_ui3nTable_d2343_3",
-	hiddenBlock: "_hiddenBlock_d2343_30",
-	header: "_header_d2343_37",
-	withGroupActions: "_withGroupActions_d2343_49",
-	headerItemWrapper: "_headerItemWrapper_d2343_54",
-	headerItem: "_headerItem_d2343_54",
-	sortable: "_sortable_d2343_75",
-	headerText: "_headerText_d2343_79",
-	sortableActive: "_sortableActive_d2343_90",
-	groupActions: "_groupActions_d2343_94",
-	groupActionsBody: "_groupActionsBody_d2343_110",
-	body: "_body_d2343_117",
-	row: "_row_d2343_123",
-	customRow: "_customRow_d2343_132",
-	selectable: "_selectable_d2343_137",
-	selected: "_selected_d2343_144",
-	rowCheckbox: "_rowCheckbox_d2343_148",
-	bodyItem: "_bodyItem_d2343_160",
-	bodyItemFirst: "_bodyItemFirst_d2343_167",
-	cell: "_cell_d2343_171",
-	noData: "_noData_d2343_177",
-	unusedPlace: "_unusedPlace_d2343_190"
-} }]]), Yr = ["id", "onClick"], Xr = /* @__PURE__ */ O(/* @__PURE__ */ B({
+	tableHost: "_tableHost_vxa0k_3",
+	ui3nTable: "_ui3nTable_vxa0k_10",
+	ui3nTableInsideScrollbar: "_ui3nTableInsideScrollbar_vxa0k_38",
+	stickyColumns: "_stickyColumns_vxa0k_45",
+	body: "_body_vxa0k_48",
+	hiddenBlock: "_hiddenBlock_vxa0k_53",
+	header: "_header_vxa0k_60",
+	withGroupActions: "_withGroupActions_vxa0k_72",
+	headerItemWrapper: "_headerItemWrapper_vxa0k_77",
+	headerItem: "_headerItem_vxa0k_77",
+	sortable: "_sortable_vxa0k_98",
+	headerText: "_headerText_vxa0k_102",
+	sortableActive: "_sortableActive_vxa0k_113",
+	groupActions: "_groupActions_vxa0k_117",
+	groupActionsBody: "_groupActionsBody_vxa0k_133",
+	row: "_row_vxa0k_146",
+	customRow: "_customRow_vxa0k_155",
+	selectable: "_selectable_vxa0k_160",
+	selected: "_selected_vxa0k_167",
+	rowCheckbox: "_rowCheckbox_vxa0k_171",
+	bodyItem: "_bodyItem_vxa0k_183",
+	bodyItemFirst: "_bodyItemFirst_vxa0k_190",
+	cell: "_cell_vxa0k_194",
+	noData: "_noData_vxa0k_200",
+	unusedPlace: "_unusedPlace_vxa0k_213",
+	headerItemSticky: "_headerItemSticky_vxa0k_236",
+	headerItemFirst: "_headerItemFirst_vxa0k_240",
+	bodyItemSticky: "_bodyItemSticky_vxa0k_246"
+} }]]), ti = ["id", "onClick"], ni = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-dialog-provider",
 	setup(e) {
 		let t = le(C);
@@ -2295,17 +2827,17 @@ var qr = ["name", "value"], Jr = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function r(e, n) {
 			t.$closeDialog(e, n);
 		}
-		return (e, i) => (W(), F(ae, { to: "body" }, [(W(!0), L(N, null, ge(J(t).dialogStack.value, (t) => (W(), L("div", {
+		return (e, i) => (W(), F(ae, { to: "body" }, [(W(!0), L(N, null, K(Y(t).dialogStack.value, (t) => (W(), L("div", {
 			id: `dialog-wrapper-${t.id}`,
 			key: t.id,
 			class: V(e.$style["dialog-provider-overlay"]),
-			onClick: Q((e) => n(t.id, t.props), ["self", "prevent"])
-		}, [(W(), F(_e(t.component), ue({ ref_for: !0 }, t.props, { onAction: (e) => r(t.id, e) }), null, 16, ["onAction"]))], 10, Yr))), 128))]));
+			onClick: $((e) => n(t.id, t.props), ["self", "prevent"])
+		}, [(W(), F(ge(t.component), ue({ ref_for: !0 }, t.props, { onAction: (e) => r(t.id, e) }), null, 16, ["onAction"]))], 10, ti))), 128))]));
 	}
 }), [["__cssModules", { $style: { "dialog-provider-overlay": "_dialog-provider-overlay_v01lr_1" } }]]);
 //#endregion
 //#region src/components/ui3n-dialog/util.ts
-function Zr({ width: e, style: t, defaultValue: n = 380 }) {
+function ri({ width: e, style: t, defaultValue: n = 380 }) {
 	if (e) {
 		let t = Number(e);
 		return Number.isNaN(t) ? e : `${t}px`;
@@ -2314,7 +2846,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__ */ O(/* @__PURE__ */ B({
+var ii = ["id"], ai = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-dialog",
 	props: {
 		id: {},
@@ -2351,7 +2883,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Ce("dialog-el"), a = G(!1), o = G({
+		let n = e, r = t, i = Se("dialog-el"), a = G(!1), o = G({
 			initialLeft: 0,
 			initialTop: 0,
 			left: 0,
@@ -2359,11 +2891,11 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			shiftX: 0,
 			shiftY: 0
 		}), s = P(() => ({
-			width: Zr({
+			width: ri({
 				width: n.width,
 				style: n.cssStyle
 			}),
-			...(0, wn.default)(n.cssStyle, "width"),
+			...(0, Cn.default)(n.cssStyle, "width"),
 			...n.draggable && {
 				left: `${o.value.left}px`,
 				top: `${o.value.top}px`
@@ -2417,7 +2949,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				...e.cssClass
 			],
 			style: s.value
-		}, ye(e.draggable ? {
+		}, ve(e.draggable ? {
 			dragstart: u,
 			mousedown: f,
 			mouseup: d,
@@ -2427,42 +2959,42 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			e.title && !t.$slots.header ? (W(), L("div", {
 				key: 0,
 				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),
+			}, [c.value ? (W(), F(ee, ue({ key: 0 }, c.value, { class: t.$style.icon }), null, 16, ["class"])) : I("", !0), R("span", null, J(e.title), 1)], 2)) : I("", !0),
 			t.$slots.header ? (W(), L("div", {
 				key: 1,
 				class: V(t.$style.title)
-			}, [K(t.$slots, "header")], 2)) : I("", !0),
+			}, [q(t.$slots, "header")], 2)) : I("", !0),
 			t.$slots.body ? (W(), L("div", {
 				key: 2,
 				class: V(t.$style.content)
-			}, [K(t.$slots, "body")], 2)) : I("", !0),
+			}, [q(t.$slots, "body")], 2)) : I("", !0),
 			(e.confirmButton || e.cancelButton) && !t.$slots.actions ? (W(), L("div", {
 				key: 3,
 				class: V([t.$style.actions, t.$style.actionsDefault])
-			}, [e.cancelButton ? (W(), F(k, {
+			}, [e.cancelButton ? (W(), F(A, {
 				key: 0,
 				type: "custom",
 				color: e.cancelButtonBackground,
 				"text-color": e.cancelButtonColor,
-				onClick: i[0] ||= Q(() => r("action", {
+				onClick: i[0] ||= $(() => r("action", {
 					event: "cancel",
 					data: n.data
 				}), ["stop", "prevent"])
 			}, {
-				default: X(() => [ce(q(e.cancelButtonText), 1)]),
+				default: Z(() => [ce(J(e.cancelButtonText), 1)]),
 				_: 1
-			}, 8, ["color", "text-color"])) : I("", !0), e.confirmButton ? (W(), F(k, {
+			}, 8, ["color", "text-color"])) : I("", !0), e.confirmButton ? (W(), F(A, {
 				key: 1,
 				type: "custom",
 				color: e.confirmButtonBackground,
 				"text-color": e.confirmButtonColor,
 				disabled: !e.isValid,
-				onClick: i[1] ||= Q(() => r("action", {
+				onClick: i[1] ||= $(() => r("action", {
 					event: "confirm",
 					data: n.data
 				}), ["stop", "prevent"])
 			}, {
-				default: X(() => [ce(q(e.confirmButtonText), 1)]),
+				default: Z(() => [ce(J(e.confirmButtonText), 1)]),
 				_: 1
 			}, 8, [
 				"color",
@@ -2472,12 +3004,12 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			t.$slots.actions ? (W(), L("div", {
 				key: 4,
 				class: V(t.$style.actions)
-			}, [K(t.$slots, "actions")], 2)) : I("", !0),
+			}, [q(t.$slots, "actions")], 2)) : I("", !0),
 			t.$slots.loading ? (W(), L("div", {
 				key: 5,
 				class: V(t.$style.loading)
-			}, [K(t.$slots, "loading")], 2)) : I("", !0),
-			e.hideCloseButton ? I("", !0) : (W(), F(k, {
+			}, [q(t.$slots, "loading")], 2)) : I("", !0),
+			e.hideCloseButton ? I("", !0) : (W(), F(A, {
 				key: 6,
 				class: V(t.$style.closeBtn),
 				type: "icon",
@@ -2486,9 +3018,9 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				icon: "round-close",
 				"icon-size": "16",
 				"icon-color": "var(--color-icon-control-primary-default)",
-				onClick: i[2] ||= Q((e) => r("action", { event: "close" }), ["stop", "prevent"])
+				onClick: i[2] ||= $((e) => r("action", { event: "close" }), ["stop", "prevent"])
 			}, null, 8, ["class"]))
-		], 16, Qr));
+		], 16, ii));
 	}
 }), [["__cssModules", { $style: {
 	dialog: "_dialog_13zmx_3",
@@ -2501,7 +3033,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	actions: "_actions_13zmx_74",
 	actionsDefault: "_actionsDefault_13zmx_81",
 	loading: "_loading_13zmx_89"
-} }]]), ei = ["id"], ti = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), oi = ["id"], si = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-menu",
 	props: {
 		id: {},
@@ -2545,23 +3077,23 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		"update:modelValue"
 	],
 	setup(e, { expose: t, emit: 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 r = e, i = n, a = Se("menu-trigger-element"), o = Se("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 = P(() => {
-			let e = [ke({
+			let e = [Oe({
 				mainAxis: r.offsetY,
 				crossAxis: r.offsetX + 2
 			})];
-			return r.allowFlip && e.push(Oe({
+			return r.allowFlip && e.push(De({
 				fallbackAxisSideDirection: "end",
 				fallbackPlacements: ["top-end", "bottom-end"]
-			})), e.push(Ae()), e;
-		}), { floatingStyles: f, isPositioned: p, update: m } = je(l, o, {
+			})), e.push(ke()), e;
+		}), { floatingStyles: f, isPositioned: p, update: m } = Ae(l, o, {
 			placement: "bottom-start",
 			strategy: r.positionStrategy,
 			middleware: d,
-			whileElementsMounted: r.positionAutoupdate || r.positionStrategy === "fixed" ? De : void 0
+			whileElementsMounted: r.positionAutoupdate || r.positionStrategy === "fixed" ? Ee : void 0
 		}), h = P(() => {
 			let e = "";
 			if (typeof r.contentBorderRadius == "number") e = `${r.contentBorderRadius}px`;
@@ -2618,13 +3150,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function S(e) {
 			u.value?.contains(e.target) || (i("click-outside"), r.closeOnClickOutside && (s.value = !1, i("close"), i("update:modelValue", s.value)));
 		}
-		return Y(() => s.value, (e) => {
+		return X(() => s.value, (e) => {
 			e ? v() : y();
-		}), Y(() => r.modelValue, (e) => {
+		}), X(() => r.modelValue, (e) => {
 			e !== void 0 && s.value !== e && (s.value = e, i(e ? "open" : "close"));
-		}, { immediate: !0 }), Y(() => r.triggerElement, (e) => {
+		}, { immediate: !0 }), X(() => r.triggerElement, (e) => {
 			e && (c.value = e, m());
-		}), Y([() => r.offsetX, () => r.offsetY], ([e, t], [n, r]) => {
+		}), X([() => r.offsetX, () => r.offsetY], ([e, t], [n, r]) => {
 			(e !== n || t !== r) && m();
 		}), me(() => {
 			y();
@@ -2639,20 +3171,20 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		}, [R("div", {
 			ref: "menu-trigger-element",
 			class: V([t.$style.ui3nMenuTrigger, e.disabled && t.$style.ui3nMenuTriggerDisabled]),
-			onClick: Q(b, ["stop"])
-		}, [K(t.$slots, "default")], 2), s.value ? Te((W(), L("div", ue({
+			onClick: $(b, ["stop"])
+		}, [q(t.$slots, "default")], 2), s.value ? we((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]]) : I("", !0)], 10, ei));
+		}, ve(e.closeOnClick ? { click: x } : {}, !0)), [q(t.$slots, "menu")], 16)), [[Y(Dn), S]]) : I("", !0)], 10, oi));
 	}
 }), [["__cssModules", { $style: {
 	ui3nMenu: "_ui3nMenu_t6wf8_3",
 	ui3nMenuTrigger: "_ui3nMenuTrigger_t6wf8_11",
 	ui3nMenuTriggerDisabled: "_ui3nMenuTriggerDisabled_t6wf8_15",
 	ui3nMenuContent: "_ui3nMenuContent_t6wf8_20"
-} }]]), ni = ["id"], ri = ["onClick"], ii = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), ci = ["id"], li = ["onClick"], ui = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-list",
 	props: {
 		id: {},
@@ -2675,22 +3207,22 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			ref: "listElement",
 			id: e.id,
 			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", {
+		}, [R("div", { class: V([t.$style.ui3nListTitle, e.sticky && t.$style.ui3nListTitleSticky]) }, [q(t.$slots, "title", {}, () => [e.title ? (W(), L("div", {
 			key: 0,
 			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", {
+		}, J(e.title), 3)) : I("", !0)])], 2), R("div", { class: V(t.$style.ui3nListContent) }, [(W(!0), L(N, null, K(e.items, (r, i) => (W(), L("div", {
 			key: r[e.keyField],
 			class: V(t.$style.ui3nListItem)
-		}, [K(t.$slots, "item", {
+		}, [q(t.$slots, "item", {
 			item: r,
 			index: i
 		}, () => [R("div", {
 			class: V([t.$style.ui3nListItemContent, e.disabled && t.$style.ui3nListItemContentDisabled]),
-			onClick: Q((e) => n("select", {
+			onClick: $((e) => n("select", {
 				value: r,
 				index: i
 			}), ["stop"])
-		}, q(r), 11, ri)])], 2))), 128))], 2)], 10, ni));
+		}, J(r), 11, li)])], 2))), 128))], 2)], 10, ci));
 	}
 }), [["__cssModules", { $style: {
 	ui3nList: "_ui3nList_1mtxl_1",
@@ -2701,10 +3233,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	ui3nListItem: "_ui3nListItem_1mtxl_26",
 	ui3nListItemContent: "_ui3nListItemContent_1mtxl_43",
 	ui3nListItemContentDisabled: "_ui3nListItemContentDisabled_1mtxl_50"
-} }]]), ai = 32, oi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), di = 32, fi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-scrollbar-vertical",
 	props: {
-		thumbMinHeight: { default: ai },
+		thumbMinHeight: { default: di },
 		thumbHeight: { default: "auto" },
 		thumbRadius: { default: 4 },
 		thumbColor: { default: "var(--color-bg-control-accent-default)" },
@@ -2722,7 +3254,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	setup(e, { expose: t, emit: 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;
+			return isNaN(e) ? di : e;
 		}), x = P(() => {
 			if (!c.value) return 0;
 			if (r.thumbHeight !== "auto") {
@@ -2738,17 +3270,17 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		}), C = P(() => {
 			let e = Number(r.thumbRadius);
 			return isNaN(e) ? String(r.thumbRadius) : `${e}px`;
-		}), w = P(() => r.thumbColor), T = P(() => r.thumbHoverColor), ee = P(() => r.thumbActiveColor), E = P(() => {
+		}), w = P(() => r.thumbColor), T = P(() => r.thumbHoverColor), E = P(() => r.thumbActiveColor), D = P(() => {
 			let e = Number(r.trackWidth);
 			return isNaN(e) ? String(r.trackWidth) : `${e}px`;
-		}), D = P(() => r.trackColor), O = P(() => {
+		}), O = P(() => r.trackColor), k = P(() => {
 			let e = Number(r.trackRadius);
 			return isNaN(e) ? String(r.trackRadius) : `${e}px`;
 		});
-		function k() {
+		function A() {
 			a.value && (c.value = a.value.scrollHeight, l.value = a.value.clientHeight, u.value = a.value.scrollTop);
 		}
-		function A(e) {
+		function ee(e) {
 			d.value || (u.value = e.target.scrollTop), p.value = !0, h && clearTimeout(h), h = setTimeout(() => {
 				p.value = !1;
 			}, 1500), i("scroll", e);
@@ -2775,7 +3307,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			}
 		}
 		return U(() => {
-			k(), a.value && (m = new ResizeObserver(k), m.observe(a.value), r.autoUpdate && a.value.firstElementChild && m.observe(a.value.firstElementChild));
+			A(), a.value && (m = new ResizeObserver(A), 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({
@@ -2783,17 +3315,17 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				a.value?.scrollTo(e);
 			},
 			getContainer: () => a.value,
-			updateMetrics: k
+			updateMetrics: A
 		}), (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": O.value,
-				"--ui3n-scrollbar-track-color": D.value
+				"--ui3n-scrollbar-thumb-active-color": E.value,
+				"--ui3n-scrollbar-track-width": D.value,
+				"--ui3n-scrollbar-track-radius": k.value,
+				"--ui3n-scrollbar-track-color": O.value
 			}),
 			onMouseenter: t[0] ||= (e) => f.value = !0,
 			onMouseleave: t[1] ||= (e) => f.value = !1
@@ -2801,8 +3333,8 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			ref_key: "containerRef",
 			ref: a,
 			class: V(e.$style.scrollbarContainer),
-			onScroll: A
-		}, [K(e.$slots, "default")], 34), R("div", {
+			onScroll: ee
+		}, [q(e.$slots, "default")], 34), R("div", {
 			ref_key: "trackRef",
 			ref: o,
 			class: V([e.$style.track, { [e.$style.trackVisible]: y.value }]),
@@ -2825,7 +3357,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	trackVisible: "_trackVisible_m0o0t_38",
 	thumb: "_thumb_m0o0t_44",
 	active: "_active_m0o0t_57"
-} }]]), si = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), pi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-virtual-scroll",
 	props: {
 		items: {},
@@ -2844,7 +3376,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		"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(() => {
+		let r = e, i = n, a = G(0), o = G(null), s = G(null), c = _e([]), l = G(0), u = /* @__PURE__ */ new Map(), d = _e(/* @__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;
@@ -2883,25 +3415,25 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function T() {
 			return s.value?.getContainer() ?? null;
 		}
-		function ee(e) {
+		function E(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, n = r.stickToBottomThreshold) {
+			return !e || !t.length ? !1 : E(t) - (e.scrollTop + e.clientHeight) <= n;
 		}
-		function D(e, t) {
+		function O(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(), t = c.value) {
+			t.length && O(e, E(t) - (e?.clientHeight ?? y.value));
 		}
-		function k(e, t, n) {
+		function A(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 : {
@@ -2909,9 +3441,9 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				offsetWithinItem: n - i.top
 			};
 		}
-		function A(e, t, n, r) {
+		function ee(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);
+			return i === void 0 || !t[i] ? !1 : (O(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;
@@ -2929,14 +3461,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			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);
+			let e = T(), t = c.value, n = h, i = r.stickToBottom && (!t.length || D(e, t)), o = i ? null : A(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);
+				if (i) k(e, c.value);
+				else if (o && !ee(o, c.value, d.value, e) && e) {
+					let t = Math.max(0, E(c.value) - e.clientHeight);
+					a.value > t && O(e, t);
 				}
 				s.value?.updateMetrics();
 			};
@@ -2948,7 +3480,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			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);
+			let n = a.value <= r.reachEdgeThreshold, o = D(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) {
@@ -2961,7 +3493,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			}
 		}
 		function re() {
-			O(), s.value?.updateMetrics();
+			k(), 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;
@@ -2972,7 +3504,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			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;
+			if (O(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];
@@ -2983,14 +3515,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			scrollToBottom: re,
 			scrollToItem: (e, t) => ae(e, t),
 			getScrollTop: () => a.value,
-			isStuckToBottom: () => E(T(), c.value)
+			isStuckToBottom: () => D(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 t = Infinity, n = 0, i = c.value.slice(), o = d.value, f = a.value, p = T(), m = r.stickToBottom && E(p, c.value);
+					let t = Infinity, n = 0, i = c.value.slice(), o = d.value, f = a.value, p = T(), m = r.stickToBottom && D(p, c.value);
 					for (let r of e) {
 						let e = r.target.getAttribute("data-sid");
 						if (!e) continue;
@@ -3010,33 +3542,33 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 						...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();
+					c.value = i, l.value++, m ? k(p, i) : p && n !== 0 && O(p, f + n), s.value?.updateMetrics();
 				});
 			});
 			for (let e of _.values()) p.observe(e);
 		}), pe(() => {
 			p?.disconnect(), m?.disconnect();
-		}), Y(() => r.items, te, { immediate: !0 }), (e, t) => (W(), F(oi, {
+		}), X(() => r.items, te, { immediate: !0 }), (e, t) => (W(), F(fi, {
 			ref_key: "scrollbarComponentRef",
 			ref: s,
 			class: V(e.$style.ui3nVirtualScroll),
 			"auto-update": !1,
 			onScroll: ne
 		}, {
-			default: X(() => [R("div", {
+			default: Z(() => [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({
+			}, [(W(!0), L(N, null, K(w.value, (t, n) => (W(), L("div", ue({
 				key: t.id,
 				ref_for: !0,
 				ref: (e) => M(e, t.id)
 			}, { ref_for: !0 }, { "data-sid": t.id }, {
 				class: e.$style.item,
 				style: { minHeight: `${r.minChildHeight}px` }
-			}), [K(e.$slots, "item", {
+			}), [q(e.$slots, "item", {
 				value: t,
 				index: x.value + n
 			})], 16))), 128))], 6)], 6)]),
@@ -3048,7 +3580,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	viewport: "_viewport_1mjyl_5",
 	content: "_content_1mjyl_14",
 	item: "_item_1mjyl_18"
-} }]]), ci = ["id"], li = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), mi = ["id"], hi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-tabs",
 	props: {
 		id: {},
@@ -3062,7 +3594,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = be(), a = G(null), o = G(n.modelValue), s = P(() => ({
+		let n = e, r = t, i = ye(), 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,
@@ -3086,7 +3618,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				o.value = e, c(), r("update:modelValue", e);
 			}
 		}
-		return Y(() => n.modelValue, (e) => {
+		return X(() => n.modelValue, (e) => {
 			e !== o.value && (o.value = e, de(() => {
 				c();
 			}));
@@ -3097,16 +3629,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			ref: a,
 			id: e.id,
 			style: H(s.value),
-			class: V([J(i).ui3nTabs, e.itemDirection === "vertical" && J(i).vertical]),
+			class: V([Y(i).ui3nTabs, e.itemDirection === "vertical" && Y(i).vertical]),
 			onClick: l
-		}, [K(t.$slots, "default")], 14, ci));
+		}, [q(t.$slots, "default")], 14, mi));
 	}
 }), [["__cssModules", { $style: {
 	ui3nTabs: "_ui3nTabs_1yilq_3",
 	item: "_item_1yilq_13",
 	active: "_active_1yilq_52",
 	vertical: "_vertical_1yilq_60"
-} }]]), ui = ["id"], di = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), gi = ["id"], _i = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-badge-simple",
 	props: {
 		id: {},
@@ -3120,7 +3652,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["change:size"],
 	setup(e, { emit: t }) {
-		xe((e) => ({
+		be((e) => ({
 			v74cb25de: e.color,
 			v77996f31: e.textColor
 		}));
@@ -3133,7 +3665,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				});
 			});
 		}
-		return Y(() => [n.value, n.dot], () => a()), U(() => {
+		return X(() => [n.value, n.dot], () => a()), U(() => {
 			a();
 		}), (t, n) => (W(), L("div", {
 			ref_key: "element",
@@ -3143,13 +3675,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		}, [e.dot ? I("", !0) : (W(), L("span", {
 			key: 0,
 			class: V(t.$style.ui3nBadgeText)
-		}, q(e.value), 3))], 10, ui));
+		}, J(e.value), 3))], 10, gi));
 	}
 }), [["__cssModules", { $style: {
 	ui3nBadgeSimple: "_ui3nBadgeSimple_1vu4n_1",
 	ui3nBadgeDot: "_ui3nBadgeDot_1vu4n_12",
 	ui3nBadgeText: "_ui3nBadgeText_1vu4n_30"
-} }]]), fi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), vi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-badge",
 	props: {
 		id: {},
@@ -3163,7 +3695,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		position: { default: "right-top" }
 	},
 	setup(e) {
-		let t = e, n = Se(), r = G(), i = P(() => !!n.default), a = P(() => {
+		let t = e, n = xe(), 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` },
@@ -3175,7 +3707,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		return (t, n) => i.value ? (W(), L("div", {
 			key: 0,
 			class: V(t.$style.ui3nBadge)
-		}, [R("div", { class: V(t.$style.ui3nBadgeWrapper) }, [K(t.$slots, "default"), z(di, {
+		}, [R("div", { class: V(t.$style.ui3nBadgeWrapper) }, [q(t.$slots, "default"), z(_i, {
 			id: e.id,
 			dot: e.dot,
 			value: e.value,
@@ -3192,7 +3724,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			"text-color",
 			"style",
 			"class"
-		])], 2)], 2)) : (W(), F(di, {
+		])], 2)], 2)) : (W(), F(_i, {
 			key: 1,
 			id: e.id,
 			dot: e.dot,
@@ -3211,7 +3743,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	ui3nBadge: "_ui3nBadge_1slsk_1",
 	ui3nBadgeWrapper: "_ui3nBadgeWrapper_1slsk_6",
 	ui3nBadgeContent: "_ui3nBadgeContent_1slsk_12"
-} }]]), pi = { key: 2 }, mi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), yi = { key: 2 }, bi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-breadcrumb",
 	props: {
 		separator: { default: void 0 },
@@ -3226,14 +3758,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		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 n = e, r = t, i = xe(), a = ye(), 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) => (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));
+		return (t, n) => (W(), L("div", ue({ class: l.value }, ve(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [R("span", { class: V(t.$style.content) }, [q(t.$slots, "default")], 2), R("div", { class: V(t.$style.ui3nBreadcrumbSeparator) }, [typeof Y(i).separator == "function" ? q(t.$slots, "separator", { key: 0 }) : Y(o)?.customSeparatorSlot ? (W(), F(ge(Y(o).customSeparatorSlot), { key: 1 })) : (W(), L("span", yi, J(s.value), 1))], 2)], 16));
 	}
 }), [["__cssModules", { $style: {
 	ui3nBreadcrumb: "_ui3nBreadcrumb_1tz9w_1",
@@ -3241,7 +3773,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	content: "_content_1tz9w_14",
 	ui3nBreadcrumbActive: "_ui3nBreadcrumbActive_1tz9w_28",
 	ui3nBreadcrumbDisabled: "_ui3nBreadcrumbDisabled_1tz9w_33"
-} }]]), hi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), xi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-breadcrumbs",
 	props: {
 		separator: { default: "/" },
@@ -3255,15 +3787,15 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		return he("ui3n-breadcrumbs-context", {
 			separator: () => t.separator,
 			disabled: () => t.disabled,
-			customSeparatorSlot: Se().separator
-		}), (e, t) => (W(), L("div", { class: V(e.$style.ui3nBreadcrumbs) }, [K(e.$slots, "default")], 2));
+			customSeparatorSlot: xe().separator
+		}), (e, t) => (W(), L("div", { class: V(e.$style.ui3nBreadcrumbs) }, [q(e.$slots, "default")], 2));
 	}
-}), [["__cssModules", { $style: { ui3nBreadcrumbs: "_ui3nBreadcrumbs_1oq6f_1" } }]]), gi = ["id", "tabindex"], _i = [
+}), [["__cssModules", { $style: { ui3nBreadcrumbs: "_ui3nBreadcrumbs_1oq6f_1" } }]]), Si = ["id", "tabindex"], Ci = [
 	"name",
 	"checked",
 	"disabled",
 	"value"
-], vi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+], wi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-switch",
 	props: {
 		id: {},
@@ -3278,7 +3810,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Se(), o = G(!1), s = P(() => ({
+		let r = e, i = n, a = xe(), o = G(!1), s = P(() => ({
 			"--ui3n-switch-color": r.color,
 			"--ui3n-switch-size": `${r.size}px`
 		}));
@@ -3288,19 +3820,19 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function l() {
 			o.value = !1, i("change", !1), i("update:modelValue", !1);
 		}
-		return t({ clear: l }), Y(() => r.name, (e) => {
+		return t({ clear: l }), X(() => r.name, (e) => {
 			e || l();
-		}), Y(() => r.modelValue, (e) => o.value = e, { immediate: !0 }), (t, n) => (W(), L("div", {
+		}), X(() => r.modelValue, (e) => o.value = e, { immediate: !0 }), (t, n) => (W(), L("div", {
 			id: e.id,
 			style: H(s.value),
 			tabindex: e.disabled ? -1 : 0,
 			class: V([
 				t.$style.ui3nSwitch,
 				o.value && t.$style.checked,
-				!J(a).default && t.$style.noLabel,
+				!Y(a).default && t.$style.noLabel,
 				e.disabled && t.$style.disabled
 			]),
-			onKeydown: [Z(c, ["enter"]), Z(c, ["space"])],
+			onKeydown: [Q(c, ["enter"]), Q(c, ["space"])],
 			onClick: c
 		}, [
 			e.name ? (W(), L("input", {
@@ -3311,10 +3843,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				checked: o.value,
 				disabled: e.disabled,
 				value: o.value ? "on" : ""
-			}, null, 8, _i)) : I("", !0),
+			}, null, 8, Ci)) : 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));
+			R("div", { class: V(t.$style.label) }, [q(t.$slots, "default")], 2)
+		], 46, Si));
 	}
 }), [["__cssModules", { $style: {
 	ui3nSwitch: "_ui3nSwitch_1lo7b_1",
@@ -3326,7 +3858,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	right: "_right_1lo7b_57",
 	label: "_label_1lo7b_61",
 	disabled: "_disabled_1lo7b_68"
-} }]]), yi = ["id"], bi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), Ti = ["id"], Ei = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-step-line-bar",
 	props: {
 		id: {},
@@ -3339,10 +3871,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		return (t, r) => (W(), L("div", {
 			id: e.id,
 			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", {
+		}, [R("div", { class: V(t.$style.label) }, J(e.label), 3), R("div", { class: V(t.$style.body) }, [(W(!0), L(N, null, K(n.value, (n) => (W(), L("div", {
 			key: n,
 			class: V([t.$style.step, n <= e.current && t.$style.active])
-		}, null, 2))), 128))], 2)], 10, yi));
+		}, null, 2))), 128))], 2)], 10, Ti));
 	}
 }), [["__cssModules", { $style: {
 	ui3nStepLineBar: "_ui3nStepLineBar_119zg_1",
@@ -3350,7 +3882,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	body: "_body_119zg_17",
 	step: "_step_119zg_25",
 	active: "_active_119zg_33"
-} }]]), xi = 12, Si = 5, Ci = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), Di = 12, Oi = 5, ki = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-progress-linear",
 	props: {
 		value: { default: 0 },
@@ -3382,16 +3914,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		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", {
+		}, [a.value && r.value < Di ? (W(), L("div", {
 			key: 0,
 			class: V([t.$style.text, t.$style.above])
-		}, q(o.value), 3)) : I("", !0), R("div", { class: V(t.$style.body) }, [R("div", {
+		}, J(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", {
+		}, [a.value && r.value >= Di && i.value >= Oi ? (W(), L("div", {
 			key: 0,
 			class: V(t.$style.text)
-		}, q(o.value), 3)) : I("", !0)], 6)], 2)], 6));
+		}, J(o.value), 3)) : I("", !0)], 6)], 2)], 6));
 	}
 }), [["__cssModules", { $style: {
 	ui3nProgressLinear: "_ui3nProgressLinear_1avv2_1",
@@ -3401,7 +3933,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	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__ */ O(/* @__PURE__ */ B({
+} }]]), Ai = ["height", "width"], ji = ["r"], Mi = ["r", "stroke-dasharray"], Ni = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-progress-circular",
 	props: {
 		value: { default: 0 },
@@ -3445,16 +3977,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			r: s.value,
 			cx: "50",
 			cy: "50"
-		}, null, 10, Ti), R("circle", {
+		}, null, 10, ji), 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 ? (W(), L("div", {
+		}, null, 10, Mi)], 10, Ai)), a.value ? (W(), L("div", {
 			key: 0,
 			class: V(t.$style.text)
-		}, q(i.value) + "% ", 3)) : I("", !0)], 6));
+		}, J(i.value) + "% ", 3)) : I("", !0)], 6));
 	}
 }), [["__cssModules", { $style: {
 	ui3nProgressCircular: "_ui3nProgressCircular_zypt9_1",
@@ -3465,7 +3997,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	indeterminate: "_indeterminate_zypt9_45",
 	"circular-spin": "_circular-spin_zypt9_1",
 	"circular-dash": "_circular-dash_zypt9_1"
-} }]]), Oi = 5, ki = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), Pi = 5, Fi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-tooltip",
 	props: {
 		id: {},
@@ -3502,28 +4034,28 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			};
 			switch (l.value) {
 				case "top":
-					e.mainAxis = -1 * Number(n.offsetY) + Oi, e.crossAxis = Number(n.offsetX);
+					e.mainAxis = -1 * Number(n.offsetY) + Pi, e.crossAxis = Number(n.offsetX);
 					break;
 				case "bottom":
-					e.mainAxis = Number(n.offsetY) + Oi, e.crossAxis = Number(n.offsetX);
+					e.mainAxis = Number(n.offsetY) + Pi, e.crossAxis = Number(n.offsetX);
 					break;
 				case "left":
-					e.mainAxis = -1 * Number(n.offsetX) + Oi, e.crossAxis = Number(n.offsetY);
+					e.mainAxis = -1 * Number(n.offsetX) + Pi, e.crossAxis = Number(n.offsetY);
 					break;
 				case "right":
-					e.mainAxis = Number(n.offsetX) + Oi, e.crossAxis = Number(n.offsetY);
+					e.mainAxis = Number(n.offsetX) + Pi, e.crossAxis = Number(n.offsetY);
 					break;
 			}
 			return e;
-		}), d = P(() => [ke(u.value), Ee({
+		}), d = P(() => [Oe(u.value), Te({
 			element: s,
 			padding: 8
-		})]), { floatingStyles: f, isPositioned: p, middlewareData: m } = je(a, o, {
+		})]), { floatingStyles: f, isPositioned: p, middlewareData: m } = Ae(a, o, {
 			open: i,
 			placement: n.placement,
 			strategy: n.positionStrategy,
 			middleware: d,
-			whileElementsMounted: n.positionStrategy === "fixed" ? De : void 0
+			whileElementsMounted: n.positionStrategy === "fixed" ? Ee : void 0
 		}), h = P(() => {
 			let e = typeof n.maxContentWidth == "number" || !isNaN(Number(n.maxContentWidth)) ? `${n.maxContentWidth}px` : String(n.maxContentWidth);
 			return {
@@ -3531,7 +4063,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				"--ui3n-tooltip-bg-color": n.color,
 				"--ui3n-tooltip-text-color": n.textColor,
 				"--ui3n-tooltip-max-width": e,
-				"--ui3n-tooltip-arrow-size": `${Oi}px`,
+				"--ui3n-tooltip-arrow-size": `${Pi}px`,
 				"--ui3n-tooltip-base-offset": "-5px"
 			};
 		});
@@ -3554,27 +4086,27 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			c.value = !0, b();
 		}), pe(() => {
 			y();
-		}), Y([() => n.trigger, () => n.disabled], () => {
+		}), X([() => n.trigger, () => n.disabled], () => {
 			b();
-		}), Y(() => n.modelValue, (e) => n.trigger === "manual" && (i.value = e), { immediate: !0 }), Y(p, (e) => {
+		}), X(() => n.modelValue, (e) => n.trigger === "manual" && (i.value = e), { immediate: !0 }), X(p, (e) => {
 			r(e ? "opened" : "closed");
 		}), (t, n) => (W(), L(N, null, [R("div", {
 			ref_key: "referenceContainer",
 			ref: a,
 			class: V(t.$style.container)
-		}, [K(t.$slots, "default")], 2), i.value ? (W(), L("div", {
+		}, [q(t.$slots, "default")], 2), i.value ? (W(), L("div", {
 			key: 0,
 			ref_key: "floatingEl",
 			ref: o,
 			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", {
+		}, [q(t.$slots, "content", {}, () => [R("div", { class: V(t.$style.content) }, [ce(J(e.content) + " ", 1), R("div", {
 			ref_key: "floatingArrowEl",
 			ref: s,
 			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`
+				left: Y(m).arrow?.x == null ? "" : `${Y(m).arrow?.x}px`,
+				top: Y(m).arrow?.y == null ? "" : `${Y(m).arrow?.y}px`
 			})
 		}, null, 6)], 2)])], 6)) : I("", !0)], 64));
 	}
@@ -3587,12 +4119,12 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	"arrow-left": "_arrow-left_1wkac_30",
 	"arrow-right": "_arrow-right_1wkac_30",
 	content: "_content_1wkac_44"
-} }]]), Ai = [
+} }]]), Ii = [
 	"name",
 	"checked",
 	"value",
 	"disabled"
-], ji = ["tabindex"], Mi = ["width", "height"], Ni = ["width", "height"], Pi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+], Li = ["tabindex"], Ri = ["width", "height"], zi = ["width", "height"], Bi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-radio",
 	props: {
 		id: {},
@@ -3630,7 +4162,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: 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(() => ({
+		let r = e, i = n, a = xe(), 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
 		}));
@@ -3649,16 +4181,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		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) => {
+		}), X(() => r.name, (e) => {
 			!e && !s.value && p();
-		}), Y(() => r.modelValue, (e) => {
+		}), X(() => r.modelValue, (e) => {
 			e !== l.value && (l.value = e);
 		}), (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
+				!Y(a).default && t.$style.noLabel
 			])
 		}, [
 			R("input", {
@@ -3668,13 +4200,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				checked: u.value,
 				value: String(e.checkedValue),
 				disabled: e.disabled
-			}, null, 8, Ai),
+			}, null, 8, Ii),
 			R("div", {
 				class: V([t.$style.body, e.disabled && t.$style.bodyDisabled]),
 				tabindex: e.disabled ? -1 : 0,
-				onKeydown: [Z(f, ["enter"]), Z(f, ["space"])],
+				onKeydown: [Q(f, ["enter"]), Q(f, ["space"])],
 				onClick: f
-			}, [u.value ? K(t.$slots, "checkedIcon", { key: 0 }, () => [(W(), L("svg", {
+			}, [u.value ? q(t.$slots, "checkedIcon", { key: 0 }, () => [(W(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
@@ -3682,7 +4214,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			}, [...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 }, () => [(W(), L("svg", {
+			}, null, -1)]], 10, Ri))]) : q(t.$slots, "uncheckedIcon", { key: 1 }, () => [(W(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
@@ -3690,8 +4222,8 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			}, [...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),
-			R("div", { class: V(t.$style.label) }, [K(t.$slots, "default")], 2)
+			}, null, -1)]], 10, zi))])], 42, Li),
+			R("div", { class: V(t.$style.label) }, [q(t.$slots, "default")], 2)
 		], 6));
 	}
 }), [["__cssModules", { $style: {
@@ -3703,7 +4235,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	icon: "_icon_17bki_62",
 	bodyDisabled: "_bodyDisabled_17bki_71",
 	iconDisabled: "_iconDisabled_17bki_72"
-} }]]), Fi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), Vi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-radio-group",
 	props: {
 		id: {},
@@ -3733,20 +4265,20 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function s() {
 			o("");
 		}
-		return t({ clear: s }), Y(() => r.modelValue, (e) => {
+		return t({ clear: s }), X(() => r.modelValue, (e) => {
 			e !== a.value && (a.value = e);
-		}), Y(() => r.name, (e) => {
+		}), X(() => r.name, (e) => {
 			e || s();
-		}), (t, n) => (W(), L("div", { class: V([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]) }, [q(t.$slots, "default")], 2));
 	}
 }), [["__cssModules", { $style: {
 	ui3nRadioGroup: "_ui3nRadioGroup_1aejh_1",
 	horizontal: "_horizontal_1aejh_9"
-} }]]), Ii = ["id"], Li = ["name", "value"], Ri = [
+} }]]), Hi = ["id"], Ui = ["name", "value"], Wi = [
 	"value",
 	"placeholder",
 	"disabled"
-], zi = ["title"], Bi = 60, Vi = /* @__PURE__ */ O(/* @__PURE__ */ B({
+], Gi = ["title"], Ki = 60, qi = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-editable",
 	props: {
 		id: {},
@@ -3769,19 +4301,19 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		"focusout"
 	],
 	setup(e, { expose: t, emit: 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 r = O, i = Dn, 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);
 				e = Number.isNaN(t) ? a.maxWidth : `${t}px`;
 			}
 			return {
-				"--ui3n-editable-min-width": `${Bi}px`,
+				"--ui3n-editable-min-width": `${Ki}px`,
 				"--ui3n-editable-max-width": e
 			};
 		}), 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`);
+			c.value && (c.value.textContent = d.value || a.placeholder || "", l.value = `${Math.max(c.value.scrollWidth + 48, Ki)}px`);
 		}
 		function v() {
 			a.disabled || (p.value = !0, f.value = d.value, de(() => {
@@ -3803,13 +4335,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function C() {
 			d.value = "", f.value = "", o("update:modelValue", "");
 		}
-		return t({ clear: C }), Y(() => a.modelValue, (e, t) => {
+		return t({ clear: C }), X(() => a.modelValue, (e, t) => {
 			e !== t && (d.value = e, f.value = e);
-		}), Y(() => p.value, (e) => {
+		}), X(() => p.value, (e) => {
 			!a.disabled && o("toggle:editMode", e);
-		}), Y(() => a.name, (e) => {
+		}), X(() => a.name, (e) => {
 			e || C();
-		}), (t, n) => Te((W(), L("div", {
+		}), (t, n) => we((W(), L("div", {
 			id: e.id,
 			class: V([
 				t.$style.ui3nEditable,
@@ -3824,7 +4356,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			type: "hidden",
 			name: e.name,
 			value: d.value
-		}, null, 8, Li)) : I("", !0), p.value ? (W(), L(N, { key: 1 }, [
+		}, null, 8, Ui)) : I("", !0), p.value ? (W(), L(N, { key: 1 }, [
 			R("span", {
 				ref_key: "hiddenEl",
 				ref: c,
@@ -3840,35 +4372,35 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				disabled: e.disabled,
 				onInput: y,
 				onKeydown: [
-					Z(b, ["enter"]),
-					Z(b, ["tab"]),
-					Z(x, ["esc"])
+					Q(b, ["enter"]),
+					Q(b, ["tab"]),
+					Q(x, ["esc"])
 				]
-			}, null, 46, Ri),
-			Te((W(), L("div", {
+			}, null, 46, Wi),
+			we((W(), L("div", {
 				class: V([
 					t.$style.btn,
 					t.$style.doneBtn,
 					e.disabled && t.$style.btnDisabled
 				]),
-				onClick: Q(b, ["stop", "prevent"])
-			}, [z(A, {
+				onClick: $(b, ["stop", "prevent"])
+			}, [z(ee, {
 				icon: "round-done",
 				size: "12",
 				color: "var(--color-icon-table-accent-default)"
-			})], 2)), [[J(r)]]),
-			Te((W(), L("div", {
+			})], 2)), [[Y(r)]]),
+			we((W(), L("div", {
 				class: V([
 					t.$style.btn,
 					t.$style.cancelBtn,
 					e.disabled && t.$style.btnDisabled
 				]),
-				onClick: Q(x, ["stop", "prevent"])
-			}, [z(A, {
+				onClick: $(x, ["stop", "prevent"])
+			}, [z(ee, {
 				icon: "round-close",
 				size: "12",
 				color: "var(--color-icon-table-secondary-default)"
-			})], 2)), [[J(r)]])
+			})], 2)), [[Y(r)]])
 		], 64)) : (W(), L("div", {
 			key: 2,
 			class: V([t.$style.content, !d.value && t.$style.contentEmpty]),
@@ -3876,14 +4408,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		}, [R("span", {
 			ref_key: "contentValueEl",
 			ref: u
-		}, q(d.value || e.placeholder || "..."), 513), Te((W(), L("div", {
+		}, J(d.value || e.placeholder || "..."), 513), we((W(), L("div", {
 			class: V([t.$style.btn, t.$style.editBtn]),
-			onClick: Q(v, ["stop", "prevent"])
-		}, [z(A, {
+			onClick: $(v, ["stop", "prevent"])
+		}, [z(ee, {
 			icon: "round-edit",
 			size: "12",
 			color: "var(--color-icon-control-accent-unselected)"
-		})], 2)), [[J(r)]])], 10, zi))], 46, Ii)), [[J(i), S]]);
+		})], 2)), [[Y(r)]])], 10, Gi))], 46, Hi)), [[Y(i), S]]);
 	}
 }), [["__cssModules", { $style: {
 	ui3nEditable: "_ui3nEditable_s7l0a_3",
@@ -3899,7 +4431,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	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__ */ O(/* @__PURE__ */ B({
+} }]]), Ji = ["name", "value"], Yi = ["name", "value"], Xi = ["name", "value"], Zi = ["placeholder", "disabled"], Qi = ["id", "onClick"], $i = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-autocomplete",
 	props: {
 		name: {},
@@ -3937,7 +4469,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		"valid:new-value"
 	],
 	setup(e, { expose: n, emit: r }) {
-		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));
+		let a = Tn, 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);
 		}
@@ -3965,19 +4497,19 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				m.value = 0, p.value && p.value.focus({ preventScroll: !0 });
 				return;
 			}
-			m.value >= 0 && m.value < (0, $.default)(y.value) - 1 && (m.value += 1);
+			m.value >= 0 && m.value < (0, Tr.default)(y.value) - 1 && (m.value += 1);
 		}
 		function T() {
 			if (m.value === null) {
-				m.value = (0, $.default)(y.value) - 1, p.value && p.value.focus({ preventScroll: !0 });
+				m.value = (0, Tr.default)(y.value) - 1, p.value && p.value.focus({ preventScroll: !0 });
 				return;
 			}
-			m.value > 0 && m.value < (0, $.default)(y.value) && --m.value;
+			m.value > 0 && m.value < (0, Tr.default)(y.value) && --m.value;
 		}
-		function ee() {
+		function E() {
 			s("update:focused", !1), u.value = !1, m.value = null, l.value = "", f.value && f.value.blur(), d.value && d.value.blur();
 		}
-		function E() {
+		function D() {
 			if (m.value === null && !u.value) {
 				u.value = !0, m.value = 0, p.value && p.value.focus({ preventScroll: !0 });
 				return;
@@ -3995,7 +4527,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				S(e), m.value = null, o.clearOnSelect && (l.value = "");
 			}
 		}
-		function D() {
+		function O() {
 			if (o.disabled || l.value !== "" || (0, Wr.default)(o.modelValue)) return;
 			if (!h.value) {
 				h.value = !0;
@@ -4004,7 +4536,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			let e = (0, Gr.default)(o.modelValue);
 			e.pop(), s("update:modelValue", e), h.value = !1;
 		}
-		function O(e, t) {
+		function k(e, t) {
 			switch (t) {
 				case "down":
 					e.preventDefault(), e.stopPropagation(), w();
@@ -4014,42 +4546,42 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 					break;
 				case "esc":
 				case "tab":
-					ee();
+					E();
 					break;
 				case "enter":
-					e.preventDefault(), e.stopPropagation(), E();
+					e.preventDefault(), e.stopPropagation(), D();
 					break;
 				case "backspace":
-					D();
+					O();
 					break;
 			}
 		}
-		function k() {
+		function A() {
 			l.value = "", u.value = !1, m.value = null, g.value = !0, s("update:modelValue", []), s("update:search", "");
 		}
-		return n({ clear: k }), Y(() => o.name, (e) => {
-			e || k();
-		}), Y(() => (0, $.default)(y.value), (e, t) => {
+		return n({ clear: A }), X(() => o.name, (e) => {
+			e || A();
+		}), X(() => (0, Tr.default)(y.value), (e, t) => {
 			e !== t && (m.value = null), e && !g.value && (g.value = !0);
-		}), (t, n) => (W(), L("div", { class: V(t.$style.ui3nAutocomplete) }, [e.name && !J(Wr.default)(e.modelValue) ? (W(), L("fieldset", {
+		}), (t, n) => (W(), L("div", { class: V(t.$style.ui3nAutocomplete) }, [e.name && !Y(Wr.default)(e.modelValue) ? (W(), L("fieldset", {
 			key: 0,
 			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", {
+		}, [e.multiple ? (W(), L(N, { key: 1 }, [e.returnObject ? (W(!0), L(N, { key: 1 }, K(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)) : (W(!0), L(N, { key: 0 }, ge(e.modelValue, (t, n) => (W(), L("input", {
+		}, null, 8, Xi))), 128)) : (W(!0), L(N, { key: 0 }, K(e.modelValue, (t, n) => (W(), L("input", {
 			key: `${e.name}-flat-${n}`,
 			type: "hidden",
 			name: `${e.name}[]`,
 			value: t
-		}, null, 8, Ui))), 128))], 64)) : (W(), L("input", {
+		}, null, 8, Yi))), 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)) : I("", !0), z(ti, {
+		}, null, 8, Ji))], 2)) : I("", !0), z(si, {
 			modelValue: u.value,
 			"onUpdate:modelValue": n[8] ||= (e) => u.value = e,
 			"lock-scroll": e.lockScroll,
@@ -4065,12 +4597,12 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			],
 			disabled: e.disabled
 		}, {
-			menu: X(() => [!J(Wr.default)(y.value) || J(Wr.default)(y.value) && e.noDataText ? (W(), L("div", {
+			menu: Z(() => [!Y(Wr.default)(y.value) || Y(Wr.default)(y.value) && e.noDataText ? (W(), L("div", {
 				key: 0,
 				ref_key: "menuBodyEl",
 				ref: p,
 				class: V(t.$style.body)
-			}, [J($.default)(y.value) ? (W(!0), L(N, { key: 0 }, ge(y.value, (n, r) => (W(), L("div", {
+			}, [Y(Tr.default)(y.value) ? (W(!0), L(N, { key: 0 }, K(y.value, (n, r) => (W(), L("div", {
 				key: n.id,
 				id: `${c}-${r}`,
 				class: V([
@@ -4078,16 +4610,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 					m.value === r && t.$style.itemSelected,
 					e.disabled && t.$style.itemDisabled
 				]),
-				onClick: Q((e) => S(n), ["stop", "prevent"])
-			}, [K(t.$slots, "item", {
+				onClick: $((e) => S(n), ["stop", "prevent"])
+			}, [q(t.$slots, "item", {
 				item: n,
 				index: r,
 				query: l.value
-			}, () => [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", {
+			}, () => [we(R("div", { class: V(t.$style.simpleItem) }, null, 2), [[Y(a), Y(i)(n[o.itemTitle], l.value)]])])], 10, Qi))), 128)) : I("", !0), !Y(Tr.default)(y.value) && e.noDataText ? (W(), L("div", {
 				key: 1,
 				class: V(t.$style.noData)
-			}, [K(t.$slots, "noDataText", {}, () => [ce(q(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
-			default: X(() => [R("div", {
+			}, [q(t.$slots, "noDataText", {}, () => [ce(J(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
+			default: Z(() => [R("div", {
 				ref_key: "activatorEl",
 				ref: d,
 				class: V(t.$style.trigger)
@@ -4097,47 +4629,47 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				tag: "div",
 				class: V(t.$style.chipsContainer)
 			}, {
-				default: X(() => [(W(!0), L(N, null, ge(e.modelValue, (n, r) => (W(), L("div", {
+				default: Z(() => [(W(!0), L(N, null, K(e.modelValue, (n, r) => (W(), L("div", {
 					key: n.id || r,
 					class: V(t.$style.chipWrapper)
-				}, [K(t.$slots, "chip", {
+				}, [q(t.$slots, "chip", {
 					item: n,
 					index: r,
-					isHighlighted: r === J($.default)(e.modelValue) - 1 && h.value
-				}, () => [z(er, {
+					isHighlighted: r === Y(Tr.default)(e.modelValue) - 1 && h.value
+				}, () => [z($n, {
 					height: "32",
-					color: r === J($.default)(e.modelValue) - 1 && h.value ? "var(--color-bg-control-primary-hover)" : void 0,
+					color: r === Y(Tr.default)(e.modelValue) - 1 && h.value ? "var(--color-bg-control-primary-hover)" : void 0,
 					round: "",
 					closeable: "",
 					onClose: (e) => C(n)
 				}, {
-					default: X(() => [ce(q(e.returnObject ? n[o.itemTitle] : n), 1)]),
+					default: Z(() => [ce(J(e.returnObject ? n[o.itemTitle] : n), 1)]),
 					_: 2
 				}, 1032, ["color", "onClose"])])], 2))), 128))]),
 				_: 3
 			}, 8, ["class"])) : (W(), L("div", {
 				key: 1,
 				class: V(t.$style.displayValue)
-			}, q(v.value), 3)), Te(R("input", {
+			}, J(v.value), 3)), we(R("input", {
 				ref_key: "inputEl",
 				ref: f,
 				"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
 				type: "text",
 				class: V([t.$style.input, !g.value && t.$style.inputWithError]),
-				placeholder: J(Wr.default)(e.modelValue) && e.placeholder ? e.placeholder : "",
+				placeholder: Y(Wr.default)(e.modelValue) && e.placeholder ? e.placeholder : "",
 				disabled: e.disabled,
 				onInput: b,
-				onFocusin: n[1] ||= Q((e) => s("update:focused", !0), ["prevent"]),
+				onFocusin: n[1] ||= $((e) => s("update:focused", !0), ["prevent"]),
 				onFocusout: x,
 				onKeydown: [
-					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"])
+					n[2] ||= Q((e) => k(e, "down"), ["down"]),
+					n[3] ||= Q((e) => k(e, "up"), ["up"]),
+					n[4] ||= Q((e) => k(e, "esc"), ["esc"]),
+					n[5] ||= Q((e) => k(e, "enter"), ["enter"]),
+					n[6] ||= Q((e) => k(e, "tab"), ["tab"]),
+					n[7] ||= Q((e) => k(e, "backspace"), ["delete"])
 				]
-			}, null, 42, Gi), [[we, l.value]])], 2)]),
+			}, null, 42, Zi), [[Ce, l.value]])], 2)]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -4160,7 +4692,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	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__ */ O(/* @__PURE__ */ B({
+} }]]), ea = ["id"], ta = ["name", "value"], na = ["name", "value"], ra = ["name", "value"], ia = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-slider",
 	props: {
 		id: {},
@@ -4183,7 +4715,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, o = Ce("sliderEl"), s = Ce("pointerEl1"), c = Ce("pointerEl2"), l = G({
+		let r = e, i = n, o = Se("sliderEl"), s = Se("pointerEl1"), c = Se("pointerEl2"), l = G({
 			1: 0,
 			2: 0
 		}), u = G({
@@ -4245,7 +4777,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			let c = n(a);
 			r.range && (f.value === 1 && c >= d.value[1] ? c = d.value[1] - m.value : f.value === 2 && c <= d.value[0] && (c = d.value[0] + m.value)), r.range ? (f.value === 1 && (d.value[0] = c), f.value === 2 && (d.value[1] = c)) : d.value = c, i("update:modelValue", d.value);
 		}
-		function ee(e) {
+		function E(e) {
 			let { x: t } = e, { x: n, width: a } = o.value.getBoundingClientRect(), s = Math.round((t - n) / a * p.value) + Number(r.min);
 			if (r.range) {
 				let [e, t] = d.value, n = Math.abs(s - e), r = Math.abs(t - s);
@@ -4253,13 +4785,13 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			} else d.value = s;
 			i("update:modelValue", d.value);
 		}
-		function E() {
+		function D() {
 			let e = r.range ? [Number(r.min), Number(r.min)] : Number(r.min);
 			d.value = e, i("update:modelValue", e);
 		}
-		return t({ clear: E }), Y(() => r.name, (e) => {
-			e || E();
-		}), Y(() => JSON.stringify(r.modelValue), (e) => {
+		return t({ clear: D }), X(() => r.name, (e) => {
+			e || D();
+		}), X(() => JSON.stringify(r.modelValue), (e) => {
 			if (r.range) {
 				e !== JSON.stringify(d.value) && (d.value = (0, Gr.default)(r.modelValue));
 				return;
@@ -4271,22 +4803,22 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			id: e.id,
 			style: H(b.value),
 			class: V([t.$style.ui3nSlider, e.disabled && t.$style.disabled]),
-			onClick: Q(ee, ["stop", "prevent"])
+			onClick: $(E, ["stop", "prevent"])
 		}, [
 			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), R("input", {
+			}, null, 8, ta), R("input", {
 				type: "hidden",
 				name: `${e.name}_max`,
 				value: d.value[1]
-			}, null, 8, Xi)], 64)) : (W(), L("input", {
+			}, null, 8, na)], 64)) : (W(), L("input", {
 				key: 1,
 				type: "hidden",
 				name: e.name,
 				value: d.value
-			}, null, 8, Zi))], 64)) : I("", !0),
+			}, null, 8, ra))], 64)) : I("", !0),
 			R("div", { class: V(t.$style.track) }, [R("div", {
 				class: V(t.$style.active),
 				style: H(h.value)
@@ -4295,11 +4827,11 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				ref: "pointerEl1",
 				class: V([t.$style.pointerWrapper, t.$style.pointer1]),
 				onPointerdown: n[0] ||= (e) => w(e, 1),
-				onClick: n[1] ||= Q(() => {}, ["stop", "prevent"]),
+				onClick: n[1] ||= $(() => {}, ["stop", "prevent"]),
 				onDragstart: C,
 				onMouseenter: n[2] ||= (e) => x(1),
 				onMouseleave: n[3] ||= (e) => S(1)
-			}, [z(ki, {
+			}, [z(Fi, {
 				"model-value": u.value[1],
 				content: v.value,
 				trigger: "manual",
@@ -4309,7 +4841,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				"text-color": e.labelTextColor,
 				disabled: e.labelVisible === "never"
 			}, {
-				default: X(() => [R("div", { class: V([t.$style.pointer, f.value === 1 && t.$style.selected]) }, null, 2)]),
+				default: Z(() => [R("div", { class: V([t.$style.pointer, f.value === 1 && t.$style.selected]) }, null, 2)]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -4323,11 +4855,11 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				ref: "pointerEl2",
 				class: V([t.$style.pointerWrapper, t.$style.pointer2]),
 				onPointerdown: n[4] ||= (e) => w(e, 2),
-				onClick: n[5] ||= Q(() => {}, ["stop", "prevent"]),
+				onClick: n[5] ||= $(() => {}, ["stop", "prevent"]),
 				onDragstart: C,
 				onMouseenter: n[6] ||= (e) => x(2),
 				onMouseleave: n[7] ||= (e) => S(2)
-			}, [z(ki, {
+			}, [z(Fi, {
 				"model-value": u.value[2],
 				content: y.value,
 				trigger: "manual",
@@ -4337,7 +4869,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				"text-color": e.labelTextColor,
 				disabled: e.labelVisible === "never"
 			}, {
-				default: X(() => [R("div", { class: V([t.$style.pointer, f.value === 2 && t.$style.selected]) }, null, 2)]),
+				default: Z(() => [R("div", { class: V([t.$style.pointer, f.value === 2 && t.$style.selected]) }, null, 2)]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -4346,7 +4878,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				"text-color",
 				"disabled"
 			])], 34)) : I("", !0)
-		], 14, Ji));
+		], 14, ea));
 	}
 }), [["__cssModules", { $style: {
 	ui3nSlider: "_ui3nSlider_17be6_1",
@@ -4358,7 +4890,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	selected: "_selected_17be6_55",
 	pointer1: "_pointer1_17be6_69",
 	pointer2: "_pointer2_17be6_73"
-} }]]), $i = ["id"], ea = ["name", "value"], ta = ["tabindex"], na = ["id", "onClick"], ra = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), aa = ["id"], oa = ["name", "value"], sa = ["tabindex"], ca = ["id", "onClick"], la = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-selector",
 	props: {
 		id: {},
@@ -4382,7 +4914,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		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 = 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(() => {
+		let i = e, a = r, o = `select-${t(4)}`, s = Se("activator"), c = Se("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);
@@ -4417,14 +4949,14 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				d.value = 0, c.value && c.value.focus();
 				return;
 			}
-			d.value >= 0 && d.value < (0, $.default)(f.value) - 1 && (d.value += 1);
+			d.value >= 0 && d.value < (0, Tr.default)(f.value) - 1 && (d.value += 1);
 		}
 		function b() {
 			if (d.value === null) {
-				d.value = (0, $.default)(f.value) - 1, c.value && c.value.focus();
+				d.value = (0, Tr.default)(f.value) - 1, c.value && c.value.focus();
 				return;
 			}
-			d.value > 0 && d.value < (0, $.default)(f.value) && --d.value;
+			d.value > 0 && d.value < (0, Tr.default)(f.value) && --d.value;
 		}
 		function x() {
 			a("blur"), l.value = !1, c.value?.blur(), s.value && s.value.blur();
@@ -4463,9 +4995,9 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		function w() {
 			v();
 		}
-		return n({ clear: w }), Y(() => i.name, (e) => {
+		return n({ clear: w }), X(() => i.name, (e) => {
 			e || w();
-		}), Y(() => l.value, (e, t) => {
+		}), X(() => l.value, (e, t) => {
 			if (e !== t && e) {
 				if (s.value) {
 					let e = s.value.getBoundingClientRect();
@@ -4486,12 +5018,12 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				type: "hidden",
 				name: e.name,
 				value: typeof e.modelValue == "object" ? JSON.stringify(e.modelValue) : String(e.modelValue)
-			}, null, 8, ea)) : I("", !0),
+			}, null, 8, oa)) : I("", !0),
 			e.label ? (W(), L("label", {
 				key: 1,
 				class: V(t.$style.label)
-			}, q(e.label), 3)) : I("", !0),
-			z(ti, {
+			}, J(e.label), 3)) : I("", !0),
+			z(si, {
 				modelValue: l.value,
 				"onUpdate:modelValue": n[6] ||= (e) => l.value = e,
 				"offset-x": -3,
@@ -4508,11 +5040,11 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 					e.disabled || (l.value = !l.value);
 				}
 			}, {
-				menu: X(() => [!J(Wr.default)(f.value) || J(Wr.default)(f.value) && e.noDataText ? (W(), L("div", {
+				menu: Z(() => [!Y(Wr.default)(f.value) || Y(Wr.default)(f.value) && e.noDataText ? (W(), L("div", {
 					key: 0,
 					ref: "body",
 					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", {
+				}, [Y(Wr.default)(f.value) ? I("", !0) : (W(!0), L(N, { key: 0 }, K(f.value, (n, r) => (W(), L("div", {
 					key: n.id,
 					id: `${o}-${r}`,
 					class: V([
@@ -4520,16 +5052,16 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 						d.value === r && t.$style.itemSelected,
 						e.disabled && t.$style.itemDisabled
 					]),
-					onClick: Q((e) => _(n), ["stop", "prevent"])
-				}, [K(t.$slots, "item", {
+					onClick: $((e) => _(n), ["stop", "prevent"])
+				}, [q(t.$slots, "item", {
 					item: n,
 					index: r,
 					activeIndex: d.value
-				}, () => [ce(q(m(n)), 1)])], 10, na))), 128)), J(Wr.default)(f.value) && e.noDataText ? (W(), L("div", {
+				}, () => [ce(J(m(n)), 1)])], 10, ca))), 128)), Y(Wr.default)(f.value) && e.noDataText ? (W(), L("div", {
 					key: 1,
 					class: V(t.$style.noData)
-				}, [K(t.$slots, "noDataText", {}, () => [ce(q(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
-				default: X(() => [R("div", {
+				}, [q(t.$slots, "noDataText", {}, () => [ce(J(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
+				default: Z(() => [R("div", {
 					ref: "activator",
 					tabindex: e.disabled ? -1 : 0,
 					class: V([
@@ -4542,18 +5074,18 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 					onFocusin: h,
 					onFocusout: g,
 					onKeydown: [
-						n[1] ||= Z((e) => C(e, "down"), ["down"]),
-						n[2] ||= Z((e) => C(e, "up"), ["up"]),
-						n[3] ||= Z((e) => C(e, "esc"), ["esc"]),
-						n[4] ||= Z((e) => C(e, "enter"), ["enter"]),
-						n[5] ||= Z((e) => C(e, "tab"), ["tab"])
+						n[1] ||= Q((e) => C(e, "down"), ["down"]),
+						n[2] ||= Q((e) => C(e, "up"), ["up"]),
+						n[3] ||= Q((e) => C(e, "esc"), ["esc"]),
+						n[4] ||= Q((e) => C(e, "enter"), ["enter"]),
+						n[5] ||= Q((e) => C(e, "tab"), ["tab"])
 					]
 				}, [
-					K(t.$slots, "selection", {
+					q(t.$slots, "selection", {
 						value: e.modelValue,
 						selectedItem: d.value === null ? void 0 : f.value[d.value]
-					}, () => [ce(q(p.value || e.placeholder || ""), 1)]),
-					e.clearable && e.modelValue ? (W(), F(k, {
+					}, () => [ce(J(p.value || e.placeholder || ""), 1)]),
+					e.clearable && e.modelValue ? (W(), F(A, {
 						key: 0,
 						type: "icon",
 						size: "small",
@@ -4563,24 +5095,24 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 						"icon-color": "var(--color-icon-block-primary-default)",
 						disabled: e.disabled,
 						class: V(t.$style.clearBtn),
-						onClick: Q(v, ["stop", "prevent"]),
-						onMousedown: n[0] ||= Q(() => {}, ["stop", "prevent"])
+						onClick: $(v, ["stop", "prevent"]),
+						onMousedown: n[0] ||= $(() => {}, ["stop", "prevent"])
 					}, null, 8, ["disabled", "class"])) : I("", !0),
-					z(A, {
+					z(ee, {
 						icon: "outline-arrow-drop-down",
 						color: "var(--color-icon-block-primary-default)",
 						size: "16",
 						"vertical-flip": l.value,
 						class: V(t.$style.menuIcon)
 					}, null, 8, ["vertical-flip", "class"])
-				], 42, ta)]),
+				], 42, sa)]),
 				_: 3
 			}, 8, [
 				"modelValue",
 				"class",
 				"disabled"
 			])
-		], 10, $i));
+		], 10, aa));
 	}
 }), [["__cssModules", { $style: {
 	ui3nSelector: "_ui3nSelector_1fmel_3",
@@ -4598,7 +5130,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	item: "_item_1fmel_107",
 	itemSelected: "_itemSelected_1fmel_121",
 	itemDisabled: "_itemDisabled_1fmel_125"
-} }]]), ia = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), ua = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-mobile-menu",
 	props: {
 		modelValue: { type: Boolean },
@@ -4617,7 +5149,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		return (t, n) => (W(), L("div", {
 			class: V(t.$style.ui3nMobileMenu),
 			style: H(i.value)
-		}, [e.modelValue ? I("", !0) : (W(), F(k, {
+		}, [e.modelValue ? I("", !0) : (W(), F(A, {
 			key: 0,
 			type: "icon",
 			class: V(t.$style.menuButton),
@@ -4625,26 +5157,26 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			icon: "round-menu",
 			"icon-color": "var(--color-icon-block-primary-default)",
 			"icon-size": "32",
-			onClick: Q(a, ["stop", "prevent"])
+			onClick: $(a, ["stop", "prevent"])
 		}, null, 8, ["class"])), z(oe, { name: "slide-fade" }, {
-			default: X(() => [e.modelValue ? (W(), L("div", {
+			default: Z(() => [e.modelValue ? (W(), L("div", {
 				key: 0,
 				class: V(t.$style.menuWrapper)
 			}, [R("div", {
 				class: V(t.$style.overlay),
 				onClick: a
 			}, 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, {
+				R("div", { class: V(t.$style.appMenuHeader) }, [q(t.$slots, "header")], 2),
+				R("div", { class: V(t.$style.appMenuBody) }, [q(t.$slots, "menuBody")], 2),
+				R("div", { class: V(t.$style.appMenuFooter) }, [q(t.$slots, "footer")], 2)
+			], 2), z(A, {
 				type: "icon",
 				icon: "round-close",
 				color: "transparent",
 				"icon-color": "var(--color-icon-block-secondary-default)",
 				"icon-size": "32",
 				class: V(t.$style.closeBtn),
-				onClick: Q(a, ["stop", "prevent"])
+				onClick: $(a, ["stop", "prevent"])
 			}, null, 8, ["class"])], 2)], 2)) : I("", !0)]),
 			_: 3
 		})], 6));
@@ -4660,7 +5192,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	menuButton: "_menuButton_1991k_65",
 	closeBtn: "_closeBtn_1991k_70",
 	overlay: "_overlay_1991k_78"
-} }]]), aa = /* @__PURE__ */ O(/* @__PURE__ */ B({
+} }]]), da = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-mobile-menu-item",
 	props: {
 		item: {},
@@ -4675,22 +5207,22 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		return (t, n) => (W(), L("div", {
 			class: V([t.$style.menuItem, e.isActive && t.$style.menuItemSelected]),
 			onClick: i
-		}, [e.item.icon ? (W(), F(A, {
+		}, [e.item.icon ? (W(), F(ee, {
 			key: 0,
 			icon: e.item.icon,
 			size: "20",
 			color: "var(--color-icon-control-secondary-default)"
-		}, null, 8, ["icon"])) : I("", !0), R("span", { class: V(t.$style.menuItemName) }, q(e.item.name), 3)], 2));
+		}, null, 8, ["icon"])) : I("", !0), R("span", { class: V(t.$style.menuItemName) }, J(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__ */ O(/* @__PURE__ */ B({
+} }]]), fa = 32, pa = /* @__PURE__ */ k(/* @__PURE__ */ B({
 	__name: "ui3n-scrollbar-horizontal",
 	props: {
-		thumbMinWidth: { default: oa },
+		thumbMinWidth: { default: fa },
 		thumbWidth: { default: "auto" },
 		thumbRadius: { default: 4 },
 		thumbColor: { default: "var(--color-bg-control-accent-default)" },
@@ -4704,7 +5236,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 	setup(e, { expose: t, emit: 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;
+			return isNaN(e) ? fa : e;
 		}), x = P(() => {
 			if (!c.value) return 0;
 			if (r.thumbWidth !== "auto") {
@@ -4720,17 +5252,17 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 		}), C = P(() => {
 			let e = Number(r.thumbRadius);
 			return isNaN(e) ? String(r.thumbRadius) : `${e}px`;
-		}), w = P(() => r.thumbColor), T = P(() => r.thumbHoverColor), ee = P(() => r.thumbActiveColor), E = P(() => {
+		}), w = P(() => r.thumbColor), T = P(() => r.thumbHoverColor), E = P(() => r.thumbActiveColor), D = P(() => {
 			let e = Number(r.trackHeight);
 			return isNaN(e) ? String(r.trackHeight) : `${e}px`;
-		}), D = P(() => {
+		}), O = P(() => {
 			let e = Number(r.trackRadius);
 			return isNaN(e) ? String(r.trackRadius) : `${e}px`;
-		}), O = P(() => r.trackColor);
-		function k() {
+		}), k = P(() => r.trackColor);
+		function A() {
 			a.value && (c.value = a.value.scrollWidth, l.value = a.value.clientWidth, u.value = a.value.scrollLeft);
 		}
-		function A(e) {
+		function ee(e) {
 			d.value || (u.value = e.target.scrollLeft), p.value = !0, clearTimeout(h), h = setTimeout(() => {
 				p.value = !1;
 			}, 1500), i("scroll", e);
@@ -4760,7 +5292,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			}
 		}
 		return U(() => {
-			k(), a.value && (m = new ResizeObserver(k), m.observe(a.value), a.value.firstElementChild && m.observe(a.value.firstElementChild));
+			A(), a.value && (m = new ResizeObserver(A), 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({
@@ -4774,10 +5306,10 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 				"--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": D.value,
-				"--ui3n-scrollbar-horizontal-track-color": O.value
+				"--ui3n-scrollbar-horizontal-thumb-active-color": E.value,
+				"--ui3n-scrollbar-horizontal-track-height": D.value,
+				"--ui3n-scrollbar-horizontal-track-radius": O.value,
+				"--ui3n-scrollbar-horizontal-track-color": k.value
 			}),
 			onMouseenter: t[0] ||= (e) => f.value = !0,
 			onMouseleave: t[1] ||= (e) => f.value = !1
@@ -4785,8 +5317,8 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 			ref_key: "containerRef",
 			ref: a,
 			class: V(e.$style.scrollbarContainer),
-			onScroll: A
-		}, [K(e.$slots, "default")], 34), R("div", {
+			onScroll: ee
+		}, [q(e.$slots, "default")], 34), R("div", {
 			ref_key: "trackRef",
 			ref: o,
 			class: V([e.$style.track, { [e.$style.trackVisible]: y.value }]),
@@ -4812,7 +5344,7 @@ var Qr = ["id"], $r = /* @__PURE__ */ O(/* @__PURE__ */ B({
 } }]]);
 //#endregion
 //#region src/composables/useDblClickHandler.ts
-function ca(e, t, n = 250) {
+function ma(e, t, n = 250) {
 	let r = 0, i = null;
 	function a(a) {
 		r++, i && clearTimeout(i), i = setTimeout(() => {
@@ -4822,4 +5354,4 @@ function ca(e, t, n = 250) {
 	return { handleDblClick: a };
 }
 //#endregion
-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 };
+export { $i as Ui3nAutocomplete, vi as Ui3nBadge, bi as Ui3nBreadcrumb, xi as Ui3nBreadcrumbs, A as Ui3nButton, zr as Ui3nCheckbox, $n as Ui3nChip, Dn as Ui3nClickOutside, ai as Ui3nDialog, ni as Ui3nDialogProvider, nr as Ui3nDropFiles, qi as Ui3nEditable, rr as Ui3nEmoji, Tn as Ui3nHtml, ee as Ui3nIcon, or as Ui3nInput, Ar as Ui3nInputFile, ui as Ui3nList, Zn as Ui3nLongPress, si as Ui3nMenu, ua as Ui3nMobileMenu, da as Ui3nMobileMenuItem, j as Ui3nNotification, Ni as Ui3nProgressCircular, ki as Ui3nProgressLinear, Bi as Ui3nRadio, Vi as Ui3nRadioGroup, Pn as Ui3nResize, O as Ui3nRipple, Zr as Ui3nScrollbar, pa as Ui3nScrollbarHorizontal, fi as Ui3nScrollbarVertical, la as Ui3nSelector, ia as Ui3nSlider, Ei as Ui3nStepLineBar, wi as Ui3nSwitch, ei as Ui3nTable, Br as Ui3nTableSortIcon, hi as Ui3nTabs, Nr as Ui3nText, Wn as Ui3nTitle, Fi as Ui3nTooltip, pi as Ui3nVirtualScroll, ma as useDblClickHandler };