@lumx/vue 4.11.0-next.3 → 4.11.0-next.4

package/index.js

@@ -3,17 +3,17 @@ export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
 import { createVNode as f, mergeProps as w, useAttrs as M, computed as S, toValue as Te, isVNode as X, Fragment as te, inject as Be, unref as mt, getCurrentInstance as bl, ref as F, watch as K, onBeforeUnmount as qt, nextTick as du, defineComponent as L, toRef as ae, toRaw as Fe, provide as qe, getCurrentScope as gl, onScopeDispose as yl, readonly as fu, customRef as hu, shallowRef as Je, onMounted as zt, useSlots as Qe, useTemplateRef as mu, shallowReadonly as We, watchEffect as et, isRef as Me, onUnmounted as tt, h as bs, Comment as pu, Text as vu, cloneVNode as bu, watchPostEffect as gu, reactive as Al, toRefs as yu, createTextVNode as Au, withDirectives as wu, resolveDirective as Nu } from "vue";
 import { classNames as ie } from "@lumx/core/js/utils";
+import { u as V, k as E, P as Ur, C as wl, T as Nl } from "./_internal/C6sf-SYQ.js";
 import { getDisabledState as xu } from "@lumx/core/js/utils/disabledState";
 import { mdiAlertCircle as Lt } from "@lumx/icons/esm/alert-circle.js";
-import { u as V, P as Ur, C as wl, T as Nl } from "./_internal/BqMObS2T.js";
 import { mdiChevronUp as xl } from "@lumx/icons/esm/chevron-up.js";
 import { mdiChevronDown as Cl } from "@lumx/icons/esm/chevron-down.js";
 import { mdiCheckCircle as Pl } from "@lumx/icons/esm/check-circle.js";
 import { mdiCloseCircle as Cu } from "@lumx/icons/esm/close-circle.js";
 import { mdiInformationOutline as Pu } from "@lumx/icons/esm/information-outline.js";
 import { mdiImageBroken as Su } from "@lumx/icons/esm/image-broken.js";
-import { mdiCheck as _u } from "@lumx/icons/esm/check.js";
-import { mdiMinus as ku } from "@lumx/icons/esm/minus.js";
+import { mdiCheck as ku } from "@lumx/icons/esm/check.js";
+import { mdiMinus as _u } from "@lumx/icons/esm/minus.js";
 import { mdiDragVertical as Tu } from "@lumx/icons/esm/drag-vertical.js";
 import { mdiAlert as Ou } from "@lumx/icons/esm/alert.js";
 import { mdiClose as Iu } from "@lumx/icons/esm/close.js";
@@ -77,9 +77,9 @@ function pt(e, t, n) {
     a ? Sl(e, a) : null
   );
 }
-const _l = "lumx-action-area", Du = `${_l}__action`, Bu = Object.assign(
+const kl = "lumx-action-area", Du = `${kl}__action`, Bu = Object.assign(
   /** Action area container class. Sets `position: relative`. */
-  () => _l,
+  () => kl,
   {
     /** Action element class. Adds a `::before` pseudo-element with `position: absolute; inset: 0` to expand the click area. */
     action: (e) => pt(Du, e)
@@ -94,7 +94,7 @@ function Fu(e, t, n) {
   const [a, r = iu.N] = Gr(t, n);
   return `lumx-color-${e}-${a}-${r}`;
 }
-const kl = (e, t) => Fu("font", e, t);
+const _l = (e, t) => Fu("font", e, t);
 function jt(e) {
   return `lumx-typography-${e}`;
 }
@@ -242,10 +242,7 @@ function Il(e, t, n) {
 function $(e) {
   return Il(e, "className", ie.join);
 }
-const E = () => (...e) => e.reduce(
-  (t, n) => (t[n] = { required: !1 }, t),
-  {}
-), Xu = "Icon", Yu = "lumx-icon", Ll = Yu, {
+const Xu = "Icon", Yu = "lumx-icon", Ll = Yu, {
   block: Zu
 } = B(Ll), Ju = {}, Z = (e) => {
   const {
@@ -419,27 +416,27 @@ const nd = "lumx-thumbnail", {
     isAnyDisabled: y,
     disabledStateProps: g,
     size: C,
-    theme: _,
+    theme: k,
     loadingState: x,
     variant: N,
     linkProps: T,
-    linkAs: k,
+    linkAs: _,
     handleClick: I,
     handleKeyPress: P,
     ...R
   } = e, D = p || x === "isLoading", q = x === "hasError", j = q && typeof l == "string", W = q && !j, G = {};
   j ? G.visibility = "hidden" : W && (G.display = "none");
-  const z = !!(T?.href || k), Y = !y && !!(z || I || P), ve = {
+  const z = !!(T?.href || _), Y = !y && !!(z || I || P), ve = {
     ...R
   };
   Y && (Object.assign(ve, {
-    as: k || (T?.href ? "a" : "button")
+    as: _ || (T?.href ? "a" : "button")
   }, g), z ? Object.assign(ve, T) : ve["aria-label"] = R["aria-label"] || n);
   const ms = ie.join(T?.className, s, ad({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${C}`]: !!C,
-    [`theme-${_}`]: !!_,
+    [`theme-${k}`]: !!k,
     [`variant-${N}`]: !!N,
     "is-clickable": Y,
     "has-error": q,
@@ -479,7 +476,7 @@ const nd = "lumx-thumbnail", {
   }, [j ? Z({
     icon: l,
     size: Ge.xxs,
-    theme: _
+    theme: k
   }) : l])]), r]);
   return Y ? at({
     ref: i,
@@ -616,11 +613,11 @@ const cd = {
       handleClick: i ? v : void 0,
       handleKeyPress: l ? A : void 0,
       fallback: y,
-      badge: b && (Array.isArray(b) ? b.map((_) => ({
-        ..._,
+      badge: b && (Array.isArray(b) ? b.map((k) => ({
+        ...k,
         props: {
-          ..._.props,
-          class: ie.join(ft("badge"), _.props?.class)
+          ...k.props,
+          class: ie.join(ft("badge"), k.props?.class)
         }
       })) : {
         ...b,
@@ -739,10 +736,10 @@ const Rl = (e) => e.getAttribute("aria-selected") === "true";
 function Ss(e) {
   e.goToItemMatching(Rl) || e.goToFirst();
 }
-function _s(e) {
+function ks(e) {
   e.goToItemMatching(Rl) || e.goToLast();
 }
-function ks(e, t, n, a) {
+function _s(e, t, n, a) {
   const r = t.get(e);
   if (!r) return;
   let s = !1, o = !1;
@@ -798,25 +795,25 @@ function Ml(e, t, n) {
   function v(g) {
     const C = l();
     if (g === 0) return C !== null;
-    const _ = g > 0, x = Math.abs(g);
+    const k = g > 0, x = Math.abs(g);
     if (!C)
-      return (_ ? h() : p()) ? x === 1 ? !0 : v(_ ? g - 1 : g + 1) : !1;
+      return (k ? h() : p()) ? x === 1 ? !0 : v(k ? g - 1 : g + 1) : !1;
     const N = u();
     N.currentNode = C;
-    const T = _ ? () => N.nextNode() : () => N.previousNode();
-    let k = 0, I = null;
+    const T = k ? () => N.nextNode() : () => N.previousNode();
+    let _ = 0, I = null;
     for (let P = 0; P < x; P++) {
       const R = T();
       if (R)
-        I = R, k += 1;
+        I = R, _ += 1;
       else if (o) {
-        const D = _ ? d() : m();
+        const D = k ? d() : m();
         if (!D || D === C) break;
-        I = D, k += 1, N.currentNode = D;
+        I = D, _ += 1, N.currentNode = D;
       } else
         break;
     }
-    return k === 0 ? !1 : (it(l, t, I), !0);
+    return _ === 0 ? !1 : (it(l, t, I), !0);
   }
   const A = () => v(1), b = () => v(-1);
   function y() {
@@ -845,11 +842,11 @@ function Ml(e, t, n) {
     },
     goToItemMatching(g) {
       const C = u(!1);
-      let _ = C.nextNode();
-      for (; _; ) {
-        if (g(_))
-          return it(l, t, _), !0;
-        _ = C.nextNode();
+      let k = C.nextNode();
+      for (; k; ) {
+        if (g(k))
+          return it(l, t, k), !0;
+        k = C.nextNode();
       }
       return !1;
     },
@@ -859,8 +856,8 @@ function Ml(e, t, n) {
         return g;
       const C = u();
       C.currentNode = g;
-      const _ = C.nextNode();
-      return _ instanceof HTMLElement ? _ : (C.currentNode = g, C.previousNode());
+      const k = C.nextNode();
+      return k instanceof HTMLElement ? k : (C.currentNode = g, C.previousNode());
     },
     clear: y,
     goUp() {
@@ -913,13 +910,13 @@ function pd(e, t, n) {
         d(P) && I.push(P), P = N.nextNode();
       return I;
     }
-    let T = null, k = N.nextNode();
-    for (; k; ) {
-      if (d(k)) {
-        if (x === "first") return k;
-        T = k;
+    let T = null, _ = N.nextNode();
+    for (; _; ) {
+      if (d(_)) {
+        if (x === "first") return _;
+        T = _;
       }
-      k = N.nextNode();
+      _ = N.nextNode();
     }
     return T;
   }
@@ -933,19 +930,19 @@ function pd(e, t, n) {
   function A(x, N) {
     const T = m();
     T.currentNode = x;
-    const k = N === "next" ? () => T.nextNode() : () => T.previousNode();
-    let I = k();
+    const _ = N === "next" ? () => T.nextNode() : () => T.previousNode();
+    let I = _();
     for (; I; ) {
       if (d(I)) return I;
-      I = k();
+      I = _();
     }
     return null;
   }
   function b(x, N) {
     const T = p(x);
     if (T.length === 0) return !1;
-    const k = Math.min(N, T.length - 1);
-    return l.setActive(T[k]), !0;
+    const _ = Math.min(N, T.length - 1);
+    return l.setActive(T[_]), !0;
   }
   function y() {
     const x = h("first");
@@ -959,9 +956,9 @@ function pd(e, t, n) {
     if (!l.active) return !1;
     const N = v(l.active);
     if (!N) return !1;
-    const T = p(N), k = T.indexOf(l.active);
-    if (k === -1) return !1;
-    const I = k + x;
+    const T = p(N), _ = T.indexOf(l.active);
+    if (_ === -1) return !1;
+    const I = _ + x;
     if (I >= 0 && I < T.length)
       return c = I, l.setActive(T[I]), !0;
     if (!i) return !1;
@@ -972,7 +969,7 @@ function pd(e, t, n) {
     const j = x > 0 ? 0 : q.length - 1;
     return c = j, l.setActive(q[j]), !0;
   }
-  function _(x) {
+  function k(x) {
     if (!l.active)
       return x === "next" ? y() : g();
     const N = v(l.active);
@@ -980,8 +977,8 @@ function pd(e, t, n) {
     const T = A(N, x);
     if (T) return b(T, c);
     if (i) {
-      const k = h(x === "next" ? "first" : "last");
-      if (k) return b(k, c);
+      const _ = h(x === "next" ? "first" : "last");
+      if (_) return b(_, c);
     }
     return !1;
   }
@@ -1008,20 +1005,20 @@ function pd(e, t, n) {
       }
       const T = v(l.active);
       if (!T) return !1;
-      const k = N.indexOf(T);
-      if (k === -1) return !1;
-      const I = Math.max(0, Math.min(k + x, N.length - 1));
-      return I === k ? !1 : b(N[I], c);
+      const _ = N.indexOf(T);
+      if (_ === -1) return !1;
+      const I = Math.max(0, Math.min(_ + x, N.length - 1));
+      return I === _ ? !1 : b(N[I], c);
     },
     goToItemMatching(x) {
       const N = m();
       let T = N.nextNode();
       for (; T; ) {
         if (d(T)) {
-          const k = p(T);
-          for (let I = 0; I < k.length; I++)
-            if (x(k[I]))
-              return c = I, l.setActive(k[I]), !0;
+          const _ = p(T);
+          for (let I = 0; I < _.length; I++)
+            if (x(_[I]))
+              return c = I, l.setActive(_[I]), !0;
         }
         T = N.nextNode();
       }
@@ -1030,17 +1027,17 @@ function pd(e, t, n) {
     goToItem(x) {
       const N = v(x);
       if (!N || !u(N)) return !1;
-      const k = p(N).indexOf(x);
-      return k === -1 ? !1 : (c = k, l.setActive(x), !0);
+      const _ = p(N).indexOf(x);
+      return _ === -1 ? !1 : (c = _, l.setActive(x), !0);
     },
     clear() {
       l.clear();
     },
     goUp() {
-      return _("prev");
+      return k("prev");
     },
     goDown() {
-      return _("next");
+      return k("next");
     },
     goLeft() {
       return C(-1);
@@ -1138,23 +1135,23 @@ function bd(e, t) {
   p();
   const A = new MutationObserver((b) => {
     let y = null, g = null, C = null;
-    const _ = [], x = [];
+    const k = [], x = [];
     for (const N of b) {
       if (N.type === "childList") {
         if (!y)
-          for (const k of N.removedNodes) {
-            const { value: I } = Ts(k, l).next();
+          for (const _ of N.removedNodes) {
+            const { value: I } = Ts(_, l).next();
             if (I) {
               y = I, g = N.nextSibling ?? N.previousSibling ?? null;
               break;
             }
           }
-        for (const k of N.addedNodes)
-          for (const I of Ts(k, a))
+        for (const _ of N.addedNodes)
+          for (const I of Ts(_, a))
             x.push(I);
       }
       const T = N.target;
-      N.type === "attributes" && T.matches(a) && (N.attributeName === o && T.getAttribute(o) === "true" ? C = T : s && T.matches(s) && _.push(T));
+      N.type === "attributes" && T.matches(a) && (N.attributeName === o && T.getAttribute(o) === "true" ? C = T : s && T.matches(s) && k.push(T));
     }
     if (y) {
       const N = u.hasFocus;
@@ -1164,12 +1161,12 @@ function bd(e, t) {
       const N = n.querySelector(l) !== null;
       h(x, N);
     }
-    if (_.length > 0) {
+    if (k.length > 0) {
       const N = d.activeItem;
-      for (const I of _)
+      for (const I of k)
         m(I, "-1");
-      const k = !!(N && _.includes(N) && u.hasFocus);
-      v(k);
+      const _ = !!(N && k.includes(N) && u.hasFocus);
+      v(_);
     }
     if (C) {
       const N = n.querySelector(l);
@@ -1289,7 +1286,7 @@ function Dl(e, t, n) {
   }
   function A() {
     for (const [q] of u)
-      ks(q, u, c);
+      _s(q, u, c);
     let P = 0;
     for (const q of c.values())
       q.lastFiltered || (P += 1);
@@ -1298,20 +1295,20 @@ function Dl(e, t, n) {
   }
   const b = 500;
   let y = 0, g, C = !1;
-  function _() {
+  function k() {
     clearTimeout(g), y > 0 && i && (g = setTimeout(() => {
       y > 0 && i && (C = !0, v("loadingAnnouncement", !0));
     }, b));
   }
   function x() {
     const P = y > 0;
-    v("loadingChange", P), P ? _() : (clearTimeout(g), C && (C = !1, v("loadingAnnouncement", !1)));
+    v("loadingChange", P), P ? k() : (clearTimeout(g), C && (C = !1, v("loadingAnnouncement", !1)));
   }
   let N;
   function T() {
     d?.abort(), d = null, o = null;
   }
-  function k(P, R, D) {
+  function _(P, R, D) {
     function q(j) {
       if (j.ctrlKey || j.shiftKey) return;
       if (D?.(j)) {
@@ -1332,7 +1329,7 @@ function Dl(e, t, n) {
           z?.hasNavigableItems && (N.isOpen && !G ? z.hasActiveItem ? z.type === "grid" ? z.goDown() : !z.goToOffset(1) && a && z.goToFirst() : Ss(z) : (N.setIsOpen(!0), G || Ss(z))), W = !0;
           break;
         case "ArrowUp":
-          z?.hasNavigableItems && (!N.isOpen && !G ? (N.setIsOpen(!0), _s(z)) : N.isOpen && z.hasActiveItem ? z.type === "grid" ? z.goUp() : !z.goToOffset(-1) && a && z.goToLast() : N.isOpen && !z.hasActiveItem && !G && _s(z)), W = !0;
+          z?.hasNavigableItems && (!N.isOpen && !G ? (N.setIsOpen(!0), ks(z)) : N.isOpen && z.hasActiveItem ? z.type === "grid" ? z.goUp() : !z.goToOffset(-1) && a && z.goToLast() : N.isOpen && !z.hasActiveItem && !G && ks(z)), W = !0;
           break;
         case "Escape":
           N.isOpen ? N.setIsOpen(!1) : N.select(null), W = !0;
@@ -1353,7 +1350,7 @@ function Dl(e, t, n) {
     const P = !d;
     if (d || (d = new AbortController()), r.getAttribute("aria-activedescendant") || r.setAttribute("aria-activedescendant", ""), r.setAttribute("aria-expanded", String(i)), P) {
       const R = n?.(N, d.signal) || void 0;
-      k(r, d.signal, R), r.addEventListener(
+      _(r, d.signal, R), r.addEventListener(
         "focusout",
         () => {
           N.setIsOpen(!1);
@@ -1383,7 +1380,7 @@ function Dl(e, t, n) {
       return y > 0;
     },
     setIsOpen(P) {
-      if (i !== P && (i = P, P ? y > 0 && _() : (o?.clear(), clearTimeout(g), C && (C = !1, v("loadingAnnouncement", !1))), r?.setAttribute("aria-expanded", String(P)), v("open", P), P)) {
+      if (i !== P && (i = P, P ? y > 0 && k() : (o?.clear(), clearTimeout(g), C && (C = !1, v("loadingAnnouncement", !1))), r?.setAttribute("aria-expanded", String(P)), v("open", P), P)) {
         const R = r?.value ?? "";
         v("emptyChange", { isEmpty: m, inputValue: R });
       }
@@ -1407,7 +1404,7 @@ function Dl(e, t, n) {
       A();
     },
     registerSection(P, R) {
-      return u.set(P, { callback: R, last: { hidden: !1, "aria-hidden": !1 } }), ks(P, u, c, !0), () => {
+      return u.set(P, { callback: R, last: { hidden: !1, "aria-hidden": !1 } }), _s(P, u, c, !0), () => {
         u.delete(P);
       };
     },
@@ -1622,19 +1619,19 @@ function bt() {
   }
   return Sn = o, Sn;
 }
-var _n, zs;
+var kn, zs;
 function Ut() {
-  if (zs) return _n;
+  if (zs) return kn;
   zs = 1;
   function e(t) {
     var n = typeof t;
     return t != null && (n == "object" || n == "function");
   }
-  return _n = e, _n;
+  return kn = e, kn;
 }
-var kn, js;
+var _n, js;
 function ql() {
-  if (js) return kn;
+  if (js) return _n;
   js = 1;
   var e = bt(), t = Ut(), n = "[object AsyncFunction]", a = "[object Function]", r = "[object GeneratorFunction]", s = "[object Proxy]";
   function o(i) {
@@ -1643,20 +1640,20 @@ function ql() {
     var l = e(i);
     return l == a || l == r || l == n || l == s;
   }
-  return kn = o, kn;
+  return _n = o, _n;
 }
 var Tn, Hs;
-function _d() {
+function kd() {
   if (Hs) return Tn;
   Hs = 1;
   var e = Le(), t = e["__core-js_shared__"];
   return Tn = t, Tn;
 }
 var On, Vs;
-function kd() {
+function _d() {
   if (Vs) return On;
   Vs = 1;
-  var e = _d(), t = (function() {
+  var e = kd(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return a ? "Symbol(src)_1." + a : "";
   })();
@@ -1689,7 +1686,7 @@ var Ln, Us;
 function Td() {
   if (Us) return Ln;
   Us = 1;
-  var e = ql(), t = kd(), n = Ut(), a = zl(), r = /[\\^$.*+?()[\]{}|]/g, s = /^\[object .+?Constructor\]$/, o = Function.prototype, i = Object.prototype, l = o.toString, c = i.hasOwnProperty, u = RegExp(
+  var e = ql(), t = _d(), n = Ut(), a = zl(), r = /[\\^$.*+?()[\]{}|]/g, s = /^\[object .+?Constructor\]$/, o = Function.prototype, i = Object.prototype, l = o.toString, c = i.hasOwnProperty, u = RegExp(
     "^" + l.call(c).replace(r, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function d(m) {
@@ -1761,7 +1758,7 @@ function Rd() {
   eo = 1;
   var e = Id(), t = jl(), n = Ld(), a = Ed(), r = $d(), s = bt(), o = zl(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", m = "[object DataView]", h = o(e), p = o(t), v = o(n), A = o(a), b = o(r), y = s;
   return (e && y(new e(new ArrayBuffer(1))) != m || t && y(new t()) != i || n && y(n.resolve()) != c || a && y(new a()) != u || r && y(new r()) != d) && (y = function(g) {
-    var C = s(g), _ = C == l ? g.constructor : void 0, x = _ ? o(_) : "";
+    var C = s(g), k = C == l ? g.constructor : void 0, x = k ? o(k) : "";
     if (x)
       switch (x) {
         case h:
@@ -1856,8 +1853,8 @@ var Kn, co;
 function qd() {
   if (co) return Kn;
   co = 1;
-  var e = bt(), t = Zr(), n = Gt(), a = "[object Arguments]", r = "[object Array]", s = "[object Boolean]", o = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", m = "[object RegExp]", h = "[object Set]", p = "[object String]", v = "[object WeakMap]", A = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", g = "[object Float64Array]", C = "[object Int8Array]", _ = "[object Int16Array]", x = "[object Int32Array]", N = "[object Uint8Array]", T = "[object Uint8ClampedArray]", k = "[object Uint16Array]", I = "[object Uint32Array]", P = {};
-  P[y] = P[g] = P[C] = P[_] = P[x] = P[N] = P[T] = P[k] = P[I] = !0, P[a] = P[r] = P[A] = P[s] = P[b] = P[o] = P[i] = P[l] = P[c] = P[u] = P[d] = P[m] = P[h] = P[p] = P[v] = !1;
+  var e = bt(), t = Zr(), n = Gt(), a = "[object Arguments]", r = "[object Array]", s = "[object Boolean]", o = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", m = "[object RegExp]", h = "[object Set]", p = "[object String]", v = "[object WeakMap]", A = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", g = "[object Float64Array]", C = "[object Int8Array]", k = "[object Int16Array]", x = "[object Int32Array]", N = "[object Uint8Array]", T = "[object Uint8ClampedArray]", _ = "[object Uint16Array]", I = "[object Uint32Array]", P = {};
+  P[y] = P[g] = P[C] = P[k] = P[x] = P[N] = P[T] = P[_] = P[I] = !0, P[a] = P[r] = P[A] = P[s] = P[b] = P[o] = P[i] = P[l] = P[c] = P[u] = P[d] = P[m] = P[h] = P[p] = P[v] = !1;
   function R(D) {
     return n(D) && t(D.length) && !!P[e(D)];
   }
@@ -2061,7 +2058,7 @@ const po = L({
       "is-truncated": d && !u,
       "is-truncated-multiline": u,
       "no-wrap": r
-    }), s && jt(s), n && kl(n, a)),
+    }), s && jt(s), n && _l(n, a)),
     style: {
       ...c,
       ...m,
@@ -2539,7 +2536,7 @@ function wo(e, t, n) {
   }
   return h;
 }
-async function _f(e, t) {
+async function kf(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -2571,20 +2568,20 @@ async function _f(e, t) {
   } : {
     x: 1,
     y: 1
-  }, _ = Bt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, k = Bt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: y,
     offsetParent: g,
     strategy: l
   }) : y);
   return {
-    top: (b.top - _.top + p.top) / C.y,
-    bottom: (_.bottom - b.bottom + p.bottom) / C.y,
-    left: (b.left - _.left + p.left) / C.x,
-    right: (_.right - b.right + p.right) / C.x
+    top: (b.top - k.top + p.top) / C.y,
+    bottom: (k.bottom - b.bottom + p.bottom) / C.y,
+    left: (b.left - k.left + p.left) / C.x,
+    right: (k.right - b.right + p.right) / C.x
   };
 }
-const kf = async (e, t, n) => {
+const _f = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: r = "absolute",
@@ -2607,7 +2604,7 @@ const kf = async (e, t, n) => {
     } = i[A], {
       x: g,
       y: C,
-      data: _,
+      data: k,
       reset: x
     } = await y({
       x: u,
@@ -2619,7 +2616,7 @@ const kf = async (e, t, n) => {
       rects: c,
       platform: {
         ...o,
-        detectOverflow: (v = o.detectOverflow) != null ? v : _f
+        detectOverflow: (v = o.detectOverflow) != null ? v : kf
       },
       elements: {
         reference: e,
@@ -2630,7 +2627,7 @@ const kf = async (e, t, n) => {
       ...h,
       [b]: {
         ...h[b],
-        ..._
+        ...k
       }
     }, x && p <= 50 && (p++, typeof x == "object" && (x.placement && (m = x.placement), x.rects && (c = x.rects === !0 ? await o.getElementRects({
       reference: e,
@@ -2669,10 +2666,10 @@ const kf = async (e, t, n) => {
     const d = Jl(u), m = {
       x: n,
       y: a
-    }, h = ts(r), p = es(h), v = await o.getDimensions(c), A = h === "y", b = A ? "top" : "left", y = A ? "bottom" : "right", g = A ? "clientHeight" : "clientWidth", C = s.reference[p] + s.reference[h] - m[h] - s.floating[p], _ = m[h] - s.reference[h], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    }, h = ts(r), p = es(h), v = await o.getDimensions(c), A = h === "y", b = A ? "top" : "left", y = A ? "bottom" : "right", g = A ? "clientHeight" : "clientWidth", C = s.reference[p] + s.reference[h] - m[h] - s.floating[p], k = m[h] - s.reference[h], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
     let N = x ? x[g] : 0;
     (!N || !await (o.isElement == null ? void 0 : o.isElement(x))) && (N = i.floating[g] || s.floating[p]);
-    const T = C / 2 - _ / 2, k = N / 2 - v[p] / 2 - 1, I = Oe(d[b], k), P = Oe(d[y], k), R = I, D = N - v[p] - P, q = N / 2 - v[p] / 2 + T, j = qr(R, q, D), W = !l.arrow && oe(r) != null && q !== j && s.reference[p] / 2 - (q < R ? I : P) - v[p] / 2 < 0, G = W ? q < R ? q - R : q - D : 0;
+    const T = C / 2 - k / 2, _ = N / 2 - v[p] / 2 - 1, I = Oe(d[b], _), P = Oe(d[y], _), R = I, D = N - v[p] - P, q = N / 2 - v[p] / 2 + T, j = qr(R, q, D), W = !l.arrow && oe(r) != null && q !== j && s.reference[p] / 2 - (q < R ? I : P) - v[p] / 2 < 0, G = W ? q < R ? q - R : q - D : 0;
     return {
       [h]: m[h] + G,
       data: {
@@ -2717,7 +2714,7 @@ const If = function(e) {
             placement: v[0]
           }
         };
-      const C = [A[fe(y)], A[g[0]], A[g[1]]], _ = [...((a = o.autoPlacement) == null ? void 0 : a.overflows) || [], {
+      const C = [A[fe(y)], A[g[0]], A[g[1]]], k = [...((a = o.autoPlacement) == null ? void 0 : a.overflows) || [], {
         placement: y,
         overflows: C
       }], x = v[b + 1];
@@ -2725,13 +2722,13 @@ const If = function(e) {
         return {
           data: {
             index: b + 1,
-            overflows: _
+            overflows: k
           },
           reset: {
             placement: x
           }
         };
-      const N = _.map((I) => {
+      const N = k.map((I) => {
         const P = oe(I.placement);
         return [I.placement, P && u ? (
           // Check along the mainAxis and main crossAxis side.
@@ -2740,19 +2737,19 @@ const If = function(e) {
           // Check only the mainAxis.
           I.overflows[0]
         ), I.overflows];
-      }).sort((I, P) => I[1] - P[1]), k = ((r = N.filter((I) => I[2].slice(
+      }).sort((I, P) => I[1] - P[1]), _ = ((r = N.filter((I) => I[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         oe(I[0]) ? 2 : 3
       ).every((P) => P <= 0))[0]) == null ? void 0 : r[0]) || N[0][0];
-      return k !== i ? {
+      return _ !== i ? {
         data: {
           index: b + 1,
-          overflows: _
+          overflows: k
         },
         reset: {
-          placement: k
+          placement: _
         }
       } : {};
     }
@@ -2781,18 +2778,18 @@ const If = function(e) {
       } = He(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const b = fe(r), y = Ae(i), g = fe(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), _ = m || (g || !v ? [Dt(i)] : wf(i)), x = p !== "none";
-      !m && x && _.push(...Pf(i, v, p, C));
-      const N = [i, ..._], T = await l.detectOverflow(t, A), k = [];
+      const b = fe(r), y = Ae(i), g = fe(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), k = m || (g || !v ? [Dt(i)] : wf(i)), x = p !== "none";
+      !m && x && k.push(...Pf(i, v, p, C));
+      const N = [i, ...k], T = await l.detectOverflow(t, A), _ = [];
       let I = ((a = s.flip) == null ? void 0 : a.overflows) || [];
-      if (u && k.push(T[b]), d) {
+      if (u && _.push(T[b]), d) {
         const q = Zl(r, o, C);
-        k.push(T[q[0]], T[q[1]]);
+        _.push(T[q[0]], T[q[1]]);
       }
       if (I = [...I, {
         placement: r,
-        overflows: k
-      }], !k.every((q) => q <= 0)) {
+        overflows: _
+      }], !_.every((q) => q <= 0)) {
         var P, R;
         const q = (((P = s.flip) == null ? void 0 : P.index) || 0) + 1, j = N[q];
         if (j && (!(d === "alignment" ? y !== Ae(j) : !1) || // We leave the current main axis only if every placement on that axis
@@ -2966,8 +2963,8 @@ const Rf = function(e) {
       } = s.floating;
       let A, b;
       d === "top" || d === "bottom" ? (A = d, b = m === (await (o.isRTL == null ? void 0 : o.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (b = d, A = m === "end" ? "top" : "bottom");
-      const y = v - u.top - u.bottom, g = p - u.left - u.right, C = Oe(v - u[A], y), _ = Oe(p - u[b], g), x = !t.middlewareData.shift;
-      let N = C, T = _;
+      const y = v - u.top - u.bottom, g = p - u.left - u.right, C = Oe(v - u[A], y), k = Oe(p - u[b], g), x = !t.middlewareData.shift;
+      let N = C, T = k;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (T = g), (a = t.middlewareData.shift) != null && a.enabled.y && (N = y), x && !m) {
         const I = Q(u.left, 0), P = Q(u.right, 0), R = Q(u.top, 0), D = Q(u.bottom, 0);
         h ? T = p - 2 * (I !== 0 || P !== 0 ? I + P : Q(u.left, u.right)) : N = v - 2 * (R !== 0 || D !== 0 ? R + D : Q(u.top, u.bottom));
@@ -2977,8 +2974,8 @@ const Rf = function(e) {
         availableWidth: T,
         availableHeight: N
       });
-      const k = await o.getDimensions(i.floating);
-      return p !== k.width || v !== k.height ? {
+      const _ = await o.getDimensions(i.floating);
+      return p !== _.width || v !== _.height ? {
         reset: {
           rects: !0
         }
@@ -3413,7 +3410,7 @@ function lh(e, t) {
       threshold: Q(0, Oe(1, l)) || 1
     };
     let C = !0;
-    function _(x) {
+    function k(x) {
       const N = x[0].intersectionRatio;
       if (N !== l) {
         if (!C)
@@ -3425,13 +3422,13 @@ function lh(e, t) {
       N === 1 && !sc(c, e.getBoundingClientRect()) && o(), C = !1;
     }
     try {
-      n = new IntersectionObserver(_, {
+      n = new IntersectionObserver(k, {
         ...g,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(_, g);
+      n = new IntersectionObserver(k, g);
     }
     n.observe(e);
   }
@@ -3481,7 +3478,7 @@ const ic = Rf, ch = If, uh = Mf, dh = Lf, fh = Df, hh = Tf, mh = (e, t, n) => {
     ...r.platform,
     _c: a
   };
-  return kf(e, t, {
+  return _f(e, t, {
     ...r,
     platform: s
   });
@@ -3502,7 +3499,7 @@ function lt(e) {
 function lc(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function _o(e, t) {
+function ko(e, t) {
   const n = lc(e);
   return Math.round(t * n) / n;
 }
@@ -3528,17 +3525,17 @@ function cc(e, t, n) {
     };
     if (!u.value)
       return N;
-    const T = _o(u.value, d.value), k = _o(u.value, m.value);
+    const T = ko(u.value, d.value), _ = ko(u.value, m.value);
     return l.value ? {
       ...N,
-      transform: "translate(" + T + "px, " + k + "px)",
+      transform: "translate(" + T + "px, " + _ + "px)",
       ...lc(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: h.value,
       left: T + "px",
-      top: k + "px"
+      top: _ + "px"
     };
   });
   let y;
@@ -3557,7 +3554,7 @@ function cc(e, t, n) {
   function C() {
     typeof y == "function" && (y(), y = void 0);
   }
-  function _() {
+  function k() {
     if (C(), a === void 0) {
       g();
       return;
@@ -3572,7 +3569,7 @@ function cc(e, t, n) {
   }
   return K([s, o, i, r], g, {
     flush: "sync"
-  }), K([c, u], _, {
+  }), K([c, u], k, {
     flush: "sync"
   }), K(r, x, {
     flush: "sync"
@@ -3594,7 +3591,7 @@ const vh = 8, uc = 1e4, Pt = {
   zIndex: uc
 }, bh = "Tooltip", dc = "lumx-tooltip", {
   block: gh,
-  element: ko
+  element: _o
 } = B(dc), os = (e) => {
   const {
     id: t,
@@ -3622,9 +3619,9 @@ const vh = 8, uc = 1e4, Pt = {
     },
     "data-popper-placement": a
   }), [f("div", {
-    className: ko("arrow")
+    className: _o("arrow")
   }, null), f("div", {
-    className: ko("inner")
+    className: _o("inner")
   }, [u.map((d, m) => f("p", {
     key: m
   }, [d]))])]);
@@ -3790,7 +3787,7 @@ function Sh() {
   return fa = e, fa;
 }
 var ha, Ho;
-function _h() {
+function kh() {
   if (Ho) return ha;
   Ho = 1;
   function e(t) {
@@ -3799,7 +3796,7 @@ function _h() {
   return ha = e, ha;
 }
 var ma, Vo;
-function kh() {
+function _h() {
   if (Vo) return ma;
   Vo = 1;
   function e(t, n, a) {
@@ -3814,7 +3811,7 @@ var pa, Wo;
 function Th() {
   if (Wo) return pa;
   Wo = 1;
-  var e = Sh(), t = _h(), n = kh();
+  var e = Sh(), t = kh(), n = _h();
   function a(r, s, o) {
     return s === s ? n(r, s, o) : e(r, t, o);
   }
@@ -4025,8 +4022,8 @@ const ls = /* @__PURE__ */ L((e, {
     let y;
     const g = d.value ?? o.value, C = jh({
       slotContent: t.default?.(),
-      setAnchorElement: (_) => {
-        r.value = _?.$el || _;
+      setAnchorElement: (k) => {
+        r.value = k?.$el || k;
       },
       isMounted: A.value,
       id: n,
@@ -4034,8 +4031,8 @@ const ls = /* @__PURE__ */ L((e, {
       ariaLinkMode: l.value
     });
     return f(te, null, [C, A.value && f(Ur, null, Hh(y = os({
-      ref: (_) => {
-        const x = _?.$el || _;
+      ref: (k) => {
+        const x = k?.$el || k;
         s.value = x, h(x);
       },
       id: n,
@@ -4552,11 +4549,11 @@ const gm = (e) => {
     textFieldRef: y,
     helperId: g,
     errorId: C,
-    theme: _,
+    theme: k,
     value: x,
     afterElement: N,
     input: T,
-    isFocus: k,
+    isFocus: _,
     IconButton: I,
     ref: P
   } = e, R = (x || "").length, D = R > 0;
@@ -4573,9 +4570,9 @@ const gm = (e) => {
       "has-textarea": A,
       "has-value": !!x,
       "is-disabled": p,
-      "is-focus": k || s,
+      "is-focus": _ || s,
       "is-valid": d,
-      [`theme-${_}`]: !!_
+      [`theme-${k}`]: !!k
     }))
   }, [(m || v) && f("div", {
     className: ne("header")
@@ -4584,7 +4581,7 @@ const gm = (e) => {
     htmlFor: c,
     className: ne("label"),
     isRequired: u,
-    theme: _,
+    theme: k,
     children: m
   }), v && f("div", {
     className: ne("char-counter")
@@ -4596,7 +4593,7 @@ const gm = (e) => {
     ref: y
   }, [l && Z({
     className: ne("input-icon"),
-    color: _ === le.dark ? "light" : void 0,
+    color: k === le.dark ? "light" : void 0,
     icon: l,
     size: H.xs
   }), t ? f("div", {
@@ -4605,7 +4602,7 @@ const gm = (e) => {
     className: ne("input-wrapper")
   }, [T]), (d || o) && Z({
     className: ne("input-validity"),
-    color: _ === le.dark ? "light" : void 0,
+    color: k === le.dark ? "light" : void 0,
     icon: d ? Pl : Lt,
     size: H.xxs
   }), a && D && !p && f(I, w(a, {
@@ -4613,7 +4610,7 @@ const gm = (e) => {
     icon: Cu,
     emphasis: we.low,
     size: H.s,
-    theme: _,
+    theme: k,
     type: "button"
   }), null), N && f("div", {
     className: ne("after-element")
@@ -4621,11 +4618,11 @@ const gm = (e) => {
     children: r,
     className: ne("helper"),
     kind: ye.error,
-    theme: _,
+    theme: k,
     id: C
   }), i && xe({
     className: ne("helper"),
-    theme: _,
+    theme: k,
     id: g,
     children: i
   })]);
@@ -4671,12 +4668,12 @@ const gm = (e) => {
     const y = e.theme || r.value, {
       helperId: g,
       errorId: C,
-      describedById: _
+      describedById: k
     } = m.value, {
       class: x,
       className: N,
       "aria-describedby": T,
-      disabled: k,
+      disabled: _,
       isDisabled: I,
       "aria-disabled": P,
       ariaDisabled: R,
@@ -4694,7 +4691,7 @@ const gm = (e) => {
       placeholder: e.placeholder,
       theme: y,
       "aria-invalid": e.hasError || void 0,
-      "aria-describedby": _,
+      "aria-describedby": k,
       ...u.value,
       readOnly: !!u.value["aria-disabled"],
       onChange: h,
@@ -4790,7 +4787,7 @@ const gm = (e) => {
       ...n,
       ...b,
       ...{
-        onChange: (g, C, _) => t("change", g, C, _),
+        onChange: (g, C, k) => t("change", g, C, k),
         onInput: (g) => t("change", g),
         onFocus: (g) => t("focus", g),
         onBlur: (g) => t("blur", g),
@@ -4827,9 +4824,9 @@ const gm = (e) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     clear: (e) => !0
   }
-}), Nm = "List", _c = "lumx-list", {
+}), Nm = "List", kc = "lumx-list", {
   block: xm
-} = B(_c), Cm = {}, wt = (e) => {
+} = B(kc), Cm = {}, wt = (e) => {
   const {
     children: t,
     className: n,
@@ -4845,7 +4842,7 @@ const gm = (e) => {
   }), [t]);
 };
 wt.displayName = Nm;
-wt.className = _c;
+wt.className = kc;
 wt.defaultProps = Cm;
 const Pm = "lumx-combobox-list", Sm = (e) => {
   const {
@@ -4869,12 +4866,12 @@ const Pm = "lumx-combobox-list", Sm = (e) => {
     "aria-busy": n || void 0,
     children: a
   });
-}, kc = /* @__PURE__ */ Symbol("combobox-list-context"), _m = { type: "listbox" };
-function km(e) {
-  qe(kc, e);
+}, _c = /* @__PURE__ */ Symbol("combobox-list-context"), km = { type: "listbox" };
+function _m(e) {
+  qe(_c, e);
 }
 function Tm() {
-  return Be(kc, _m);
+  return Be(_c, km);
 }
 const Om = /* @__PURE__ */ L((e, {
   slots: t
@@ -4883,7 +4880,7 @@ const Om = /* @__PURE__ */ L((e, {
     listboxId: r,
     handle: s
   } = pe(), o = F(null);
-  km({
+  _m({
     type: e.type || "listbox"
   }), rt([s, o], ([c, u]) => {
     if (c && u)
@@ -5014,7 +5011,7 @@ const $m = "lumx-combobox-option", {
   } = e;
   let g, C;
   l || (g = d ? "gridcell" : "option", C = d ? "row" : "none");
-  const _ = Ic({
+  const k = Ic({
     as: "button",
     ...p,
     id: c,
@@ -5026,9 +5023,9 @@ const $m = "lumx-combobox-option", {
     "aria-disabled": u ? "true" : void 0,
     role: g,
     children: r
-  }), x = t && A && !l ? f(t, A, Em(_) ? _ : {
-    default: () => [_]
-  }) : _;
+  }), x = t && A && !l ? f(t, A, Em(k) ? k : {
+    default: () => [k]
+  }) : k;
   return st({
     ref: v,
     size: "tiny",
@@ -5247,16 +5244,16 @@ const Jm = "lumx-popover", {
     clickAwayRefs: g,
     unmountSentinel: C,
     // Forwarded props
-    ..._
-  } = e, x = !u && i === "hide", N = u || i === "hide", T = r, k = Math.min(l || 0, 5);
+    ...k
+  } = e, x = !u && i === "hide", N = u || i === "hide", T = r, _ = Math.min(l || 0, 5);
   return N ? f(t, {
     enabled: b
   }, {
-    default: () => [f(T, w(_, {
+    default: () => [f(T, w(k, {
       ref: v,
       className: O(o, Qm({
         [`theme-${p}`]: !!p,
-        [`elevation-${k}`]: !!k,
+        [`elevation-${_}`]: !!_,
         [`position-${d}`]: !!d,
         "is-hidden": !!x
       })),
@@ -5682,7 +5679,7 @@ const xp = "lumx-combobox-popover", {
   });
 };
 var Ca, Jo;
-function _p() {
+function kp() {
   if (Jo) return Ca;
   Jo = 1;
   var e = je();
@@ -5694,8 +5691,8 @@ function _p() {
   }
   return Ca = t, Ca;
 }
-var kp = _p();
-const Tp = /* @__PURE__ */ Ce(kp), Op = "lumx-flex-box", {
+var _p = kp();
+const Tp = /* @__PURE__ */ Ce(_p), Op = "lumx-flex-box", {
   block: Ip
 } = B(Op);
 function Lp(e) {
@@ -6022,7 +6019,7 @@ const Kp = /* @__PURE__ */ L((e, {
   inheritAttrs: !1,
   props: E()("label", "icon", "class")
 });
-function _t(e) {
+function kt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
 const Yp = "lumx-combobox-state", {
@@ -6053,24 +6050,24 @@ const Yp = "lumx-combobox-state", {
       as: "p",
       typography: "body1",
       color: "dark-L2"
-    }, _t(u) ? u : {
+    }, kt(u) ? u : {
       default: () => [u]
     }), v && m && f(n, {
       as: "p",
       typography: "body1",
       color: "dark-L2"
-    }, _t(o) ? o : {
+    }, kt(o) ? o : {
       default: () => [o]
     }), v && !!r && f(te, null, [f(n, {
       as: "p",
       typography: "subtitle2"
-    }, _t(r) ? r : {
+    }, kt(r) ? r : {
       default: () => [r]
     }), s && f(n, {
       as: "p",
       typography: "body1",
       color: "dark-L2"
-    }, _t(s) ? s : {
+    }, kt(s) ? s : {
       default: () => [s]
     })])]
   });
@@ -6172,19 +6169,19 @@ const tv = "lumx-generic-block", {
   inheritAttrs: !1,
   props: E()("as", "orientation", "verticalAlign", "horizontalAlign", "gap", "fillSpace", "wrap", "marginAuto", "noShrink", "figureProps", "contentProps", "actionsProps", "class")
 });
-var _a, ti;
+var ka, ti;
 function sn() {
-  if (ti) return _a;
+  if (ti) return ka;
   ti = 1;
   var e = bt(), t = Gt(), n = "[object Symbol]";
   function a(r) {
     return typeof r == "symbol" || t(r) && e(r) == n;
   }
-  return _a = a, _a;
+  return ka = a, ka;
 }
-var ka, ni;
+var _a, ni;
 function sv() {
-  if (ni) return ka;
+  if (ni) return _a;
   ni = 1;
   var e = je(), t = sn(), n = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
   function r(s, o) {
@@ -6193,7 +6190,7 @@ function sv() {
     var i = typeof s;
     return i == "number" || i == "symbol" || i == "boolean" || s == null || t(s) ? !0 : a.test(s) || !n.test(s) || o != null && s in Object(o);
   }
-  return ka = r, ka;
+  return _a = r, _a;
 }
 var Ta, ai;
 function on() {
@@ -6474,10 +6471,10 @@ function Pv() {
   }
   return n.Cache = e, Ja = n, Ja;
 }
-var Qa, _i;
+var Qa, ki;
 function Sv() {
-  if (_i) return Qa;
-  _i = 1;
+  if (ki) return Qa;
+  ki = 1;
   var e = Pv(), t = 500;
   function n(a) {
     var r = e(a, function(o) {
@@ -6487,10 +6484,10 @@ function Sv() {
   }
   return Qa = n, Qa;
 }
-var er, ki;
-function _v() {
-  if (ki) return er;
-  ki = 1;
+var er, _i;
+function kv() {
+  if (_i) return er;
+  _i = 1;
   var e = Sv(), t = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, n = /\\(\\)?/g, a = e(function(r) {
     var s = [];
     return r.charCodeAt(0) === 46 && s.push(""), r.replace(t, function(o, i, l, c) {
@@ -6500,7 +6497,7 @@ function _v() {
   return er = a, er;
 }
 var tr, Ti;
-function kv() {
+function _v() {
   if (Ti) return tr;
   Ti = 1;
   var e = Wt(), t = vc(), n = je(), a = sn(), r = e ? e.prototype : void 0, s = r ? r.toString : void 0;
@@ -6520,7 +6517,7 @@ var nr, Oi;
 function Tv() {
   if (Oi) return nr;
   Oi = 1;
-  var e = kv();
+  var e = _v();
   function t(n) {
     return n == null ? "" : e(n);
   }
@@ -6530,7 +6527,7 @@ var ar, Ii;
 function un() {
   if (Ii) return ar;
   Ii = 1;
-  var e = je(), t = sv(), n = _v(), a = Tv();
+  var e = je(), t = sv(), n = kv(), a = Tv();
   function r(s, o) {
     return e(s) ? s : t(s, o) ? [s] : n(a(s));
   }
@@ -6937,7 +6934,7 @@ const cA = /* @__PURE__ */ L((e, {
   }, null), f("div", {
     className: Pe("input-indicator")
   }, [Z({
-    icon: b ? ku : _u
+    icon: b ? _u : ku
   })])])]), f("div", {
     className: Pe("content")
   }, [i && Ee({
@@ -7019,11 +7016,11 @@ const cA = /* @__PURE__ */ L((e, {
     href: y,
     handleKeyDown: g,
     disabledStateProps: C,
-    isAnyDisabled: _,
+    isAnyDisabled: k,
     keyDownProp: x = "onKeyDown",
     tabIndexProp: N = "tabIndex",
     ...T
-  } = e, k = p && !y, I = !!p || !!y || o, P = s || (A === le.light ? U.dark : U.light), R = (q) => {
+  } = e, _ = p && !y, I = !!p || !!y || o, P = s || (A === le.light ? U.dark : U.light), R = (q) => {
     g?.(q), p && d && ju(d)(q);
   }, D = {
     [x]: R,
@@ -7032,14 +7029,14 @@ const cA = /* @__PURE__ */ L((e, {
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     f("a", w({
-      role: k ? "button" : void 0
+      role: _ ? "button" : void 0
     }, D, T, {
       href: C.disabled ? void 0 : y,
       ref: b,
       className: O(r, rb({
         "is-clickable": I,
         [`color-${P}`]: !!P,
-        "is-disabled": _,
+        "is-disabled": k,
         "has-after": !!t,
         "has-before": !!n,
         "is-highlighted": !!i,
@@ -7047,7 +7044,7 @@ const cA = /* @__PURE__ */ L((e, {
         [`size-${v}`]: !!v,
         "is-unselected": !l
       })),
-      "aria-disabled": I && _ || void 0,
+      "aria-disabled": I && k || void 0,
       onClick: p ? d : void 0
     }), [n && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     f("div", {
@@ -7163,11 +7160,11 @@ const cA = /* @__PURE__ */ L((e, {
     ThemeProvider: y,
     ClickAwayProvider: g,
     shouldPreventCloseOnClickAway: C,
-    clickAwayRefs: _,
+    clickAwayRefs: k,
     rootRef: x,
     wrapperRef: N,
     hasTopIntersection: T,
-    headerChildProps: k,
+    headerChildProps: _,
     setSentinelTop: I,
     content: P,
     setSentinelBottom: R,
@@ -7204,16 +7201,16 @@ const cA = /* @__PURE__ */ L((e, {
           "aria-modal": "true"
         }, h), [f(g, {
           callback: !C && c,
-          childrenRefs: _,
+          childrenRefs: k,
           parentRef: x
         }, {
           default: () => [f("section", {
             className: be("wrapper"),
             ref: N
-          }, [(a || p) && f("header", w(k, {
+          }, [(a || p) && f("header", w(_, {
             className: O(be("header", {
               "has-divider": !!(s || T)
-            }), k?.className)
+            }), _?.className)
           }), [a, p]), f("div", {
             ref: u,
             className: be("content")
@@ -7373,7 +7370,7 @@ const Nb = {
   const A = S(() => e.isOpen && o.value || !1);
   Ec(A, S(() => e.focusElement)), $c(S(() => !0), S(() => {
   }), S(() => e.parentElement), o, S(() => !!e.isOpen)), wb(S(() => e.disableBodyScroll !== !1 && !!e.isOpen));
-  const b = Ab(S(() => !!e.isOpen), cu, S(() => (x) => t("visibilityChange", x))), y = S(() => e.isOpen || b.value || e.closeMode === "hide"), g = S(() => [o]), C = S(() => e.preventAutoClose || e.preventCloseOnClick), _ = (x) => {
+  const b = Ab(S(() => !!e.isOpen), cu, S(() => (x) => t("visibilityChange", x))), y = S(() => e.isOpen || b.value || e.closeMode === "hide"), g = S(() => [o]), C = S(() => e.preventAutoClose || e.preventCloseOnClick), k = (x) => {
     i.value = x, e.contentRef && (e.contentRef.value = x);
   };
   return () => y.value ? fb({
@@ -7386,7 +7383,7 @@ const Nb = {
     className: r.value,
     clickAwayRefs: g,
     content: n.default?.(),
-    contentRef: _,
+    contentRef: k,
     dialogProps: e.dialogProps,
     footer: void 0,
     footerChildContent: n.footer?.(),
@@ -7444,8 +7441,8 @@ const Nb = {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: E()("class", "theme")
 }), Sb = "lumx-drag-handle", {
-  block: _b
-} = B(Sb), kb = (e) => {
+  block: kb
+} = B(Sb), _b = (e) => {
   const {
     className: t,
     theme: n,
@@ -7455,7 +7452,7 @@ const Nb = {
   return f("div", w({
     ref: a
   }, r, {
-    className: O(t, _b({
+    className: O(t, kb({
       [`theme-${n}`]: !!n
     }))
   }), [Z({
@@ -7467,7 +7464,7 @@ const Nb = {
   const t = M(), n = V({
     defaultTheme: void 0
   }), a = $(() => e.class);
-  return () => f(kb, w(t, e, {
+  return () => f(_b, w(t, e, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -7502,12 +7499,12 @@ const Nb = {
     isChildrenVisible: y,
     IconButton: g,
     footer: C,
-    closeMode: _,
+    closeMode: k,
     ...x
   } = e, N = (I) => {
     const P = !o;
     c && P && c(I), l && !P && l(I), u && u(P, I);
-  }, T = d === le.dark ? U.light : U.dark, k = O(t, Ob({
+  }, T = d === le.dark ? U.light : U.dark, _ = O(t, Ob({
     "has-background": a,
     "has-header": !Et(h.children),
     "has-header-divider": s,
@@ -7519,7 +7516,7 @@ const Nb = {
   return f("section", w({
     ref: r
   }, x, {
-    className: k
+    className: _
   }), [f("header", {
     className: ge("header"),
     onClick: N
@@ -7731,15 +7728,15 @@ function Gc() {
   }
   return Sr = t, Sr;
 }
-var _r, al;
+var kr, al;
 function jb() {
-  if (al) return _r;
+  if (al) return kr;
   al = 1;
   var e = Gc();
   function t(n) {
     return typeof n == "number" && n == e(n);
   }
-  return _r = t, _r;
+  return kr = t, kr;
 }
 var Hb = jb();
 const Vb = /* @__PURE__ */ Ce(Hb);
@@ -8013,7 +8010,7 @@ const eg = "lumx-link-preview", {
   props: E()("class", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading")
 }), ag = "Message", Jc = "lumx-message", {
   block: rg,
-  element: kr
+  element: _r
 } = B(Jc), sg = {
   [ye.error]: {
     color: U.red,
@@ -8055,14 +8052,14 @@ const eg = "lumx-link-preview", {
       "has-background": a
     }))
   }), [(s || u) && Z({
-    className: kr("icon"),
+    className: _r("icon"),
     icon: s || u,
     size: H.xs,
     color: c
   }), f("div", {
-    className: kr("text")
+    className: _r("text")
   }, [t]), h && yt({
-    className: kr("close-button"),
+    className: _r("close-button"),
     icon: Iu,
     handleClick: d,
     label: m,
@@ -8246,7 +8243,7 @@ const cg = /* @__PURE__ */ Ce(lg), ug = "lumx-mosaic", {
   }, null), f("div", {
     className: il("line2")
   }, null)]);
-}, _A = /* @__PURE__ */ L((e) => {
+}, kA = /* @__PURE__ */ L((e) => {
   const t = M(), n = V(), a = $(() => e.class);
   return () => f(yg, w(e, t, {
     className: a.value,
@@ -8324,7 +8321,7 @@ const cg = /* @__PURE__ */ Ce(lg), ug = "lumx-mosaic", {
   })])]);
 }, xg = {
   change: (e, t, n) => n instanceof Event
-}, kA = /* @__PURE__ */ L((e, {
+}, _A = /* @__PURE__ */ L((e, {
   emit: t
 }) => {
   const n = M(), a = V(), r = $(() => e.class), s = re(), o = S(() => e.id || s), {
@@ -8385,8 +8382,8 @@ const TA = /* @__PURE__ */ L((e, {
   inheritAttrs: !1,
   props: E()("class")
 }), Sg = "lumx-skeleton-circle", {
-  block: _g
-} = B(Sg), kg = (e) => {
+  block: kg
+} = B(Sg), _g = (e) => {
   const {
     className: t,
     size: n,
@@ -8398,7 +8395,7 @@ const TA = /* @__PURE__ */ L((e, {
   return f("div", w({
     ref: s
   }, o, {
-    className: O(t, _g({
+    className: O(t, kg({
       [`size-${n}`]: !!n,
       [`color-${a}`]: !!a,
       [`theme-${r}`]: !!r
@@ -8441,7 +8438,7 @@ const TA = /* @__PURE__ */ L((e, {
   }, null)]);
 }, OA = /* @__PURE__ */ L((e) => {
   const t = M(), n = V(), a = $(() => e.class);
-  return () => f(kg, w(e, t, {
+  return () => f(_g, w(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -8471,7 +8468,7 @@ const TA = /* @__PURE__ */ L((e, {
   props: E()("class", "typography", "width", "color", "theme", "style")
 }), Rg = "lumx-switch", {
   block: Mg,
-  element: _e
+  element: ke
 } = B(Rg), Dg = {
   position: "left"
 }, Bg = (e) => {
@@ -8507,13 +8504,13 @@ const TA = /* @__PURE__ */ L((e, {
       [`theme-${d}`]: !!d
     }))
   }), [f("div", {
-    className: _e("input-wrapper")
+    className: ke("input-wrapper")
   }, [f("input", w({
     ref: s,
     type: "checkbox",
     role: "switch",
     id: v,
-    className: _e("input-native"),
+    className: ke("input-native"),
     name: l,
     value: m,
     checked: !!o,
@@ -8523,21 +8520,21 @@ const TA = /* @__PURE__ */ L((e, {
   }, h?.readOnly ? {
     readOnly: h.readOnly
   } : {}, h), null), f("div", {
-    className: _e("input-placeholder")
+    className: ke("input-placeholder")
   }, [f("div", {
-    className: _e("input-background")
+    className: ke("input-background")
   }, null), f("div", {
-    className: _e("input-indicator")
+    className: ke("input-indicator")
   }, null)])]), f("div", {
-    className: _e("content")
+    className: ke("content")
   }, [i && Ee({
     htmlFor: v,
-    className: _e("label"),
+    className: ke("label"),
     theme: d,
     children: i
   }), a && xe({
     id: `${v}-helper`,
-    className: _e("helper"),
+    className: ke("helper"),
     theme: d,
     children: a
   })])]);
@@ -8907,7 +8904,7 @@ const Gg = (e) => {
       ref: i,
       className: O(t, Yg({
         wrap: !!o
-      }), n && kl(n, a), r && jt(r)),
+      }), n && _l(n, a), r && jt(r)),
       role: "list"
     }), [s.map((c, u) => (
       // We need to item is set as display: contents which removes the semantic.
@@ -8996,7 +8993,7 @@ const MA = /* @__PURE__ */ L((e, {
   name: "LumxTableBody",
   inheritAttrs: !1,
   props: E()("class")
-}), kt = {
+}), _t = {
   asc: "asc",
   desc: "desc"
 }, Vr = {
@@ -9022,7 +9019,7 @@ const MA = /* @__PURE__ */ L((e, {
     onClick: s
   } : void 0;
   let m;
-  return r && (m = "none", i === kt.asc && (m = "ascending"), i === kt.desc && (m = "descending")), f(te, null, [l === Vr.head && f("th", w({
+  return r && (m = "none", i === _t.asc && (m = "ascending"), i === _t.desc && (m = "descending")), f(te, null, [l === Vr.head && f("th", w({
     ref: o
   }, c, {
     className: O(n, dl({
@@ -9038,11 +9035,11 @@ const MA = /* @__PURE__ */ L((e, {
       className: `${Re}-icon`,
       icon: a,
       size: H.xxs
-    }), r && i === kt.asc && Z({
+    }), r && i === _t.asc && Z({
       className: `${Re}-icon`,
       icon: $u,
       size: H.xxs
-    }), r && i === kt.desc && Z({
+    }), r && i === _t.desc && Z({
       className: `${Re}-icon`,
       icon: Eu,
       size: H.xxs
@@ -9175,17 +9172,17 @@ const dy = `${au}__link`, {
     Icon: y,
     Text: g,
     ref: C,
-    ..._
+    ...k
   } = e, x = () => {
     r || p?.();
-  }, N = (k) => {
-    c?.(k), A && x();
-  }, T = (k) => {
-    u?.(k), !(k.key !== "Enter" || r) && x();
+  }, N = (_) => {
+    c?.(_), A && x();
+  }, T = (_) => {
+    u?.(_), !(_.key !== "Enter" || r) && x();
   };
   return f("button", w({
     ref: C
-  }, _, {
+  }, k, {
     type: "button",
     id: b,
     className: O(t, fy({
@@ -9506,7 +9503,7 @@ const HA = /* @__PURE__ */ L((e) => {
   props: E()("class")
 });
 var Rr, ml;
-function _y() {
+function ky() {
   if (ml) return Rr;
   ml = 1;
   var e = Fc();
@@ -9515,14 +9512,14 @@ function _y() {
   }
   return Rr = t, Rr;
 }
-var ky = _y();
-const Ty = /* @__PURE__ */ Ce(ky);
+var _y = ky();
+const Ty = /* @__PURE__ */ Ce(_y);
 function Oy(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
 const Iy = "lumx-user-block", {
   block: Ly,
-  element: ke
+  element: _e
 } = B(Iy), pl = {
   orientation: Ye.horizontal,
   size: H.m
@@ -9555,23 +9552,23 @@ const Iy = "lumx-user-block", {
     theme: y,
     children: g,
     additionalFields: C,
-    after: _,
+    after: k,
     Text: x,
     Avatar: N,
     ...T
   } = e;
-  let k = b;
-  v === Ye.vertical && (k = H.l);
+  let _ = b;
+  v === Ye.vertical && (_ = H.l);
   const I = v === Ye.vertical, P = Wr({
     handleClick: m,
     linkAs: s,
     linkProps: r
-  }), R = k !== H.s && k !== H.xs, D = a && R && f("div", {
-    className: ke("fields")
+  }), R = _ !== H.s && _ !== H.xs, D = a && R && f("div", {
+    className: _e("fields")
   }, [a.map((j, W) => f(x, {
     as: "span",
     key: W,
-    className: ke("field")
+    className: _e("field")
   }, Oy(j) ? j : {
     default: () => [j]
   }))]), q = {
@@ -9587,7 +9584,7 @@ const Iy = "lumx-user-block", {
   }, T, q, {
     className: O(n, Ly({
       [`orientation-${v}`]: !!v,
-      [`size-${k}`]: !!k,
+      [`size-${_}`]: !!_,
       [`theme-${y}`]: !!y,
       "is-clickable": P
     }))
@@ -9596,19 +9593,19 @@ const Iy = "lumx-user-block", {
     linkProps: r,
     alt: ""
   }, t, {
-    className: O(ke("avatar"), t.className),
-    size: k,
+    className: O(_e("avatar"), t.className),
+    size: _,
     onClick: m,
     theme: y
   }), null), (a || u || g || C) && f("div", {
-    className: ke("wrapper")
+    className: _e("wrapper")
   }, [g, D, R ? C : null]), I && A && f("div", {
-    className: ke("action")
+    className: _e("action")
   }, [A]), I && i && f("div", {
-    className: ke("actions")
-  }, [i]), _ ? f("div", {
-    className: ke("after")
-  }, [_]) : null]);
+    className: _e("actions")
+  }, [i]), k ? f("div", {
+    className: _e("after")
+  }, [k]) : null]);
 };
 function $y(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
@@ -9639,7 +9636,7 @@ const Ry = {
     let A = "span";
     const b = {
       ...e.nameProps,
-      class: ie.join(ke("name"), e.linkProps?.class, e.nameProps?.class)
+      class: ie.join(_e("name"), e.linkProps?.class, e.nameProps?.class)
     };
     return v && (A = Yc, Object.assign(b, {
       ...e.linkProps,
@@ -9748,8 +9745,8 @@ export {
   us as Popover,
   SA as PopoverDialog,
   yb as ProgressCircular,
-  _A as ProgressLinear,
-  kA as RadioButton,
+  kA as ProgressLinear,
+  _A as RadioButton,
   TA as RadioGroup,
   nm as RawInputText,
   im as RawInputTextarea,
@@ -9772,7 +9769,7 @@ export {
   zA as TableRow,
   Ne as Text,
   Am as TextField,
-  kt as ThOrder,
+  _t as ThOrder,
   Vt as Thumbnail,
   aA as ThumbnailObjectFit,
   nA as ThumbnailVariant,