@v1nt1248/3nclient-lib 0.3.51 → 0.4.1

package/dist/ui3n-components.js

@@ -1,62 +1,62 @@
-import { $ as e, B as t, D as n, H as r, Q as i, U as a, V as o, _t as s, at as c, b as l, ct as u, dt as d, et as f, ft as p, gt as m, ht as h, it as g, lt as _, mt as v, nt as y, ot as b, pt as x, rt as S, s as C, st as w, t as T, tt as E, ut as D, y as O } from "./chunks/plugins-keys-DdadrIAg.js";
-import { a as ee, i as k, n as A, r as j, t as te } from "./chunks/ui3n-notification-o0tuhTpO.js";
+import { $ as e, H as t, O as n, U as r, V as i, W as a, _t as o, at as s, b as c, c as l, ct as u, dt as d, et as f, ft as p, gt as m, ht as h, it as g, lt as _, mt as v, nt as y, ot as b, pt as x, rt as S, st as C, t as w, tt as T, ut as E, vt as D, x as O } from "./chunks/plugins-keys-CjKqZeyH.js";
+import { a as k, i as A, n as ee, o as j, r as M, t as te } from "./chunks/ui3n-tooltip-BbbM2459.js";
 import { t as ne } from "./chunks/emoticons-DMgiBINj.js";
-import M from "sanitize-html";
-import { autoUpdate as re, computePosition as ie, offset as ae } from "@floating-ui/dom";
-import { Fragment as N, Teleport as oe, Transition as se, TransitionGroup as ce, computed as P, createBlock as F, createCommentVNode as I, createElementBlock as L, createElementVNode as R, createTextVNode as z, createVNode as B, defineComponent as V, inject as le, mergeProps as ue, nextTick as de, normalizeClass as H, normalizeStyle as U, onBeforeMount as fe, onBeforeUnmount as W, onMounted as pe, onUnmounted as me, openBlock as G, provide as he, ref as K, renderList as q, renderSlot as J, resolveDynamicComponent as ge, shallowRef as _e, toDisplayString as Y, toHandlers as ve, unref as X, useCssModule as ye, useCssVars as be, useSlots as xe, useTemplateRef as Se, vModelText as Ce, watch as Z, withCtx as we, withDirectives as Te, withKeys as Q, withModifiers as $ } 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 re from "sanitize-html";
+import { autoUpdate as ie, computePosition as ae, offset as oe } from "@floating-ui/dom";
+import { Fragment as N, Teleport as se, Transition as ce, TransitionGroup as le, computed as P, createBlock as F, createCommentVNode as I, createElementBlock as L, createElementVNode as R, createTextVNode as z, createVNode as B, defineComponent as V, inject as ue, mergeProps as de, nextTick as fe, normalizeClass as H, normalizeStyle as U, onBeforeMount as W, onBeforeUnmount as pe, onMounted as me, onUnmounted as he, openBlock as G, provide as ge, ref as K, renderList as q, renderSlot as J, resolveDynamicComponent as _e, shallowRef as ve, toDisplayString as Y, toHandlers as ye, unref as X, useCssModule as be, useCssVars as xe, useSlots as Se, useTemplateRef as Ce, vModelText as we, watch as Z, withCtx as Te, withDirectives as Ee, withKeys as Q, withModifiers as $ } from "vue";
+import { autoUpdate as De, flip as Oe, offset as ke, shift as Ae, useFloating as je } from "@floating-ui/vue";
 //#region node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_arrayMap.js
-var Me = /* @__PURE__ */ m(((e, t) => {
+var Me = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
+})), Ne = /* @__PURE__ */ o(((e, t) => {
 	function n() {
 		this.__data__ = [], this.size = 0;
 	}
 	t.exports = n;
-})), Pe = /* @__PURE__ */ m(((e, t) => {
+})), Pe = /* @__PURE__ */ o(((e, t) => {
 	function n(e, t) {
 		return e === t || e !== e && t !== t;
 	}
 	t.exports = n;
-})), Fe = /* @__PURE__ */ m(((e, t) => {
+})), Fe = /* @__PURE__ */ o(((e, t) => {
 	var n = Pe();
 	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__ */ m(((e, t) => {
+})), Ie = /* @__PURE__ */ o(((e, t) => {
 	var n = Fe(), 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__ */ m(((e, t) => {
+})), Le = /* @__PURE__ */ o(((e, t) => {
 	var n = Fe();
 	function r(e) {
 		var t = this.__data__, r = n(t, e);
 		return r < 0 ? void 0 : t[r][1];
 	}
 	t.exports = r;
-})), Re = /* @__PURE__ */ m(((e, t) => {
+})), Re = /* @__PURE__ */ o(((e, t) => {
 	var n = Fe();
 	function r(e) {
 		return n(this.__data__, e) > -1;
 	}
 	t.exports = r;
-})), ze = /* @__PURE__ */ m(((e, t) => {
+})), ze = /* @__PURE__ */ o(((e, t) => {
 	var n = Fe();
 	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__ */ m(((e, t) => {
+})), Be = /* @__PURE__ */ o(((e, t) => {
 	var n = Ne(), r = Ie(), i = Le(), a = Re(), o = ze();
 	function s(e) {
 		var t = -1, n = e == null ? 0 : e.length;
@@ -66,43 +66,43 @@ var Me = /* @__PURE__ */ m(((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__ */ m(((e, t) => {
+})), Ve = /* @__PURE__ */ o(((e, t) => {
 	var n = Be();
 	function r() {
 		this.__data__ = new n(), this.size = 0;
 	}
 	t.exports = r;
-})), He = /* @__PURE__ */ m(((e, t) => {
+})), He = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		var t = this.__data__, n = t.delete(e);
 		return this.size = t.size, n;
 	}
 	t.exports = n;
-})), Ue = /* @__PURE__ */ m(((e, t) => {
+})), Ue = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return this.__data__.get(e);
 	}
 	t.exports = n;
-})), We = /* @__PURE__ */ m(((e, t) => {
+})), We = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return this.__data__.has(e);
 	}
 	t.exports = n;
-})), Ge = /* @__PURE__ */ m(((e, t) => {
-	t.exports = d()(Object, "create");
-})), Ke = /* @__PURE__ */ m(((e, t) => {
+})), Ge = /* @__PURE__ */ o(((e, t) => {
+	t.exports = p()(Object, "create");
+})), Ke = /* @__PURE__ */ o(((e, t) => {
 	var n = Ge();
 	function r() {
 		this.__data__ = n ? n(null) : {}, this.size = 0;
 	}
 	t.exports = r;
-})), qe = /* @__PURE__ */ m(((e, t) => {
+})), qe = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		var t = this.has(e) && delete this.__data__[e];
 		return this.size -= +!!t, t;
 	}
 	t.exports = n;
-})), Je = /* @__PURE__ */ m(((e, t) => {
+})), Je = /* @__PURE__ */ o(((e, t) => {
 	var n = Ge(), r = "__lodash_hash_undefined__", i = Object.prototype.hasOwnProperty;
 	function a(e) {
 		var t = this.__data__;
@@ -113,21 +113,21 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return i.call(t, e) ? t[e] : void 0;
 	}
 	t.exports = a;
-})), Ye = /* @__PURE__ */ m(((e, t) => {
+})), Ye = /* @__PURE__ */ o(((e, t) => {
 	var n = Ge(), 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__ */ m(((e, t) => {
+})), Xe = /* @__PURE__ */ o(((e, t) => {
 	var n = Ge(), 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__ */ m(((e, t) => {
+})), Ze = /* @__PURE__ */ o(((e, t) => {
 	var n = Ke(), r = qe(), i = Je(), a = Ye(), o = Xe();
 	function s(e) {
 		var t = -1, n = e == null ? 0 : e.length;
@@ -137,8 +137,8 @@ var Me = /* @__PURE__ */ m(((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__ */ m(((e, t) => {
-	var n = Ze(), r = Be(), i = D();
+})), Qe = /* @__PURE__ */ o(((e, t) => {
+	var n = Ze(), r = Be(), i = d();
 	function a() {
 		this.size = 0, this.__data__ = {
 			hash: new n(),
@@ -147,46 +147,46 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		};
 	}
 	t.exports = a;
-})), $e = /* @__PURE__ */ m(((e, t) => {
+})), $e = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
+})), et = /* @__PURE__ */ o(((e, t) => {
 	var n = $e();
 	function r(e, t) {
 		var r = e.__data__;
 		return n(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
 	}
 	t.exports = r;
-})), tt = /* @__PURE__ */ m(((e, t) => {
+})), tt = /* @__PURE__ */ o(((e, t) => {
 	var n = et();
 	function r(e) {
 		var t = n(this, e).delete(e);
 		return this.size -= +!!t, t;
 	}
 	t.exports = r;
-})), nt = /* @__PURE__ */ m(((e, t) => {
+})), nt = /* @__PURE__ */ o(((e, t) => {
 	var n = et();
 	function r(e) {
 		return n(this, e).get(e);
 	}
 	t.exports = r;
-})), rt = /* @__PURE__ */ m(((e, t) => {
+})), rt = /* @__PURE__ */ o(((e, t) => {
 	var n = et();
 	function r(e) {
 		return n(this, e).has(e);
 	}
 	t.exports = r;
-})), it = /* @__PURE__ */ m(((e, t) => {
+})), it = /* @__PURE__ */ o(((e, t) => {
 	var n = et();
 	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__ */ m(((e, t) => {
+})), at = /* @__PURE__ */ o(((e, t) => {
 	var n = Qe(), r = tt(), i = nt(), a = rt(), o = it();
 	function s(e) {
 		var t = -1, n = e == null ? 0 : e.length;
@@ -196,8 +196,8 @@ var Me = /* @__PURE__ */ m(((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__ */ m(((e, t) => {
-	var n = Be(), r = D(), i = at(), a = 200;
+})), ot = /* @__PURE__ */ o(((e, t) => {
+	var n = Be(), r = d(), i = at(), a = 200;
 	function o(e, t) {
 		var o = this.__data__;
 		if (o instanceof n) {
@@ -208,28 +208,28 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return o.set(e, t), this.size = o.size, this;
 	}
 	t.exports = o;
-})), st = /* @__PURE__ */ m(((e, t) => {
+})), st = /* @__PURE__ */ o(((e, t) => {
 	var n = Be(), r = Ve(), i = He(), a = Ue(), o = We(), s = ot();
 	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__ */ m(((e, t) => {
+})), ct = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
-	var n = d();
+})), lt = /* @__PURE__ */ o(((e, t) => {
+	var n = p();
 	t.exports = function() {
 		try {
 			var e = n(Object, "defineProperty");
 			return e({}, "", {}), e;
 		} catch {}
 	}();
-})), ut = /* @__PURE__ */ m(((e, t) => {
+})), ut = /* @__PURE__ */ o(((e, t) => {
 	var n = lt();
 	function r(e, t, r) {
 		t == "__proto__" && n ? n(e, t, {
@@ -240,14 +240,14 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		}) : e[t] = r;
 	}
 	t.exports = r;
-})), dt = /* @__PURE__ */ m(((e, t) => {
+})), dt = /* @__PURE__ */ o(((e, t) => {
 	var n = ut(), r = Pe(), 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__ */ m(((e, t) => {
+})), ft = /* @__PURE__ */ o(((e, t) => {
 	var n = dt(), r = ut();
 	function i(e, t, i, a) {
 		var o = !i;
@@ -259,48 +259,48 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return i;
 	}
 	t.exports = i;
-})), pt = /* @__PURE__ */ m(((e, t) => {
+})), pt = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
+})), mt = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
-	var n = pt(), r = u(), i = w(), a = b(), o = mt(), s = S(), c = Object.prototype.hasOwnProperty;
+})), ht = /* @__PURE__ */ o(((e, t) => {
+	var n = pt(), r = _(), i = u(), a = C(), o = mt(), s = g(), c = Object.prototype.hasOwnProperty;
 	function l(e, t) {
 		var l = i(e), u = !l && r(e), d = !l && !u && a(e), f = !l && !u && !d && s(e), p = l || u || d || f, m = p ? n(e.length, String) : [], h = m.length;
 		for (var g in e) (t || c.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 = l;
-})), gt = /* @__PURE__ */ m(((t, n) => {
-	var r = ht(), i = f(), a = e();
-	function o(e) {
-		return a(e) ? r(e) : i(e);
+})), gt = /* @__PURE__ */ o(((e, t) => {
+	var n = ht(), r = T(), i = f();
+	function a(e) {
+		return i(e) ? n(e) : r(e);
 	}
-	n.exports = o;
-})), _t = /* @__PURE__ */ m(((e, t) => {
+	t.exports = a;
+})), _t = /* @__PURE__ */ o(((e, t) => {
 	var n = ft(), r = gt();
 	function i(e, t) {
 		return e && n(t, r(t), e);
 	}
 	t.exports = i;
-})), vt = /* @__PURE__ */ m(((e, t) => {
+})), vt = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
-	var n = p(), r = y(), i = vt(), a = Object.prototype.hasOwnProperty;
+})), yt = /* @__PURE__ */ o(((e, t) => {
+	var n = x(), r = S(), i = vt(), a = Object.prototype.hasOwnProperty;
 	function o(e) {
 		if (!n(e)) return i(e);
 		var t = r(e), o = [];
@@ -308,34 +308,34 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return o;
 	}
 	t.exports = o;
-})), bt = /* @__PURE__ */ m(((t, n) => {
-	var r = ht(), i = yt(), a = e();
-	function o(e) {
-		return a(e) ? r(e, !0) : i(e);
+})), bt = /* @__PURE__ */ o(((e, t) => {
+	var n = ht(), r = yt(), i = f();
+	function a(e) {
+		return i(e) ? n(e, !0) : r(e);
 	}
-	n.exports = o;
-})), xt = /* @__PURE__ */ m(((e, t) => {
+	t.exports = a;
+})), xt = /* @__PURE__ */ o(((e, t) => {
 	var n = ft(), r = bt();
 	function i(e, t) {
 		return e && n(t, r(t), e);
 	}
 	t.exports = i;
-})), St = /* @__PURE__ */ m(((e, t) => {
-	var n = h(), 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;
+})), St = /* @__PURE__ */ o(((e, t) => {
+	var n = m(), 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();
 		var n = e.length, r = o ? o(n) : new e.constructor(n);
 		return e.copy(r), r;
 	}
 	t.exports = s;
-})), Ct = /* @__PURE__ */ m(((e, t) => {
+})), Ct = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
+})), wt = /* @__PURE__ */ o(((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,107 +344,107 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return a;
 	}
 	t.exports = n;
-})), Tt = /* @__PURE__ */ m(((e, t) => {
+})), Tt = /* @__PURE__ */ o(((e, t) => {
 	function n() {
 		return [];
 	}
 	t.exports = n;
-})), Et = /* @__PURE__ */ m(((e, t) => {
+})), Et = /* @__PURE__ */ o(((e, t) => {
 	var n = wt(), r = Tt(), 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__ */ m(((e, t) => {
+})), Dt = /* @__PURE__ */ o(((e, t) => {
 	var n = ft(), r = Et();
 	function i(e, t) {
 		return n(e, r(e), t);
 	}
 	t.exports = i;
-})), Ot = /* @__PURE__ */ m(((e, t) => {
+})), Ot = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
-	t.exports = E()(Object.getPrototypeOf, Object);
-})), At = /* @__PURE__ */ m(((e, t) => {
+})), kt = /* @__PURE__ */ o(((e, t) => {
+	t.exports = y()(Object.getPrototypeOf, Object);
+})), At = /* @__PURE__ */ o(((e, t) => {
 	var n = Ot(), r = kt(), i = Et(), a = Tt();
 	t.exports = Object.getOwnPropertySymbols ? function(e) {
 		for (var t = []; e;) n(t, i(e)), e = r(e);
 		return t;
 	} : a;
-})), jt = /* @__PURE__ */ m(((e, t) => {
+})), jt = /* @__PURE__ */ o(((e, t) => {
 	var n = ft(), r = At();
 	function i(e, t) {
 		return n(e, r(e), t);
 	}
 	t.exports = i;
-})), Mt = /* @__PURE__ */ m(((e, t) => {
-	var n = Ot(), r = w();
+})), Mt = /* @__PURE__ */ o(((e, t) => {
+	var n = Ot(), r = u();
 	function i(e, t, i) {
 		var a = t(e);
 		return r(e) ? a : n(a, i(e));
 	}
 	t.exports = i;
-})), Nt = /* @__PURE__ */ m(((e, t) => {
+})), Nt = /* @__PURE__ */ o(((e, t) => {
 	var n = Mt(), r = Et(), i = gt();
 	function a(e) {
 		return n(e, i, r);
 	}
 	t.exports = a;
-})), Pt = /* @__PURE__ */ m(((e, t) => {
+})), Pt = /* @__PURE__ */ o(((e, t) => {
 	var n = Mt(), r = At(), i = bt();
 	function a(e) {
 		return n(e, i, r);
 	}
 	t.exports = a;
-})), Ft = /* @__PURE__ */ m(((e, t) => {
+})), Ft = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
-	t.exports = h().Uint8Array;
-})), Lt = /* @__PURE__ */ m(((e, t) => {
+})), It = /* @__PURE__ */ o(((e, t) => {
+	t.exports = m().Uint8Array;
+})), Lt = /* @__PURE__ */ o(((e, t) => {
 	var n = It();
 	function r(e) {
 		var t = new e.constructor(e.byteLength);
 		return new n(t).set(new n(e)), t;
 	}
 	t.exports = r;
-})), Rt = /* @__PURE__ */ m(((e, t) => {
+})), Rt = /* @__PURE__ */ o(((e, t) => {
 	var n = Lt();
 	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__ */ m(((e, t) => {
+})), zt = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
-	var n = v(), r = n ? n.prototype : void 0, i = r ? r.valueOf : void 0;
+})), Bt = /* @__PURE__ */ o(((e, t) => {
+	var n = h(), 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__ */ m(((e, t) => {
+})), Vt = /* @__PURE__ */ o(((e, t) => {
 	var n = Lt();
 	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__ */ m(((e, t) => {
+})), Ht = /* @__PURE__ */ o(((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 E(e, t, E) {
 		var D = e.constructor;
@@ -471,8 +471,8 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		}
 	}
 	t.exports = E;
-})), Ut = /* @__PURE__ */ m(((e, t) => {
-	var n = p(), r = Object.create;
+})), Ut = /* @__PURE__ */ o(((e, t) => {
+	var n = x(), r = Object.create;
 	t.exports = function() {
 		function e() {}
 		return function(t) {
@@ -483,79 +483,79 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 			return e.prototype = void 0, i;
 		};
 	}();
-})), Wt = /* @__PURE__ */ m(((e, t) => {
-	var n = Ut(), r = kt(), i = y();
+})), Wt = /* @__PURE__ */ o(((e, t) => {
+	var n = Ut(), r = kt(), i = S();
 	function a(e) {
 		return typeof e.constructor == "function" && !i(e) ? n(r(e)) : {};
 	}
 	t.exports = a;
-})), Gt = /* @__PURE__ */ m(((e, t) => {
-	var n = i(), r = _(), a = "[object Map]";
+})), Gt = /* @__PURE__ */ o(((t, n) => {
+	var r = e(), i = E(), a = "[object Map]";
 	function o(e) {
-		return r(e) && n(e) == a;
+		return i(e) && r(e) == a;
 	}
-	t.exports = o;
-})), Kt = /* @__PURE__ */ m(((e, t) => {
-	var n = Gt(), r = c(), i = g(), a = i && i.isMap;
+	n.exports = o;
+})), Kt = /* @__PURE__ */ o(((e, t) => {
+	var n = Gt(), r = b(), i = s(), a = i && i.isMap;
 	t.exports = a ? r(a) : n;
-})), qt = /* @__PURE__ */ m(((e, t) => {
-	var n = i(), r = _(), a = "[object Set]";
+})), qt = /* @__PURE__ */ o(((t, n) => {
+	var r = e(), i = E(), a = "[object Set]";
 	function o(e) {
-		return r(e) && n(e) == a;
+		return i(e) && r(e) == a;
 	}
-	t.exports = o;
-})), Jt = /* @__PURE__ */ m(((e, t) => {
-	var n = qt(), r = c(), i = g(), a = i && i.isSet;
+	n.exports = o;
+})), Jt = /* @__PURE__ */ o(((e, t) => {
+	var n = qt(), r = b(), i = s(), a = i && i.isSet;
 	t.exports = a ? r(a) : n;
-})), Yt = /* @__PURE__ */ m(((e, t) => {
-	var n = st(), r = ct(), a = dt(), o = _t(), s = xt(), c = St(), l = Ct(), u = Dt(), d = jt(), f = Nt(), m = Pt(), h = i(), g = Ft(), _ = Ht(), v = Wt(), y = w(), x = b(), S = Kt(), C = p(), T = Jt(), E = gt(), D = bt(), O = 1, ee = 2, k = 4, A = "[object Arguments]", j = "[object Array]", te = "[object Boolean]", ne = "[object Date]", M = "[object Error]", re = "[object Function]", ie = "[object GeneratorFunction]", ae = "[object Map]", N = "[object Number]", oe = "[object Object]", se = "[object RegExp]", ce = "[object Set]", P = "[object String]", F = "[object Symbol]", I = "[object WeakMap]", L = "[object ArrayBuffer]", R = "[object DataView]", z = "[object Float32Array]", B = "[object Float64Array]", V = "[object Int8Array]", le = "[object Int16Array]", ue = "[object Int32Array]", de = "[object Uint8Array]", H = "[object Uint8ClampedArray]", U = "[object Uint16Array]", fe = "[object Uint32Array]", W = {};
-	W[A] = W[j] = W[L] = W[R] = W[te] = W[ne] = W[z] = W[B] = W[V] = W[le] = W[ue] = W[ae] = W[N] = W[oe] = W[se] = W[ce] = W[P] = W[F] = W[de] = W[H] = W[U] = W[fe] = !0, W[M] = W[re] = W[I] = !1;
-	function pe(e, t, i, p, b, w) {
-		var j, te = t & O, ne = t & ee, M = t & k;
-		if (i && (j = b ? i(e, p, b, w) : i(e)), j !== void 0) return j;
-		if (!C(e)) return e;
+})), Yt = /* @__PURE__ */ o(((t, n) => {
+	var r = st(), i = ct(), a = dt(), o = _t(), s = xt(), c = St(), l = Ct(), d = Dt(), f = jt(), p = Nt(), m = Pt(), h = e(), g = Ft(), _ = Ht(), v = Wt(), y = u(), b = C(), S = Kt(), w = x(), T = Jt(), E = gt(), D = bt(), O = 1, k = 2, A = 4, ee = "[object Arguments]", j = "[object Array]", M = "[object Boolean]", te = "[object Date]", ne = "[object Error]", re = "[object Function]", ie = "[object GeneratorFunction]", ae = "[object Map]", oe = "[object Number]", N = "[object Object]", se = "[object RegExp]", ce = "[object Set]", le = "[object String]", P = "[object Symbol]", F = "[object WeakMap]", I = "[object ArrayBuffer]", L = "[object DataView]", R = "[object Float32Array]", z = "[object Float64Array]", B = "[object Int8Array]", V = "[object Int16Array]", ue = "[object Int32Array]", de = "[object Uint8Array]", fe = "[object Uint8ClampedArray]", H = "[object Uint16Array]", U = "[object Uint32Array]", W = {};
+	W[ee] = W[j] = W[I] = W[L] = W[M] = W[te] = W[R] = W[z] = W[B] = W[V] = W[ue] = W[ae] = W[oe] = W[N] = W[se] = W[ce] = W[le] = W[P] = W[de] = W[fe] = W[H] = W[U] = !0, W[ne] = W[re] = W[F] = !1;
+	function pe(e, t, n, u, x, C) {
+		var j, M = t & O, te = t & k, ne = t & A;
+		if (n && (j = x ? n(e, u, x, C) : n(e)), j !== void 0) return j;
+		if (!w(e)) return e;
 		var ae = y(e);
 		if (ae) {
-			if (j = g(e), !te) return l(e, j);
+			if (j = g(e), !M) return l(e, j);
 		} else {
-			var N = h(e), se = N == re || N == ie;
-			if (x(e)) return c(e, te);
-			if (N == oe || N == A || se && !b) {
-				if (j = ne || se ? {} : v(e), !te) return ne ? d(e, s(j, e)) : u(e, o(j, e));
+			var oe = h(e), se = oe == re || oe == ie;
+			if (b(e)) return c(e, M);
+			if (oe == N || oe == ee || se && !x) {
+				if (j = te || se ? {} : v(e), !M) return te ? f(e, s(j, e)) : d(e, o(j, e));
 			} else {
-				if (!W[N]) return b ? e : {};
-				j = _(e, N, te);
+				if (!W[oe]) return x ? e : {};
+				j = _(e, oe, M);
 			}
 		}
-		w ||= new n();
-		var ce = w.get(e);
+		C ||= new r();
+		var ce = C.get(e);
 		if (ce) return ce;
-		w.set(e, j), T(e) ? e.forEach(function(n) {
-			j.add(pe(n, t, i, n, e, w));
-		}) : S(e) && e.forEach(function(n, r) {
-			j.set(r, pe(n, t, i, r, e, w));
+		C.set(e, j), T(e) ? e.forEach(function(r) {
+			j.add(pe(r, t, n, r, e, C));
+		}) : S(e) && e.forEach(function(r, i) {
+			j.set(i, pe(r, t, n, i, e, C));
 		});
-		var P = ae ? void 0 : (M ? ne ? m : f : ne ? D : E)(e);
-		return r(P || e, function(n, r) {
-			P && (r = n, n = e[r]), a(j, r, pe(n, t, i, r, e, w));
+		var le = ae ? void 0 : (ne ? te ? m : p : te ? D : E)(e);
+		return i(le || e, function(r, i) {
+			le && (i = r, r = e[i]), a(j, i, pe(r, t, n, i, e, C));
 		}), j;
 	}
-	t.exports = pe;
-})), Xt = /* @__PURE__ */ m(((e, t) => {
-	var n = x(), r = _(), i = "[object Symbol]";
+	n.exports = pe;
+})), Xt = /* @__PURE__ */ o(((e, t) => {
+	var n = v(), r = E(), i = "[object Symbol]";
 	function a(e) {
 		return typeof e == "symbol" || r(e) && n(e) == i;
 	}
 	t.exports = a;
-})), Zt = /* @__PURE__ */ m(((e, t) => {
-	var n = w(), r = Xt(), i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
+})), Zt = /* @__PURE__ */ o(((e, t) => {
+	var n = u(), r = Xt(), 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__ */ m(((e, t) => {
+})), Qt = /* @__PURE__ */ o(((e, t) => {
 	var n = at(), r = "Expected a function";
 	function i(e, t) {
 		if (typeof e != "function" || t != null && typeof t != "function") throw TypeError(r);
@@ -568,7 +568,7 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return a.cache = new (i.Cache || n)(), a;
 	}
 	i.Cache = n, t.exports = i;
-})), $t = /* @__PURE__ */ m(((e, t) => {
+})), $t = /* @__PURE__ */ o(((e, t) => {
 	var n = Qt(), r = 500;
 	function i(e) {
 		var t = n(e, function(e) {
@@ -577,7 +577,7 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return t;
 	}
 	t.exports = i;
-})), en = /* @__PURE__ */ m(((e, t) => {
+})), en = /* @__PURE__ */ o(((e, t) => {
 	var n = $t(), r = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, i = /\\(\\)?/g;
 	t.exports = n(function(e) {
 		var t = [];
@@ -585,8 +585,8 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 			t.push(r ? a.replace(i, "$1") : n || e);
 		}), t;
 	});
-})), tn = /* @__PURE__ */ m(((e, t) => {
-	var n = v(), r = Me(), i = w(), a = Xt(), o = Infinity, s = n ? n.prototype : void 0, c = s ? s.toString : void 0;
+})), tn = /* @__PURE__ */ o(((e, t) => {
+	var n = h(), r = Me(), i = u(), a = Xt(), o = Infinity, s = n ? n.prototype : void 0, c = s ? s.toString : void 0;
 	function l(e) {
 		if (typeof e == "string") return e;
 		if (i(e)) return r(e, l) + "";
@@ -595,25 +595,25 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return t == "0" && 1 / e == -o ? "-0" : t;
 	}
 	t.exports = l;
-})), nn = /* @__PURE__ */ m(((e, t) => {
+})), nn = /* @__PURE__ */ o(((e, t) => {
 	var n = tn();
 	function r(e) {
 		return e == null ? "" : n(e);
 	}
 	t.exports = r;
-})), rn = /* @__PURE__ */ m(((e, t) => {
-	var n = w(), r = Zt(), i = en(), a = nn();
+})), rn = /* @__PURE__ */ o(((e, t) => {
+	var n = u(), r = Zt(), i = en(), a = nn();
 	function o(e, t) {
 		return n(e) ? e : r(e, t) ? [e] : i(a(e));
 	}
 	t.exports = o;
-})), an = /* @__PURE__ */ m(((e, t) => {
+})), an = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		var t = e == null ? 0 : e.length;
 		return t ? e[t - 1] : void 0;
 	}
 	t.exports = n;
-})), on = /* @__PURE__ */ m(((e, t) => {
+})), on = /* @__PURE__ */ o(((e, t) => {
 	var n = Xt(), r = Infinity;
 	function i(e) {
 		if (typeof e == "string" || n(e)) return e;
@@ -621,7 +621,7 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return t == "0" && 1 / e == -r ? "-0" : t;
 	}
 	t.exports = i;
-})), sn = /* @__PURE__ */ m(((e, t) => {
+})), sn = /* @__PURE__ */ o(((e, t) => {
 	var n = rn(), r = on();
 	function i(e, t) {
 		t = n(t, e);
@@ -629,7 +629,7 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return i && i == a ? e : void 0;
 	}
 	t.exports = i;
-})), cn = /* @__PURE__ */ m(((e, t) => {
+})), cn = /* @__PURE__ */ o(((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,13 +637,13 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return a;
 	}
 	t.exports = n;
-})), ln = /* @__PURE__ */ m(((e, t) => {
+})), ln = /* @__PURE__ */ o(((e, t) => {
 	var n = sn(), r = cn();
 	function i(e, t) {
 		return t.length < 2 ? e : n(e, r(t, 0, -1));
 	}
 	t.exports = i;
-})), un = /* @__PURE__ */ m(((e, t) => {
+})), un = /* @__PURE__ */ o(((e, t) => {
 	var n = rn(), r = an(), i = ln(), a = on(), o = Object.prototype.hasOwnProperty;
 	function s(e, t) {
 		t = n(t, e);
@@ -657,8 +657,8 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return u == null || delete u[a(r(t))];
 	}
 	t.exports = s;
-})), dn = /* @__PURE__ */ m(((e, t) => {
-	var n = x(), r = kt(), i = _(), a = "[object Object]", o = Function.prototype, s = Object.prototype, c = o.toString, l = s.hasOwnProperty, u = c.call(Object);
+})), dn = /* @__PURE__ */ o(((e, t) => {
+	var n = v(), r = kt(), i = E(), a = "[object Object]", o = Function.prototype, s = Object.prototype, c = o.toString, l = s.hasOwnProperty, u = c.call(Object);
 	function d(e) {
 		if (!i(e) || n(e) != a) return !1;
 		var t = r(e);
@@ -667,19 +667,19 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return typeof o == "function" && o instanceof o && c.call(o) == u;
 	}
 	t.exports = d;
-})), fn = /* @__PURE__ */ m(((e, t) => {
+})), fn = /* @__PURE__ */ o(((e, t) => {
 	var n = dn();
 	function r(e) {
 		return n(e) ? void 0 : e;
 	}
 	t.exports = r;
-})), pn = /* @__PURE__ */ m(((e, t) => {
-	var n = v(), r = u(), i = w(), a = n ? n.isConcatSpreadable : void 0;
+})), pn = /* @__PURE__ */ o(((e, t) => {
+	var n = h(), r = _(), i = u(), a = n ? n.isConcatSpreadable : void 0;
 	function o(e) {
 		return i(e) || r(e) || !!(a && e && e[a]);
 	}
 	t.exports = o;
-})), mn = /* @__PURE__ */ m(((e, t) => {
+})), mn = /* @__PURE__ */ o(((e, t) => {
 	var n = Ot(), r = pn();
 	function i(e, t, a, o, s) {
 		var c = -1, l = e.length;
@@ -690,13 +690,13 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return s;
 	}
 	t.exports = i;
-})), hn = /* @__PURE__ */ m(((e, t) => {
+})), hn = /* @__PURE__ */ o(((e, t) => {
 	var n = mn();
 	function r(e) {
 		return e != null && e.length ? n(e, 1) : [];
 	}
 	t.exports = r;
-})), gn = /* @__PURE__ */ m(((e, t) => {
+})), gn = /* @__PURE__ */ o(((e, t) => {
 	function n(e, t, n) {
 		switch (n.length) {
 			case 0: return e.call(t);
@@ -707,7 +707,7 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		return e.apply(t, n);
 	}
 	t.exports = n;
-})), _n = /* @__PURE__ */ m(((e, t) => {
+})), _n = /* @__PURE__ */ o(((e, t) => {
 	var n = gn(), r = Math.max;
 	function i(e, t, i) {
 		return t = r(t === void 0 ? e.length - 1 : t, 0), function() {
@@ -718,19 +718,19 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		};
 	}
 	t.exports = i;
-})), vn = /* @__PURE__ */ m(((e, t) => {
+})), vn = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return function() {
 			return e;
 		};
 	}
 	t.exports = n;
-})), yn = /* @__PURE__ */ m(((e, t) => {
+})), yn = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return e;
 	}
 	t.exports = n;
-})), bn = /* @__PURE__ */ m(((e, t) => {
+})), bn = /* @__PURE__ */ o(((e, t) => {
 	var n = vn(), r = lt(), i = yn();
 	t.exports = r ? function(e, t) {
 		return r(e, "toString", {
@@ -740,7 +740,7 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 			writable: !0
 		});
 	} : i;
-})), xn = /* @__PURE__ */ m(((e, t) => {
+})), xn = /* @__PURE__ */ o(((e, t) => {
 	var n = 800, r = 16, i = Date.now;
 	function a(e) {
 		var t = 0, a = 0;
@@ -753,16 +753,16 @@ var Me = /* @__PURE__ */ m(((e, t) => {
 		};
 	}
 	t.exports = a;
-})), Sn = /* @__PURE__ */ m(((e, t) => {
+})), Sn = /* @__PURE__ */ o(((e, t) => {
 	var n = bn();
 	t.exports = xn()(n);
-})), Cn = /* @__PURE__ */ m(((e, t) => {
+})), Cn = /* @__PURE__ */ o(((e, t) => {
 	var n = hn(), r = _n(), i = Sn();
 	function a(e) {
 		return i(r(e, void 0, n), e + "");
 	}
 	t.exports = a;
-})), wn = /* @__PURE__ */ s((/* @__PURE__ */ m(((e, t) => {
+})), wn = /* @__PURE__ */ D((/* @__PURE__ */ o(((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;
 	t.exports = c(function(e, t) {
 		var c = {};
@@ -783,11 +783,11 @@ function Tn(e, t) {
 		return;
 	}
 	if (typeof r == "string") {
-		e.innerHTML = M(r);
+		e.innerHTML = re(r);
 		return;
 	}
 	try {
-		e.innerHTML = M(r.dirty, { ...(0, wn.default)(r, "dirty") });
+		e.innerHTML = re(r.dirty, { ...(0, wn.default)(r, "dirty") });
 		return;
 	} catch (e) {
 		throw Error("[v-ui3n-html] ", e);
@@ -811,26 +811,26 @@ var On = {
 	beforeUnmount(e) {
 		window.removeEventListener("click", e.clickOutside);
 	}
-}, kn = /* @__PURE__ */ m(((e, t) => {
-	var n = h();
+}, kn = /* @__PURE__ */ o(((e, t) => {
+	var n = m();
 	t.exports = function() {
 		return n.Date.now();
 	};
-})), An = /* @__PURE__ */ m(((e, t) => {
+})), An = /* @__PURE__ */ o(((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__ */ m(((e, t) => {
+})), jn = /* @__PURE__ */ o(((e, t) => {
 	var n = An(), r = /^\s+/;
 	function i(e) {
 		return e && e.slice(0, n(e) + 1).replace(r, "");
 	}
 	t.exports = i;
-})), Mn = /* @__PURE__ */ m(((e, t) => {
-	var n = jn(), r = p(), i = Xt(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, c = /^0o[0-7]+$/i, l = parseInt;
+})), Mn = /* @__PURE__ */ o(((e, t) => {
+	var n = jn(), r = x(), i = Xt(), 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__ */ s((/* @__PURE__ */ m(((e, t) => {
-	var n = p(), r = kn(), i = Mn(), a = "Expected a function", o = Math.max, s = Math.min;
+})), Nn = /* @__PURE__ */ D((/* @__PURE__ */ o(((e, t) => {
+	var n = x(), r = kn(), i = Mn(), 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);
@@ -947,11 +947,11 @@ function Un(e, t) {
 	if (!n) return;
 	zn && zn !== e && Hn(zn);
 	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 || {}, f = document.getElementById(n.tooltipId), p = f || document.createElement("div");
-	f || (p.id = n.tooltipId, 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), document.body.appendChild(p), n.cleanup?.(), n.cleanup = re(e, p, () => {
-		ie(e, p, {
+	f || (p.id = n.tooltipId, 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), document.body.appendChild(p), n.cleanup?.(), n.cleanup = ie(e, p, () => {
+		ae(e, p, {
 			placement: s,
 			strategy: c,
-			middleware: [ae(Bn(s, l, u))]
+			middleware: [oe(Bn(s, l, u))]
 		}).then(({ x: e, y: t }) => {
 			Object.assign(p.style, {
 				left: `${e}px`,
@@ -1050,7 +1050,7 @@ var er = {
 		y: 0
 	},
 	mounted(e, t) {
-		let n = Xn(t), r = C(e);
+		let n = Xn(t), r = l(e);
 		if (!r) return;
 		let { modifiers: i = {} } = t, a = {
 			capture: i?.capture,
@@ -1060,7 +1060,7 @@ var er = {
 		n.pointerdownEvent = (e) => Zn(t, e), n.pointerupEvent = (e) => Qn(t, e), n.pointermoveEvent = (e) => $n(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 = C(e);
+		let n = l(e);
 		if (!n) return;
 		let { modifiers: r = {} } = t, i = {
 			capture: r?.capture,
@@ -1069,12 +1069,12 @@ var er = {
 		}, a = Xn(t);
 		n.removeEventListener("pointerdown", a.pointerdownEvent, i), n.removeEventListener("pointerup", a.pointerupEvent, i), n.removeEventListener("pointermove", a.pointermoveEvent, i);
 	}
-}, tr = ["id"], nr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+}, tr = ["id"], nr = 24, rr = "var(--color-text-control-primary-default)", ir = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-chip",
 	props: {
 		id: {},
-		height: { default: 24 },
-		maxWidth: { default: 200 },
+		height: {},
+		maxWidth: {},
 		plain: {
 			type: Boolean,
 			default: !1
@@ -1087,51 +1087,39 @@ var er = {
 			type: Boolean,
 			default: !1
 		},
-		color: { default: "var(--color-bg-control-secondary-default)" },
-		textSize: { default: 10 },
-		textColor: { default: "var(--color-text-control-primary-default)" },
+		color: {},
+		textSize: {},
+		textColor: {},
 		disabled: { type: Boolean }
 	},
 	emits: ["close", "click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = xe(), a = P(() => {
+		let n = e, r = t, i = Se(), a = P(() => !!i.left), o = P(() => {
 			let e = Number(n.height);
-			return isNaN(e) ? 24 : e;
-		}), o = P(() => `${a.value}px`), s = P(() => a.value - 4), c = P(() => {
-			let e = Math.round(a.value / 3);
-			return p.value ? `0 ${e}px 0 4px` : `0 ${e}px`;
-		}), l = P(() => {
-			let e = Number(n.maxWidth);
-			return isNaN(e) ? String(n.maxWidth) : `${e}px`;
-		}), u = P(() => n.color), d = P(() => {
-			let e = Number(n.textSize);
-			return isNaN(e) ? String(n.textSize) : `${e}px`;
-		}), f = P(() => n.textColor), p = P(() => !!i.left);
+			return Number.isNaN(e) || !n.height ? nr : e;
+		}), s = P(() => o.value - 4), c = P(() => n.textColor ?? rr), l = P(() => {
+			let e = {};
+			return n.height !== void 0 && (e["--ui3n-chip-height"] = O(n.height)), n.maxWidth !== void 0 && (e["--ui3n-chip-max-width"] = O(n.maxWidth)), n.color && (e["--ui3n-chip-bg-color"] = n.color), n.textSize !== void 0 && (e["--ui3n-chip-font-size"] = O(n.textSize)), n.textColor && (e["--ui3n-chip-font-color"] = n.textColor), e;
+		});
 		return (t, n) => (G(), L("div", {
 			id: e.id,
+			"data-ui3n": "chip",
 			class: H([
 				t.$style.ui3nChip,
 				e.round && t.$style.round,
 				e.plain && t.$style.plain,
 				e.closeable && t.$style.closeable,
-				p.value && t.$style.withIcon
+				a.value && t.$style.withIcon
 			]),
-			style: U({
-				"--ui3n-chip-height": o.value,
-				"--ui3n-chip-max-width": l.value,
-				"--ui3n-chip-padding": c.value,
-				"--ui3n-chip-bg-color": u.value,
-				"--ui3n-chip-font-size": d.value,
-				"--ui3n-chip-font-color": f.value
-			}),
+			style: U(l.value),
 			onClick: n[1] ||= (e) => r("click", e)
 		}, [
 			R("div", { class: H(t.$style.ui3nChipIcon) }, [J(t.$slots, "left", {
 				size: s.value,
-				color: f.value
+				color: c.value
 			})], 2),
 			R("div", { class: H(t.$style.ui3nChipBody) }, [J(t.$slots, "default")], 2),
-			e.closeable ? (G(), F(A, {
+			e.closeable ? (G(), F(M, {
 				key: 0,
 				type: "icon",
 				size: "small",
@@ -1144,16 +1132,16 @@ var er = {
 		], 14, tr));
 	}
 }), [["__cssModules", { $style: {
-	ui3nChip: "_ui3nChip_prky3_1",
-	closeable: "_closeable_prky3_13",
-	withIcon: "_withIcon_prky3_13",
-	body: "_body_prky3_13",
-	closable: "_closable_prky3_19",
-	ui3nChipBody: "_ui3nChipBody_prky3_23",
-	ui3nChipIcon: "_ui3nChipIcon_prky3_33",
-	round: "_round_prky3_41",
-	plain: "_plain_prky3_50"
-} }]]), rr = ["name"], ir = ["width", "height"], ar = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nChip: "_ui3nChip_1l6yq_1",
+	withIcon: "_withIcon_1l6yq_17",
+	closeable: "_closeable_1l6yq_20",
+	body: "_body_1l6yq_20",
+	closable: "_closable_1l6yq_26",
+	ui3nChipBody: "_ui3nChipBody_1l6yq_30",
+	ui3nChipIcon: "_ui3nChipIcon_1l6yq_40",
+	round: "_round_1l6yq_48",
+	plain: "_plain_1l6yq_57"
+} }]]), ar = ["name"], or = ["width", "height"], sr = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-drop-files",
 	props: {
 		name: { default: void 0 },
@@ -1202,11 +1190,12 @@ var er = {
 		}
 		return t({ clear: v }), Z(() => i.name, (e) => {
 			!e && s.value && (s.value.value = "");
-		}), pe(() => {
+		}), me(() => {
 			_();
-		}), (t, n) => Te((G(), L("div", {
+		}), (t, n) => Ee((G(), L("div", {
 			ref_key: "wrapperElement",
 			ref: o,
+			"data-ui3n": "drop-files",
 			class: H([
 				t.$style.ui3nDropFiles,
 				e.permanentDisplay && t.$style.ui3nDropFilesWithBorder,
@@ -1224,7 +1213,7 @@ var er = {
 				name: e.name,
 				multiple: "",
 				hidden: ""
-			}, null, 8, rr)) : I("", !0),
+			}, null, 8, ar)) : I("", !0),
 			J(t.$slots, "default"),
 			e.permanentDisplay || l.value || u.value ? (G(), L("div", {
 				key: 1,
@@ -1244,7 +1233,7 @@ var er = {
 				}, [...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, ir))], 2),
+				}, null, -1)]], 8, or))], 2),
 				R("div", {
 					class: H(t.$style.ui3nDropFilesDropzoneAdditional),
 					onDragenter: n[0] ||= $(() => {}, ["stop", "prevent"]),
@@ -1254,14 +1243,14 @@ var er = {
 		], 34)), [[X(r), () => _()]]);
 	}
 }), [["__cssModules", { $style: {
-	ui3nDropFiles: "_ui3nDropFiles_gssdx_1",
-	ui3nDropFilesWithBorder: "_ui3nDropFilesWithBorder_gssdx_12",
-	ui3nDropFilesWithAccentBorder: "_ui3nDropFilesWithAccentBorder_gssdx_16",
-	ui3nDropFilesDropzone: "_ui3nDropFilesDropzone_gssdx_20",
-	ui3nDropFilesDropzoneTitle: "_ui3nDropFilesDropzoneTitle_gssdx_33",
-	ui3nDropFilesDropzoneIcon: "_ui3nDropFilesDropzoneIcon_gssdx_41",
-	ui3nDropFilesDropzoneAdditional: "_ui3nDropFilesDropzoneAdditional_gssdx_53"
-} }]]), or = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nDropFiles: "_ui3nDropFiles_zyij9_1",
+	ui3nDropFilesWithBorder: "_ui3nDropFilesWithBorder_zyij9_12",
+	ui3nDropFilesWithAccentBorder: "_ui3nDropFilesWithAccentBorder_zyij9_16",
+	ui3nDropFilesDropzone: "_ui3nDropFilesDropzone_zyij9_20",
+	ui3nDropFilesDropzoneTitle: "_ui3nDropFilesDropzoneTitle_zyij9_33",
+	ui3nDropFilesDropzoneIcon: "_ui3nDropFilesDropzoneIcon_zyij9_41",
+	ui3nDropFilesDropzoneAdditional: "_ui3nDropFilesDropzoneAdditional_zyij9_53"
+} }]]), cr = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-emoji",
 	props: {
 		emoji: {},
@@ -1285,17 +1274,18 @@ var er = {
 		}
 		return Z(() => n.emoji, (e) => {
 			Object.keys(ne).includes(e) || console.error(`[Ui3nEmoji] Invalid emoticon: ${e}`);
-		}, { immediate: !0 }), (t, n) => (G(), L("div", ue({
+		}, { immediate: !0 }), (t, n) => (G(), L("div", de({
 			ref_key: "emojiElement",
 			ref: i,
+			"data-ui3n": "emoji",
 			class: [t.$style.ui3nEmoji, e.readonly && t.$style.readonly],
 			style: o.value
-		}, ve(e.readonly ? {} : { click: s }, !0)), Y(a.value && a.value.value), 17));
+		}, ye(e.readonly ? {} : { click: s }, !0)), Y(a.value && a.value.value), 17));
 	}
 }), [["__cssModules", { $style: {
-	ui3nEmoji: "_ui3nEmoji_12jhb_1",
-	readonly: "_readonly_12jhb_15"
-} }]]), sr = ["id"], cr = [
+	ui3nEmoji: "_ui3nEmoji_1j0gu_1",
+	readonly: "_readonly_1j0gu_15"
+} }]]), lr = ["id"], ur = [
 	"autocomplete",
 	"type",
 	"placeholder",
@@ -1305,7 +1295,7 @@ var er = {
 	"maxlength",
 	"minlength",
 	"value"
-], lr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], dr = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-input",
 	props: {
 		id: {},
@@ -1364,7 +1354,7 @@ var er = {
 		"update:valid"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = xe(), o = K(null), s = K(""), c = K(!1), l = K(!1), u = K(""), 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 = Se(), o = K(null), s = K(""), c = K(!1), l = K(!1), u = K(""), 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;
 		}
@@ -1381,7 +1371,7 @@ var er = {
 			l.value = !0, i("focus", e);
 		}
 		function S(e) {
-			de(() => {
+			fe(() => {
 				l.value = !1, i("blur", e);
 			});
 		}
@@ -1417,7 +1407,7 @@ var er = {
 			isDirty: c,
 			isFocused: l,
 			clearValue: O
-		}), pe(() => {
+		}), me(() => {
 			s.value = r.modelValue ?? "", o.value && (i("init", o.value), r.autofocus && o.value.focus()), r.validateAtStartup && (c.value = !0, b(s.value));
 		}), Z(() => r.modelValue, (e) => {
 			let t = e ?? "";
@@ -1426,6 +1416,7 @@ var er = {
 			e || O();
 		}), (t, n) => (G(), L("div", {
 			id: e.id,
+			"data-ui3n": "input",
 			class: H([
 				t.$style.ui3nInput,
 				e.size === "large" && t.$style.large,
@@ -1471,19 +1462,19 @@ var er = {
 					onFocus: x,
 					onBlur: S,
 					onChange: C
-				}, null, 42, cr),
+				}, null, 42, ur),
 				h.value ? (G(), L("div", {
 					key: 1,
 					class: H(t.$style.appendIconSlot)
 				}, [
-					p.value ? (G(), F(j, {
+					p.value ? (G(), F(A, {
 						key: 0,
 						icon: "round-check-circle-outline",
 						size: 16,
 						color: "var(--success-content-default)",
 						class: H(t.$style.appendSlotItem)
 					}, null, 8, ["class"])) : I("", !0),
-					m.value ? (G(), F(A, {
+					m.value ? (G(), F(M, {
 						key: 1,
 						type: "icon",
 						size: "small",
@@ -1507,49 +1498,49 @@ var er = {
 					v.value && t.$style.ui3nInputSuccessMessage
 				])
 			}, Y(u.value || e.displayStateMessage), 3)) : I("", !0)
-		], 10, sr));
+		], 10, lr));
 	}
 }), [["__cssModules", { $style: {
-	ui3nInput: "_ui3nInput_dhax2_1",
-	withLabel: "_withLabel_dhax2_13",
-	large: "_large_dhax2_18",
-	withoutBottomSpace: "_withoutBottomSpace_dhax2_30",
-	inputWrapper: "_inputWrapper_dhax2_33",
-	ui3nInputField: "_ui3nInputField_dhax2_36",
-	ui3nInputLabel: "_ui3nInputLabel_dhax2_44",
-	prependIconSlot: "_prependIconSlot_dhax2_97",
-	appendIconSlot: "_appendIconSlot_dhax2_104",
-	withPrepend: "_withPrepend_dhax2_112",
-	withAppend: "_withAppend_dhax2_116",
-	appendSlotItem: "_appendSlotItem_dhax2_120",
-	ui3nInputFieldMessage: "_ui3nInputFieldMessage_dhax2_124",
-	ui3nInputErrorMessage: "_ui3nInputErrorMessage_dhax2_135",
-	ui3nInputSuccessMessage: "_ui3nInputSuccessMessage_dhax2_139",
-	error: "_error_dhax2_143",
-	success: "_success_dhax2_155",
-	disabled: "_disabled_dhax2_159"
-} }]]), ur = /* @__PURE__ */ m(((e, t) => {
-	var n = x(), r = w(), i = _(), a = "[object String]";
+	ui3nInput: "_ui3nInput_xl003_1",
+	withLabel: "_withLabel_xl003_13",
+	large: "_large_xl003_22",
+	withoutBottomSpace: "_withoutBottomSpace_xl003_35",
+	inputWrapper: "_inputWrapper_xl003_38",
+	ui3nInputField: "_ui3nInputField_xl003_41",
+	ui3nInputLabel: "_ui3nInputLabel_xl003_49",
+	prependIconSlot: "_prependIconSlot_xl003_102",
+	appendIconSlot: "_appendIconSlot_xl003_109",
+	withPrepend: "_withPrepend_xl003_117",
+	withAppend: "_withAppend_xl003_121",
+	appendSlotItem: "_appendSlotItem_xl003_125",
+	ui3nInputFieldMessage: "_ui3nInputFieldMessage_xl003_129",
+	ui3nInputErrorMessage: "_ui3nInputErrorMessage_xl003_140",
+	ui3nInputSuccessMessage: "_ui3nInputSuccessMessage_xl003_144",
+	error: "_error_xl003_148",
+	success: "_success_xl003_160",
+	disabled: "_disabled_xl003_164"
+} }]]), fr = /* @__PURE__ */ o(((e, t) => {
+	var n = v(), r = u(), i = E(), a = "[object String]";
 	function o(e) {
 		return typeof e == "string" || !r(e) && i(e) && n(e) == a;
 	}
 	t.exports = o;
-})), dr = /* @__PURE__ */ m(((e, t) => {
+})), pr = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return function(t) {
 			return t?.[e];
 		};
 	}
 	t.exports = n;
-})), fr = /* @__PURE__ */ m(((e, t) => {
-	t.exports = dr()("length");
-})), pr = /* @__PURE__ */ m(((e, t) => {
+})), mr = /* @__PURE__ */ o(((e, t) => {
+	t.exports = pr()("length");
+})), hr = /* @__PURE__ */ o(((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;
-})), mr = /* @__PURE__ */ m(((e, t) => {
+})), gr = /* @__PURE__ */ o(((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,
@@ -1566,71 +1557,71 @@ var er = {
 		return t;
 	}
 	t.exports = y;
-})), hr = /* @__PURE__ */ m(((e, t) => {
-	var n = fr(), r = pr(), i = mr();
+})), _r = /* @__PURE__ */ o(((e, t) => {
+	var n = mr(), r = hr(), i = gr();
 	function a(e) {
 		return r(e) ? i(e) : n(e);
 	}
 	t.exports = a;
-})), gr = /* @__PURE__ */ m(((t, n) => {
-	var r = f(), a = i(), o = e(), s = ur(), c = hr(), l = "[object Map]", u = "[object Set]";
-	function d(e) {
+})), vr = /* @__PURE__ */ o(((t, n) => {
+	var r = T(), i = e(), a = f(), o = fr(), s = _r(), c = "[object Map]", l = "[object Set]";
+	function u(e) {
 		if (e == null) return 0;
-		if (o(e)) return s(e) ? c(e) : e.length;
-		var t = a(e);
-		return t == l || t == u ? e.size : r(e).length;
+		if (a(e)) return o(e) ? s(e) : e.length;
+		var t = i(e);
+		return t == c || t == l ? e.size : r(e).length;
 	}
-	n.exports = d;
-})), _r = /* @__PURE__ */ m(((e, t) => {
+	n.exports = u;
+})), yr = /* @__PURE__ */ o(((e, t) => {
 	var n = cn();
 	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;
-})), vr = /* @__PURE__ */ m(((e, t) => {
+})), br = /* @__PURE__ */ o(((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;
-})), yr = /* @__PURE__ */ m(((e, t) => {
+})), xr = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return e !== e;
 	}
 	t.exports = n;
-})), br = /* @__PURE__ */ m(((e, t) => {
+})), Sr = /* @__PURE__ */ o(((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;
-})), xr = /* @__PURE__ */ m(((e, t) => {
-	var n = vr(), r = yr(), i = br();
+})), Cr = /* @__PURE__ */ o(((e, t) => {
+	var n = br(), r = xr(), i = Sr();
 	function a(e, t, a) {
 		return t === t ? i(e, t, a) : n(e, r, a);
 	}
 	t.exports = a;
-})), Sr = /* @__PURE__ */ m(((e, t) => {
-	var n = xr();
+})), wr = /* @__PURE__ */ o(((e, t) => {
+	var n = Cr();
 	function r(e, t) {
 		for (var r = e.length; r-- && n(t, e[r], 0) > -1;);
 		return r;
 	}
 	t.exports = r;
-})), Cr = /* @__PURE__ */ m(((e, t) => {
-	var n = xr();
+})), Tr = /* @__PURE__ */ o(((e, t) => {
+	var n = Cr();
 	function r(e, t) {
 		for (var r = -1, i = e.length; ++r < i && n(t, e[r], 0) > -1;);
 		return r;
 	}
 	t.exports = r;
-})), wr = /* @__PURE__ */ m(((e, t) => {
+})), Er = /* @__PURE__ */ o(((e, t) => {
 	function n(e) {
 		return e.split("");
 	}
 	t.exports = n;
-})), Tr = /* @__PURE__ */ m(((e, t) => {
+})), Dr = /* @__PURE__ */ o(((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,
@@ -1646,14 +1637,14 @@ var er = {
 		return e.match(v) || [];
 	}
 	t.exports = y;
-})), Er = /* @__PURE__ */ m(((e, t) => {
-	var n = wr(), r = pr(), i = Tr();
+})), Or = /* @__PURE__ */ o(((e, t) => {
+	var n = Er(), r = hr(), i = Dr();
 	function a(e) {
 		return r(e) ? i(e) : n(e);
 	}
 	t.exports = a;
-})), Dr = /* @__PURE__ */ m(((e, t) => {
-	var n = tn(), r = jn(), i = _r(), a = Sr(), o = Cr(), s = Er(), c = nn();
+})), kr = /* @__PURE__ */ o(((e, t) => {
+	var n = tn(), r = jn(), i = yr(), a = wr(), o = Tr(), s = Or(), c = nn();
 	function l(e, t, l) {
 		if (e = c(e), e && (l || t === void 0)) return r(e);
 		if (!e || !(t = n(t))) return e;
@@ -1661,13 +1652,13 @@ var er = {
 		return i(u, o(u, d), a(u, d) + 1).join("");
 	}
 	t.exports = l;
-})), Or = /* @__PURE__ */ s(gr(), 1), kr = /* @__PURE__ */ s(an(), 1), Ar = /* @__PURE__ */ s(Dr(), 1), jr = ["for"], Mr = [
+})), Ar = /* @__PURE__ */ D(vr(), 1), jr = /* @__PURE__ */ D(an(), 1), Mr = /* @__PURE__ */ D(kr(), 1), Nr = ["for"], Pr = [
 	"id",
 	"name",
 	"multiple",
 	"accept",
 	"disabled"
-], Nr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Fr = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-input-file",
 	props: {
 		id: {},
@@ -1683,50 +1674,53 @@ var er = {
 	emits: ["update:modelValue", "error"],
 	setup(e, { expose: t, emit: n }) {
 		let i = e, a = n, o = i.id || r(4), s = K(null);
-		function c(e) {
+		function l(e) {
 			i.disabled || (e.stopImmediatePropagation(), s.value?.click());
 		}
-		function l(e) {
+		function u(e) {
 			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 ${O(i.maxFileSize)}`), !1) : !0;
+			return n > i.maxFileSize ? (a("error", `The [${t}] file is too big. Maximum file size ${c(i.maxFileSize)}`), !1) : !0;
 		}
-		function u(e) {
+		function d(e) {
 			if (!e) return !1;
-			let { name: t } = e, n = `.${(0, kr.default)(t.split("."))}`.toLowerCase(), r = i.allowedFileTypes.split(",").map((e) => (0, Ar.default)(e).toLowerCase()), o = r.includes("*") || r.includes(n);
+			let { name: t } = e, n = `.${(0, jr.default)(t.split("."))}`.toLowerCase(), r = i.allowedFileTypes.split(",").map((e) => (0, Mr.default)(e).toLowerCase()), o = r.includes("*") || r.includes(n);
 			return o || a("error", `The [${t}] file type is not valid.`), o;
 		}
-		function d(e) {
+		function f(e) {
 			if (!e) return !1;
 			let { name: t } = e, n = [...i.modelValue].find((e) => e.name === t);
 			return n && a("error", `The [${t}] file has already been downloaded.`), !n;
 		}
-		function f(e = []) {
+		function p(e = []) {
 			if (!i.maxNumberOfFiles) return !0;
-			let t = (0, Or.default)(i.modelValue) + (0, Or.default)(e) <= Number(i.maxNumberOfFiles);
+			let t = (0, Ar.default)(i.modelValue) + (0, Ar.default)(e) <= Number(i.maxNumberOfFiles);
 			return t || a("error", `You cannot select more than ${i.maxNumberOfFiles} files.`), t;
 		}
-		function p(e) {
-			if ((0, Or.default)(e)) {
-				if (!f(e)) return;
-				let t = e.filter((e) => d(e)).filter((e) => l(e)).filter((e) => u(e));
-				(0, Or.default)(t) > 0 && a("update:modelValue", [...i.modelValue, ...t]);
+		function m(e) {
+			if ((0, Ar.default)(e)) {
+				if (!p(e)) return;
+				let t = e.filter((e) => f(e)).filter((e) => u(e)).filter((e) => d(e));
+				(0, Ar.default)(t) > 0 && a("update:modelValue", [...i.modelValue, ...t]);
 			}
 		}
-		function m() {
-			s.value && s.value.files && p([...s.value.files]), s.value && (s.value.value = "");
-		}
 		function h() {
+			s.value && s.value.files && m([...s.value.files]), s.value && (s.value.value = "");
+		}
+		function g() {
 			s.value && (s.value.value = ""), a("update:modelValue", []);
 		}
-		return t({ clear: h }), Z(() => i.name, (e) => {
-			e || h();
-		}), (t, n) => (G(), L("div", { class: H(t.$style.ui3nInputFile) }, [R("label", {
+		return t({ clear: g }), Z(() => i.name, (e) => {
+			e || g();
+		}), (t, n) => (G(), L("div", {
+			"data-ui3n": "input-file",
+			class: H(t.$style.ui3nInputFile)
+		}, [R("label", {
 			for: X(o),
 			class: H([t.$style.label, e.disabled && t.$style.disabled]),
-			onClick: $(c, ["stop", "prevent"])
-		}, [J(t.$slots, "default", {}, () => [z(Y(e.buttonText), 1)])], 10, jr), R("input", {
+			onClick: $(l, ["stop", "prevent"])
+		}, [J(t.$slots, "default", {}, () => [z(Y(e.buttonText), 1)])], 10, Nr), R("input", {
 			id: X(o),
 			ref_key: "fileInput",
 			ref: s,
@@ -1736,14 +1730,14 @@ var er = {
 			multiple: e.multiple,
 			accept: e.allowedFileTypes,
 			disabled: e.disabled,
-			onChange: m
-		}, null, 40, Mr)], 2));
+			onChange: h
+		}, null, 40, Pr)], 2));
 	}
 }), [["__cssModules", { $style: {
-	ui3nInputFile: "_ui3nInputFile_1vxog_1",
-	label: "_label_1vxog_8",
-	disabled: "_disabled_1vxog_19"
-} }]]), Pr = ["id"], Fr = [
+	ui3nInputFile: "_ui3nInputFile_stphg_1",
+	label: "_label_stphg_8",
+	disabled: "_disabled_stphg_19"
+} }]]), Ir = ["id"], Lr = [
 	"value",
 	"name",
 	"placeholder",
@@ -1751,7 +1745,7 @@ var er = {
 	"rows",
 	"max-rows",
 	"disabled"
-], Ir = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Rr = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-text",
 	props: {
 		id: {},
@@ -1783,58 +1777,59 @@ var er = {
 		"update:modelValue",
 		"update:valid"
 	],
-	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = K(null), s = K(""), c = K(!1), l = K(!1), u = K("");
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = r, o = K(null), s = K(""), c = K(!1), l = K(!1), u = K("");
 		function d(e, t = !1) {
-			if (u.value = "", r.rules && r.rules.length) {
-				for (let t of r.rules) if (typeof t == "function") {
+			if (u.value = "", i.rules && i.rules.length) {
+				for (let t of i.rules) if (typeof t == "function") {
 					let n = t(e);
 					typeof n == "string" && (u.value += n);
 				}
 			}
-			(c.value || t || r.validateAtStartup) && i("update:valid", !u.value);
+			(c.value || t || i.validateAtStartup) && a("update:valid", !u.value);
 		}
 		function f(e) {
-			l.value = !0, i("focus", e);
+			l.value = !0, a("focus", e);
 		}
 		function p(e) {
 			let t = e.target.value;
-			d(t), i("update:modelValue", t), i("change", t), setTimeout(() => {
-				l.value = !1, i("blur", e);
+			d(t), a("update:modelValue", t), a("change", t), setTimeout(() => {
+				l.value = !1, a("blur", e);
 			}, 50);
 		}
 		function m(e) {
 			let t = e.target.value;
-			s.value = t, c.value = !0, d(t), i("update:modelValue", t), i("input", t);
+			s.value = t, c.value = !0, d(t), a("update:modelValue", t), a("input", t);
 		}
 		function h(e) {
-			let { altKey: t, ctrlKey: n, shiftKey: r, metaKey: a, target: o } = e, s = o.value;
-			c.value = !0, d(s), i("update:modelValue", s), i("enter", {
+			let { altKey: t, ctrlKey: n, shiftKey: r, metaKey: i, target: o } = e, s = o.value;
+			c.value = !0, d(s), a("update:modelValue", s), a("enter", {
 				value: s,
 				altKey: t,
 				ctrlKey: n,
 				shiftKey: r,
-				metaKey: a
+				metaKey: i
 			});
 		}
 		function g(e) {
 			let t = e.target.value;
-			c.value = !0, d(t), i("update:modelValue", t), i("escape", e);
+			c.value = !0, d(t), a("update:modelValue", t), a("escape", e);
 		}
 		function _(e) {
-			i("keydown", e);
+			a("keydown", e);
 		}
 		function v() {
-			s.value = "", u.value = "", c.value = !1, a.value && (a.value.value = ""), i("update:modelValue", ""), i("input", ""), i("change", ""), i("update:valid", !0);
+			s.value = "", u.value = "", c.value = !1, o.value && (o.value.value = ""), a("update:modelValue", ""), a("input", ""), a("change", ""), a("update:valid", !0);
 		}
-		return t({ clear: v }), pe(() => {
-			a.value && (o(a.value), i("init", a.value)), r.validateAtStartup && d(s.value);
-		}), Z(() => r.name, (e) => {
+		return n({ clear: v }), me(() => {
+			o.value && (t(o.value), a("init", o.value)), i.validateAtStartup && d(s.value);
+		}), Z(() => i.name, (e) => {
 			e || v();
-		}), Z(() => r.modelValue, (e, t) => {
-			(e ?? "") !== (t ?? "") && (s.value = e ?? "", d(s.value, c.value || r.validateAtStartup));
+		}), Z(() => i.modelValue, (e, t) => {
+			(e ?? "") !== (t ?? "") && (s.value = e ?? "", d(s.value, c.value || i.validateAtStartup));
 		}, { immediate: !0 }), (t, n) => (G(), L("div", {
 			id: e.id,
+			"data-ui3n": "text",
 			class: H([
 				t.$style.ui3nText,
 				e.disabled && t.$style.disabled,
@@ -1846,9 +1841,9 @@ var er = {
 				key: 0,
 				class: H(t.$style.label)
 			}, Y(e.label), 3)) : I("", !0),
-			R("div", { class: H(t.$style.body) }, [R("textarea", ue({
+			R("div", { class: H(t.$style.body) }, [R("textarea", de({
 				ref_key: "textareaElement",
-				ref: a,
+				ref: o,
 				class: t.$style.content,
 				value: s.value,
 				name: e.name,
@@ -1866,29 +1861,29 @@ var er = {
 				],
 				onFocusin: f,
 				onFocusout: p
-			}), null, 16, Fr)], 2),
+			}), null, 16, Lr)], 2),
 			u.value ? (G(), L("div", {
 				key: 1,
 				class: H(t.$style.errorBlock)
 			}, Y(u.value), 3)) : I("", !0)
-		], 10, Pr));
+		], 10, Ir));
 	}
 }), [["__cssModules", { $style: {
-	ui3nText: "_ui3nText_l3lec_1",
-	label: "_label_l3lec_13",
-	body: "_body_l3lec_23",
-	content: "_content_l3lec_34",
-	disabled: "_disabled_l3lec_69",
-	focused: "_focused_l3lec_81",
-	hasError: "_hasError_l3lec_89",
-	errorBlock: "_errorBlock_l3lec_93"
-} }]]), Lr = ["id"], Rr = [
+	ui3nText: "_ui3nText_1mz1m_1",
+	label: "_label_1mz1m_13",
+	body: "_body_1mz1m_23",
+	content: "_content_1mz1m_34",
+	disabled: "_disabled_1mz1m_69",
+	focused: "_focused_1mz1m_81",
+	hasError: "_hasError_1mz1m_89",
+	errorBlock: "_errorBlock_1mz1m_93"
+} }]]), zr = ["id"], Br = [
 	"name",
 	"id",
 	"disabled",
 	"checked",
 	"value"
-], zr = ["tabindex"], Br = ["width", "height"], Vr = ["width", "height"], Hr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Vr = ["tabindex"], Hr = ["width", "height"], Ur = ["width", "height"], Wr = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-checkbox",
 	props: {
 		id: {},
@@ -1930,36 +1925,37 @@ var er = {
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = ee, i = e, a = n, o = xe(), s = ye(), c = K(null), u = K(i.modelValue), d = K(i.indeterminate), f = P(() => d.value ? "indeterminate" : u.value === i.checkedValue ? "checked" : "unchecked"), p = P(() => typeof u.value == "boolean" ? u.value ? "on" : "" : String(u.value)), m = P(() => {
+		let r = j, i = e, a = n, o = Se(), s = be(), c = K(null), l = K(i.modelValue), u = K(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;
-		}), h = P(() => ({
-			"--ui3n-checkbox-size": l(i.size),
+		}), m = P(() => ({
+			"--ui3n-checkbox-size": O(i.size),
 			"--ui3n-checkbox-color": i.color
-		})), g = P(() => {
+		})), h = P(() => {
 			let e = [s.ui3nCheckbox];
 			return i.disabled && e.push(s.disabled), !o.default && e.push(s.noLabel), e;
-		}), _ = P(() => {
+		}), g = P(() => {
 			let e = [s.ui3nCheckboxBody];
-			return f.value === "unchecked" ? e.push(s.unfilled) : e.push(s.filled), e;
+			return d.value === "unchecked" ? e.push(s.unfilled) : e.push(s.filled), e;
 		});
-		function v(e) {
-			e.preventDefault(), u.value = f.value === "unchecked" ? i.checkedValue : i.uncheckedValue, d.value &&= !1, a("change", u.value), a("update:modelValue", u.value);
+		function _(e) {
+			e.preventDefault(), l.value = d.value === "unchecked" ? i.checkedValue : i.uncheckedValue, u.value &&= !1, a("change", l.value), a("update:modelValue", l.value);
 		}
-		function y() {
-			u.value = i.uncheckedValue, d.value = !1, a("change", u.value), a("update:modelValue", u.value);
+		function v() {
+			l.value = i.uncheckedValue, u.value = !1, a("change", l.value), a("update:modelValue", l.value);
 		}
-		return t({ clear: y }), Z(() => i.name, (e) => {
-			e || y();
-		}), Z(() => i.modelValue, (e) => u.value = e), Z(() => i.indeterminate, (e) => d.value = e), fe(() => {
+		return t({ clear: v }), Z(() => i.name, (e) => {
+			e || v();
+		}), Z(() => i.modelValue, (e) => l.value = e), Z(() => i.indeterminate, (e) => u.value = e), W(() => {
 			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) => (G(), L("div", {
 			ref_key: "checkboxEl",
 			ref: c,
 			id: e.id,
-			class: H(g.value),
-			style: U(h.value)
+			"data-ui3n": "checkbox",
+			class: H(h.value),
+			style: U(m.value)
 		}, [
 			R("input", {
 				type: "checkbox",
@@ -1967,18 +1963,18 @@ var er = {
 				name: e.name,
 				id: e.id ? `${e.id}-native` : void 0,
 				disabled: e.disabled,
-				checked: f.value !== "unchecked",
-				value: p.value
-			}, null, 8, Rr),
-			Te((G(), L("div", {
-				class: H(_.value),
+				checked: d.value !== "unchecked",
+				value: f.value
+			}, null, 8, Br),
+			Ee((G(), L("div", {
+				class: H(g.value),
 				tabindex: e.disabled ? -1 : 0,
-				onKeydown: [Q(v, ["space"]), Q(v, ["enter"])],
-				onClick: v
-			}, [f.value === "checked" ? (G(), L("svg", {
+				onKeydown: [Q(_, ["space"]), Q(_, ["enter"])],
+				onClick: _
+			}, [d.value === "checked" ? (G(), L("svg", {
 				key: 0,
-				width: m.value,
-				height: m.value,
+				width: p.value,
+				height: p.value,
 				viewBox: "0 0 24 24",
 				fill: "none",
 				class: H(t.$style.ui3nCheckboxIcon)
@@ -1988,10 +1984,10 @@ var er = {
 				"stroke-width": "3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 10, Br)) : I("", !0), f.value === "indeterminate" ? (G(), L("svg", {
+			})], -1)]], 10, Hr)) : I("", !0), d.value === "indeterminate" ? (G(), L("svg", {
 				key: 1,
-				width: m.value,
-				height: m.value,
+				width: p.value,
+				height: p.value,
 				viewBox: "0 0 24 24",
 				fill: "none",
 				class: H(t.$style.ui3nCheckboxIcon)
@@ -2001,23 +1997,23 @@ var er = {
 				"stroke-width": "3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 10, Vr)) : I("", !0)], 42, zr)), [[X(r)]]),
+			})], -1)]], 10, Ur)) : I("", !0)], 42, Vr)), [[X(r)]]),
 			R("div", {
 				class: H(t.$style.ui3nCheckboxLabel),
-				onClick: v
+				onClick: _
 			}, [J(t.$slots, "default")], 2)
-		], 14, Lr));
+		], 14, zr));
 	}
 }), [["__cssModules", { $style: {
-	ui3nCheckbox: "_ui3nCheckbox_19qlw_1",
-	noLabel: "_noLabel_19qlw_15",
-	ui3nCheckboxBody: "_ui3nCheckboxBody_19qlw_19",
-	filled: "_filled_19qlw_35",
-	unfilled: "_unfilled_19qlw_43",
-	ui3nCheckboxIcon: "_ui3nCheckboxIcon_19qlw_48",
-	ui3nCheckboxLabel: "_ui3nCheckboxLabel_19qlw_52",
-	disabled: "_disabled_19qlw_60"
-} }]]), Ur = /* @__PURE__ */ V({
+	ui3nCheckbox: "_ui3nCheckbox_1pbzt_1",
+	noLabel: "_noLabel_1pbzt_15",
+	ui3nCheckboxBody: "_ui3nCheckboxBody_1pbzt_19",
+	filled: "_filled_1pbzt_35",
+	unfilled: "_unfilled_1pbzt_43",
+	ui3nCheckboxIcon: "_ui3nCheckboxIcon_1pbzt_48",
+	ui3nCheckboxLabel: "_ui3nCheckboxLabel_1pbzt_52",
+	disabled: "_disabled_1pbzt_60"
+} }]]), Gr = /* @__PURE__ */ V({
 	__name: "ui3n-table-sort-icon",
 	props: {
 		size: { default: 16 },
@@ -2029,11 +2025,11 @@ var er = {
 			let e = Number(t.size);
 			return isNaN(e) ? 16 : e;
 		});
-		return (t, i) => (G(), F(se, {
+		return (t, i) => (G(), F(ce, {
 			mode: "out-in",
 			name: "fade"
 		}, {
-			default: we(() => [(G(), F(j, {
+			default: Te(() => [(G(), F(A, {
 				key: n.value,
 				icon: n.value,
 				size: r.value,
@@ -2046,33 +2042,33 @@ var er = {
 			_: 1
 		}));
 	}
-}), Wr = /* @__PURE__ */ m(((e, t) => {
+}), Kr = /* @__PURE__ */ o(((e, t) => {
 	var n = sn();
 	function r(e, t, r) {
 		var i = e == null ? void 0 : n(e, t);
 		return i === void 0 ? r : i;
 	}
 	t.exports = r;
-})), Gr = /* @__PURE__ */ m(((e, t) => {
+})), qr = /* @__PURE__ */ o(((e, t) => {
 	var n = Yt(), r = 1, i = 4;
 	function a(e) {
 		return n(e, r | i);
 	}
 	t.exports = a;
-})), Kr = /* @__PURE__ */ s(Wr(), 1), qr = /* @__PURE__ */ s(t(), 1), Jr = /* @__PURE__ */ s(Gr(), 1), Yr = /^-?\d+(\.\d+)?(px|rem|em|ch|ex|cm|mm|in|pt|pc)$/i;
-function Xr(e) {
-	return !e || typeof e != "string" ? !1 : Yr.test(e.trim());
+})), Jr = /* @__PURE__ */ D(Kr(), 1), Yr = /* @__PURE__ */ D(i(), 1), Xr = /* @__PURE__ */ D(qr(), 1), Zr = /^-?\d+(\.\d+)?(px|rem|em|ch|ex|cm|mm|in|pt|pc)$/i;
+function Qr(e) {
+	return !e || typeof e != "string" ? !1 : Zr.test(e.trim());
 }
-function Zr(e, t, n) {
+function $r(e, t, n) {
 	let r = K(null), i = K({
 		sortOrder: S(),
 		fieldAsRowKey: x()
-	}), a = i.value?.fieldAsRowKey ? K([]) : K(/* @__PURE__ */ new Set()), o = K(!1), s = K(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, Or.default)(a.value) : a.value.size), p = P(() => e.config?.selectable === "multiple" && o.value);
+	}), a = i.value?.fieldAsRowKey ? K([]) : K(/* @__PURE__ */ new Set()), o = K(!1), s = K(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, Ar.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, Kr.default)(t, [e.key, "width"], "");
-			Xr(r) || n.push({
+			let r = (0, Jr.default)(t, [e.key, "width"], "");
+			Qr(r) || n.push({
 				key: String(e.key),
 				width: r || "(missing)"
 			});
@@ -2089,7 +2085,7 @@ function Zr(e, t, n) {
 	}), _ = 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, Kr.default)(n, [e.key, "width"], "0px").trim()), i = [];
+		let { columnStyle: n } = e.config ?? {}, r = u.value.slice(0, t).map((e) => (0, Jr.default)(n, [e.key, "width"], "0px").trim()), i = [];
 		for (let e = 0; e < t; e++) {
 			if (e === 0) {
 				i.push("0px");
@@ -2106,18 +2102,18 @@ function Zr(e, t, n) {
 		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, Kr.default)(i, [t, "width"]) : (0, Kr.default)(i, [t, "width"], "1fr");
+			let r = o ? (0, Jr.default)(i, [t, "width"]) : (0, Jr.default)(i, [t, "width"], "1fr");
 			return e = n === 0 ? `${r}` : `${e} ${r}`, e;
 		}, "");
 	}), 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, Kr.default)(n, ["content", 0], {})) return r;
-		if ("id" in (0, Kr.default)(n, ["content", 0], {})) return "id";
+		if (r && r in (0, Jr.default)(n, ["content", 0], {})) return r;
+		if ("id" in (0, Jr.default)(n, ["content", 0], {})) return "id";
 	}
 	function S() {
 		let { config: t = {}, head: n } = e, { sortOrder: r } = t;
-		if (!(0, qr.default)(r)) return (0, Jr.default)(r);
+		if (!(0, Yr.default)(r)) return (0, Xr.default)(r);
 		for (let e of n) {
 			let { key: t, sortable: n } = e;
 			if (n) return {
@@ -2134,16 +2130,16 @@ function Zr(e, t, n) {
 		return l.value ? !!a.value.find((t) => t === e[i.value.fieldAsRowKey]) : a.value.has(e);
 	}
 	function T(t) {
-		if ((0, qr.default)(e.body.rowsStyle) || !l.value) return {};
+		if ((0, Yr.default)(e.body.rowsStyle) || !l.value) return {};
 		let n = t[i.value.fieldAsRowKey];
-		return (0, Kr.default)(e, [
+		return (0, Jr.default)(e, [
 			"body",
 			"rowsStyle",
 			n
 		], {});
 	}
 	function E() {
-		o.value = !1, k(!1);
+		o.value = !1, A(!1);
 	}
 	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));
@@ -2156,18 +2152,18 @@ function Zr(e, t, n) {
 		}
 		else l.value ? a.value.push(e[i.value.fieldAsRowKey]) : a.value.add(e);
 	}
-	function ee(n, r) {
+	function k(n, r) {
 		let { selectable: i } = e.config;
 		i === "single" ? D(n) : O(n), r || t("select:row", d.value);
 	}
-	function k(n) {
+	function A(n) {
 		if (e.config.selectable === "multiple") {
-			if (n) for (let t of e.body.content) w(t) || ee(t, !0);
+			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 A(e) {
+	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"
@@ -2176,11 +2172,11 @@ function Zr(e, t, n) {
 	function j() {
 		l.value ? a.value = [] : a.value.clear(), o.value = !1, t("select:row", []);
 	}
-	function te() {
+	function M() {
 		c?.disconnect(), c = null;
 	}
-	function ne() {
-		te();
+	function te() {
+		M();
 		let e = n?.value ?? r.value;
 		if (!e || !_.value) {
 			s.value = null;
@@ -2200,7 +2196,7 @@ function Zr(e, t, n) {
 		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, Kr.default)(e.config?.columnStyle, [t.key, "width"], "")}`).join("\0")
+		widths: u.value.map((t) => `${String(t.key)}=${(0, Jr.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);
@@ -2213,11 +2209,11 @@ function Zr(e, t, n) {
 		r,
 		_,
 		n
-	], ne, {
+	], te, {
 		immediate: !0,
 		flush: "post"
-	}), W(() => {
-		te();
+	}), pe(() => {
+		M();
 	}), {
 		tableEl: r,
 		tableColumnWidth: y,
@@ -2237,39 +2233,25 @@ function Zr(e, t, n) {
 		getRowKey: C,
 		isRowSelected: w,
 		getRowStyle: T,
-		processSelection: ee,
-		toggleSelectedRows: k,
-		changeSortOrder: A,
+		processSelection: k,
+		toggleSelectedRows: A,
+		changeSortOrder: ee,
 		clear: j
 	};
 }
 //#endregion
 //#region src/components/ui3n-scrollbar/ui3n-scrollbar.vue?vue&type=script&setup=true&lang.ts
-var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
+var ei = 2, ti = 2, ni = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__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"
+			thumbHeight: "auto"
 		}) },
 		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"
+			thumbWidth: "auto"
 		}) },
 		autoUpdate: {
 			type: Boolean,
@@ -2282,18 +2264,18 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		"scroll:horizontal"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = K(null), o = K(null), s = K(null), c = K(null), l = K(null), u = P(() => r.axes ?? "both"), d = P(() => r.vertical ?? {}), f = P(() => r.horizontal ?? {}), p = K(0), m = K(0), h = K(0), g = K(0), _ = K(0), v = K(0), y = K(0), b = K(0), x = K(!1), S = K(!1), C = K(!1), w = K(!1), T = null, E, D = 0, O = 0, ee = 0, k = 0, A = P(() => g.value > _.value), j = P(() => p.value > m.value), te = P(() => S.value ? !0 : A.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 && A.value && j.value), ae = P(() => {
+		let r = e, i = n, a = K(null), o = K(null), s = K(null), c = K(null), l = K(null), u = P(() => r.axes ?? "both"), d = P(() => r.vertical ?? {}), f = P(() => r.horizontal ?? {}), p = K(0), m = K(0), h = K(0), g = K(0), _ = K(0), v = K(0), y = K(0), b = K(0), x = K(!1), S = K(!1), C = K(!1), w = K(!1), T = null, E, D = 0, k = 0, A = 0, ee = 0, j = P(() => g.value > _.value), M = P(() => p.value > m.value), te = P(() => S.value ? !0 : j.value && (C.value || w.value)), ne = P(() => x.value ? !0 : M.value && (C.value || w.value)), re = P(() => u.value === "vertical" || u.value === "both"), ie = P(() => u.value === "horizontal" || u.value === "both"), ae = P(() => re.value && ie.value && j.value && M.value), oe = P(() => {
 			let e = Number(d.value.trackWidth ?? 6);
 			return isNaN(e) ? 6 : e;
 		}), N = P(() => {
 			let e = Number(f.value.trackHeight ?? 6);
 			return isNaN(e) ? 6 : e;
-		}), oe = P(() => {
+		}), se = 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(() => Qr + oe.value), ce = P(() => ie.value ? Qr + N.value + $r : Qr), F = P(() => ie.value ? Qr + ae.value + $r : Qr), z = P(() => Math.max(0, m.value - se.value - ce.value)), B = P(() => Math.max(0, _.value - F.value - Qr)), V = P(() => {
+		}), ce = P(() => ei + se.value), le = P(() => ae.value ? ei + N.value + ti : ei), F = P(() => ae.value ? ei + oe.value + ti : ei), z = P(() => Math.max(0, m.value - ce.value - le.value)), B = P(() => Math.max(0, _.value - F.value - ei)), V = P(() => {
 			if (!p.value || !z.value) return 0;
 			let e = d.value.thumbHeight, t = Number(d.value.thumbMinHeight ?? 32);
 			if (e && e !== "auto") {
@@ -2302,7 +2284,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 			let n = m.value / p.value, r = z.value * n;
 			return Math.min(z.value, Math.max(t, r));
-		}), le = P(() => {
+		}), ue = P(() => {
 			if (!g.value || !B.value) return 0;
 			let e = f.value.thumbWidth, t = Number(f.value.thumbMinWidth ?? 32);
 			if (e && e !== "auto") {
@@ -2311,38 +2293,23 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 			let n = _.value / g.value, r = B.value * n;
 			return Math.min(B.value, Math.max(t, r));
-		}), ue = P(() => {
+		}), 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 - V.value);
 			return !e || !t ? 0 : h.value / e * t;
-		}), de = P(() => {
+		}), fe = P(() => {
 			if (!g.value || g.value === _.value || !B.value) return 0;
-			let e = g.value - _.value, t = Math.max(0, B.value - le.value);
+			let e = g.value - _.value, t = Math.max(0, B.value - ue.value);
 			return !e || !t ? 0 : v.value / e * t;
-		}), fe = P(() => {
-			let e = Number(d.value.trackRadius);
-			return isNaN(e) ? String(d.value.trackRadius ?? 4) : `${e}px`;
-		}), me = P(() => d.value.trackColor ?? "transparent"), he = P(() => {
-			let e = Number(d.value.thumbRadius);
-			return isNaN(e) ? String(d.value.thumbRadius ?? 4) : `${e}px`;
-		}), q = P(() => d.value.thumbColor ?? "var(--color-bg-control-accent-default)"), ge = P(() => d.value.thumbHoverColor ?? "var(--color-bg-control-accent-hover)"), _e = P(() => d.value.thumbActiveColor ?? "var(--color-bg-control-accent-focused)"), Y = P(() => {
-			let e = Number(d.value.trackWidth);
-			return isNaN(e) ? String(d.value.trackWidth ?? 6) : `${e}px`;
-		}), ve = P(() => {
-			let e = Number(f.value.trackRadius);
-			return isNaN(e) ? String(f.value.trackRadius ?? 4) : `${e}px`;
-		}), X = P(() => f.value.trackColor ?? "transparent"), ye = P(() => {
-			let e = Number(f.value.thumbRadius);
-			return isNaN(e) ? String(f.value.thumbRadius ?? 4) : `${e}px`;
-		}), be = P(() => f.value.thumbColor ?? "var(--color-bg-control-accent-default)"), xe = P(() => f.value.thumbHoverColor ?? "var(--color-bg-control-accent-hover)"), Se = P(() => f.value.thumbActiveColor ?? "var(--color-bg-control-accent-focused)"), Ce = P(() => {
-			let e = Number(f.value.trackHeight);
-			return isNaN(e) ? String(f.value.trackHeight ?? 6) : `${e}px`;
+		}), W = P(() => {
+			let e = {};
+			return d.value.trackRadius !== void 0 && (e["--ui3n-scrollbar-vertical-track-radius"] = O(d.value.trackRadius)), d.value.trackColor && (e["--ui3n-scrollbar-vertical-track-color"] = d.value.trackColor), d.value.thumbRadius !== void 0 && (e["--ui3n-scrollbar-vertical-thumb-radius"] = O(d.value.thumbRadius)), d.value.thumbColor && (e["--ui3n-scrollbar-vertical-thumb-color"] = d.value.thumbColor), d.value.thumbHoverColor && (e["--ui3n-scrollbar-vertical-thumb-hover-color"] = d.value.thumbHoverColor), d.value.thumbActiveColor && (e["--ui3n-scrollbar-vertical-thumb-active-color"] = d.value.thumbActiveColor), d.value.trackWidth !== void 0 && (e["--ui3n-scrollbar-vertical-track-width"] = O(d.value.trackWidth)), f.value.trackRadius !== void 0 && (e["--ui3n-scrollbar-horizontal-track-radius"] = O(f.value.trackRadius)), f.value.trackColor && (e["--ui3n-scrollbar-horizontal-track-color"] = f.value.trackColor), f.value.thumbRadius !== void 0 && (e["--ui3n-scrollbar-horizontal-thumb-radius"] = O(f.value.thumbRadius)), f.value.thumbColor && (e["--ui3n-scrollbar-horizontal-thumb-color"] = f.value.thumbColor), f.value.thumbHoverColor && (e["--ui3n-scrollbar-horizontal-thumb-hover-color"] = f.value.thumbHoverColor), f.value.thumbActiveColor && (e["--ui3n-scrollbar-horizontal-thumb-active-color"] = f.value.thumbActiveColor), f.value.trackHeight !== void 0 && (e["--ui3n-scrollbar-horizontal-track-height"] = O(f.value.trackHeight)), e;
 		});
-		function Z() {
+		function he() {
 			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) {
+		function ge(e) {
 			let t = {
 				event: e,
 				scrollTop: h.value,
@@ -2350,12 +2317,12 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			};
 			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 Te(e) {
-			x.value || (h.value = e.target.scrollTop), S.value || (v.value = e.target.scrollLeft), w.value = !0, clearTimeout(E), we(e), E = setTimeout(() => {
+		function q(e) {
+			x.value || (h.value = e.target.scrollTop), S.value || (v.value = e.target.scrollLeft), w.value = !0, clearTimeout(E), ge(e), E = setTimeout(() => {
 				w.value = !1;
 			}, 1500);
 		}
-		function Q(e) {
+		function _e(e) {
 			if (e.target !== o.value || !a.value || !o.value) return;
 			let t = o.value.getBoundingClientRect(), n = e.clientY - t.top - V.value / 2, r = p.value - m.value, i = Math.max(0, z.value - V.value);
 			if (!i || !r) return;
@@ -2365,9 +2332,9 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				behavior: "smooth"
 			});
 		}
-		function $(e) {
+		function ve(e) {
 			if (e.target !== s.value || !a.value || !s.value) return;
-			let t = s.value.getBoundingClientRect(), n = e.clientX - t.left - le.value / 2, r = g.value - _.value, i = Math.max(0, B.value - le.value);
+			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({
@@ -2375,40 +2342,40 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				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 Y(e) {
+			!c.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), c.value.setPointerCapture(e.pointerId), x.value = !0, D = e.clientY, k = h.value, document.body.style.userSelect = "none", c.value.addEventListener("pointermove", ye), c.value.addEventListener("pointerup", X), c.value.addEventListener("pointercancel", X));
 		}
-		function De(e) {
+		function ye(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 - V.value);
 			if (!r || !n) return;
 			let i = t / r * n;
-			a.value.scrollTop = O + i, h.value = a.value.scrollTop;
+			a.value.scrollTop = k + 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 X() {
+			x.value && (x.value = !1, document.body.style.userSelect = "", c.value && (c.value.removeEventListener("pointermove", ye), c.value.removeEventListener("pointerup", X), c.value.removeEventListener("pointercancel", X)));
 		}
-		function ke(e) {
-			!l.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), l.value.setPointerCapture(e.pointerId), S.value = !0, ee = e.clientX, k = v.value, document.body.style.userSelect = "none", l.value.addEventListener("pointermove", Ae), l.value.addEventListener("pointerup", je), l.value.addEventListener("pointercancel", je));
+		function be(e) {
+			!l.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), l.value.setPointerCapture(e.pointerId), S.value = !0, A = e.clientX, ee = v.value, document.body.style.userSelect = "none", l.value.addEventListener("pointermove", xe), l.value.addEventListener("pointerup", Se), l.value.addEventListener("pointercancel", Se));
 		}
-		function Ae(e) {
+		function xe(e) {
 			if (!S.value || !a.value || !s.value) return;
-			let t = e.clientX - ee, n = g.value - _.value, r = Math.max(0, B.value - le.value);
+			let t = e.clientX - A, n = g.value - _.value, r = Math.max(0, B.value - ue.value);
 			if (!r || !n) return;
 			let i = t / r * n;
-			a.value.scrollLeft = k + i, v.value = a.value.scrollLeft;
+			a.value.scrollLeft = ee + 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)));
+		function Se() {
+			S.value && (S.value = !1, document.body.style.userSelect = "", l.value && (l.value.removeEventListener("pointermove", xe), l.value.removeEventListener("pointerup", Se), l.value.removeEventListener("pointercancel", Se)));
 		}
-		return pe(() => {
-			if (Z(), r.autoUpdate) {
-				T = new ResizeObserver(Z), T.observe(a.value);
+		return me(() => {
+			if (he(), r.autoUpdate) {
+				T = new ResizeObserver(he), T.observe(a.value);
 				let e = a.value?.firstElementChild;
 				e && T.observe(e);
 			}
-		}), W(() => {
-			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 = "";
+		}), pe(() => {
+			T?.disconnect(), E && clearTimeout(E), c.value && (c.value.removeEventListener("pointermove", ye), c.value.removeEventListener("pointerup", X), c.value.removeEventListener("pointercancel", X)), l.value && (l.value.removeEventListener("pointermove", xe), l.value.removeEventListener("pointerup", Se), l.value.removeEventListener("pointercancel", Se)), document.body.style.userSelect = "";
 		}), t({
 			scrollTo: (e) => {
 				a.value?.scrollTo(e);
@@ -2426,25 +2393,11 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				typeof e.left == "number" && (n.left = e.left), e.behavior && (n.behavior = e.behavior), t.scrollTo(n);
 			},
 			getContainer: () => a.value,
-			updateMetrics: Z
+			updateMetrics: he
 		}), (e, t) => (G(), L("div", {
+			"data-ui3n": "scrollbar",
 			class: H(e.$style.ui3nScrollbar),
-			style: U({
-				"--ui3n-scrollbar-vertical-thumb-radius": he.value,
-				"--ui3n-scrollbar-vertical-thumb-color": q.value,
-				"--ui3n-scrollbar-vertical-thumb-hover-color": ge.value,
-				"--ui3n-scrollbar-vertical-thumb-active-color": _e.value,
-				"--ui3n-scrollbar-vertical-track-width": Y.value,
-				"--ui3n-scrollbar-vertical-track-radius": fe.value,
-				"--ui3n-scrollbar-vertical-track-color": me.value,
-				"--ui3n-scrollbar-horizontal-thumb-radius": ye.value,
-				"--ui3n-scrollbar-horizontal-thumb-color": be.value,
-				"--ui3n-scrollbar-horizontal-thumb-hover-color": xe.value,
-				"--ui3n-scrollbar-horizontal-thumb-active-color": Se.value,
-				"--ui3n-scrollbar-horizontal-track-height": Ce.value,
-				"--ui3n-scrollbar-horizontal-track-radius": ve.value,
-				"--ui3n-scrollbar-horizontal-track-color": X.value
-			}),
+			style: U(W.value),
 			onMouseenter: t[0] ||= (e) => C.value = !0,
 			onMouseleave: t[1] ||= (e) => C.value = !1
 		}, [
@@ -2456,59 +2409,59 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					u.value === "vertical" && e.$style.scrollbarContainerVertical,
 					u.value === "horizontal" && e.$style.scrollbarContainerHorizontal
 				]),
-				onScroll: Te
+				onScroll: q
 			}, [J(e.$slots, "default")], 34),
-			M.value ? (G(), L("div", {
+			re.value ? (G(), L("div", {
 				key: 0,
 				ref_key: "trackRefV",
 				ref: o,
 				class: H([e.$style.trackVertical, { [e.$style.trackVisible]: ne.value }]),
 				style: U({
-					top: `${se.value}px`,
-					bottom: `${ce.value}px`
+					top: `${ce.value}px`,
+					bottom: `${le.value}px`
 				}),
-				onMousedown: Q
+				onMousedown: _e
 			}, [R("div", {
 				ref_key: "thumbRefV",
 				ref: c,
 				class: H([e.$style.thumbVertical, { [e.$style.active]: x.value }]),
 				style: U({
 					height: `${V.value}px`,
-					transform: `translateY(${ue.value}px)`
+					transform: `translateY(${de.value}px)`
 				}),
-				onPointerdown: Ee
+				onPointerdown: Y
 			}, null, 38)], 38)) : I("", !0),
-			re.value ? (G(), L("div", {
+			ie.value ? (G(), L("div", {
 				key: 1,
 				ref_key: "trackRefH",
 				ref: s,
 				class: H([e.$style.trackHorizontal, { [e.$style.trackVisible]: te.value }]),
 				style: U({ right: `${F.value}px` }),
-				onMousedown: $
+				onMousedown: ve
 			}, [R("div", {
 				ref_key: "thumbRefH",
 				ref: l,
 				class: H([e.$style.thumbHorizontal, { [e.$style.active]: S.value }]),
 				style: U({
-					width: `${le.value}px`,
-					transform: `translateX(${de.value}px)`
+					width: `${ue.value}px`,
+					transform: `translateX(${fe.value}px)`
 				}),
-				onPointerdown: ke
+				onPointerdown: be
 			}, 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"
-} }]]), ti = ["name", "value"], ni = ["name", "value"], ri = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nScrollbar: "_ui3nScrollbar_1vb08_1",
+	scrollbarContainer: "_scrollbarContainer_1vb08_22",
+	scrollbarContainerVertical: "_scrollbarContainerVertical_1vb08_35",
+	scrollbarContainerHorizontal: "_scrollbarContainerHorizontal_1vb08_39",
+	trackVertical: "_trackVertical_1vb08_43",
+	trackHorizontal: "_trackHorizontal_1vb08_58",
+	trackVisible: "_trackVisible_1vb08_73",
+	thumbVertical: "_thumbVertical_1vb08_79",
+	active: "_active_1vb08_93",
+	thumbHorizontal: "_thumbHorizontal_1vb08_97"
+} }]]), ri = ["name", "value"], ii = ["name", "value"], ai = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-table",
 	props: {
 		config: {},
@@ -2517,8 +2470,8 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	emits: ["change:sort", "select:row"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = K(null), o = P(() => a.value?.getContainer() ?? null), s = K(null), c = K(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: ee, changeSortOrder: k, clear: j } = Zr(r, i, o), te = { select: O }, ne = P(() => r.config?.scrollbar?.axes ?? "both"), M = P(() => {
-			let e = r.config?.scrollbar?.vertical ?? {}, t = ne.value;
+		let r = e, i = n, a = K(null), o = P(() => a.value?.getContainer() ?? null), s = K(null), c = K(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: A, clear: ee } = $r(r, i, o), j = { select: O }, te = P(() => r.config?.scrollbar?.axes ?? "both"), ne = P(() => {
+			let e = r.config?.scrollbar?.vertical ?? {}, t = te.value;
 			return !(t === "vertical" || t === "both") || !c.value ? e : {
 				...e,
 				trackOffsetTop: c.value
@@ -2546,7 +2499,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		], ie, {
 			immediate: !0,
 			flush: "post"
-		}), W(() => {
+		}), pe(() => {
 			l?.disconnect(), l = null;
 		}), t({
 			getRowStyle: D,
@@ -2554,19 +2507,20 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			selectedRowsArray: v,
 			hasGroupActionsRow: h,
 			closeGroupActionsRow: w,
-			clear: j
-		}), (t, n) => e.config?.scrollbar ? (G(), F(ei, {
+			clear: ee
+		}), (t, n) => e.config?.scrollbar ? (G(), F(ni, {
 			key: 0,
 			ref_key: "scrollbarRef",
 			ref: a,
 			class: H(t.$style.tableHost),
-			axes: ne.value,
-			vertical: M.value,
+			axes: te.value,
+			vertical: ne.value,
 			horizontal: e.config.scrollbar.horizontal
 		}, {
-			default: we(() => [R("div", {
+			default: Te(() => [R("div", {
 				ref_key: "tableEl",
 				ref: u,
+				"data-ui3n": "table",
 				style: U(re.value),
 				class: H([
 					t.$style.ui3nTable,
@@ -2582,7 +2536,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					type: "hidden",
 					name: e.config.selectable === "multiple" ? `${e.config.tableName}[]` : e.config.tableName,
 					value: String(X(T)(t, n))
-				}, null, 8, ti))), 128))], 2)) : I("", !0),
+				}, null, 8, ri))), 128))], 2)) : I("", !0),
 				R("div", {
 					ref_key: "headerEl",
 					ref: s,
@@ -2591,12 +2545,12 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					key: 0,
 					class: H(t.$style.groupActions)
 				}, [
-					B(Hr, {
+					B(Wr, {
 						indeterminate: X(y) < e.body.content.length && X(y) !== 0,
 						"model-value": X(y) === e.body.content.length,
-						onChange: X(ee)
+						onChange: X(k)
 					}, {
-						default: we(() => [z(" Selected: " + Y(X(y)), 1)]),
+						default: Te(() => [z(" Selected: " + Y(X(y)), 1)]),
 						_: 1
 					}, 8, [
 						"indeterminate",
@@ -2604,11 +2558,11 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 						"onChange"
 					]),
 					R("div", { class: H(t.$style.groupActionsBody) }, [J(t.$slots, "group-actions", { selectedRows: X(v) })], 2),
-					B(A, {
+					B(M, {
 						type: "secondary",
 						onClick: X(w)
 					}, {
-						default: we(() => [...n[0] ||= [z(" Cancel ", -1)]]),
+						default: Te(() => [...n[0] ||= [z(" Cancel ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])
 				], 2)) : I("", !0), (G(!0), L(N, null, q(X(m), (e, n) => (G(), L("div", {
@@ -2624,15 +2578,15 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 						left: X(S)[n],
 						zIndex: 6 + n
 					} : void 0])
-				}, [R("div", ue({
+				}, [R("div", de({
 					class: t.$style.headerItem,
 					style: e.headCellStyle
-				}, ve(e.sortable ? { click: () => X(k)(e.key) } : {}, !0)), [J(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: H(t.$style.headerText) }, Y(e.text), 3)]), e.sortable && X(p).sortOrder?.field === e.key ? (G(), F(Ur, {
+				}, ye(e.sortable ? { click: () => X(A)(e.key) } : {}, !0)), [J(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: H(t.$style.headerText) }, Y(e.text), 3)]), e.sortable && X(p).sortOrder?.field === e.key ? (G(), F(Gr, {
 					key: 0,
 					value: X(p).sortOrder?.direction,
 					size: "16"
 				}, null, 8, ["value"])) : I("", !0)], 16)], 6))), 128))], 2),
-				R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Or.default)(e.body.content) ? J(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)]) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
+				R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Ar.default)(e.body.content) ? J(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)]) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
 					key: X(T)(n, r),
 					class: H([
 						t.$style.row,
@@ -2648,7 +2602,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					columnStyle: e.config?.columnStyle,
 					stickyColumnsCount: X(x),
 					stickyColumnLefts: X(S),
-					events: te
+					events: j
 				})], 2))), 128)) : (G(!0), L(N, { key: 1 }, q(e.body.content, (n, r) => (G(), L("div", {
 					key: X(T)(n, r),
 					class: H([
@@ -2660,7 +2614,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				}, [e.config.selectable ? (G(), L("div", {
 					key: 0,
 					class: H(t.$style.rowCheckbox)
-				}, [B(Hr, {
+				}, [B(Wr, {
 					"model-value": X(E)(n),
 					onChange: (e) => X(O)(n)
 				}, null, 8, ["model-value", "onChange"])], 2)) : I("", !0), (G(!0), L(N, null, q(X(m), (i, a) => (G(), L("div", {
@@ -2696,6 +2650,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			key: 1,
 			ref_key: "tableEl",
 			ref: u,
+			"data-ui3n": "table",
 			style: U(re.value),
 			class: H([t.$style.ui3nTable, X(b) && t.$style.stickyColumns])
 		}, [
@@ -2707,17 +2662,17 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				type: "hidden",
 				name: e.config.selectable === "multiple" ? `${e.config.tableName}[]` : e.config.tableName,
 				value: String(X(T)(t, n))
-			}, null, 8, ni))), 128))], 2)) : I("", !0),
+			}, null, 8, ii))), 128))], 2)) : I("", !0),
 			R("div", { class: H([t.$style.header, X(g) && t.$style.withGroupActions]) }, [X(g) ? (G(), L("div", {
 				key: 0,
 				class: H(t.$style.groupActions)
 			}, [
-				B(Hr, {
+				B(Wr, {
 					indeterminate: X(y) < e.body.content.length && X(y) !== 0,
 					"model-value": X(y) === e.body.content.length,
-					onChange: X(ee)
+					onChange: X(k)
 				}, {
-					default: we(() => [z(" Selected: " + Y(X(y)), 1)]),
+					default: Te(() => [z(" Selected: " + Y(X(y)), 1)]),
 					_: 1
 				}, 8, [
 					"indeterminate",
@@ -2725,11 +2680,11 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					"onChange"
 				]),
 				R("div", { class: H(t.$style.groupActionsBody) }, [J(t.$slots, "group-actions", { selectedRows: X(v) })], 2),
-				B(A, {
+				B(M, {
 					type: "secondary",
 					onClick: X(w)
 				}, {
-					default: we(() => [...n[1] ||= [z(" Cancel ", -1)]]),
+					default: Te(() => [...n[1] ||= [z(" Cancel ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])
 			], 2)) : I("", !0), (G(!0), L(N, null, q(X(m), (e, n) => (G(), L("div", {
@@ -2745,15 +2700,15 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					left: X(S)[n],
 					zIndex: 6 + n
 				} : void 0])
-			}, [R("div", ue({
+			}, [R("div", de({
 				class: t.$style.headerItem,
 				style: e.headCellStyle
-			}, ve(e.sortable ? { click: () => X(k)(e.key) } : {}, !0)), [J(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: H(t.$style.headerText) }, Y(e.text), 3)]), e.sortable && X(p).sortOrder?.field === e.key ? (G(), F(Ur, {
+			}, ye(e.sortable ? { click: () => X(A)(e.key) } : {}, !0)), [J(t.$slots, `header-cell-${e.key}`, {}, () => [R("span", { class: H(t.$style.headerText) }, Y(e.text), 3)]), e.sortable && X(p).sortOrder?.field === e.key ? (G(), F(Gr, {
 				key: 0,
 				value: X(p).sortOrder?.direction,
 				size: "16"
 			}, null, 8, ["value"])) : I("", !0)], 16)], 6))), 128))], 2),
-			R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Or.default)(e.body.content) ? J(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)]) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
+			R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Ar.default)(e.body.content) ? J(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)]) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
 				key: X(T)(n, r),
 				class: H([
 					t.$style.row,
@@ -2769,7 +2724,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				columnStyle: e.config?.columnStyle,
 				stickyColumnsCount: X(x),
 				stickyColumnLefts: X(S),
-				events: te
+				events: j
 			})], 2))), 128)) : (G(!0), L(N, { key: 1 }, q(e.body.content, (n, r) => (G(), L("div", {
 				key: X(T)(n, r),
 				class: H([
@@ -2781,7 +2736,7 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}, [e.config.selectable ? (G(), L("div", {
 				key: 0,
 				class: H(t.$style.rowCheckbox)
-			}, [B(Hr, {
+			}, [B(Wr, {
 				"model-value": X(E)(n),
 				onChange: (e) => X(O)(n)
 			}, null, 8, ["model-value", "onChange"])], 2)) : I("", !0), (G(!0), L(N, null, q(X(m), (i, a) => (G(), L("div", {
@@ -2809,55 +2764,56 @@ var Qr = 2, $r = 2, ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		], 6));
 	}
 }), [["__cssModules", { $style: {
-	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"
-} }]]), ii = ["id", "onClick"], ai = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	tableHost: "_tableHost_18jcf_3",
+	ui3nTable: "_ui3nTable_18jcf_10",
+	ui3nTableInsideScrollbar: "_ui3nTableInsideScrollbar_18jcf_38",
+	stickyColumns: "_stickyColumns_18jcf_45",
+	body: "_body_18jcf_48",
+	hiddenBlock: "_hiddenBlock_18jcf_53",
+	header: "_header_18jcf_60",
+	withGroupActions: "_withGroupActions_18jcf_72",
+	headerItemWrapper: "_headerItemWrapper_18jcf_77",
+	headerItem: "_headerItem_18jcf_77",
+	sortable: "_sortable_18jcf_98",
+	headerText: "_headerText_18jcf_102",
+	sortableActive: "_sortableActive_18jcf_113",
+	groupActions: "_groupActions_18jcf_117",
+	groupActionsBody: "_groupActionsBody_18jcf_133",
+	row: "_row_18jcf_146",
+	customRow: "_customRow_18jcf_155",
+	selectable: "_selectable_18jcf_160",
+	selected: "_selected_18jcf_167",
+	rowCheckbox: "_rowCheckbox_18jcf_171",
+	bodyItem: "_bodyItem_18jcf_183",
+	bodyItemFirst: "_bodyItemFirst_18jcf_190",
+	cell: "_cell_18jcf_194",
+	noData: "_noData_18jcf_200",
+	unusedPlace: "_unusedPlace_18jcf_213",
+	headerItemSticky: "_headerItemSticky_18jcf_236",
+	headerItemFirst: "_headerItemFirst_18jcf_240",
+	bodyItemSticky: "_bodyItemSticky_18jcf_246"
+} }]]), oi = ["id", "onClick"], si = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-dialog-provider",
 	setup(e) {
-		let t = le(T);
+		let t = ue(w);
 		function n(e, n) {
 			(n.closeOnClickOverlay || n.dialogProps?.closeOnClickOverlay) && t.$closeDialog(e, { event: "click-overlay" });
 		}
 		function r(e, n) {
 			t.$closeDialog(e, n);
 		}
-		return (e, i) => (G(), F(oe, { to: "body" }, [(G(!0), L(N, null, q(X(t).dialogStack.value, (t) => (G(), L("div", {
+		return (e, i) => (G(), F(se, { to: "body" }, [(G(!0), L(N, null, q(X(t).dialogStack.value, (t) => (G(), L("div", {
 			id: `dialog-wrapper-${t.id}`,
 			key: t.id,
+			"data-ui3n": "dialog-overlay",
 			class: H(e.$style["dialog-provider-overlay"]),
 			onClick: $((e) => n(t.id, t.props), ["self", "prevent"])
-		}, [(G(), F(ge(t.component), ue({ ref_for: !0 }, t.props, { onAction: (e) => r(t.id, e) }), null, 16, ["onAction"]))], 10, ii))), 128))]));
+		}, [(G(), F(_e(t.component), de({ ref_for: !0 }, t.props, { onAction: (e) => r(t.id, e) }), null, 16, ["onAction"]))], 10, oi))), 128))]));
 	}
 }), [["__cssModules", { $style: { "dialog-provider-overlay": "_dialog-provider-overlay_xsk7l_1" } }]]);
 //#endregion
 //#region src/components/ui3n-dialog/util.ts
-function oi({ width: e, style: t, defaultValue: n = 380 }) {
+function ci({ width: e, style: t, defaultValue: n = 380 }) {
 	if (e) {
 		let t = Number(e);
 		return Number.isNaN(t) ? e : `${t}px`;
@@ -2866,7 +2822,7 @@ function oi({ width: e, style: t, defaultValue: n = 380 }) {
 }
 //#endregion
 //#region src/components/ui3n-dialog/ui3n-dialog.vue?vue&type=script&setup=true&lang.ts
-var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
+var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-dialog",
 	props: {
 		id: {},
@@ -2903,7 +2859,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	emits: ["action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Se("dialog-el"), a = K(!1), o = K({
+		let n = e, r = t, i = Ce("dialog-el"), a = K(!1), o = K({
 			initialLeft: 0,
 			initialTop: 0,
 			left: 0,
@@ -2911,7 +2867,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			shiftX: 0,
 			shiftY: 0
 		}), s = P(() => ({
-			width: oi({
+			width: ci({
 				width: n.width,
 				style: n.cssStyle
 			}),
@@ -2950,8 +2906,8 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		function p(e) {
 			a.value && (o.value.left = e.clientX - o.value.shiftX - o.value.initialLeft, o.value.top = e.clientY - o.value.shiftY - o.value.initialTop);
 		}
-		return pe(() => {
-			i.value && (i.value.style.setProperty("--ui3n-dialog-confirm-button-color", n.confirmButtonColor), i.value.style.setProperty("--ui3n-dialog-cancel-button-color", n.cancelButtonColor), i.value.style.setProperty("--ui3n-dialog-confirm-background-color", n.confirmButtonBackground), i.value.style.setProperty("--ui3n-dialog-cancel-background-color", n.cancelButtonBackground), de(() => {
+		return me(() => {
+			i.value && (i.value.style.setProperty("--ui3n-dialog-confirm-button-color", n.confirmButtonColor), i.value.style.setProperty("--ui3n-dialog-cancel-button-color", n.cancelButtonColor), i.value.style.setProperty("--ui3n-dialog-confirm-background-color", n.confirmButtonBackground), i.value.style.setProperty("--ui3n-dialog-cancel-background-color", n.cancelButtonBackground), fe(() => {
 				i.value && i.value.focus(), setTimeout(() => {
 					if (i.value) {
 						let e = i.value.getBoundingClientRect();
@@ -2959,9 +2915,10 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					}
 				}, 100);
 			}));
-		}), (t, i) => (G(), L("div", ue({
+		}), (t, i) => (G(), L("div", de({
 			id: e.id,
 			ref: "dialog-el",
+			"data-ui3n": "dialog",
 			tabindex: "1",
 			class: [
 				t.$style.dialog,
@@ -2969,7 +2926,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				...e.cssClass
 			],
 			style: s.value
-		}, ve(e.draggable ? {
+		}, ye(e.draggable ? {
 			dragstart: u,
 			mousedown: f,
 			mouseup: d,
@@ -2979,7 +2936,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			e.title && !t.$slots.header ? (G(), L("div", {
 				key: 0,
 				class: H([t.$style.title, t.$style.titleDefault])
-			}, [c.value ? (G(), F(j, ue({ key: 0 }, c.value, { class: t.$style.icon }), null, 16, ["class"])) : I("", !0), R("span", null, Y(e.title), 1)], 2)) : I("", !0),
+			}, [c.value ? (G(), F(A, de({ key: 0 }, c.value, { class: t.$style.icon }), null, 16, ["class"])) : I("", !0), R("span", null, Y(e.title), 1)], 2)) : I("", !0),
 			t.$slots.header ? (G(), L("div", {
 				key: 1,
 				class: H(t.$style.title)
@@ -2991,7 +2948,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			(e.confirmButton || e.cancelButton) && !t.$slots.actions ? (G(), L("div", {
 				key: 3,
 				class: H([t.$style.actions, t.$style.actionsDefault])
-			}, [e.cancelButton ? (G(), F(A, {
+			}, [e.cancelButton ? (G(), F(M, {
 				key: 0,
 				type: "custom",
 				color: e.cancelButtonBackground,
@@ -3001,9 +2958,9 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					data: n.data
 				}), ["stop", "prevent"])
 			}, {
-				default: we(() => [z(Y(e.cancelButtonText), 1)]),
+				default: Te(() => [z(Y(e.cancelButtonText), 1)]),
 				_: 1
-			}, 8, ["color", "text-color"])) : I("", !0), e.confirmButton ? (G(), F(A, {
+			}, 8, ["color", "text-color"])) : I("", !0), e.confirmButton ? (G(), F(M, {
 				key: 1,
 				type: "custom",
 				color: e.confirmButtonBackground,
@@ -3014,7 +2971,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					data: n.data
 				}), ["stop", "prevent"])
 			}, {
-				default: we(() => [z(Y(e.confirmButtonText), 1)]),
+				default: Te(() => [z(Y(e.confirmButtonText), 1)]),
 				_: 1
 			}, 8, [
 				"color",
@@ -3029,7 +2986,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				key: 5,
 				class: H(t.$style.loading)
 			}, [J(t.$slots, "loading")], 2)) : I("", !0),
-			e.hideCloseButton ? I("", !0) : (G(), F(A, {
+			e.hideCloseButton ? I("", !0) : (G(), F(M, {
 				key: 6,
 				class: H(t.$style.closeBtn),
 				type: "icon",
@@ -3040,20 +2997,20 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				"icon-color": "var(--color-icon-control-primary-default)",
 				onClick: i[2] ||= $((e) => r("action", { event: "close" }), ["stop", "prevent"])
 			}, null, 8, ["class"]))
-		], 16, si));
+		], 16, li));
 	}
 }), [["__cssModules", { $style: {
-	dialog: "_dialog_13zmx_3",
-	draggable: "_draggable_13zmx_26",
-	closeBtn: "_closeBtn_13zmx_30",
-	title: "_title_13zmx_37",
-	titleDefault: "_titleDefault_13zmx_44",
-	icon: "_icon_13zmx_65",
-	content: "_content_13zmx_69",
-	actions: "_actions_13zmx_74",
-	actionsDefault: "_actionsDefault_13zmx_81",
-	loading: "_loading_13zmx_89"
-} }]]), li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	dialog: "_dialog_2e2c0_3",
+	draggable: "_draggable_2e2c0_26",
+	closeBtn: "_closeBtn_2e2c0_30",
+	title: "_title_2e2c0_37",
+	titleDefault: "_titleDefault_2e2c0_44",
+	icon: "_icon_2e2c0_65",
+	content: "_content_2e2c0_69",
+	actions: "_actions_2e2c0_74",
+	actionsDefault: "_actionsDefault_2e2c0_81",
+	loading: "_loading_2e2c0_89"
+} }]]), di = ["id"], fi = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-menu",
 	props: {
 		id: {},
@@ -3098,7 +3055,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		"update:modelValue"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Se("menu-trigger-element"), o = Se("menu-content-element"), s = K(!1), c = K(r.triggerElement || null), l = P(() => c.value || a.value), u = P(() => {
+		let r = e, i = n, a = Ce("menu-trigger-element"), o = Ce("menu-content-element"), s = K(!1), c = K(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(() => {
@@ -3124,7 +3081,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 			return {
 				...f.value,
-				"--ui3n-menu-zIndex": String(r.zIndex),
+				"--ui3n-menu-z-index": String(r.zIndex),
 				...e && { "--ui3n-menu-content-border-radius": e },
 				...r.contentStyles || {}
 			};
@@ -3179,7 +3136,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			e && (c.value = e, m());
 		}), Z([() => r.offsetX, () => r.offsetY], ([e, t], [n, r]) => {
 			(e !== n || t !== r) && m();
-		}), me(() => {
+		}), he(() => {
 			b();
 		}), t({
 			isPositioned: p,
@@ -3187,6 +3144,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}), (t, n) => (G(), L("div", {
 			ref: "menu-element",
 			id: e.id,
+			"data-ui3n": "menu",
 			class: H(t.$style.ui3nMenu),
 			style: U(g.value),
 			onClick: n[0] ||= (e) => i("click", e)
@@ -3194,19 +3152,19 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			ref: "menu-trigger-element",
 			class: H([t.$style.ui3nMenuTrigger, e.disabled && t.$style.ui3nMenuTriggerDisabled]),
 			onClick: $(x, ["stop"])
-		}, [J(t.$slots, "default")], 2), s.value ? Te((G(), L("div", ue({
+		}, [J(t.$slots, "default")], 2), s.value ? Ee((G(), L("div", de({
 			key: 0,
 			ref: "menu-content-element",
 			style: h.value,
 			class: t.$style.ui3nMenuContent
-		}, ve(e.closeOnClick ? { click: S } : {}, !0)), [J(t.$slots, "menu")], 16)), [[X(On), C]]) : I("", !0)], 14, li));
+		}, ye(e.closeOnClick ? { click: S } : {}, !0)), [J(t.$slots, "menu")], 16)), [[X(On), C]]) : I("", !0)], 14, di));
 	}
 }), [["__cssModules", { $style: {
-	ui3nMenu: "_ui3nMenu_sjqaw_3",
-	ui3nMenuTrigger: "_ui3nMenuTrigger_sjqaw_10",
-	ui3nMenuTriggerDisabled: "_ui3nMenuTriggerDisabled_sjqaw_14",
-	ui3nMenuContent: "_ui3nMenuContent_sjqaw_19"
-} }]]), di = ["id"], fi = ["onClick"], pi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nMenu: "_ui3nMenu_1ho7o_3",
+	ui3nMenuTrigger: "_ui3nMenuTrigger_1ho7o_10",
+	ui3nMenuTriggerDisabled: "_ui3nMenuTriggerDisabled_1ho7o_14",
+	ui3nMenuContent: "_ui3nMenuContent_1ho7o_19"
+} }]]), pi = ["id"], mi = ["onClick"], hi = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-list",
 	props: {
 		id: {},
@@ -3228,6 +3186,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		return (t, r) => (G(), L("div", {
 			ref: "listElement",
 			id: e.id,
+			"data-ui3n": "list",
 			class: H(t.$style.ui3nList)
 		}, [R("div", { class: H([t.$style.ui3nListTitle, e.sticky && t.$style.ui3nListTitleSticky]) }, [J(t.$slots, "title", {}, () => [e.title ? (G(), L("div", {
 			key: 0,
@@ -3244,29 +3203,29 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				value: r,
 				index: i
 			}), ["stop"])
-		}, Y(r), 11, fi)])], 2))), 128))], 2)], 10, di));
+		}, Y(r), 11, mi)])], 2))), 128))], 2)], 10, pi));
 	}
 }), [["__cssModules", { $style: {
-	ui3nList: "_ui3nList_1mtxl_1",
-	ui3nListTitle: "_ui3nListTitle_1mtxl_11",
-	ui3nListTitleSticky: "_ui3nListTitleSticky_1mtxl_17",
-	ui3nListContent: "_ui3nListContent_1mtxl_21",
-	ui3nListTitleContent: "_ui3nListTitleContent_1mtxl_25",
-	ui3nListItem: "_ui3nListItem_1mtxl_26",
-	ui3nListItemContent: "_ui3nListItemContent_1mtxl_43",
-	ui3nListItemContentDisabled: "_ui3nListItemContentDisabled_1mtxl_50"
-} }]]), mi = 32, hi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nList: "_ui3nList_1s0e7_1",
+	ui3nListTitle: "_ui3nListTitle_1s0e7_11",
+	ui3nListTitleSticky: "_ui3nListTitleSticky_1s0e7_17",
+	ui3nListContent: "_ui3nListContent_1s0e7_21",
+	ui3nListTitleContent: "_ui3nListTitleContent_1s0e7_25",
+	ui3nListItem: "_ui3nListItem_1s0e7_26",
+	ui3nListItemContent: "_ui3nListItemContent_1s0e7_43",
+	ui3nListItemContentDisabled: "_ui3nListItemContentDisabled_1s0e7_50"
+} }]]), gi = 32, _i = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-scrollbar-vertical",
 	props: {
-		thumbMinHeight: { default: mi },
+		thumbMinHeight: { default: gi },
 		thumbHeight: { default: "auto" },
-		thumbRadius: { default: 4 },
-		thumbColor: { default: "var(--color-bg-control-accent-default)" },
-		thumbHoverColor: { default: "var(--color-bg-control-accent-hover)" },
-		thumbActiveColor: { default: "var(--color-bg-control-accent-focused)" },
-		trackWidth: { default: 6 },
-		trackRadius: { default: 4 },
-		trackColor: { default: "transparent" },
+		thumbRadius: {},
+		thumbColor: {},
+		thumbHoverColor: {},
+		thumbActiveColor: {},
+		trackWidth: {},
+		trackRadius: {},
+		trackColor: {},
 		autoUpdate: {
 			type: Boolean,
 			default: !0
@@ -3276,7 +3235,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	setup(e, { expose: t, emit: n }) {
 		let r = e, i = n, a = K(null), o = K(null), s = K(null), c = K(0), l = K(0), u = K(0), d = K(!1), f = K(!1), p = K(!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) ? mi : e;
+			return isNaN(e) ? gi : e;
 		}), x = P(() => {
 			if (!c.value) return 0;
 			if (r.thumbHeight !== "auto") {
@@ -3290,77 +3249,64 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			let e = c.value - l.value, t = l.value - x.value;
 			return u.value / e * t;
 		}), C = P(() => {
-			let e = Number(r.thumbRadius);
-			return isNaN(e) ? String(r.thumbRadius) : `${e}px`;
-		}), 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`;
-		}), O = P(() => r.trackColor), ee = P(() => {
-			let e = Number(r.trackRadius);
-			return isNaN(e) ? String(r.trackRadius) : `${e}px`;
+			let e = {};
+			return r.thumbRadius !== void 0 && (e["--ui3n-scrollbar-thumb-radius"] = O(r.thumbRadius)), r.thumbColor && (e["--ui3n-scrollbar-thumb-color"] = r.thumbColor), r.thumbHoverColor && (e["--ui3n-scrollbar-thumb-hover-color"] = r.thumbHoverColor), r.thumbActiveColor && (e["--ui3n-scrollbar-thumb-active-color"] = r.thumbActiveColor), r.trackWidth !== void 0 && (e["--ui3n-scrollbar-track-width"] = O(r.trackWidth)), r.trackRadius !== void 0 && (e["--ui3n-scrollbar-track-radius"] = O(r.trackRadius)), r.trackColor && (e["--ui3n-scrollbar-track-color"] = r.trackColor), e;
 		});
-		function k() {
+		function w() {
 			a.value && (c.value = a.value.scrollHeight, l.value = a.value.clientHeight, u.value = a.value.scrollTop);
 		}
-		function A(e) {
+		function T(e) {
 			d.value || (u.value = e.target.scrollTop), p.value = !0, h && clearTimeout(h), h = setTimeout(() => {
 				p.value = !1;
 			}, 1500), i("scroll", e);
 		}
-		function j(e) {
+		function E(e) {
 			if (e.target !== o.value || !a.value || !o.value) return;
 			let t = o.value.getBoundingClientRect(), n = e.clientY - t.top - x.value / 2, r = c.value - l.value, i = n / (l.value - x.value) * r;
 			i = Math.max(0, Math.min(r, i)), a.value.scrollTo({ top: i });
 		}
-		function te(e) {
-			!s.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientY, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", ne), s.value.addEventListener("pointerup", M), s.value.addEventListener("pointercancel", M));
+		function D(e) {
+			!s.value || !a.value || (e.pointerType === "mouse" && e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientY, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", k), s.value.addEventListener("pointerup", A), s.value.addEventListener("pointercancel", A));
 		}
-		function ne(e) {
+		function k(e) {
 			if (!d.value || !a.value) return;
 			let t = e.clientY - g, n = c.value - l.value, r = t / (l.value - x.value) * n;
 			a.value.scrollTop = _ + r, u.value = a.value.scrollTop;
 		}
-		function M(e) {
+		function A(e) {
 			if (d.value && (d.value = !1, document.body.style.userSelect = "", s.value)) {
 				try {
 					s.value.releasePointerCapture(e.pointerId);
 				} catch {}
-				s.value.removeEventListener("pointermove", ne), s.value.removeEventListener("pointerup", M), s.value.removeEventListener("pointercancel", M);
+				s.value.removeEventListener("pointermove", k), s.value.removeEventListener("pointerup", A), s.value.removeEventListener("pointercancel", A);
 			}
 		}
-		return pe(() => {
-			k(), a.value && (m = new ResizeObserver(k), m.observe(a.value), r.autoUpdate && a.value.firstElementChild && m.observe(a.value.firstElementChild));
-		}), W(() => {
-			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 = "";
+		return me(() => {
+			w(), a.value && (m = new ResizeObserver(w), 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", k), s.value.removeEventListener("pointerup", A), s.value.removeEventListener("pointercancel", A)), document.body.style.userSelect = "";
 		}), t({
 			scrollTo: (e) => {
 				a.value?.scrollTo(e);
 			},
 			getContainer: () => a.value,
-			updateMetrics: k
+			updateMetrics: w
 		}), (e, t) => (G(), L("div", {
+			"data-ui3n": "scrollbar-vertical",
 			class: H(e.$style.ui3nScrollbarVertical),
-			style: U({
-				"--ui3n-scrollbar-thumb-radius": C.value,
-				"--ui3n-scrollbar-thumb-color": w.value,
-				"--ui3n-scrollbar-thumb-hover-color": T.value,
-				"--ui3n-scrollbar-thumb-active-color": E.value,
-				"--ui3n-scrollbar-track-width": D.value,
-				"--ui3n-scrollbar-track-radius": ee.value,
-				"--ui3n-scrollbar-track-color": O.value
-			}),
+			style: U(C.value),
 			onMouseenter: t[0] ||= (e) => f.value = !0,
 			onMouseleave: t[1] ||= (e) => f.value = !1
 		}, [R("div", {
 			ref_key: "containerRef",
 			ref: a,
 			class: H(e.$style.scrollbarContainer),
-			onScroll: A
+			onScroll: T
 		}, [J(e.$slots, "default")], 34), R("div", {
 			ref_key: "trackRef",
 			ref: o,
 			class: H([e.$style.track, { [e.$style.trackVisible]: y.value }]),
-			onPointerdown: j
+			onPointerdown: E
 		}, [R("div", {
 			ref_key: "thumbRef",
 			ref: s,
@@ -3369,17 +3315,17 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				height: `${x.value}px`,
 				transform: `translateY(${S.value}px)`
 			}),
-			onPointerdown: te
+			onPointerdown: D
 		}, null, 38)], 34)], 38));
 	}
 }), [["__cssModules", { $style: {
-	ui3nScrollbarVertical: "_ui3nScrollbarVertical_m0o0t_1",
-	scrollbarContainer: "_scrollbarContainer_m0o0t_9",
-	track: "_track_m0o0t_23",
-	trackVisible: "_trackVisible_m0o0t_38",
-	thumb: "_thumb_m0o0t_44",
-	active: "_active_m0o0t_57"
-} }]]), gi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nScrollbarVertical: "_ui3nScrollbarVertical_1taw9_1",
+	scrollbarContainer: "_scrollbarContainer_1taw9_16",
+	track: "_track_1taw9_30",
+	trackVisible: "_trackVisible_1taw9_45",
+	thumb: "_thumb_1taw9_51",
+	active: "_active_1taw9_64"
+} }]]), vi = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-virtual-scroll",
 	props: {
 		items: {},
@@ -3398,7 +3344,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		"reached-bottom"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = K(0), o = K(null), s = K(null), c = _e([]), l = K(0), u = /* @__PURE__ */ new Map(), d = _e(/* @__PURE__ */ new Map()), f = !1, p = null, m = null, h = [], g = null, _ = /* @__PURE__ */ new Map(), v = P(() => {
+		let r = e, i = n, a = K(0), o = K(null), s = K(null), c = ve([]), l = K(0), u = /* @__PURE__ */ new Map(), d = ve(/* @__PURE__ */ new Map()), f = !1, p = null, m = null, h = [], g = null, _ = /* @__PURE__ */ new Map(), v = P(() => {
 			if (l.value, !c.value.length) return 0;
 			let e = c.value[c.value.length - 1];
 			return e.top + e.height;
@@ -3452,10 +3398,10 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 			f = !0, e.scrollTop = Math.max(0, t), a.value = e.scrollTop, f = !1;
 		}
-		function ee(e = T(), t = c.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 : {
@@ -3463,7 +3409,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				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 : (O(r, t[i].top + e.offsetWithinItem), !0);
 		}
@@ -3482,30 +3428,30 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			for (let [e, t] of n) u.set(e, t);
 			return d.value = e, t;
 		}
-		function te() {
-			let e = T(), t = c.value, n = h, i = r.stickToBottom && (!t.length || D(e, t)), o = i ? null : k(t, n, a.value);
+		function M() {
+			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) ee(e, c.value);
-				else if (o && !A(o, c.value, d.value, e) && e) {
+				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();
 			};
-			de(() => {
+			fe(() => {
 				requestAnimationFrame(u);
 			});
 		}
-		function ne(e) {
+		function te(e) {
 			if (f) return;
 			let t = e.target;
 			a.value = t.scrollTop, i("scroll", e);
 			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) {
+		function ne(e, t) {
 			if (e) {
 				let n = e.$el || e, r = _.get(t);
 				r && r !== n && p?.unobserve(r), _.set(t, n), p?.observe(n);
@@ -3515,7 +3461,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 		}
 		function re() {
-			ee(), 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;
@@ -3538,7 +3484,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			scrollToItem: (e, t) => ae(e, t),
 			getScrollTop: () => a.value,
 			isStuckToBottom: () => D(T(), c.value)
-		}), pe(() => {
+		}), me(() => {
 			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;
@@ -3564,29 +3510,29 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 						...i[e],
 						top: h
 					}, h += i[e].height;
-					c.value = i, l.value++, m ? ee(p, i) : p && n !== 0 && O(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);
-		}), W(() => {
+		}), pe(() => {
 			p?.disconnect(), m?.disconnect();
-		}), Z(() => r.items, te, { immediate: !0 }), (e, t) => (G(), F(hi, {
+		}), Z(() => r.items, M, { immediate: !0 }), (e, t) => (G(), F(_i, {
 			ref_key: "scrollbarComponentRef",
 			ref: s,
 			class: H(e.$style.ui3nVirtualScroll),
 			"auto-update": !1,
-			onScroll: ne
+			onScroll: te
 		}, {
-			default: we(() => [R("div", {
+			default: Te(() => [R("div", {
 				class: H(e.$style.viewport),
 				style: U({ height: `${v.value}px` })
 			}, [R("div", {
 				class: H(e.$style.content),
 				style: U({ transform: `translateY(${C.value}px)` })
-			}, [(G(!0), L(N, null, q(w.value, (t, n) => (G(), L("div", ue({
+			}, [(G(!0), L(N, null, q(w.value, (t, n) => (G(), L("div", de({
 				key: t.id,
 				ref_for: !0,
-				ref: (e) => M(e, t.id)
+				ref: (e) => ne(e, t.id)
 			}, { ref_for: !0 }, { "data-sid": t.id }, {
 				class: e.$style.item,
 				style: { minHeight: `${r.minChildHeight}px` }
@@ -3602,27 +3548,24 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	viewport: "_viewport_1mjyl_5",
 	content: "_content_1mjyl_14",
 	item: "_item_1mjyl_18"
-} }]]), _i = ["id"], vi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), yi = ["id"], bi = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-tabs",
 	props: {
 		id: {},
 		modelValue: { default: 0 },
 		itemDirection: { default: "horizontal" },
-		activeColor: { default: "var(--color-text-control-accent-default)" },
-		inactiveColor: { default: "var(--color-text-control-primary-default)" },
-		indicatorColor: { default: "var(--color-border-control-accent-default)" },
-		indicatorSize: { default: 2 },
+		activeColor: {},
+		inactiveColor: {},
+		indicatorColor: {},
+		indicatorSize: {},
 		indicatorPosition: { default: "normal" }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = ye(), a = K(null), o = K(n.modelValue), s = P(() => ({
-			"--ui3n-tabs-active-color": n.activeColor,
-			"--ui3n-tabs-inactive-color": n.inactiveColor,
-			"--ui3n-tabs-indicator-color": n.indicatorColor,
-			"--ui3n-tabs-indicator-size": `${n.indicatorSize}px`,
-			"--ui3n-tabs-indicator-position": n.indicatorPosition === "reverse" ? "100%" : "0"
-		}));
+		let n = e, r = t, i = be(), a = K(null), o = K(n.modelValue), s = P(() => {
+			let e = { "--ui3n-tabs-indicator-position": n.indicatorPosition === "reverse" ? "100%" : "0" };
+			return n.activeColor && (e["--ui3n-tabs-active-color"] = n.activeColor), n.inactiveColor && (e["--ui3n-tabs-inactive-color"] = n.inactiveColor), n.indicatorColor && (e["--ui3n-tabs-indicator-color"] = n.indicatorColor), n.indicatorSize !== void 0 && (e["--ui3n-tabs-indicator-size"] = `${n.indicatorSize}px`), e;
+		});
 		function c() {
 			if (a.value?.children) {
 				let e = a.value.children;
@@ -3641,26 +3584,27 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 		}
 		return Z(() => n.modelValue, (e) => {
-			e !== o.value && (o.value = e, de(() => {
+			e !== o.value && (o.value = e, fe(() => {
 				c();
 			}));
-		}, { immediate: !0 }), pe(() => {
+		}, { immediate: !0 }), me(() => {
 			c();
 		}), (t, n) => (G(), L("div", {
 			ref_key: "tabs",
 			ref: a,
 			id: e.id,
+			"data-ui3n": "tabs",
 			style: U(s.value),
 			class: H([X(i).ui3nTabs, e.itemDirection === "vertical" && X(i).vertical]),
 			onClick: l
-		}, [J(t.$slots, "default")], 14, _i));
+		}, [J(t.$slots, "default")], 14, yi));
 	}
 }), [["__cssModules", { $style: {
-	ui3nTabs: "_ui3nTabs_xfnqu_1",
-	item: "_item_xfnqu_11",
-	active: "_active_xfnqu_36",
-	vertical: "_vertical_xfnqu_44"
-} }]]), yi = ["id"], bi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nTabs: "_ui3nTabs_w6rub_1",
+	item: "_item_w6rub_15",
+	active: "_active_w6rub_40",
+	vertical: "_vertical_w6rub_48"
+} }]]), xi = ["id"], Si = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-badge-simple",
 	props: {
 		id: {},
@@ -3674,36 +3618,37 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	emits: ["change:size"],
 	setup(e, { emit: t }) {
-		be((e) => ({
-			v74cb25de: e.color,
-			v77996f31: e.textColor
+		xe((e) => ({
+			a33d67ec: e.color,
+			v10189f5d: e.textColor
 		}));
 		let n = e, r = t, i = K(null);
 		function a() {
-			de(() => {
+			fe(() => {
 				i.value && r("change:size", {
 					width: i.value.offsetWidth,
 					height: i.value.offsetHeight
 				});
 			});
 		}
-		return Z(() => [n.value, n.dot], () => a()), pe(() => {
+		return Z(() => [n.value, n.dot], () => a()), me(() => {
 			a();
 		}), (t, n) => (G(), L("div", {
 			ref_key: "element",
 			ref: i,
 			id: e.id,
+			"data-ui3n": "badge-simple",
 			class: H([t.$style.ui3nBadgeSimple, e.dot && t.$style.ui3nBadgeDot])
 		}, [e.dot ? I("", !0) : (G(), L("span", {
 			key: 0,
 			class: H(t.$style.ui3nBadgeText)
-		}, Y(e.value), 3))], 10, yi));
+		}, Y(e.value), 3))], 10, xi));
 	}
 }), [["__cssModules", { $style: {
-	ui3nBadgeSimple: "_ui3nBadgeSimple_1vu4n_1",
-	ui3nBadgeDot: "_ui3nBadgeDot_1vu4n_12",
-	ui3nBadgeText: "_ui3nBadgeText_1vu4n_30"
-} }]]), xi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nBadgeSimple: "_ui3nBadgeSimple_rx5l6_1",
+	ui3nBadgeDot: "_ui3nBadgeDot_rx5l6_12",
+	ui3nBadgeText: "_ui3nBadgeText_rx5l6_30"
+} }]]), Ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-badge",
 	props: {
 		id: {},
@@ -3717,19 +3662,20 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		position: { default: "right-top" }
 	},
 	setup(e) {
-		let t = e, n = xe(), r = K(), i = P(() => !!n.default), a = P(() => {
+		let t = e, n = Se(), r = K(), i = P(() => !!n.default), a = P(() => {
 			let [e, n] = t.position.split("-");
 			return {
-				...e === "right" && { right: `-${(0, Kr.default)(r.value, "width", 0) / 2}px` },
-				...e === "left" && { left: `-${(0, Kr.default)(r.value, "width", 0) / 2}px` },
-				...n === "top" && { top: `-${(0, Kr.default)(r.value, "height", 0) / 2}px` },
-				...n === "bottom" && { bottom: `-${(0, Kr.default)(r.value, "height", 0) / 2}px` }
+				...e === "right" && { right: `-${(0, Jr.default)(r.value, "width", 0) / 2}px` },
+				...e === "left" && { left: `-${(0, Jr.default)(r.value, "width", 0) / 2}px` },
+				...n === "top" && { top: `-${(0, Jr.default)(r.value, "height", 0) / 2}px` },
+				...n === "bottom" && { bottom: `-${(0, Jr.default)(r.value, "height", 0) / 2}px` }
 			};
 		});
 		return (t, n) => i.value ? (G(), L("div", {
 			key: 0,
+			"data-ui3n": "badge",
 			class: H(t.$style.ui3nBadge)
-		}, [R("div", { class: H(t.$style.ui3nBadgeWrapper) }, [J(t.$slots, "default"), B(bi, {
+		}, [R("div", { class: H(t.$style.ui3nBadgeWrapper) }, [J(t.$slots, "default"), B(Si, {
 			id: e.id,
 			dot: e.dot,
 			value: e.value,
@@ -3746,7 +3692,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			"text-color",
 			"style",
 			"class"
-		])], 2)], 2)) : (G(), F(bi, {
+		])], 2)], 2)) : (G(), F(Si, {
 			key: 1,
 			id: e.id,
 			dot: e.dot,
@@ -3762,10 +3708,10 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		]));
 	}
 }), [["__cssModules", { $style: {
-	ui3nBadge: "_ui3nBadge_1slsk_1",
-	ui3nBadgeWrapper: "_ui3nBadgeWrapper_1slsk_6",
-	ui3nBadgeContent: "_ui3nBadgeContent_1slsk_12"
-} }]]), Si = { key: 2 }, Ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nBadge: "_ui3nBadge_jkakg_1",
+	ui3nBadgeWrapper: "_ui3nBadgeWrapper_jkakg_6",
+	ui3nBadgeContent: "_ui3nBadgeContent_jkakg_12"
+} }]]), wi = { key: 2 }, Ti = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-breadcrumb",
 	props: {
 		separator: { default: void 0 },
@@ -3780,22 +3726,25 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		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 n = e, r = t, i = Se(), a = be(), o = ue("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) => (G(), L("div", ue({ class: l.value }, ve(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [R("span", { class: H(t.$style.content) }, [J(t.$slots, "default")], 2), R("div", { class: H(t.$style.ui3nBreadcrumbSeparator) }, [typeof X(i).separator == "function" ? J(t.$slots, "separator", { key: 0 }) : X(o)?.customSeparatorSlot ? (G(), F(ge(X(o).customSeparatorSlot), { key: 1 })) : (G(), L("span", Si, Y(s.value), 1))], 2)], 16));
+		return (t, n) => (G(), L("div", de({
+			"data-ui3n": "breadcrumb",
+			class: l.value
+		}, ye(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [R("span", { class: H(t.$style.content) }, [J(t.$slots, "default")], 2), R("div", { class: H(t.$style.ui3nBreadcrumbSeparator) }, [typeof X(i).separator == "function" ? J(t.$slots, "separator", { key: 0 }) : X(o)?.customSeparatorSlot ? (G(), F(_e(X(o).customSeparatorSlot), { key: 1 })) : (G(), L("span", wi, Y(s.value), 1))], 2)], 16));
 	}
 }), [["__cssModules", { $style: {
-	ui3nBreadcrumb: "_ui3nBreadcrumb_1tz9w_1",
-	ui3nBreadcrumbSeparator: "_ui3nBreadcrumbSeparator_1tz9w_10",
-	content: "_content_1tz9w_14",
-	ui3nBreadcrumbActive: "_ui3nBreadcrumbActive_1tz9w_28",
-	ui3nBreadcrumbDisabled: "_ui3nBreadcrumbDisabled_1tz9w_33"
-} }]]), wi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nBreadcrumb: "_ui3nBreadcrumb_1p4ld_1",
+	ui3nBreadcrumbSeparator: "_ui3nBreadcrumbSeparator_1p4ld_10",
+	content: "_content_1p4ld_14",
+	ui3nBreadcrumbActive: "_ui3nBreadcrumbActive_1p4ld_28",
+	ui3nBreadcrumbDisabled: "_ui3nBreadcrumbDisabled_1p4ld_33"
+} }]]), Ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-breadcrumbs",
 	props: {
 		separator: { default: "/" },
@@ -3806,18 +3755,21 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	setup(e) {
 		let t = e;
-		return he("ui3n-breadcrumbs-context", {
+		return ge("ui3n-breadcrumbs-context", {
 			separator: () => t.separator,
 			disabled: () => t.disabled,
-			customSeparatorSlot: xe().separator
-		}), (e, t) => (G(), L("div", { class: H(e.$style.ui3nBreadcrumbs) }, [J(e.$slots, "default")], 2));
+			customSeparatorSlot: Se().separator
+		}), (e, t) => (G(), L("div", {
+			"data-ui3n": "breadcrumbs",
+			class: H(e.$style.ui3nBreadcrumbs)
+		}, [J(e.$slots, "default")], 2));
 	}
-}), [["__cssModules", { $style: { ui3nBreadcrumbs: "_ui3nBreadcrumbs_1oq6f_1" } }]]), Ti = ["id", "tabindex"], Ei = [
+}), [["__cssModules", { $style: { ui3nBreadcrumbs: "_ui3nBreadcrumbs_1oq6f_1" } }]]), Di = ["id", "tabindex"], Oi = [
 	"name",
 	"checked",
 	"disabled",
 	"value"
-], Di = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], ki = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-switch",
 	props: {
 		id: {},
@@ -3832,20 +3784,21 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = xe(), o = K(!1), s = P(() => ({
+		let r = e, i = n, a = Se(), o = K(!1), s = P(() => ({
 			"--ui3n-switch-color": r.color,
-			"--ui3n-switch-size": l(r.size)
+			"--ui3n-switch-size": O(r.size)
 		}));
 		function c(e) {
 			e.preventDefault(), !r.disabled && (o.value = !o.value, i("change", o.value), i("update:modelValue", o.value));
 		}
-		function u() {
+		function l() {
 			o.value = !1, i("change", !1), i("update:modelValue", !1);
 		}
-		return t({ clear: u }), Z(() => r.name, (e) => {
-			e || u();
+		return t({ clear: l }), Z(() => r.name, (e) => {
+			e || l();
 		}), Z(() => r.modelValue, (e) => o.value = e, { immediate: !0 }), (t, n) => (G(), L("div", {
 			id: e.id,
+			"data-ui3n": "switch",
 			style: U(s.value),
 			tabindex: e.disabled ? -1 : 0,
 			class: H([
@@ -3865,22 +3818,22 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				checked: o.value,
 				disabled: e.disabled,
 				value: o.value ? "on" : ""
-			}, null, 8, Ei)) : I("", !0),
+			}, null, 8, Oi)) : I("", !0),
 			R("div", { class: H(t.$style.body) }, [R("div", { class: H([t.$style.dot, o.value ? t.$style.right : t.$style.left]) }, null, 2)], 2),
 			R("div", { class: H(t.$style.label) }, [J(t.$slots, "default")], 2)
-		], 46, Ti));
+		], 46, Di));
 	}
 }), [["__cssModules", { $style: {
-	ui3nSwitch: "_ui3nSwitch_1lo7b_1",
-	body: "_body_1lo7b_21",
-	checked: "_checked_1lo7b_30",
-	dot: "_dot_1lo7b_33",
-	noLabel: "_noLabel_1lo7b_37",
-	left: "_left_1lo7b_53",
-	right: "_right_1lo7b_57",
-	label: "_label_1lo7b_61",
-	disabled: "_disabled_1lo7b_68"
-} }]]), Oi = ["id"], ki = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nSwitch: "_ui3nSwitch_gc1zr_1",
+	body: "_body_gc1zr_21",
+	checked: "_checked_gc1zr_30",
+	dot: "_dot_gc1zr_33",
+	noLabel: "_noLabel_gc1zr_37",
+	left: "_left_gc1zr_53",
+	right: "_right_gc1zr_57",
+	label: "_label_gc1zr_61",
+	disabled: "_disabled_gc1zr_68"
+} }]]), Ai = ["id"], ji = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-step-line-bar",
 	props: {
 		id: {},
@@ -3892,19 +3845,20 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		let t = e, n = P(() => Math.max(0, Math.floor(t.steps)));
 		return (t, r) => (G(), L("div", {
 			id: e.id,
+			"data-ui3n": "step-line-bar",
 			class: H(t.$style.ui3nStepLineBar)
 		}, [R("div", { class: H(t.$style.label) }, Y(e.label), 3), R("div", { class: H(t.$style.body) }, [(G(!0), L(N, null, q(n.value, (n) => (G(), L("div", {
 			key: n,
 			class: H([t.$style.step, n <= e.current && t.$style.active])
-		}, null, 2))), 128))], 2)], 10, Oi));
+		}, null, 2))), 128))], 2)], 10, Ai));
 	}
 }), [["__cssModules", { $style: {
-	ui3nStepLineBar: "_ui3nStepLineBar_119zg_1",
-	label: "_label_119zg_6",
-	body: "_body_119zg_17",
-	step: "_step_119zg_25",
-	active: "_active_119zg_33"
-} }]]), Ai = 12, ji = 5, Mi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nStepLineBar: "_ui3nStepLineBar_19xgk_1",
+	label: "_label_19xgk_8",
+	body: "_body_19xgk_19",
+	step: "_step_19xgk_27",
+	active: "_active_19xgk_35"
+} }]]), Mi = 12, Ni = 5, Pi = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-progress-linear",
 	props: {
 		value: { default: 0 },
@@ -3913,8 +3867,8 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			type: Boolean,
 			default: !1
 		},
-		bgColor: { default: "var(--color-bg-control-primary-default)" },
-		color: { default: "var(--color-bg-control-accent-default)" },
+		bgColor: {},
+		color: {},
 		indeterminate: {
 			type: Boolean,
 			default: !1
@@ -3927,35 +3881,37 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}, r = P(() => n(t.height)), i = P(() => {
 			let e = n(t.value);
 			return Math.min(Math.max(e, 0), 100);
-		}), a = P(() => t.withText && !t.indeterminate), o = P(() => `${i.value}%`), s = P(() => ({
-			"--ui3n-progress-linear-height": `${r.value}px`,
-			"--ui3n-progress-linear-bg": t.bgColor,
-			"--ui3n-progress-linear-color": t.color,
-			"--ui3n-progress-linear-font-size": `${Math.max(r.value - 2, 10)}px`
-		}));
+		}), a = P(() => t.withText && !t.indeterminate), o = P(() => `${i.value}%`), s = P(() => {
+			let e = {
+				"--ui3n-progress-linear-height": `${r.value}px`,
+				"--ui3n-progress-linear-font-size": `${Math.max(r.value - 2, 10)}px`
+			};
+			return t.bgColor && (e["--ui3n-progress-linear-bg"] = t.bgColor), t.color && (e["--ui3n-progress-linear-color"] = t.color), e;
+		});
 		return (t, n) => (G(), L("div", {
+			"data-ui3n": "progress-linear",
 			style: U(s.value),
 			class: H([t.$style.ui3nProgressLinear, e.indeterminate && t.$style.indeterminate])
-		}, [a.value && r.value < Ai ? (G(), L("div", {
+		}, [a.value && r.value < Mi ? (G(), L("div", {
 			key: 0,
 			class: H([t.$style.text, t.$style.above])
 		}, Y(o.value), 3)) : I("", !0), R("div", { class: H(t.$style.body) }, [R("div", {
 			class: H(t.$style.value),
 			style: U(e.indeterminate ? void 0 : { width: o.value })
-		}, [a.value && r.value >= Ai && i.value >= ji ? (G(), L("div", {
+		}, [a.value && r.value >= Mi && i.value >= Ni ? (G(), L("div", {
 			key: 0,
 			class: H(t.$style.text)
 		}, Y(o.value), 3)) : I("", !0)], 6)], 2)], 6));
 	}
 }), [["__cssModules", { $style: {
-	ui3nProgressLinear: "_ui3nProgressLinear_1avv2_1",
-	body: "_body_1avv2_7",
-	value: "_value_1avv2_16",
-	text: "_text_1avv2_29",
-	above: "_above_1avv2_37",
-	indeterminate: "_indeterminate_1avv2_47",
-	"linear-fly": "_linear-fly_1avv2_1"
-} }]]), Ni = ["height", "width"], Pi = ["r"], Fi = ["r", "stroke-dasharray"], Ii = /* @__PURE__ */ k(/* @__PURE__ */ V({
+	ui3nProgressLinear: "_ui3nProgressLinear_s0kwl_1",
+	body: "_body_s0kwl_9",
+	value: "_value_s0kwl_18",
+	text: "_text_s0kwl_31",
+	above: "_above_s0kwl_39",
+	indeterminate: "_indeterminate_s0kwl_49",
+	"linear-fly": "_linear-fly_s0kwl_1"
+} }]]), Fi = ["height", "width"], Ii = ["r"], Li = ["r", "stroke-dasharray"], Ri = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-progress-circular",
 	props: {
 		value: { default: 0 },
@@ -3965,8 +3921,8 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			type: Boolean,
 			default: !1
 		},
-		bgColor: { default: "var(--color-bg-control-primary-default)" },
-		color: { default: "var(--color-bg-control-accent-default)" },
+		bgColor: {},
+		color: {},
 		indeterminate: {
 			type: Boolean,
 			default: !1
@@ -3979,14 +3935,16 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}, r = P(() => n(t.size) || 64), i = P(() => Math.min(Math.max(n(t.value), 0), 100)), a = P(() => t.withText && !t.indeterminate), o = P(() => t.width ? n(t.width) / r.value * 100 : 8), s = P(() => (100 - o.value) / 2), c = P(() => Math.round(Math.PI * 2 * s.value)), l = P(() => {
 			let e = Math.round(c.value * i.value / 100);
 			return `${e} ${c.value - e}`;
-		}), u = P(() => `${Math.floor(r.value / 3.8)}px`), d = P(() => ({
-			"--ui3n-progress-circular-size": `${r.value}px`,
-			"--ui3n-progress-circular-font-size": u.value,
-			"--ui3n-progress-circular-bg": t.bgColor,
-			"--ui3n-progress-circular-color": t.color,
-			"--ui3n-progress-virtual-width": String(o.value)
-		}));
+		}), u = P(() => `${Math.floor(r.value / 3.8)}px`), d = P(() => {
+			let e = {
+				"--ui3n-progress-circular-size": `${r.value}px`,
+				"--ui3n-progress-circular-font-size": u.value,
+				"--ui3n-progress-virtual-width": String(o.value)
+			};
+			return t.bgColor && (e["--ui3n-progress-circular-bg"] = t.bgColor), t.color && (e["--ui3n-progress-circular-color"] = t.color), e;
+		});
 		return (t, n) => (G(), L("div", {
+			"data-ui3n": "progress-circular",
 			style: U(d.value),
 			class: H([t.$style.ui3nProgressCircular, e.indeterminate && t.$style.indeterminate])
 		}, [(G(), L("svg", {
@@ -3999,148 +3957,26 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			r: s.value,
 			cx: "50",
 			cy: "50"
-		}, null, 10, Pi), R("circle", {
+		}, null, 10, Ii), R("circle", {
 			class: H(t.$style.chart),
 			r: s.value,
 			cx: "50",
 			cy: "50",
 			"stroke-dasharray": e.indeterminate ? void 0 : l.value
-		}, null, 10, Fi)], 10, Ni)), a.value ? (G(), L("div", {
+		}, null, 10, Li)], 10, Fi)), a.value ? (G(), L("div", {
 			key: 0,
 			class: H(t.$style.text)
 		}, Y(i.value) + "% ", 3)) : I("", !0)], 6));
 	}
 }), [["__cssModules", { $style: {
-	ui3nProgressCircular: "_ui3nProgressCircular_zypt9_1",
-	pie: "_pie_zypt9_13",
-	background: "_background_zypt9_19",
-	chart: "_chart_zypt9_26",
-	text: "_text_zypt9_33",
-	indeterminate: "_indeterminate_zypt9_45",
-	"circular-spin": "_circular-spin_zypt9_1",
-	"circular-dash": "_circular-dash_zypt9_1"
-} }]]), Li = 5, Ri = /* @__PURE__ */ k(/* @__PURE__ */ V({
-	__name: "ui3n-tooltip",
-	props: {
-		id: {},
-		modelValue: { type: Boolean },
-		content: {},
-		maxContentWidth: { default: 400 },
-		color: { default: "var(--color-bg-block-tritery-default)" },
-		textColor: { default: "var(--color-text-block-darkery-default)" },
-		placement: { default: "top" },
-		positionStrategy: { default: "absolute" },
-		offsetX: { default: 0 },
-		offsetY: { default: 0 },
-		trigger: { default: "hover" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"open",
-		"opened",
-		"close",
-		"closed",
-		"update:modelValue"
-	],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = K(!1), a = K(null), o = K(null), s = K(null), c = K(!1), l = P(() => {
-			let [e] = n.placement.split("-");
-			return e;
-		}), u = P(() => {
-			let e = {
-				mainAxis: 0,
-				crossAxis: 0
-			};
-			switch (l.value) {
-				case "top":
-					e.mainAxis = -1 * Number(n.offsetY) + Li, e.crossAxis = Number(n.offsetX);
-					break;
-				case "bottom":
-					e.mainAxis = Number(n.offsetY) + Li, e.crossAxis = Number(n.offsetX);
-					break;
-				case "left":
-					e.mainAxis = -1 * Number(n.offsetX) + Li, e.crossAxis = Number(n.offsetY);
-					break;
-				case "right":
-					e.mainAxis = Number(n.offsetX) + Li, e.crossAxis = Number(n.offsetY);
-					break;
-			}
-			return e;
-		}), d = P(() => [ke(u.value), Ee({
-			element: s,
-			padding: 8
-		})]), { floatingStyles: f, isPositioned: p, middlewareData: m } = je(a, o, {
-			open: i,
-			placement: n.placement,
-			strategy: n.positionStrategy,
-			middleware: d,
-			whileElementsMounted: n.positionStrategy === "fixed" ? De : void 0
-		}), h = P(() => {
-			let e = typeof n.maxContentWidth == "number" || !isNaN(Number(n.maxContentWidth)) ? `${n.maxContentWidth}px` : String(n.maxContentWidth);
-			return {
-				...f.value,
-				"--ui3n-tooltip-bg-color": n.color,
-				"--ui3n-tooltip-text-color": n.textColor,
-				"--ui3n-tooltip-max-width": e,
-				"--ui3n-tooltip-arrow-size": `${Li}px`,
-				"--ui3n-tooltip-base-offset": "-5px"
-			};
-		});
-		function g() {
-			n.disabled || (i.value = !0, r("open"), r("update:modelValue", !0));
-		}
-		function _() {
-			n.disabled && !i.value || (i.value = !1, r("close"), r("update:modelValue", !1));
-		}
-		function v() {
-			n.disabled && !i.value || (i.value ? _() : g());
-		}
-		function y() {
-			a.value && (a.value.removeEventListener("mouseenter", g), a.value.removeEventListener("mouseleave", _), a.value.removeEventListener("click", v));
-		}
-		function b() {
-			y(), !(!a.value || n.disabled) && (n.trigger === "hover" ? (a.value.addEventListener("mouseenter", g), a.value.addEventListener("mouseleave", _)) : n.trigger === "click" && a.value.addEventListener("click", v));
-		}
-		return pe(() => {
-			c.value = !0, b();
-		}), W(() => {
-			y();
-		}), Z([() => n.trigger, () => n.disabled], () => {
-			b();
-		}), Z(() => n.modelValue, (e) => n.trigger === "manual" && (i.value = e), { immediate: !0 }), Z(p, (e) => {
-			r(e ? "opened" : "closed");
-		}), (t, n) => (G(), L(N, null, [R("div", {
-			ref_key: "referenceContainer",
-			ref: a,
-			class: H(t.$style.container)
-		}, [J(t.$slots, "default")], 2), i.value ? (G(), L("div", {
-			key: 0,
-			ref_key: "floatingEl",
-			ref: o,
-			class: H(t.$style.floating),
-			style: U(h.value)
-		}, [J(t.$slots, "content", {}, () => [R("div", { class: H(t.$style.content) }, [z(Y(e.content) + " ", 1), R("div", {
-			ref_key: "floatingArrowEl",
-			ref: s,
-			class: H([t.$style.arrow, t.$style[`arrow-${l.value}`]]),
-			style: U({
-				left: X(m).arrow?.x == null ? "" : `${X(m).arrow?.x}px`,
-				top: X(m).arrow?.y == null ? "" : `${X(m).arrow?.y}px`
-			})
-		}, null, 6)], 2)])], 6)) : I("", !0)], 64));
-	}
-}), [["__cssModules", { $style: {
-	container: "_container_1wkac_1",
-	floating: "_floating_1wkac_7",
-	arrow: "_arrow_1wkac_12",
-	"arrow-top": "_arrow-top_1wkac_17",
-	"arrow-bottom": "_arrow-bottom_1wkac_17",
-	"arrow-left": "_arrow-left_1wkac_30",
-	"arrow-right": "_arrow-right_1wkac_30",
-	content: "_content_1wkac_44"
+	ui3nProgressCircular: "_ui3nProgressCircular_2id5w_1",
+	pie: "_pie_2id5w_15",
+	background: "_background_2id5w_21",
+	chart: "_chart_2id5w_28",
+	text: "_text_2id5w_35",
+	indeterminate: "_indeterminate_2id5w_47",
+	"circular-spin": "_circular-spin_2id5w_1",
+	"circular-dash": "_circular-dash_2id5w_1"
 } }]]), zi = [
 	"name",
 	"checked",
@@ -4184,31 +4020,32 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	},
 	emits: ["change", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = ee, i = e, a = n, o = xe(), s = le("ui3n-radio-group-context", null), c = P(() => s !== null), u = P(() => s ? s.groupName.value : i.name || ""), d = K(c.value && s ? s.groupValue.value : i.modelValue), f = P(() => c.value && s ? s.groupValue.value === i.checkedValue : d.value === i.checkedValue), p = P(() => ({
-			"--ui3n-radio-size": l(i.size),
+		let r = j, i = e, a = n, o = Se(), s = ue("ui3n-radio-group-context", null), c = P(() => s !== null), l = P(() => s ? s.groupName.value : i.name || ""), u = K(c.value && s ? s.groupValue.value : i.modelValue), d = P(() => c.value && s ? s.groupValue.value === i.checkedValue : u.value === i.checkedValue), f = P(() => ({
+			"--ui3n-radio-size": O(i.size),
 			"--ui3n-radio-color": i.color
 		}));
-		function m(e) {
+		function p(e) {
 			if (e.preventDefault(), !i.disabled) {
 				if (!c.value) {
-					d.value = f.value ? i.uncheckedValue : i.checkedValue, a("change", d.value), a("update:modelValue", d.value);
+					u.value = d.value ? i.uncheckedValue : i.checkedValue, a("change", u.value), a("update:modelValue", u.value);
 					return;
 				}
-				f.value || s && s.updateGroupValue(i.checkedValue);
+				d.value || s && s.updateGroupValue(i.checkedValue);
 			}
 		}
-		function h() {
-			d.value = i.uncheckedValue, c.value || (a("change", d.value), a("update:modelValue", d.value));
+		function m() {
+			u.value = i.uncheckedValue, c.value || (a("change", u.value), a("update:modelValue", u.value));
 		}
-		return t({ clear: h }), fe(() => {
+		return t({ clear: m }), W(() => {
 			let e = !!o.checkedIcon, t = !!o.uncheckedIcon;
 			if (e && !t || !e && t) throw Error("[Ui3nRadio] Both checkedIcon and uncheckedIcon slots must have values defined.");
 		}), Z(() => i.name, (e) => {
-			!e && !c.value && h();
+			!e && !c.value && m();
 		}), Z(() => i.modelValue, (e) => {
-			e !== d.value && (d.value = e);
+			e !== u.value && (u.value = e);
 		}), (t, n) => (G(), L("div", {
-			style: U(p.value),
+			"data-ui3n": "radio",
+			style: U(f.value),
 			class: H([
 				t.$style.ui3nRadio,
 				e.disabled && t.$style.disabled,
@@ -4218,17 +4055,17 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			R("input", {
 				type: "radio",
 				hidden: "",
-				name: u.value,
-				checked: f.value,
+				name: l.value,
+				checked: d.value,
 				value: String(e.checkedValue),
 				disabled: e.disabled
 			}, null, 8, zi),
-			Te((G(), L("div", {
+			Ee((G(), L("div", {
 				class: H([t.$style.body, e.disabled && t.$style.bodyDisabled]),
 				tabindex: e.disabled ? -1 : 0,
-				onKeydown: [Q(m, ["enter"]), Q(m, ["space"])],
-				onClick: m
-			}, [f.value ? J(t.$slots, "checkedIcon", { key: 0 }, () => [(G(), L("svg", {
+				onKeydown: [Q(p, ["enter"]), Q(p, ["space"])],
+				onClick: p
+			}, [d.value ? J(t.$slots, "checkedIcon", { key: 0 }, () => [(G(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
@@ -4249,14 +4086,14 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		], 6));
 	}
 }), [["__cssModules", { $style: {
-	ui3nRadio: "_ui3nRadio_1eork_1",
-	disabled: "_disabled_1eork_10",
-	label: "_label_1eork_15",
-	noLabel: "_noLabel_1eork_19",
-	body: "_body_1eork_23",
-	icon: "_icon_1eork_47",
-	bodyDisabled: "_bodyDisabled_1eork_56",
-	iconDisabled: "_iconDisabled_1eork_57"
+	ui3nRadio: "_ui3nRadio_1578r_1",
+	disabled: "_disabled_1578r_10",
+	label: "_label_1578r_15",
+	noLabel: "_noLabel_1578r_19",
+	body: "_body_1578r_23",
+	icon: "_icon_1578r_47",
+	bodyDisabled: "_bodyDisabled_1578r_56",
+	iconDisabled: "_iconDisabled_1578r_57"
 } }]]), Wi = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-radio-group",
 	props: {
@@ -4279,7 +4116,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		function o(e) {
 			a.value = e, i("update:modelValue", e), i("change", e);
 		}
-		he("ui3n-radio-group-context", {
+		ge("ui3n-radio-group-context", {
 			groupValue: P(() => a.value),
 			groupName: P(() => r.name || ""),
 			updateGroupValue: o
@@ -4291,7 +4128,10 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			e !== a.value && (a.value = e);
 		}), Z(() => r.name, (e) => {
 			e || s();
-		}), (t, n) => (G(), L("div", { class: H([t.$style.ui3nRadioGroup, e.direction === "horizontal" && t.$style.horizontal]) }, [J(t.$slots, "default")], 2));
+		}), (t, n) => (G(), L("div", {
+			"data-ui3n": "radio-group",
+			class: H([t.$style.ui3nRadioGroup, e.direction === "horizontal" && t.$style.horizontal])
+		}, [J(t.$slots, "default")], 2));
 	}
 }), [["__cssModules", { $style: {
 	ui3nRadioGroup: "_ui3nRadioGroup_1aejh_1",
@@ -4323,7 +4163,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		"focusout"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = ee, i = On, a = e, o = n, s = K(null), c = K(null), l = K("auto"), u = K(null), d = K(a.modelValue), f = K(a.modelValue), p = K(!1), m = P(() => {
+		let r = j, i = On, a = e, o = n, s = K(null), c = K(null), l = K("auto"), u = K(null), d = K(a.modelValue), f = K(a.modelValue), p = K(!1), m = P(() => {
 			let e = "100%";
 			if (a.maxWidth) {
 				let t = Number(a.maxWidth);
@@ -4338,7 +4178,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			c.value && (c.value.textContent = d.value || a.placeholder || "", l.value = `${Math.max(c.value.scrollWidth + 48, Yi)}px`);
 		}
 		function v() {
-			a.disabled || (p.value = !0, f.value = d.value, de(() => {
+			a.disabled || (p.value = !0, f.value = d.value, fe(() => {
 				s.value && (_(), s.value.focus(), a.selectAllOnFocus && s.value.select());
 			}));
 		}
@@ -4363,8 +4203,9 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			!a.disabled && o("toggle:editMode", e);
 		}), Z(() => a.name, (e) => {
 			e || C();
-		}), (t, n) => Te((G(), L("div", {
+		}), (t, n) => Ee((G(), L("div", {
 			id: e.id,
+			"data-ui3n": "editable",
 			class: H([
 				t.$style.ui3nEditable,
 				e.disabled && t.$style.ui3nEditableDisabled,
@@ -4399,26 +4240,26 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					Q(x, ["esc"])
 				]
 			}, null, 46, qi),
-			Te((G(), L("div", {
+			Ee((G(), L("div", {
 				class: H([
 					t.$style.btn,
 					t.$style.doneBtn,
 					e.disabled && t.$style.btnDisabled
 				]),
 				onClick: $(b, ["stop", "prevent"])
-			}, [B(j, {
+			}, [B(A, {
 				icon: "round-done",
 				size: "12",
 				color: "var(--color-icon-table-accent-default)"
 			})], 2)), [[X(r)]]),
-			Te((G(), L("div", {
+			Ee((G(), L("div", {
 				class: H([
 					t.$style.btn,
 					t.$style.cancelBtn,
 					e.disabled && t.$style.btnDisabled
 				]),
 				onClick: $(x, ["stop", "prevent"])
-			}, [B(j, {
+			}, [B(A, {
 				icon: "round-close",
 				size: "12",
 				color: "var(--color-icon-table-secondary-default)"
@@ -4430,29 +4271,29 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}, [R("span", {
 			ref_key: "contentValueEl",
 			ref: u
-		}, Y(d.value || e.placeholder || "..."), 513), Te((G(), L("div", {
+		}, Y(d.value || e.placeholder || "..."), 513), Ee((G(), L("div", {
 			class: H([t.$style.btn, t.$style.editBtn]),
 			onClick: $(v, ["stop", "prevent"])
-		}, [B(j, {
+		}, [B(A, {
 			icon: "round-edit",
 			size: "12",
 			color: "var(--color-icon-control-accent-unselected)"
 		})], 2)), [[X(r)]])], 10, Ji))], 46, Gi)), [[X(i), S]]);
 	}
 }), [["__cssModules", { $style: {
-	ui3nEditable: "_ui3nEditable_s7l0a_3",
-	ui3nEditableInEdit: "_ui3nEditableInEdit_s7l0a_23",
-	ui3nEditableInEditWarning: "_ui3nEditableInEditWarning_s7l0a_26",
-	ui3nEditableDisabled: "_ui3nEditableDisabled_s7l0a_33",
-	content: "_content_s7l0a_38",
-	contentEmpty: "_contentEmpty_s7l0a_60",
-	btn: "_btn_s7l0a_66",
-	editBtn: "_editBtn_s7l0a_66",
-	input: "_input_s7l0a_70",
-	hidden: "_hidden_s7l0a_92",
-	cancelBtn: "_cancelBtn_s7l0a_128",
-	doneBtn: "_doneBtn_s7l0a_133",
-	btnDisabled: "_btnDisabled_s7l0a_139"
+	ui3nEditable: "_ui3nEditable_6j1hw_3",
+	ui3nEditableInEdit: "_ui3nEditableInEdit_6j1hw_23",
+	ui3nEditableInEditWarning: "_ui3nEditableInEditWarning_6j1hw_26",
+	ui3nEditableDisabled: "_ui3nEditableDisabled_6j1hw_33",
+	content: "_content_6j1hw_38",
+	contentEmpty: "_contentEmpty_6j1hw_60",
+	btn: "_btn_6j1hw_66",
+	editBtn: "_editBtn_6j1hw_66",
+	input: "_input_6j1hw_70",
+	hidden: "_hidden_6j1hw_92",
+	cancelBtn: "_cancelBtn_6j1hw_128",
+	doneBtn: "_doneBtn_6j1hw_133",
+	btnDisabled: "_btnDisabled_6j1hw_139"
 } }]]), Zi = ["name", "value"], Qi = ["name", "value"], $i = ["name", "value"], ea = ["placeholder", "disabled"], ta = [
 	"id",
 	"aria-disabled",
@@ -4504,7 +4345,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			return !!e && !!o.itemDisabled?.(e);
 		}
 		function S(e, t) {
-			for (let n = e; n >= 0 && n < (0, Or.default)(b.value); n += t) if (!x(b.value[n])) return n;
+			for (let n = e; n >= 0 && n < (0, Ar.default)(b.value); n += t) if (!x(b.value[n])) return n;
 			return null;
 		}
 		function C() {
@@ -4526,7 +4367,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			};
 			if (!o.multiple) s("update:modelValue", o.returnObject ? [t] : [t[o.itemValue]]);
 			else if (!(o.returnObject ? o.modelValue.some((e) => e[o.itemValue] === t[o.itemValue] || e[o.itemTitle] === t[o.itemTitle]) : o.modelValue.some((e) => e === t[o.itemValue]))) {
-				let e = (0, Jr.default)(o.modelValue);
+				let e = (0, Xr.default)(o.modelValue);
 				e.push(o.returnObject ? t : t[o.itemValue]), s("update:modelValue", e);
 			}
 			return g.value = !0, o.clearOnSelect && (l.value = ""), !0;
@@ -4540,41 +4381,41 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				s("update:modelValue", o.returnObject ? [e] : [e[o.itemValue]]);
 				return;
 			}
-			let t = (0, Jr.default)(o.modelValue), n = o.returnObject ? o.modelValue.findIndex((t) => t.id === e.id) : o.modelValue.findIndex((t) => t === e[o.itemValue]);
+			let t = (0, Xr.default)(o.modelValue), n = o.returnObject ? o.modelValue.findIndex((t) => t.id === e.id) : o.modelValue.findIndex((t) => t === e[o.itemValue]);
 			n > -1 ? t.splice(n, 1) : t.push(o.returnObject ? e : e[o.itemValue]), s("update:modelValue", t), o.clearOnSelect && (l.value = "");
 		}
 		function O(e) {
 			if (o.disabled) return;
-			let t = o.returnObject ? o.modelValue.findIndex((t) => t.id === e.id) : o.modelValue.findIndex((t) => t === e), n = (0, Jr.default)(o.modelValue);
+			let t = o.returnObject ? o.modelValue.findIndex((t) => t.id === e.id) : o.modelValue.findIndex((t) => t === e), n = (0, Xr.default)(o.modelValue);
 			n.splice(t, 1), s("update:modelValue", n);
 		}
-		function ee() {
+		function k() {
 			if (m.value === null) {
 				m.value = S(0, 1), p.value && p.value.focus({ preventScroll: !0 });
 				return;
 			}
-			if (m.value >= 0 && m.value < (0, Or.default)(b.value) - 1) {
+			if (m.value >= 0 && m.value < (0, Ar.default)(b.value) - 1) {
 				let e = S(m.value + 1, 1);
 				e !== null && (m.value = e);
 			}
 		}
-		function k() {
+		function A() {
 			if (m.value === null) {
-				m.value = S((0, Or.default)(b.value) - 1, -1), p.value && p.value.focus({ preventScroll: !0 });
+				m.value = S((0, Ar.default)(b.value) - 1, -1), p.value && p.value.focus({ preventScroll: !0 });
 				return;
 			}
-			if (m.value > 0 && m.value < (0, Or.default)(b.value)) {
+			if (m.value > 0 && m.value < (0, Ar.default)(b.value)) {
 				let e = S(m.value - 1, -1);
 				e !== null && (m.value = e);
 			}
 		}
-		function A() {
+		function ee() {
 			s("update:focused", !1), u.value = !1, m.value = null, l.value = "", f.value && f.value.blur(), d.value && d.value.blur();
 		}
 		function j() {
 			o.addNewValue && T(), s("update:focused", !1), u.value = !1, m.value = null, l.value = "";
 		}
-		function te() {
+		function M() {
 			if (m.value !== null) {
 				let e = b.value[m.value];
 				if (x(e)) return;
@@ -4587,34 +4428,34 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}
 			u.value || (u.value = !0, m.value = S(0, 1), p.value && p.value.focus({ preventScroll: !0 }));
 		}
-		function ne() {
-			if (o.disabled || l.value !== "" || (0, qr.default)(o.modelValue)) return;
+		function te() {
+			if (o.disabled || l.value !== "" || (0, Yr.default)(o.modelValue)) return;
 			if (!h.value) {
 				h.value = !0;
 				return;
 			}
-			let e = (0, Jr.default)(o.modelValue);
+			let e = (0, Xr.default)(o.modelValue);
 			e.pop(), s("update:modelValue", e), h.value = !1;
 		}
-		function M(e, t) {
+		function ne(e, t) {
 			switch (t) {
 				case "down":
-					e.preventDefault(), e.stopPropagation(), ee();
+					e.preventDefault(), e.stopPropagation(), k();
 					break;
 				case "up":
-					e.preventDefault(), e.stopPropagation(), k();
+					e.preventDefault(), e.stopPropagation(), A();
 					break;
 				case "esc":
-					A();
+					ee();
 					break;
 				case "tab":
 					j();
 					break;
 				case "enter":
-					e.preventDefault(), e.stopPropagation(), te();
+					e.preventDefault(), e.stopPropagation(), M();
 					break;
 				case "backspace":
-					ne();
+					te();
 					break;
 			}
 		}
@@ -4623,9 +4464,12 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}
 		return t({ clear: re }), Z(() => o.name, (e) => {
 			e || re();
-		}), Z(() => (0, Or.default)(b.value), (e, t) => {
+		}), Z(() => (0, Ar.default)(b.value), (e, t) => {
 			e !== t && (m.value = null), e && !g.value && (g.value = !0);
-		}), (t, r) => (G(), L("div", { class: H(t.$style.ui3nAutocomplete) }, [e.name && !X(qr.default)(e.modelValue) ? (G(), L("fieldset", {
+		}), (t, r) => (G(), L("div", {
+			"data-ui3n": "autocomplete",
+			class: H(t.$style.ui3nAutocomplete)
+		}, [e.name && !X(Yr.default)(e.modelValue) ? (G(), L("fieldset", {
 			key: 0,
 			class: H(t.$style.hiddenBlock)
 		}, [e.multiple ? (G(), L(N, { key: 1 }, [e.returnObject ? (G(!0), L(N, { key: 1 }, q(e.modelValue, (t, n) => (G(), L("input", {
@@ -4643,7 +4487,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			type: "hidden",
 			name: e.name,
 			value: e.returnObject ? JSON.stringify(e.modelValue) : e.modelValue
-		}, null, 8, Zi))], 2)) : I("", !0), B(ui, {
+		}, null, 8, Zi))], 2)) : I("", !0), B(fi, {
 			modelValue: u.value,
 			"onUpdate:modelValue": r[8] ||= (e) => u.value = e,
 			width: "100%",
@@ -4660,12 +4504,12 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			],
 			disabled: e.disabled
 		}, {
-			menu: we(() => [!X(qr.default)(b.value) || X(qr.default)(b.value) && e.noDataText ? (G(), L("div", {
+			menu: Te(() => [!X(Yr.default)(b.value) || X(Yr.default)(b.value) && e.noDataText ? (G(), L("div", {
 				key: 0,
 				ref_key: "menuBodyEl",
 				ref: p,
 				class: H(t.$style.body)
-			}, [X(Or.default)(b.value) ? (G(!0), L(N, { key: 0 }, q(b.value, (r, i) => (G(), L("div", {
+			}, [X(Ar.default)(b.value) ? (G(!0), L(N, { key: 0 }, q(b.value, (r, i) => (G(), L("div", {
 				key: r.id,
 				id: `${c}-${i}`,
 				class: H([
@@ -4680,61 +4524,61 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				item: r,
 				index: i,
 				query: l.value
-			}, () => [Te(R("div", { class: H(t.$style.simpleItem) }, null, 2), [[X(a), X(n)(r[o.itemTitle], l.value)]])])], 42, ta))), 128)) : I("", !0), !X(Or.default)(b.value) && e.noDataText ? (G(), L("div", {
+			}, () => [Ee(R("div", { class: H(t.$style.simpleItem) }, null, 2), [[X(a), X(n)(r[o.itemTitle], l.value)]])])], 42, ta))), 128)) : I("", !0), !X(Ar.default)(b.value) && e.noDataText ? (G(), L("div", {
 				key: 1,
 				class: H(t.$style.noData)
 			}, [J(t.$slots, "noDataText", {}, () => [z(Y(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
-			default: we(() => [R("div", {
+			default: Te(() => [R("div", {
 				ref_key: "activatorEl",
 				ref: d,
 				class: H(t.$style.trigger)
-			}, [e.chips && !X(qr.default)(e.modelValue) ? (G(), F(ce, {
+			}, [e.chips && !X(Yr.default)(e.modelValue) ? (G(), F(le, {
 				key: 0,
 				name: "chipAnim",
 				tag: "div",
 				class: H(t.$style.chipsContainer)
 			}, {
-				default: we(() => [(G(!0), L(N, null, q(e.modelValue, (n, r) => (G(), L("div", {
+				default: Te(() => [(G(!0), L(N, null, q(e.modelValue, (n, r) => (G(), L("div", {
 					key: n.id || r,
 					class: H(t.$style.chipWrapper)
 				}, [J(t.$slots, "chip", {
 					item: n,
 					index: r,
-					isHighlighted: r === X(Or.default)(e.modelValue) - 1 && h.value
-				}, () => [B(nr, {
+					isHighlighted: r === X(Ar.default)(e.modelValue) - 1 && h.value
+				}, () => [B(ir, {
 					height: "32",
-					color: r === X(Or.default)(e.modelValue) - 1 && h.value ? "var(--color-bg-control-primary-hover)" : void 0,
+					color: r === X(Ar.default)(e.modelValue) - 1 && h.value ? "var(--color-bg-control-primary-hover)" : void 0,
 					round: "",
 					closeable: "",
 					onClose: (e) => O(n)
 				}, {
-					default: we(() => [z(Y(e.returnObject ? n[o.itemTitle] : n), 1)]),
+					default: Te(() => [z(Y(e.returnObject ? n[o.itemTitle] : n), 1)]),
 					_: 2
 				}, 1032, ["color", "onClose"])])], 2))), 128))]),
 				_: 3
 			}, 8, ["class"])) : (G(), L("div", {
 				key: 1,
 				class: H(t.$style.displayValue)
-			}, Y(y.value), 3)), Te(R("input", {
+			}, Y(y.value), 3)), Ee(R("input", {
 				ref_key: "inputEl",
 				ref: f,
 				"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
 				type: "text",
 				class: H([t.$style.input, !g.value && t.$style.inputWithError]),
-				placeholder: X(qr.default)(e.modelValue) && e.placeholder ? e.placeholder : "",
+				placeholder: X(Yr.default)(e.modelValue) && e.placeholder ? e.placeholder : "",
 				disabled: e.disabled,
 				onInput: C,
 				onFocusin: r[1] ||= $((e) => s("update:focused", !0), ["prevent"]),
 				onFocusout: w,
 				onKeydown: [
-					r[2] ||= Q((e) => M(e, "down"), ["down"]),
-					r[3] ||= Q((e) => M(e, "up"), ["up"]),
-					r[4] ||= Q((e) => M(e, "esc"), ["esc"]),
-					r[5] ||= Q((e) => M(e, "enter"), ["enter"]),
-					r[6] ||= Q((e) => M(e, "tab"), ["tab"]),
-					r[7] ||= Q((e) => M(e, "backspace"), ["delete"])
+					r[2] ||= Q((e) => ne(e, "down"), ["down"]),
+					r[3] ||= Q((e) => ne(e, "up"), ["up"]),
+					r[4] ||= Q((e) => ne(e, "esc"), ["esc"]),
+					r[5] ||= Q((e) => ne(e, "enter"), ["enter"]),
+					r[6] ||= Q((e) => ne(e, "tab"), ["tab"]),
+					r[7] ||= Q((e) => ne(e, "backspace"), ["delete"])
 				]
-			}, null, 42, ea), [[Ce, l.value]])], 2)]),
+			}, null, 42, ea), [[we, l.value]])], 2)]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -4743,20 +4587,20 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		])], 2));
 	}
 }), [["__cssModules", { $style: {
-	ui3nAutocomplete: "_ui3nAutocomplete_zxyrz_1",
-	hiddenBlock: "_hiddenBlock_zxyrz_18",
-	trigger: "_trigger_zxyrz_25",
-	displayValue: "_displayValue_zxyrz_34",
-	input: "_input_zxyrz_41",
-	inputWithError: "_inputWithError_zxyrz_61",
-	body: "_body_zxyrz_67",
-	item: "_item_zxyrz_73",
-	itemSelected: "_itemSelected_zxyrz_87",
-	itemDisabled: "_itemDisabled_zxyrz_91",
-	simpleItem: "_simpleItem_zxyrz_96",
-	noData: "_noData_zxyrz_101",
-	chipsContainer: "_chipsContainer_zxyrz_114",
-	chipWrapper: "_chipWrapper_zxyrz_124"
+	ui3nAutocomplete: "_ui3nAutocomplete_nfk6j_1",
+	hiddenBlock: "_hiddenBlock_nfk6j_18",
+	trigger: "_trigger_nfk6j_25",
+	displayValue: "_displayValue_nfk6j_34",
+	input: "_input_nfk6j_41",
+	inputWithError: "_inputWithError_nfk6j_61",
+	body: "_body_nfk6j_67",
+	item: "_item_nfk6j_73",
+	itemSelected: "_itemSelected_nfk6j_87",
+	itemDisabled: "_itemDisabled_nfk6j_91",
+	simpleItem: "_simpleItem_nfk6j_96",
+	noData: "_noData_nfk6j_101",
+	chipsContainer: "_chipsContainer_nfk6j_114",
+	chipWrapper: "_chipWrapper_nfk6j_124"
 } }]]), ra = ["id"], ia = ["name", "value"], aa = ["name", "value"], oa = ["name", "value"], sa = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-slider",
 	props: {
@@ -4770,25 +4614,23 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		labelVisible: { default: "normal" },
 		labelTextColor: { default: "var(--color-text-block-darkery-default)" },
 		labelColor: { default: "var(--color-bg-block-tritery-default)" },
-		activeColor: { default: "var(--color-bg-control-accent-default)" },
-		trackColor: { default: "var(--color-bg-control-secondary-default)" },
-		trackHeight: { default: 8 },
-		thumbSize: { default: 16 },
-		thumbColor: { default: "var(--color-bg-control-accent-default)" },
+		activeColor: {},
+		trackColor: {},
+		trackHeight: {},
+		thumbSize: {},
+		thumbColor: {},
 		transformValueMethod: {},
 		disabled: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, o = Se("sliderEl"), s = Se("pointerEl1"), c = Se("pointerEl2"), l = K({
+		let r = e, i = n, o = Ce("sliderEl"), s = Ce("pointerEl1"), c = Ce("pointerEl2"), l = K({
 			1: 0,
 			2: 0
 		}), u = K({
 			1: r.labelVisible === "always",
 			2: r.labelVisible === "always"
-		}), d = K(0), f = K(null);
-		P(() => `${r.thumbSize}px`);
-		let p = P(() => Number(r.max) - Number(r.min)), m = P(() => r.step ? Number(r.step) : p.value / 100), h = P(() => {
+		}), d = K(0), f = K(null), p = P(() => Number(r.max) - Number(r.min)), m = P(() => r.step ? Number(r.step) : p.value / 100), h = P(() => {
 			let e = {};
 			if (r.range) {
 				let [t, n] = d.value;
@@ -4805,18 +4647,13 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			if (!r.range) return "";
 			let e = d.value[1];
 			return r.transformValueMethod ? r.transformValueMethod(e) : `${e}`;
-		}), b = P(() => ({
-			"--ui3n-slider-height": `${Math.max(Number(r.trackHeight), Number(r.thumbSize))}px`,
-			"--ui3n-slider-label-color": r.labelColor,
-			"--ui3n-slider-label-text-color": r.labelTextColor,
-			"--ui3n-slider-active-color": r.activeColor,
-			"--ui3n-slider-track-color": r.trackColor,
-			"--ui3n-slider-track-height": `${r.trackHeight}px`,
-			"--ui3n-slider-thumb-size": `${r.thumbSize}px`,
-			"--ui3n-slider-thumb-color": r.thumbColor,
-			"--ui3n-slider-pointer1-position": g.value,
-			"--ui3n-slider-pointer2-position": _.value
-		}));
+		}), b = P(() => {
+			let e = {
+				"--ui3n-slider-pointer1-position": g.value,
+				"--ui3n-slider-pointer2-position": _.value
+			};
+			return r.activeColor && (e["--ui3n-slider-active-color"] = r.activeColor), r.trackColor && (e["--ui3n-slider-track-color"] = r.trackColor), r.thumbColor && (e["--ui3n-slider-thumb-color"] = r.thumbColor), r.trackHeight !== void 0 && (e["--ui3n-slider-track-height"] = O(r.trackHeight)), r.thumbSize !== void 0 && (e["--ui3n-slider-thumb-size"] = O(r.thumbSize)), e;
+		});
 		function x(e) {
 			r.labelVisible === "normal" && (u.value[`${e}`] = !0);
 		}
@@ -4858,7 +4695,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			e || D();
 		}), Z(() => JSON.stringify(r.modelValue), (e) => {
 			if (r.range) {
-				e !== JSON.stringify(d.value) && (d.value = (0, Jr.default)(r.modelValue));
+				e !== JSON.stringify(d.value) && (d.value = (0, Xr.default)(r.modelValue));
 				return;
 			}
 			let t = Array.isArray(r.modelValue) ? r.modelValue[r.modelValue.length - 1] : r.modelValue;
@@ -4866,6 +4703,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}, { immediate: !0 }), (t, n) => (G(), L("div", {
 			ref: "sliderEl",
 			id: e.id,
+			"data-ui3n": "slider",
 			style: U(b.value),
 			class: H([t.$style.ui3nSlider, e.disabled && t.$style.disabled]),
 			onClick: $(E, ["stop", "prevent"])
@@ -4896,7 +4734,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				onDragstart: C,
 				onMouseenter: n[2] ||= (e) => x(1),
 				onMouseleave: n[3] ||= (e) => S(1)
-			}, [B(Ri, {
+			}, [B(te, {
 				"model-value": u.value[1],
 				content: v.value,
 				trigger: "manual",
@@ -4906,7 +4744,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				"text-color": e.labelTextColor,
 				disabled: e.labelVisible === "never"
 			}, {
-				default: we(() => [R("div", { class: H([t.$style.pointer, f.value === 1 && t.$style.selected]) }, null, 2)]),
+				default: Te(() => [R("div", { class: H([t.$style.pointer, f.value === 1 && t.$style.selected]) }, null, 2)]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -4924,7 +4762,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				onDragstart: C,
 				onMouseenter: n[6] ||= (e) => x(2),
 				onMouseleave: n[7] ||= (e) => S(2)
-			}, [B(Ri, {
+			}, [B(te, {
 				"model-value": u.value[2],
 				content: y.value,
 				trigger: "manual",
@@ -4934,7 +4772,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				"text-color": e.labelTextColor,
 				disabled: e.labelVisible === "never"
 			}, {
-				default: we(() => [R("div", { class: H([t.$style.pointer, f.value === 2 && t.$style.selected]) }, null, 2)]),
+				default: Te(() => [R("div", { class: H([t.$style.pointer, f.value === 2 && t.$style.selected]) }, null, 2)]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -4946,15 +4784,15 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		], 14, ra));
 	}
 }), [["__cssModules", { $style: {
-	ui3nSlider: "_ui3nSlider_17be6_1",
-	disabled: "_disabled_17be6_9",
-	track: "_track_17be6_14",
-	active: "_active_17be6_23",
-	pointerWrapper: "_pointerWrapper_17be6_30",
-	pointer: "_pointer_17be6_30",
-	selected: "_selected_17be6_55",
-	pointer1: "_pointer1_17be6_69",
-	pointer2: "_pointer2_17be6_73"
+	ui3nSlider: "_ui3nSlider_1wfp2_1",
+	disabled: "_disabled_1wfp2_16",
+	track: "_track_1wfp2_21",
+	active: "_active_1wfp2_30",
+	pointerWrapper: "_pointerWrapper_1wfp2_37",
+	pointer: "_pointer_1wfp2_37",
+	selected: "_selected_1wfp2_62",
+	pointer1: "_pointer1_1wfp2_76",
+	pointer2: "_pointer2_1wfp2_80"
 } }]]), ca = ["id"], la = ["name", "value"], ua = ["tabindex"], da = ["id", "onClick"], fa = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-selector",
 	props: {
@@ -4979,7 +4817,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		disabled: { type: Boolean }
 	},
 	setup(e, { expose: t, emit: n }) {
-		let i = e, a = n, o = `select-${r(4)}`, s = Se("activator"), c = Se("body"), l = K(!1), u = K(!1), d = K(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 = n, o = `select-${r(4)}`, s = Ce("activator"), c = Ce("body"), l = K(!1), u = K(!1), d = K(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);
@@ -5014,14 +4852,14 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				d.value = 0, c.value && c.value.focus();
 				return;
 			}
-			d.value >= 0 && d.value < (0, Or.default)(f.value) - 1 && (d.value += 1);
+			d.value >= 0 && d.value < (0, Ar.default)(f.value) - 1 && (d.value += 1);
 		}
 		function b() {
 			if (d.value === null) {
-				d.value = (0, Or.default)(f.value) - 1, c.value && c.value.focus();
+				d.value = (0, Ar.default)(f.value) - 1, c.value && c.value.focus();
 				return;
 			}
-			d.value > 0 && d.value < (0, Or.default)(f.value) && --d.value;
+			d.value > 0 && d.value < (0, Ar.default)(f.value) && --d.value;
 		}
 		function x() {
 			a("blur"), l.value = !1, c.value?.blur(), s.value && s.value.blur();
@@ -5076,6 +4914,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			} else e !== t && !e && (d.value = null, a("list:close"));
 		}), (t, n) => (G(), L("div", {
 			id: e.id,
+			"data-ui3n": "selector",
 			class: H(t.$style.ui3nSelector)
 		}, [
 			e.name && e.modelValue ? (G(), L("input", {
@@ -5088,7 +4927,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				key: 1,
 				class: H(t.$style.label)
 			}, Y(e.label), 3)) : I("", !0),
-			B(ui, {
+			B(fi, {
 				modelValue: l.value,
 				"onUpdate:modelValue": n[6] ||= (e) => l.value = e,
 				width: "100%",
@@ -5106,11 +4945,11 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					e.disabled || (l.value = !l.value);
 				}
 			}, {
-				menu: we(() => [!X(qr.default)(f.value) || X(qr.default)(f.value) && e.noDataText ? (G(), L("div", {
+				menu: Te(() => [!X(Yr.default)(f.value) || X(Yr.default)(f.value) && e.noDataText ? (G(), L("div", {
 					key: 0,
 					ref: "body",
 					class: H(t.$style.body)
-				}, [X(qr.default)(f.value) ? I("", !0) : (G(!0), L(N, { key: 0 }, q(f.value, (n, r) => (G(), L("div", {
+				}, [X(Yr.default)(f.value) ? I("", !0) : (G(!0), L(N, { key: 0 }, q(f.value, (n, r) => (G(), L("div", {
 					key: n.id,
 					id: `${o}-${r}`,
 					class: H([
@@ -5123,11 +4962,11 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					item: n,
 					index: r,
 					activeIndex: d.value
-				}, () => [z(Y(m(n)), 1)])], 10, da))), 128)), X(qr.default)(f.value) && e.noDataText ? (G(), L("div", {
+				}, () => [z(Y(m(n)), 1)])], 10, da))), 128)), X(Yr.default)(f.value) && e.noDataText ? (G(), L("div", {
 					key: 1,
 					class: H(t.$style.noData)
 				}, [J(t.$slots, "noDataText", {}, () => [z(Y(e.noDataText), 1)])], 2)) : I("", !0)], 2)) : I("", !0)]),
-				default: we(() => [R("div", {
+				default: Te(() => [R("div", {
 					ref: "activator",
 					tabindex: e.disabled ? -1 : 0,
 					class: H([
@@ -5151,7 +4990,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 						value: e.modelValue,
 						selectedItem: d.value === null ? void 0 : f.value[d.value]
 					}, () => [z(Y(p.value || e.placeholder || ""), 1)]),
-					e.clearable && e.modelValue ? (G(), F(A, {
+					e.clearable && e.modelValue ? (G(), F(M, {
 						key: 0,
 						type: "icon",
 						size: "small",
@@ -5164,7 +5003,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 						onClick: $(v, ["stop", "prevent"]),
 						onMousedown: n[0] ||= $(() => {}, ["stop", "prevent"])
 					}, null, 8, ["disabled", "class"])) : I("", !0),
-					B(j, {
+					B(A, {
 						icon: "outline-arrow-drop-down",
 						color: "var(--color-icon-block-primary-default)",
 						size: "16",
@@ -5181,21 +5020,21 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		], 10, ca));
 	}
 }), [["__cssModules", { $style: {
-	ui3nSelector: "_ui3nSelector_1mwql_3",
-	label: "_label_1mwql_18",
-	menu: "_menu_1mwql_28",
-	trigger: "_trigger_1mwql_36",
-	placeholder: "_placeholder_1mwql_56",
-	triggerDisabled: "_triggerDisabled_1mwql_60",
-	menuIcon: "_menuIcon_1mwql_66",
-	clearable: "_clearable_1mwql_71",
-	clearBtn: "_clearBtn_1mwql_74",
-	triggerFocused: "_triggerFocused_1mwql_79",
-	body: "_body_1mwql_84",
-	noData: "_noData_1mwql_93",
-	item: "_item_1mwql_105",
-	itemSelected: "_itemSelected_1mwql_119",
-	itemDisabled: "_itemDisabled_1mwql_123"
+	ui3nSelector: "_ui3nSelector_17xt0_3",
+	label: "_label_17xt0_22",
+	menu: "_menu_17xt0_32",
+	trigger: "_trigger_17xt0_40",
+	placeholder: "_placeholder_17xt0_60",
+	triggerDisabled: "_triggerDisabled_17xt0_64",
+	menuIcon: "_menuIcon_17xt0_70",
+	clearable: "_clearable_17xt0_75",
+	clearBtn: "_clearBtn_17xt0_78",
+	triggerFocused: "_triggerFocused_17xt0_83",
+	body: "_body_17xt0_88",
+	noData: "_noData_17xt0_97",
+	item: "_item_17xt0_109",
+	itemSelected: "_itemSelected_17xt0_123",
+	itemDisabled: "_itemDisabled_17xt0_127"
 } }]]), pa = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-mobile-menu",
 	props: {
@@ -5213,9 +5052,10 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			r("update:modelValue", !n.modelValue);
 		}
 		return (t, n) => (G(), L("div", {
+			"data-ui3n": "mobile-menu",
 			class: H(t.$style.ui3nMobileMenu),
 			style: U(i.value)
-		}, [e.modelValue ? I("", !0) : (G(), F(A, {
+		}, [e.modelValue ? I("", !0) : (G(), F(M, {
 			key: 0,
 			type: "icon",
 			class: H(t.$style.menuButton),
@@ -5224,8 +5064,8 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			"icon-color": "var(--color-icon-block-primary-default)",
 			"icon-size": "32",
 			onClick: $(a, ["stop", "prevent"])
-		}, null, 8, ["class"])), B(se, { name: "slide-fade" }, {
-			default: we(() => [e.modelValue ? (G(), L("div", {
+		}, null, 8, ["class"])), B(ce, { name: "slide-fade" }, {
+			default: Te(() => [e.modelValue ? (G(), L("div", {
 				key: 0,
 				class: H(t.$style.menuWrapper)
 			}, [R("div", {
@@ -5235,7 +5075,7 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				R("div", { class: H(t.$style.appMenuHeader) }, [J(t.$slots, "header")], 2),
 				R("div", { class: H(t.$style.appMenuBody) }, [J(t.$slots, "menuBody")], 2),
 				R("div", { class: H(t.$style.appMenuFooter) }, [J(t.$slots, "footer")], 2)
-			], 2), B(A, {
+			], 2), B(M, {
 				type: "icon",
 				icon: "round-close",
 				color: "transparent",
@@ -5248,16 +5088,16 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		})], 6));
 	}
 }), [["__cssModules", { $style: {
-	ui3nMobileMenu: "_ui3nMobileMenu_1991k_3",
-	menuWrapper: "_menuWrapper_1991k_9",
-	menuPanel: "_menuPanel_1991k_18",
-	appMenu: "_appMenu_1991k_28",
-	appMenuHeader: "_appMenuHeader_1991k_47",
-	appMenuBody: "_appMenuBody_1991k_52",
-	appMenuFooter: "_appMenuFooter_1991k_60",
-	menuButton: "_menuButton_1991k_65",
-	closeBtn: "_closeBtn_1991k_70",
-	overlay: "_overlay_1991k_78"
+	ui3nMobileMenu: "_ui3nMobileMenu_1vxq4_3",
+	menuWrapper: "_menuWrapper_1vxq4_9",
+	menuPanel: "_menuPanel_1vxq4_18",
+	appMenu: "_appMenu_1vxq4_28",
+	appMenuHeader: "_appMenuHeader_1vxq4_47",
+	appMenuBody: "_appMenuBody_1vxq4_52",
+	appMenuFooter: "_appMenuFooter_1vxq4_60",
+	menuButton: "_menuButton_1vxq4_65",
+	closeBtn: "_closeBtn_1vxq4_70",
+	overlay: "_overlay_1vxq4_78"
 } }]]), ma = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-mobile-menu-item",
 	props: {
@@ -5271,9 +5111,10 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			r("selectItem", n.item);
 		}
 		return (t, n) => (G(), L("div", {
+			"data-ui3n": "mobile-menu-item",
 			class: H([t.$style.menuItem, e.isActive && t.$style.menuItemSelected]),
 			onClick: i
-		}, [e.item.icon ? (G(), F(j, {
+		}, [e.item.icon ? (G(), F(A, {
 			key: 0,
 			icon: e.item.icon,
 			size: "20",
@@ -5281,22 +5122,22 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		}, null, 8, ["icon"])) : I("", !0), R("span", { class: H(t.$style.menuItemName) }, Y(e.item.name), 3)], 2));
 	}
 }), [["__cssModules", { $style: {
-	menuItem: "_menuItem_5dv4z_4",
-	menuItemName: "_menuItemName_5dv4z_15",
-	menuItemSelected: "_menuItemSelected_5dv4z_21",
-	bounceOnce: "_bounceOnce_5dv4z_1"
+	menuItem: "_menuItem_qaa58_4",
+	menuItemName: "_menuItemName_qaa58_15",
+	menuItemSelected: "_menuItemSelected_qaa58_21",
+	bounceOnce: "_bounceOnce_qaa58_1"
 } }]]), ha = 32, ga = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-scrollbar-horizontal",
 	props: {
 		thumbMinWidth: { default: ha },
 		thumbWidth: { default: "auto" },
-		thumbRadius: { default: 4 },
-		thumbColor: { default: "var(--color-bg-control-accent-default)" },
-		thumbHoverColor: { default: "var(--color-bg-control-accent-hover)" },
-		thumbActiveColor: { default: "var(--color-bg-control-accent-focused)" },
-		trackHeight: { default: 6 },
-		trackRadius: { default: 4 },
-		trackColor: { default: "transparent" }
+		thumbRadius: {},
+		thumbColor: {},
+		thumbHoverColor: {},
+		thumbActiveColor: {},
+		trackHeight: {},
+		trackRadius: {},
+		trackColor: {}
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
@@ -5316,24 +5157,18 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			let e = c.value - l.value, t = l.value - x.value;
 			return u.value / e * t;
 		}), C = P(() => {
-			let e = Number(r.thumbRadius);
-			return isNaN(e) ? String(r.thumbRadius) : `${e}px`;
-		}), 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`;
-		}), O = P(() => {
-			let e = Number(r.trackRadius);
-			return isNaN(e) ? String(r.trackRadius) : `${e}px`;
-		}), ee = P(() => r.trackColor);
-		function k() {
+			let e = {};
+			return r.thumbRadius !== void 0 && (e["--ui3n-scrollbar-horizontal-thumb-radius"] = O(r.thumbRadius)), r.thumbColor && (e["--ui3n-scrollbar-horizontal-thumb-color"] = r.thumbColor), r.thumbHoverColor && (e["--ui3n-scrollbar-horizontal-thumb-hover-color"] = r.thumbHoverColor), r.thumbActiveColor && (e["--ui3n-scrollbar-horizontal-thumb-active-color"] = r.thumbActiveColor), r.trackHeight !== void 0 && (e["--ui3n-scrollbar-horizontal-track-height"] = O(r.trackHeight)), r.trackRadius !== void 0 && (e["--ui3n-scrollbar-horizontal-track-radius"] = O(r.trackRadius)), r.trackColor && (e["--ui3n-scrollbar-horizontal-track-color"] = r.trackColor), e;
+		});
+		function w() {
 			a.value && (c.value = a.value.scrollWidth, l.value = a.value.clientWidth, u.value = a.value.scrollLeft);
 		}
-		function A(e) {
+		function T(e) {
 			d.value || (u.value = e.target.scrollLeft), p.value = !0, clearTimeout(h), h = setTimeout(() => {
 				p.value = !1;
 			}, 1500), i("scroll", e);
 		}
-		function j(e) {
+		function E(e) {
 			if (e.target !== o.value || !a.value || !o.value) return;
 			let t = o.value.getBoundingClientRect(), n = e.clientX - t.left - x.value / 2, r = c.value - l.value, i = n / (l.value - x.value) * r;
 			i = Math.max(0, Math.min(r, i)), a.value.scrollTo({
@@ -5341,54 +5176,47 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				behavior: "smooth"
 			});
 		}
-		function te(e) {
-			!s.value || !a.value || (e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientX, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", ne), s.value.addEventListener("pointerup", M), s.value.addEventListener("pointercancel", M));
+		function D(e) {
+			!s.value || !a.value || (e.preventDefault(), e.stopPropagation(), s.value.setPointerCapture(e.pointerId), d.value = !0, g = e.clientX, _ = u.value, document.body.style.userSelect = "none", s.value.addEventListener("pointermove", k), s.value.addEventListener("pointerup", A), s.value.addEventListener("pointercancel", A));
 		}
-		function ne(e) {
+		function k(e) {
 			if (!d.value || !a.value) return;
 			let t = e.clientX - g, n = c.value - l.value, r = t / (l.value - x.value) * n;
 			a.value.scrollLeft = _ + r, u.value = a.value.scrollLeft;
 		}
-		function M(e) {
+		function A(e) {
 			if (d.value && (d.value = !1, document.body.style.userSelect = "", s.value)) {
 				try {
 					s.value.releasePointerCapture(e.pointerId);
 				} catch {}
-				s.value.removeEventListener("pointermove", ne), s.value.removeEventListener("pointerup", M), s.value.removeEventListener("pointercancel", M);
+				s.value.removeEventListener("pointermove", k), s.value.removeEventListener("pointerup", A), s.value.removeEventListener("pointercancel", A);
 			}
 		}
-		return pe(() => {
-			k(), a.value && (m = new ResizeObserver(k), m.observe(a.value), a.value.firstElementChild && m.observe(a.value.firstElementChild));
-		}), W(() => {
-			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 = "";
+		return me(() => {
+			w(), a.value && (m = new ResizeObserver(w), m.observe(a.value), a.value.firstElementChild && m.observe(a.value.firstElementChild));
+		}), pe(() => {
+			m?.disconnect(), h && clearTimeout(h), s.value && (s.value.removeEventListener("pointermove", k), s.value.removeEventListener("pointerup", A), s.value.removeEventListener("pointercancel", A)), document.body.style.userSelect = "";
 		}), t({
 			scrollTo: (e) => {
 				a.value?.scrollTo(e);
 			},
 			getContainer: () => a.value
 		}), (e, t) => (G(), L("div", {
+			"data-ui3n": "scrollbar-horizontal",
 			class: H(e.$style.ui3nScrollbarHorizontal),
-			style: U({
-				"--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": E.value,
-				"--ui3n-scrollbar-horizontal-track-height": D.value,
-				"--ui3n-scrollbar-horizontal-track-radius": O.value,
-				"--ui3n-scrollbar-horizontal-track-color": ee.value
-			}),
+			style: U(C.value),
 			onMouseenter: t[0] ||= (e) => f.value = !0,
 			onMouseleave: t[1] ||= (e) => f.value = !1
 		}, [R("div", {
 			ref_key: "containerRef",
 			ref: a,
 			class: H(e.$style.scrollbarContainer),
-			onScroll: A
+			onScroll: T
 		}, [J(e.$slots, "default")], 34), R("div", {
 			ref_key: "trackRef",
 			ref: o,
 			class: H([e.$style.track, { [e.$style.trackVisible]: y.value }]),
-			onMousedown: j
+			onMousedown: E
 		}, [R("div", {
 			ref_key: "thumbRef",
 			ref: s,
@@ -5397,16 +5225,16 @@ var si = ["id"], ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				width: `${x.value}px`,
 				transform: `translateX(${S.value}px)`
 			}),
-			onPointerdown: te
+			onPointerdown: D
 		}, null, 38)], 34)], 38));
 	}
 }), [["__cssModules", { $style: {
-	ui3nScrollbarHorizontal: "_ui3nScrollbarHorizontal_1rgwl_1",
-	scrollbarContainer: "_scrollbarContainer_1rgwl_7",
-	track: "_track_1rgwl_20",
-	trackVisible: "_trackVisible_1rgwl_35",
-	thumb: "_thumb_1rgwl_41",
-	active: "_active_1rgwl_54"
+	ui3nScrollbarHorizontal: "_ui3nScrollbarHorizontal_8qypk_1",
+	scrollbarContainer: "_scrollbarContainer_8qypk_14",
+	track: "_track_8qypk_27",
+	trackVisible: "_trackVisible_8qypk_42",
+	thumb: "_thumb_8qypk_48",
+	active: "_active_8qypk_61"
 } }]]);
 //#endregion
 //#region src/composables/useDblClickHandler.ts
@@ -5420,4 +5248,4 @@ function _a(e, t, n = 250) {
 	return { handleDblClick: a };
 }
 //#endregion
-export { na as Ui3nAutocomplete, xi as Ui3nBadge, Ci as Ui3nBreadcrumb, wi as Ui3nBreadcrumbs, A as Ui3nButton, Hr as Ui3nCheckbox, nr as Ui3nChip, On as Ui3nClickOutside, ci as Ui3nDialog, ai as Ui3nDialogProvider, ar as Ui3nDropFiles, Xi as Ui3nEditable, or as Ui3nEmoji, En as Ui3nHtml, j as Ui3nIcon, lr as Ui3nInput, Nr as Ui3nInputFile, pi as Ui3nList, er as Ui3nLongPress, ui as Ui3nMenu, pa as Ui3nMobileMenu, ma as Ui3nMobileMenuItem, te as Ui3nNotification, Ii as Ui3nProgressCircular, Mi as Ui3nProgressLinear, Ui as Ui3nRadio, Wi as Ui3nRadioGroup, Fn as Ui3nResize, ee as Ui3nRipple, ei as Ui3nScrollbar, ga as Ui3nScrollbarHorizontal, hi as Ui3nScrollbarVertical, fa as Ui3nSelector, sa as Ui3nSlider, ki as Ui3nStepLineBar, Di as Ui3nSwitch, ri as Ui3nTable, Ur as Ui3nTableSortIcon, vi as Ui3nTabs, Ir as Ui3nText, qn as Ui3nTitle, Ri as Ui3nTooltip, gi as Ui3nVirtualScroll, _a as useDblClickHandler };
+export { na as Ui3nAutocomplete, Ci as Ui3nBadge, Ti as Ui3nBreadcrumb, Ei as Ui3nBreadcrumbs, M as Ui3nButton, Wr as Ui3nCheckbox, ir as Ui3nChip, On as Ui3nClickOutside, ui as Ui3nDialog, si as Ui3nDialogProvider, sr as Ui3nDropFiles, Xi as Ui3nEditable, cr as Ui3nEmoji, En as Ui3nHtml, A as Ui3nIcon, dr as Ui3nInput, Fr as Ui3nInputFile, hi as Ui3nList, er as Ui3nLongPress, fi as Ui3nMenu, pa as Ui3nMobileMenu, ma as Ui3nMobileMenuItem, ee as Ui3nNotification, Ri as Ui3nProgressCircular, Pi as Ui3nProgressLinear, Ui as Ui3nRadio, Wi as Ui3nRadioGroup, Fn as Ui3nResize, j as Ui3nRipple, ni as Ui3nScrollbar, ga as Ui3nScrollbarHorizontal, _i as Ui3nScrollbarVertical, fa as Ui3nSelector, sa as Ui3nSlider, ji as Ui3nStepLineBar, ki as Ui3nSwitch, ai as Ui3nTable, Gr as Ui3nTableSortIcon, bi as Ui3nTabs, Rr as Ui3nText, qn as Ui3nTitle, te as Ui3nTooltip, vi as Ui3nVirtualScroll, _a as useDblClickHandler };