@lumx/vue 4.12.0 → 4.12.1-next.0

package/index.js

@@ -90,7 +90,7 @@ const Lo = {
   N: "N"
 }, ld = typeof window < "u" && !window.navigator.userAgent.includes("jsdom");
 var Lt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function xe(e) {
+function Pe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Sn = { exports: {} };
@@ -128,7 +128,7 @@ function cd() {
   })(Sn)), Sn.exports;
 }
 var ud = cd();
-const I = /* @__PURE__ */ xe(ud);
+const I = /* @__PURE__ */ Pe(ud);
 function Xl(e, t) {
   const n = [];
   for (const [a, r] of Object.entries(t))
@@ -216,7 +216,7 @@ function gd(e, t) {
   }
   return n;
 }
-function Pn(e) {
+function xn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
 const yd = {
@@ -263,14 +263,14 @@ const yd = {
     Icon: y,
     ...A
   } = e, {
-    color: x,
+    color: P,
     icon: C
-  } = yd[i] || {}, w = `${t}-title`, N = `${t}-description`, {
+  } = yd[i] || {}, N = `${t}-title`, w = `${t}-description`, {
     label: k,
     onClick: T,
     ..._
   } = o, {
-    label: P,
+    label: x,
     onClick: R,
     ...D
   } = r || {};
@@ -281,8 +281,8 @@ const yd = {
     dialogProps: {
       id: t,
       role: "alertdialog",
-      "aria-labelledby": w,
-      "aria-describedby": N,
+      "aria-labelledby": N,
+      "aria-describedby": w,
       ...c
     },
     className: I(a, wd({
@@ -294,16 +294,16 @@ const yd = {
       before: f(y, {
         icon: C,
         size: H.s,
-        color: x
+        color: P
       }, null),
       label: f("h2", {
-        id: w,
+        id: N,
         className: "lumx-typography-title"
       }, [n])
     }, null)]), u && f(d, {
-      id: N,
+      id: w,
       className: "lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge"
-    }, Pn(u) ? u : {
+    }, xn(u) ? u : {
       default: () => [u]
     }), f("footer", null, [f(g, {
       className: "lumx-spacing-margin-horizontal",
@@ -311,14 +311,14 @@ const yd = {
         ref: m,
         emphasis: me.medium,
         onClick: R
-      }), Pn(P) ? P : {
-        default: () => [P]
+      }), xn(x) ? x : {
+        default: () => [x]
       }), f(b, S(_, {
         ref: h,
-        color: x,
+        color: P,
         className: "lumx-spacing-margin-left-regular",
         onClick: T
-      }), Pn(k) ? k : {
+      }), xn(k) ? k : {
         default: () => [k]
       })])
     }, null)])]
@@ -341,11 +341,11 @@ function $(e) {
 function Zt(e, t) {
   return Fl() ? (ql(e, t), !0) : !1;
 }
-const Pd = typeof window < "u" && typeof document < "u";
+const xd = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const ec = (e) => e != null, Dt = () => {
 };
-function xd(...e) {
+function Pd(...e) {
   if (e.length !== 1) return te(...e);
   const t = e[0];
   return typeof t == "function" ? qu(zu(() => ({
@@ -356,7 +356,7 @@ function xd(...e) {
 function tc(e) {
   return Array.isArray(e) ? e : [e];
 }
-const io = Pd ? window : void 0;
+const io = xd ? window : void 0;
 function Ze(e) {
   var t;
   const n = _e(e);
@@ -455,15 +455,15 @@ function qo(e, t, n = {}) {
     stop: h
   };
 }
-function xn(e) {
+function Pn(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 const Cn = /* @__PURE__ */ new WeakMap();
 function Td(e, t = !1) {
   const n = Ie(t);
   let a = "";
-  K(xd(e), (s) => {
-    const i = xn(_e(s));
+  K(Pd(e), (s) => {
+    const i = Pn(_e(s));
     if (i) {
       const l = i;
       if (Cn.get(l) || Cn.set(l, l.style.overflow), l.style.overflow !== "hidden" && (a = l.style.overflow), l.style.overflow === "hidden") return n.value = !0;
@@ -471,10 +471,10 @@ function Td(e, t = !1) {
     }
   }, { immediate: !0 });
   const r = () => {
-    const s = xn(_e(e));
+    const s = Pn(_e(e));
     !s || n.value || (s.style.overflow = "hidden", n.value = !0);
   }, o = () => {
-    const s = xn(_e(e));
+    const s = Pn(_e(e));
     !s || !n.value || (s.style.overflow = a, Cn.delete(s), n.value = !1);
   };
   return Zt(o), O({
@@ -512,14 +512,14 @@ const _d = "lumx-dialog", {
     HeadingLevelProvider: b,
     ThemeProvider: y,
     ClickAwayProvider: A,
-    shouldPreventCloseOnClickAway: x,
+    shouldPreventCloseOnClickAway: P,
     clickAwayRefs: C,
-    rootRef: w,
-    wrapperRef: N,
+    rootRef: N,
+    wrapperRef: w,
     hasTopIntersection: k,
     headerChildProps: T,
     setSentinelTop: _,
-    content: P,
+    content: x,
     setSentinelBottom: R,
     footerChildContent: D,
     footerChildProps: q,
@@ -553,13 +553,13 @@ const _d = "lumx-dialog", {
           role: "dialog",
           "aria-modal": "true"
         }, h), [f(A, {
-          callback: !x && c,
+          callback: !P && c,
           childrenRefs: C,
-          parentRef: w
+          parentRef: N
         }, {
           default: () => [f("section", {
             className: Ne("wrapper"),
-            ref: N
+            ref: w
           }, [(a || p) && f("header", S(T, {
             className: I(Ne("header", {
               "has-divider": !!(o || k)
@@ -572,7 +572,7 @@ const _d = "lumx-dialog", {
               top: !0
             }),
             ref: _
-          }, null), P, f("div", {
+          }, null), x, f("div", {
             className: Ne("sentinel", {
               bottom: !0
             }),
@@ -679,7 +679,7 @@ function qd() {
   return On = e, On;
 }
 var zd = qd();
-const Vo = /* @__PURE__ */ xe(zd);
+const Vo = /* @__PURE__ */ Pe(zd);
 var kn, Wo;
 function oc() {
   if (Wo) return kn;
@@ -1068,15 +1068,15 @@ function sf() {
   }
   return sa = t, sa;
 }
-var ia, Ps;
+var ia, xs;
 function lf() {
-  if (Ps) return ia;
-  Ps = 1;
+  if (xs) return ia;
+  xs = 1;
   var e = Jd(), t = sf(), n = e(t);
   return ia = n, ia;
 }
 var cf = lf();
-const uf = /* @__PURE__ */ xe(cf);
+const uf = /* @__PURE__ */ Pe(cf);
 function mc() {
   const e = [];
   return {
@@ -1211,29 +1211,29 @@ const pf = {
   slots: n,
   attrs: a
 }) => {
-  const r = $(() => e.class), o = B(null), s = B(null), i = B(null), l = B(null), c = B(null), u = (w) => {
-    l.value = w;
-  }, d = (w) => {
-    c.value = w;
+  const r = $(() => e.class), o = B(null), s = B(null), i = B(null), l = B(null), c = B(null), u = (N) => {
+    l.value = N;
+  }, d = (N) => {
+    c.value = N;
   }, m = B(null), h = B(null);
-  qo(l, (w) => {
-    const N = w[0];
-    m.value = N ? !N.isIntersecting : null;
-  }), qo(c, (w) => {
-    const N = w[0];
-    h.value = N ? !N.isIntersecting : null;
+  qo(l, (N) => {
+    const w = N[0];
+    m.value = w ? !w.isIntersecting : null;
+  }), qo(c, (N) => {
+    const w = N[0];
+    h.value = w ? !w.isIntersecting : null;
   });
   const p = O(() => e.preventAutoClose || e.preventCloseOnEscape), v = () => t("close");
   en(v, O(() => !!(e.isOpen && !p.value)));
   const g = O(() => e.isOpen && s.value || !1);
   uo(g, O(() => e.focusElement)), fo(O(() => !0), O(() => {
   }), O(() => e.parentElement), s, O(() => !!e.isOpen)), vc(O(() => e.disableBodyScroll !== !1 && !!e.isOpen));
-  const b = pc(O(() => !!e.isOpen), Dl, O(() => (w) => t("visibilityChange", w))), y = O(() => e.isOpen || b.value || e.closeMode === "hide"), A = O(() => [s]), x = O(() => e.preventAutoClose || e.preventCloseOnClick), C = (w) => {
-    i.value = w, e.contentRef && (e.contentRef.value = w);
+  const b = pc(O(() => !!e.isOpen), Dl, O(() => (N) => t("visibilityChange", N))), y = O(() => e.isOpen || b.value || e.closeMode === "hide"), A = O(() => [s]), P = O(() => e.preventAutoClose || e.preventCloseOnClick), C = (N) => {
+    i.value = N, e.contentRef && (e.contentRef.value = N);
   };
   return () => {
     if (!y.value) return null;
-    const w = n.default?.() ?? [], N = w.find((P) => P.type === "header"), k = w.find((P) => P.type === "footer"), _ = !!(N || k) ? w.filter((P) => P.type !== "header" && P.type !== "footer" && P.type !== Hl) : w;
+    const N = n.default?.() ?? [], w = N.find((x) => x.type === "header"), k = N.find((x) => x.type === "footer"), _ = !!(w || k) ? N.filter((x) => x.type !== "header" && x.type !== "footer" && x.type !== Hl) : N;
     return Ld({
       ...a,
       ClickAwayProvider: no,
@@ -1255,7 +1255,7 @@ const pf = {
       hasBottomIntersection: h.value,
       hasTopIntersection: m.value,
       header: void 0,
-      headerChildContent: n.header?.() ?? N?.children,
+      headerChildContent: n.header?.() ?? w?.children,
       headerChildProps: void 0,
       isLoading: e.isLoading,
       isOpen: e.isOpen,
@@ -1264,7 +1264,7 @@ const pf = {
       rootRef: o,
       setSentinelBottom: d,
       setSentinelTop: u,
-      shouldPreventCloseOnClickAway: x.value,
+      shouldPreventCloseOnClickAway: P.value,
       size: e.size ?? nc.size,
       wrapperRef: s,
       zIndex: e.zIndex
@@ -1276,10 +1276,10 @@ const pf = {
   props: E()("class", "closeMode", "contentRef", "dialogProps", "disableBodyScroll", "focusElement", "forceFooterDivider", "forceHeaderDivider", "isLoading", "isOpen", "parentElement", "preventAutoClose", "preventCloseOnClick", "preventCloseOnEscape", "size", "zIndex"),
   emits: pf
 });
-var ua, xs;
+var ua, Ps;
 function bc() {
-  if (xs) return ua;
-  xs = 1;
+  if (Ps) return ua;
+  Ps = 1;
   var e = Object.prototype;
   function t(n) {
     var a = n && n.constructor, r = typeof a == "function" && a.prototype || e;
@@ -1356,14 +1356,14 @@ function Sf() {
   return ga = n, ga;
 }
 var ya, $s;
-function Pf() {
+function xf() {
   if ($s) return ya;
   $s = 1;
   var e = Af(), t = gc(), n = Nf(), a = wf(), r = Sf(), o = St(), s = cc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", m = "[object DataView]", h = s(e), p = s(t), v = s(n), g = s(a), b = s(r), y = o;
   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(A) {
-    var x = o(A), C = x == l ? A.constructor : void 0, w = C ? s(C) : "";
-    if (w)
-      switch (w) {
+    var P = o(A), C = P == l ? A.constructor : void 0, N = C ? s(C) : "";
+    if (N)
+      switch (N) {
         case h:
           return m;
         case p:
@@ -1375,7 +1375,7 @@ function Pf() {
         case b:
           return d;
       }
-    return x;
+    return P;
   }), ya = y, ya;
 }
 var Aa, Rs;
@@ -1388,7 +1388,7 @@ function tn() {
   return Aa = e, Aa;
 }
 var Na, Ms;
-function xf() {
+function Pf() {
   if (Ms) return Na;
   Ms = 1;
   var e = St(), t = tn(), n = "[object Arguments]";
@@ -1401,7 +1401,7 @@ var wa, Ds;
 function ho() {
   if (Ds) return wa;
   Ds = 1;
-  var e = xf(), t = tn(), n = Object.prototype, a = n.hasOwnProperty, r = n.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
+  var e = Pf(), t = tn(), n = Object.prototype, a = n.hasOwnProperty, r = n.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return t(s) && a.call(s, "callee") && !r.call(s, "callee");
@@ -1415,25 +1415,25 @@ function We() {
   var e = Array.isArray;
   return Sa = e, Sa;
 }
-var Pa, Fs;
+var xa, Fs;
 function mo() {
-  if (Fs) return Pa;
+  if (Fs) return xa;
   Fs = 1;
   var e = 9007199254740991;
   function t(n) {
     return typeof n == "number" && n > -1 && n % 1 == 0 && n <= e;
   }
-  return Pa = t, Pa;
+  return xa = t, xa;
 }
-var xa, qs;
+var Pa, qs;
 function Cf() {
-  if (qs) return xa;
+  if (qs) return Pa;
   qs = 1;
   var e = lc(), t = mo();
   function n(a) {
     return a != null && t(a.length) && !e(a);
   }
-  return xa = n, xa;
+  return Pa = n, Pa;
 }
 var ht = { exports: {} }, Ca, zs;
 function Of() {
@@ -1456,10 +1456,10 @@ var Oa, Hs;
 function Tf() {
   if (Hs) return Oa;
   Hs = 1;
-  var e = St(), t = mo(), n = tn(), a = "[object Arguments]", r = "[object Array]", o = "[object Boolean]", s = "[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]", g = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", x = "[object Int8Array]", C = "[object Int16Array]", w = "[object Int32Array]", N = "[object Uint8Array]", k = "[object Uint8ClampedArray]", T = "[object Uint16Array]", _ = "[object Uint32Array]", P = {};
-  P[y] = P[A] = P[x] = P[C] = P[w] = P[N] = P[k] = P[T] = P[_] = !0, P[a] = P[r] = P[g] = P[o] = P[b] = P[s] = P[i] = P[l] = P[c] = P[u] = P[d] = P[m] = P[h] = P[p] = P[v] = !1;
+  var e = St(), t = mo(), n = tn(), a = "[object Arguments]", r = "[object Array]", o = "[object Boolean]", s = "[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]", g = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", P = "[object Int8Array]", C = "[object Int16Array]", N = "[object Int32Array]", w = "[object Uint8Array]", k = "[object Uint8ClampedArray]", T = "[object Uint16Array]", _ = "[object Uint32Array]", x = {};
+  x[y] = x[A] = x[P] = x[C] = x[N] = x[w] = x[k] = x[T] = x[_] = !0, x[a] = x[r] = x[g] = x[o] = x[b] = x[s] = x[i] = x[l] = x[c] = x[u] = x[d] = x[m] = x[h] = x[p] = x[v] = !1;
   function R(D) {
-    return n(D) && t(D.length) && !!P[e(D)];
+    return n(D) && t(D.length) && !!x[e(D)];
   }
   return Oa = R, Oa;
 }
@@ -1489,7 +1489,7 @@ var Ta, Us;
 function Lf() {
   if (Us) return Ta;
   Us = 1;
-  var e = yf(), t = Pf(), n = ho(), a = We(), r = Cf(), o = kf(), s = bc(), i = If(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
+  var e = yf(), t = xf(), n = ho(), a = We(), r = Cf(), o = kf(), s = bc(), i = If(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
   function m(h) {
     if (h == null)
       return !0;
@@ -1508,7 +1508,7 @@ function Lf() {
   return Ta = m, Ta;
 }
 var Ef = Lf();
-const qt = /* @__PURE__ */ xe(Ef);
+const qt = /* @__PURE__ */ Pe(Ef);
 function $f(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
@@ -1563,8 +1563,8 @@ const ot = (e) => {
   };
   return f("div", {
     className: s
-  }, [Pt(i)]);
-}, Pt = (e) => {
+  }, [xt(i)]);
+}, xt = (e) => {
   const {
     "aria-label": t,
     "aria-disabled": n,
@@ -1592,7 +1592,7 @@ const ot = (e) => {
       variant: v,
       color: A
     });
-  const x = I(r, Ff({
+  const P = I(r, Ff({
     [`color-${A}`]: !!A,
     [`emphasis-${s}`]: !!s,
     "is-selected": l,
@@ -1611,12 +1611,12 @@ const ot = (e) => {
     "aria-disabled": n,
     "aria-label": t,
     ref: b,
-    className: x,
+    className: P,
     children: a
   });
 };
-Pt.displayName = Rf;
-Pt.defaultProps = {};
+xt.displayName = Rf;
+xt.defaultProps = {};
 const zf = "Button", yc = "lumx-button", {
   modifier: jf
 } = F(yc), Ur = {
@@ -1634,7 +1634,7 @@ const zf = "Button", yc = "lumx-button", {
     "has-left-icon": !!a,
     "has-right-icon": !!r
   }));
-  return Pt({
+  return xt({
     emphasis: n,
     size: o,
     ...s,
@@ -1861,7 +1861,7 @@ const ve = /* @__PURE__ */ L((e, {
   props: E()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
 }), nh = {
   click: (e) => e instanceof MouseEvent
-}, Pc = /* @__PURE__ */ L((e, {
+}, xc = /* @__PURE__ */ L((e, {
   emit: t
 }) => {
   const n = at(), a = M(), r = W(), o = $(() => e.class), {
@@ -1978,7 +1978,7 @@ const ve = /* @__PURE__ */ L((e, {
     return Sd({
       ...a,
       ...m,
-      Button: Pc,
+      Button: xc,
       Dialog: vf,
       Icon: et,
       Toolbar: sh,
@@ -2003,7 +2003,7 @@ const ve = /* @__PURE__ */ L((e, {
 }), lh = "lumx-avatar", {
   block: ch,
   element: Kr
-} = F(lh), xc = {
+} = F(lh), Pc = {
   size: H.m
 }, uh = (e) => {
   const {
@@ -2011,7 +2011,7 @@ const ve = /* @__PURE__ */ L((e, {
     badge: n,
     className: a,
     image: r,
-    size: o = xc.size,
+    size: o = Pc.size,
     theme: s,
     ref: i,
     ...l
@@ -2113,18 +2113,18 @@ const hh = "lumx-thumbnail", {
     loadingPlaceholderImageRef: b,
     isAnyDisabled: y,
     disabledStateProps: A,
-    size: x,
+    size: P,
     theme: C,
-    loadingState: w,
-    variant: N,
+    loadingState: N,
+    variant: w,
     linkProps: k,
     linkAs: T,
     handleClick: _,
-    handleKeyPress: P,
+    handleKeyPress: x,
     ...R
-  } = e, D = p || w === "isLoading", q = w === "hasError", j = q && typeof l == "string", V = q && !j, G = {};
+  } = e, D = p || N === "isLoading", q = N === "hasError", j = q && typeof l == "string", V = q && !j, G = {};
   j ? G.visibility = "hidden" : V && (G.display = "none");
-  const z = !!(k?.href || T), Y = !y && !!(z || _ || P), he = {
+  const z = !!(k?.href || T), Y = !y && !!(z || _ || x), he = {
     ...R
   };
   Y && (Object.assign(he, {
@@ -2133,9 +2133,9 @@ const hh = "lumx-thumbnail", {
   const It = ce.join(k?.className, o, mh({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
-    [`size-${x}`]: !!x,
+    [`size-${P}`]: !!P,
     [`theme-${C}`]: !!C,
-    [`variant-${N}`]: !!N,
+    [`variant-${w}`]: !!w,
     "is-clickable": Y,
     "has-error": q,
     "has-icon-error-fallback": j,
@@ -2182,7 +2182,7 @@ const hh = "lumx-thumbnail", {
     className: It,
     children: ko,
     handleClick: _,
-    handleKeyPress: P
+    handleKeyPress: x
   }) : f("div", S({
     ref: i
   }, he, {
@@ -2276,9 +2276,9 @@ const gh = {
   return () => {
     const b = n.badge?.(), y = n.fallback?.(), {
       linkAs: A,
-      ...x
+      ...P
     } = d.value;
-    return f(ph, S(x, {
+    return f(ph, S(P, {
       linkAs: He(A),
       className: o.value,
       theme: e.theme || r.value,
@@ -2325,7 +2325,7 @@ const gh = {
     const {
       image: o,
       alt: s,
-      size: i = xc.size,
+      size: i = Pc.size,
       theme: l,
       linkProps: c,
       linkAs: u,
@@ -2471,23 +2471,23 @@ function Tc(e, t, n) {
     return A ? (ct(l, t, A), !0) : !1;
   }
   function v(A) {
-    const x = l();
-    if (A === 0) return x !== null;
-    const C = A > 0, w = Math.abs(A);
-    if (!x)
-      return (C ? h() : p()) ? w === 1 ? !0 : v(C ? A - 1 : A + 1) : !1;
-    const N = u();
-    N.currentNode = x;
-    const k = C ? () => N.nextNode() : () => N.previousNode();
+    const P = l();
+    if (A === 0) return P !== null;
+    const C = A > 0, N = Math.abs(A);
+    if (!P)
+      return (C ? h() : p()) ? N === 1 ? !0 : v(C ? A - 1 : A + 1) : !1;
+    const w = u();
+    w.currentNode = P;
+    const k = C ? () => w.nextNode() : () => w.previousNode();
     let T = 0, _ = null;
-    for (let P = 0; P < w; P++) {
+    for (let x = 0; x < N; x++) {
       const R = k();
       if (R)
         _ = R, T += 1;
       else if (s) {
         const D = C ? d() : m();
-        if (!D || D === x) break;
-        _ = D, T += 1, N.currentNode = D;
+        if (!D || D === P) break;
+        _ = D, T += 1, w.currentNode = D;
       } else
         break;
     }
@@ -2519,12 +2519,12 @@ function Tc(e, t, n) {
       return v(A);
     },
     goToItemMatching(A) {
-      const x = u(!1);
-      let C = x.nextNode();
+      const P = u(!1);
+      let C = P.nextNode();
       for (; C; ) {
         if (A(C))
           return ct(l, t, C), !0;
-        C = x.nextNode();
+        C = P.nextNode();
       }
       return !1;
     },
@@ -2532,10 +2532,10 @@ function Tc(e, t, n) {
       if (!a.contains(A)) return d();
       if (A instanceof HTMLElement && A.matches(c))
         return A;
-      const x = u();
-      x.currentNode = A;
-      const C = x.nextNode();
-      return C instanceof HTMLElement ? C : (x.currentNode = A, x.previousNode());
+      const P = u();
+      P.currentNode = A;
+      const C = P.nextNode();
+      return C instanceof HTMLElement ? C : (P.currentNode = A, P.previousNode());
     },
     clear: y,
     goUp() {
@@ -2567,48 +2567,48 @@ function Sh(e, t, n) {
     clear: r
   };
 }
-function Ph(e, t, n) {
+function xh(e, t, n) {
   const { container: a, rowSelector: r, cellSelector: o, isRowVisible: s, wrap: i = !1 } = e, l = Sh(t, n);
   let c = 0;
-  function u(w) {
-    return !s || s(w);
+  function u(N) {
+    return !s || s(N);
   }
-  function d(w) {
-    return u(w) && w.querySelector(o) !== null;
+  function d(N) {
+    return u(N) && N.querySelector(o) !== null;
   }
   function m() {
     return rn(a, r);
   }
-  function h(w) {
-    const N = m();
-    if (w === "all") {
+  function h(N) {
+    const w = m();
+    if (N === "all") {
       const _ = [];
-      let P = N.nextNode();
-      for (; P; )
-        d(P) && _.push(P), P = N.nextNode();
+      let x = w.nextNode();
+      for (; x; )
+        d(x) && _.push(x), x = w.nextNode();
       return _;
     }
-    let k = null, T = N.nextNode();
+    let k = null, T = w.nextNode();
     for (; T; ) {
       if (d(T)) {
-        if (w === "first") return T;
+        if (N === "first") return T;
         k = T;
       }
-      T = N.nextNode();
+      T = w.nextNode();
     }
     return k;
   }
-  function p(w) {
-    return Array.from(w.querySelectorAll(o));
+  function p(N) {
+    return Array.from(N.querySelectorAll(o));
   }
-  function v(w) {
-    const N = w.closest(r);
-    return N && a.contains(N) ? N : null;
+  function v(N) {
+    const w = N.closest(r);
+    return w && a.contains(w) ? w : null;
   }
-  function g(w, N) {
+  function g(N, w) {
     const k = m();
-    k.currentNode = w;
-    const T = N === "next" ? () => k.nextNode() : () => k.previousNode();
+    k.currentNode = N;
+    const T = w === "next" ? () => k.nextNode() : () => k.previousNode();
     let _ = T();
     for (; _; ) {
       if (d(_)) return _;
@@ -2616,46 +2616,46 @@ function Ph(e, t, n) {
     }
     return null;
   }
-  function b(w, N) {
-    const k = p(w);
+  function b(N, w) {
+    const k = p(N);
     if (k.length === 0) return !1;
-    const T = Math.min(N, k.length - 1);
+    const T = Math.min(w, k.length - 1);
     return l.setActive(k[T]), !0;
   }
   function y() {
-    const w = h("first");
-    return w ? (c = 0, b(w, 0)) : !1;
+    const N = h("first");
+    return N ? (c = 0, b(N, 0)) : !1;
   }
   function A() {
-    const w = h("last");
-    return w ? (c = 0, b(w, 0)) : !1;
+    const N = h("last");
+    return N ? (c = 0, b(N, 0)) : !1;
   }
-  function x(w) {
+  function P(N) {
     if (!l.active) return !1;
-    const N = v(l.active);
-    if (!N) return !1;
-    const k = p(N), T = k.indexOf(l.active);
+    const w = v(l.active);
+    if (!w) return !1;
+    const k = p(w), T = k.indexOf(l.active);
     if (T === -1) return !1;
-    const _ = T + w;
+    const _ = T + N;
     if (_ >= 0 && _ < k.length)
       return c = _, l.setActive(k[_]), !0;
     if (!i) return !1;
-    const P = w > 0 ? "next" : "prev", D = g(N, P) ?? (w > 0 ? h("first") : h("last"));
+    const x = N > 0 ? "next" : "prev", D = g(w, x) ?? (N > 0 ? h("first") : h("last"));
     if (!D) return !1;
     const q = p(D);
     if (q.length === 0) return !1;
-    const j = w > 0 ? 0 : q.length - 1;
+    const j = N > 0 ? 0 : q.length - 1;
     return c = j, l.setActive(q[j]), !0;
   }
-  function C(w) {
+  function C(N) {
     if (!l.active)
-      return w === "next" ? y() : A();
-    const N = v(l.active);
-    if (!N) return !1;
-    const k = g(N, w);
+      return N === "next" ? y() : A();
+    const w = v(l.active);
+    if (!w) return !1;
+    const k = g(w, N);
     if (k) return b(k, c);
     if (i) {
-      const T = h(w === "next" ? "first" : "last");
+      const T = h(N === "next" ? "first" : "last");
       if (T) return b(T, c);
     }
     return !1;
@@ -2673,40 +2673,40 @@ function Ph(e, t, n) {
     },
     goToFirst: y,
     goToLast: A,
-    goToOffset(w) {
-      if (w === 0) return l.active !== null;
-      const N = h("all");
-      if (N.length === 0) return !1;
+    goToOffset(N) {
+      if (N === 0) return l.active !== null;
+      const w = h("all");
+      if (w.length === 0) return !1;
       if (!l.active) {
-        const P = w > 0 ? 0 : N.length - 1, R = w > 0 ? w - 1 : w + 1, D = Math.max(0, Math.min(P + R, N.length - 1));
-        return b(N[D], c);
+        const x = N > 0 ? 0 : w.length - 1, R = N > 0 ? N - 1 : N + 1, D = Math.max(0, Math.min(x + R, w.length - 1));
+        return b(w[D], c);
       }
       const k = v(l.active);
       if (!k) return !1;
-      const T = N.indexOf(k);
+      const T = w.indexOf(k);
       if (T === -1) return !1;
-      const _ = Math.max(0, Math.min(T + w, N.length - 1));
-      return _ === T ? !1 : b(N[_], c);
+      const _ = Math.max(0, Math.min(T + N, w.length - 1));
+      return _ === T ? !1 : b(w[_], c);
     },
-    goToItemMatching(w) {
-      const N = m();
-      let k = N.nextNode();
+    goToItemMatching(N) {
+      const w = m();
+      let k = w.nextNode();
       for (; k; ) {
         if (d(k)) {
           const T = p(k);
           for (let _ = 0; _ < T.length; _++)
-            if (w(T[_]))
+            if (N(T[_]))
               return c = _, l.setActive(T[_]), !0;
         }
-        k = N.nextNode();
+        k = w.nextNode();
       }
       return !1;
     },
-    goToItem(w) {
-      const N = v(w);
-      if (!N || !u(N)) return !1;
-      const T = p(N).indexOf(w);
-      return T === -1 ? !1 : (c = T, l.setActive(w), !0);
+    goToItem(N) {
+      const w = v(N);
+      if (!w || !u(w)) return !1;
+      const T = p(w).indexOf(N);
+      return T === -1 ? !1 : (c = T, l.setActive(N), !0);
     },
     clear() {
       l.clear();
@@ -2718,17 +2718,17 @@ function Ph(e, t, n) {
       return C("next");
     },
     goLeft() {
-      return x(-1);
+      return P(-1);
     },
     goRight() {
-      return x(1);
+      return P(1);
     }
   };
 }
 function* Qs(e, t) {
   e instanceof HTMLElement && (e.matches(t) && (yield e), yield* e.querySelectorAll(t));
 }
-function xh(e, t) {
+function Ph(e, t) {
   let n = e.contains(document.activeElement);
   return e.addEventListener(
     "focusin",
@@ -2763,7 +2763,7 @@ function Ch(e, t) {
   } = e, l = `${a}[tabindex="0"]`;
   let c = `${a}[${s}=true]`;
   o && (c += `:not(${o})`);
-  const u = xh(n, t), d = Tc(
+  const u = Ph(n, t), d = Tc(
     {
       container: n,
       itemSelector: a,
@@ -2787,21 +2787,21 @@ function Ch(e, t) {
   }
   function h(b, y) {
     let A = y;
-    for (const x of b) {
-      if (!n.contains(x)) continue;
-      !(o ? x.matches(o) : !1) && !A ? (m(x, "0"), A = !0) : m(x, "-1");
+    for (const P of b) {
+      if (!n.contains(P)) continue;
+      !(o ? P.matches(o) : !1) && !A ? (m(P, "0"), A = !0) : m(P, "-1");
     }
     if (!A) {
-      const x = n.querySelector(d.enabledItemSelector);
-      x && m(x, "0");
+      const P = n.querySelector(d.enabledItemSelector);
+      P && m(P, "0");
     }
   }
   function p() {
     const b = Array.from(n.querySelectorAll(a)), { activeItem: y } = d;
     let A = y && b.indexOf(y);
-    if ((!A || A === -1) && (A = b.findIndex((x) => x.matches(c))), A && A > 0) {
-      const [x] = b.splice(A, 1);
-      b.unshift(x);
+    if ((!A || A === -1) && (A = b.findIndex((P) => P.matches(c))), A && A > 0) {
+      const [P] = b.splice(A, 1);
+      b.unshift(P);
     }
     h(b, !1);
   }
@@ -2812,43 +2812,43 @@ function Ch(e, t) {
   }
   p();
   const g = new MutationObserver((b) => {
-    let y = null, A = null, x = null;
-    const C = [], w = [];
-    for (const N of b) {
-      if (N.type === "childList") {
+    let y = null, A = null, P = null;
+    const C = [], N = [];
+    for (const w of b) {
+      if (w.type === "childList") {
         if (!y)
-          for (const T of N.removedNodes) {
+          for (const T of w.removedNodes) {
             const { value: _ } = Qs(T, l).next();
             if (_) {
-              y = _, A = N.nextSibling ?? N.previousSibling ?? null;
+              y = _, A = w.nextSibling ?? w.previousSibling ?? null;
               break;
             }
           }
-        for (const T of N.addedNodes)
+        for (const T of w.addedNodes)
           for (const _ of Qs(T, a))
-            w.push(_);
+            N.push(_);
       }
-      const k = N.target;
-      N.type === "attributes" && k.matches(a) && (N.attributeName === s && k.getAttribute(s) === "true" ? x = k : o && k.matches(o) && C.push(k));
+      const k = w.target;
+      w.type === "attributes" && k.matches(a) && (w.attributeName === s && k.getAttribute(s) === "true" ? P = k : o && k.matches(o) && C.push(k));
     }
     if (y) {
-      const N = u.hasFocus;
-      u.reset(), v(N, A);
+      const w = u.hasFocus;
+      u.reset(), v(w, A);
     }
-    if (w.length > 0) {
-      const N = n.querySelector(l) !== null;
-      h(w, N);
+    if (N.length > 0) {
+      const w = n.querySelector(l) !== null;
+      h(N, w);
     }
     if (C.length > 0) {
-      const N = d.activeItem;
+      const w = d.activeItem;
       for (const _ of C)
         m(_, "-1");
-      const T = !!(N && C.includes(N) && u.hasFocus);
+      const T = !!(w && C.includes(w) && u.hasFocus);
       v(T);
     }
-    if (x) {
-      const N = n.querySelector(l);
-      N && N !== x && m(N, "-1"), m(x, "0");
+    if (P) {
+      const w = n.querySelector(l);
+      w && w !== P && m(w, "-1"), m(P, "0");
     }
   });
   return g.observe(n, {
@@ -2908,7 +2908,7 @@ function ei(e, t, n) {
     }
   };
   let l;
-  o ? (l = Ph(
+  o ? (l = xh(
     {
       container: r,
       rowSelector: '[role="row"]',
@@ -2963,85 +2963,85 @@ function _c(e, t, n) {
     loadingChange: /* @__PURE__ */ new Set(),
     loadingAnnouncement: /* @__PURE__ */ new Set()
   };
-  function v(P, R) {
-    p[P].forEach((D) => D(R));
+  function v(x, R) {
+    p[x].forEach((D) => D(R));
   }
   function g() {
     for (const [q] of u)
       Js(q, u, c);
-    let P = 0;
+    let x = 0;
     for (const q of c.values())
-      q.lastFiltered || (P += 1);
+      q.lastFiltered || (x += 1);
     const R = r?.value ?? "";
-    (P !== m || P === 0 && R !== h) && (m = P, h = R, v("optionsChange", { optionsLength: P, inputValue: R }));
+    (x !== m || x === 0 && R !== h) && (m = x, h = R, v("optionsChange", { optionsLength: x, inputValue: R }));
   }
   const b = 500;
-  let y = 0, A, x = !1;
+  let y = 0, A, P = !1;
   function C() {
     clearTimeout(A), y > 0 && i && (A = setTimeout(() => {
-      y > 0 && i && (x = !0, v("loadingAnnouncement", !0));
+      y > 0 && i && (P = !0, v("loadingAnnouncement", !0));
     }, b));
   }
-  function w() {
-    const P = y > 0;
-    v("loadingChange", P), P ? C() : (clearTimeout(A), x && (x = !1, v("loadingAnnouncement", !1)));
+  function N() {
+    const x = y > 0;
+    v("loadingChange", x), x ? C() : (clearTimeout(A), P && (P = !1, v("loadingAnnouncement", !1)));
   }
-  let N;
+  let w;
   function k() {
     d?.abort(), d = null, s = null;
   }
-  function T(P, R, D) {
+  function T(x, R, D) {
     function q(j) {
       if (D?.(j)) {
         j.stopPropagation(), j.preventDefault();
         return;
       }
       let V = !1;
-      const { altKey: G } = j, z = N.focusNav;
+      const { altKey: G } = j, z = w.focusNav;
       switch (j.key) {
         case "Enter":
-          if (N.isOpen && z?.hasActiveItem && z.activeItem) {
+          if (w.isOpen && z?.hasActiveItem && z.activeItem) {
             const { activeItem: Y } = z;
-            Cc(Y) || Y.click(), !N.isMultiSelect && !Oc(Y) && N.setIsOpen(!1);
-          } else N.isMultiSelect || N.setIsOpen(!N.isOpen);
+            Cc(Y) || Y.click(), !w.isMultiSelect && !Oc(Y) && w.setIsOpen(!1);
+          } else w.isMultiSelect || w.setIsOpen(!w.isOpen);
           V = !0;
           break;
         case "ArrowDown":
-          z?.hasNavigableItems && (N.isOpen && !G ? z.hasActiveItem ? z.type === "grid" ? z.goDown() : !z.goToOffset(1) && a && z.goToFirst() : Ys(z) : (N.setIsOpen(!0), G || Ys(z))), V = !0;
+          z?.hasNavigableItems && (w.isOpen && !G ? z.hasActiveItem ? z.type === "grid" ? z.goDown() : !z.goToOffset(1) && a && z.goToFirst() : Ys(z) : (w.setIsOpen(!0), G || Ys(z))), V = !0;
           break;
         case "ArrowUp":
-          z?.hasNavigableItems && (!N.isOpen && !G ? (N.setIsOpen(!0), Zs(z)) : N.isOpen && z.hasActiveItem ? z.type === "grid" ? z.goUp() : !z.goToOffset(-1) && a && z.goToLast() : N.isOpen && !z.hasActiveItem && !G && Zs(z)), V = !0;
+          z?.hasNavigableItems && (!w.isOpen && !G ? (w.setIsOpen(!0), Zs(z)) : w.isOpen && z.hasActiveItem ? z.type === "grid" ? z.goUp() : !z.goToOffset(-1) && a && z.goToLast() : w.isOpen && !z.hasActiveItem && !G && Zs(z)), V = !0;
           break;
         case "Escape":
-          N.isOpen ? N.setIsOpen(!1) : N.select(null), V = !0;
+          w.isOpen ? w.setIsOpen(!1) : w.select(null), V = !0;
           break;
         case "PageUp":
-          N.isOpen && z?.hasActiveItem && z.goToOffset(-10), V = !0;
+          w.isOpen && z?.hasActiveItem && z.goToOffset(-10), V = !0;
           break;
         case "PageDown":
-          N.isOpen && z?.hasActiveItem && z.goToOffset(10), V = !0;
+          w.isOpen && z?.hasActiveItem && z.goToOffset(10), V = !0;
           break;
       }
       V && (j.stopPropagation(), j.preventDefault());
     }
-    P.addEventListener("keydown", (j) => q(j), { signal: R });
+    x.addEventListener("keydown", (j) => q(j), { signal: R });
   }
   function _() {
     if (!r) return;
-    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;
+    const x = !d;
+    if (d || (d = new AbortController()), r.getAttribute("aria-activedescendant") || r.setAttribute("aria-activedescendant", ""), r.setAttribute("aria-expanded", String(i)), x) {
+      const R = n?.(w, d.signal) || void 0;
       T(r, d.signal, R), r.addEventListener(
         "focusout",
         () => {
-          N.setIsOpen(!1);
+          w.setIsOpen(!1);
         },
         { signal: d.signal }
       );
     }
-    o && !s && (s = ei(N, d.signal, v));
+    o && !s && (s = ei(w, d.signal, v));
   }
-  return N = {
+  return w = {
     get trigger() {
       return r;
     },
@@ -3060,71 +3060,71 @@ function _c(e, t, n) {
     get isLoading() {
       return y > 0;
     },
-    setIsOpen(P) {
-      if (i !== P && (i = P, P ? y > 0 && C() : (s?.clear(), clearTimeout(A), x && (x = !1, v("loadingAnnouncement", !1))), r?.setAttribute("aria-expanded", String(P)), v("open", P), P)) {
+    setIsOpen(x) {
+      if (i !== x && (i = x, x ? y > 0 && C() : (s?.clear(), clearTimeout(A), P && (P = !1, v("loadingAnnouncement", !1))), r?.setAttribute("aria-expanded", String(x)), v("open", x), x)) {
         const R = r?.value ?? "";
         v("optionsChange", { optionsLength: m, inputValue: R });
       }
     },
-    select(P) {
-      e.onSelect({ value: P ? pt(P) : "" }, N);
+    select(x) {
+      e.onSelect?.({ value: x ? pt(x) : "" });
     },
-    registerOption(P, R) {
-      const D = l.toLowerCase(), q = pt(P).toLowerCase(), j = D.length > 0 && !q.includes(D);
-      return c.set(P, { callback: R, lastFiltered: j }), R(j), g(), () => {
-        c.delete(P), g();
+    registerOption(x, R) {
+      const D = l.toLowerCase(), q = pt(x).toLowerCase(), j = D.length > 0 && !q.includes(D);
+      return c.set(x, { callback: R, lastFiltered: j }), R(j), g(), () => {
+        c.delete(x), g();
       };
     },
-    setFilter(P) {
-      l = P;
-      const R = P.toLowerCase();
+    setFilter(x) {
+      l = x;
+      const R = x.toLowerCase();
       for (const [D, q] of c) {
         const j = pt(D).toLowerCase(), V = R.length > 0 && !j.includes(R);
         V !== q.lastFiltered && (q.lastFiltered = V, q.callback(V));
       }
       g();
     },
-    refilterOption(P) {
-      const R = c.get(P);
+    refilterOption(x) {
+      const R = c.get(x);
       if (!R) return;
-      const D = l.toLowerCase(), q = pt(P).toLowerCase(), j = D.length > 0 && !q.includes(D);
+      const D = l.toLowerCase(), q = pt(x).toLowerCase(), j = D.length > 0 && !q.includes(D);
       j !== R.lastFiltered && (R.lastFiltered = j, R.callback(j), g());
     },
-    registerSection(P, R) {
-      return u.set(P, { callback: R, last: { hidden: !1, "aria-hidden": !1 } }), Js(P, u, c, !0), () => {
-        u.delete(P);
+    registerSection(x, R) {
+      return u.set(x, { callback: R, last: { hidden: !1, "aria-hidden": !1 } }), Js(x, u, c, !0), () => {
+        u.delete(x);
       };
     },
     registerSkeleton() {
-      const P = y > 0;
-      return y += 1, P || w(), () => {
-        y -= 1, y === 0 && w();
+      const x = y > 0;
+      return y += 1, x || N(), () => {
+        y -= 1, y === 0 && N();
       };
     },
-    registerTrigger(P) {
-      return r && r !== P && k(), r = P, _(), () => {
-        r === P && (k(), r = null);
+    registerTrigger(x) {
+      return r && r !== x && k(), r = x, _(), () => {
+        r === x && (k(), r = null);
       };
     },
-    registerListbox(P) {
-      if (o === P) return () => {
+    registerListbox(x) {
+      if (o === x) return () => {
       };
       const R = !!o;
-      return o = P, r && d && (R ? (k(), _()) : s = ei(N, d.signal, v)), () => {
-        o === P && (o = null, s = null);
+      return o = x, r && d && (R ? (k(), _()) : s = ei(w, d.signal, v)), () => {
+        o === x && (o = null, s = null);
       };
     },
-    subscribe(P, R) {
-      return p[P].add(R), () => {
-        p[P].delete(R);
+    subscribe(x, R) {
+      return p[x].add(R), () => {
+        p[x].delete(R);
       };
     },
     destroy() {
-      k(), r = null, o = null, l = "", m = 0, h = "", c.clear(), u.clear(), y = 0, clearTimeout(A), x = !1;
-      for (const P of Object.values(p))
-        P.clear();
+      k(), r = null, o = null, l = "", m = 0, h = "", c.clear(), u.clear(), y = 0, clearTimeout(A), P = !1;
+      for (const x of Object.values(p))
+        x.clear();
     }
-  }, N;
+  }, w;
 }
 const Oh = 500;
 function kh(e, t, n) {
@@ -3207,7 +3207,7 @@ function _h(e, t) {
 const Ih = "IconButton", Lh = "lumx-icon-button", Xr = {
   emphasis: me.high,
   size: H.m
-}, xt = (e) => {
+}, Pt = (e) => {
   const {
     emphasis: t = Xr.emphasis,
     image: n,
@@ -3221,7 +3221,7 @@ const Ih = "IconButton", Lh = "lumx-icon-button", Xr = {
   }, null) : Z({
     icon: a
   });
-  return Pt({
+  return xt({
     emphasis: t,
     size: o,
     ...s,
@@ -3230,9 +3230,9 @@ const Ih = "IconButton", Lh = "lumx-icon-button", Xr = {
     children: i
   });
 };
-xt.displayName = Ih;
-xt.className = Lh;
-xt.defaultProps = Xr;
+Pt.displayName = Ih;
+Pt.className = Lh;
+Pt.defaultProps = Xr;
 const Eh = ["top", "right", "bottom", "left"], ti = ["start", "end"], ni = /* @__PURE__ */ Eh.reduce((e, t) => e.concat(t, t + "-" + ti[0], t + "-" + ti[1]), []), Le = Math.min, ne = Math.max, zt = Math.round, Et = Math.floor, pe = (e) => ({
   x: e,
   y: e
@@ -3413,7 +3413,7 @@ async function Hh(e, t) {
     y: r,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, A = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(i.floating)), x = await (o.isElement == null ? void 0 : o.isElement(A)) ? await (o.getScale == null ? void 0 : o.getScale(A)) || {
+  } : s.reference, A = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(i.floating)), P = await (o.isElement == null ? void 0 : o.isElement(A)) ? await (o.getScale == null ? void 0 : o.getScale(A)) || {
     x: 1,
     y: 1
   } : {
@@ -3426,10 +3426,10 @@ async function Hh(e, t) {
     strategy: l
   }) : y);
   return {
-    top: (b.top - C.top + p.top) / x.y,
-    bottom: (C.bottom - b.bottom + p.bottom) / x.y,
-    left: (b.left - C.left + p.left) / x.x,
-    right: (C.right - b.right + p.right) / x.x
+    top: (b.top - C.top + p.top) / P.y,
+    bottom: (C.bottom - b.bottom + p.bottom) / P.y,
+    left: (b.left - C.left + p.left) / P.x,
+    right: (C.right - b.right + p.right) / P.x
   };
 }
 const Vh = async (e, t, n) => {
@@ -3454,9 +3454,9 @@ const Vh = async (e, t, n) => {
       fn: y
     } = i[g], {
       x: A,
-      y: x,
+      y: P,
       data: C,
-      reset: w
+      reset: N
     } = await y({
       x: u,
       y: d,
@@ -3474,17 +3474,17 @@ const Vh = async (e, t, n) => {
         floating: t
       }
     });
-    u = A ?? u, d = x ?? d, h = {
+    u = A ?? u, d = P ?? d, h = {
       ...h,
       [b]: {
         ...h[b],
         ...C
       }
-    }, w && p <= 50 && (p++, typeof w == "object" && (w.placement && (m = w.placement), w.rects && (c = w.rects === !0 ? await s.getElementRects({
+    }, N && p <= 50 && (p++, typeof N == "object" && (N.placement && (m = N.placement), N.rects && (c = N.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: r
-    }) : w.rects), {
+    }) : N.rects), {
       x: u,
       y: d
     } = oi(c, m, l)), g = -1);
@@ -3517,10 +3517,10 @@ const Vh = async (e, t, n) => {
     const d = Ec(u), m = {
       x: n,
       y: a
-    }, h = vo(r), p = po(h), v = await s.getDimensions(c), g = h === "y", b = g ? "top" : "left", y = g ? "bottom" : "right", A = g ? "clientHeight" : "clientWidth", x = o.reference[p] + o.reference[h] - m[h] - o.floating[p], C = m[h] - o.reference[h], w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
-    let N = w ? w[A] : 0;
-    (!N || !await (s.isElement == null ? void 0 : s.isElement(w))) && (N = i.floating[A] || o.floating[p]);
-    const k = x / 2 - C / 2, T = N / 2 - v[p] / 2 - 1, _ = Le(d[b], T), P = Le(d[y], T), R = _, D = N - v[p] - P, q = N / 2 - v[p] / 2 + k, j = Yr(R, q, D), V = !l.arrow && le(r) != null && q !== j && o.reference[p] / 2 - (q < R ? _ : P) - v[p] / 2 < 0, G = V ? q < R ? q - R : q - D : 0;
+    }, h = vo(r), p = po(h), v = await s.getDimensions(c), g = h === "y", b = g ? "top" : "left", y = g ? "bottom" : "right", A = g ? "clientHeight" : "clientWidth", P = o.reference[p] + o.reference[h] - m[h] - o.floating[p], C = m[h] - o.reference[h], N = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    let w = N ? N[A] : 0;
+    (!w || !await (s.isElement == null ? void 0 : s.isElement(N))) && (w = i.floating[A] || o.floating[p]);
+    const k = P / 2 - C / 2, T = w / 2 - v[p] / 2 - 1, _ = Le(d[b], T), x = Le(d[y], T), R = _, D = w - v[p] - x, q = w / 2 - v[p] / 2 + k, j = Yr(R, q, D), V = !l.arrow && le(r) != null && q !== j && o.reference[p] / 2 - (q < R ? _ : x) - v[p] / 2 < 0, G = V ? q < R ? q - R : q - D : 0;
     return {
       [h]: m[h] + G,
       data: {
@@ -3565,35 +3565,35 @@ const Gh = function(e) {
             placement: v[0]
           }
         };
-      const x = [g[be(y)], g[A[0]], g[A[1]]], C = [...((a = s.autoPlacement) == null ? void 0 : a.overflows) || [], {
+      const P = [g[be(y)], g[A[0]], g[A[1]]], C = [...((a = s.autoPlacement) == null ? void 0 : a.overflows) || [], {
         placement: y,
-        overflows: x
-      }], w = v[b + 1];
-      if (w)
+        overflows: P
+      }], N = v[b + 1];
+      if (N)
         return {
           data: {
             index: b + 1,
             overflows: C
           },
           reset: {
-            placement: w
+            placement: N
           }
         };
-      const N = C.map((_) => {
-        const P = le(_.placement);
-        return [_.placement, P && u ? (
+      const w = C.map((_) => {
+        const x = le(_.placement);
+        return [_.placement, x && u ? (
           // Check along the mainAxis and main crossAxis side.
           _.overflows.slice(0, 2).reduce((R, D) => R + D, 0)
         ) : (
           // Check only the mainAxis.
           _.overflows[0]
         ), _.overflows];
-      }).sort((_, P) => _[1] - P[1]), T = ((r = N.filter((_) => _[2].slice(
+      }).sort((_, x) => _[1] - x[1]), T = ((r = w.filter((_) => _[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         le(_[0]) ? 2 : 3
-      ).every((P) => P <= 0))[0]) == null ? void 0 : r[0]) || N[0][0];
+      ).every((x) => x <= 0))[0]) == null ? void 0 : r[0]) || w[0][0];
       return T !== i ? {
         data: {
           index: b + 1,
@@ -3629,20 +3629,20 @@ const Gh = function(e) {
       } = Ue(e, t);
       if ((n = o.arrow) != null && n.alignmentOffset)
         return {};
-      const b = be(r), y = Se(i), A = be(i) === i, x = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = m || (A || !v ? [Ht(i)] : Dh(i)), w = p !== "none";
-      !m && w && C.push(...zh(i, v, p, x));
-      const N = [i, ...C], k = await l.detectOverflow(t, g), T = [];
+      const b = be(r), y = Se(i), A = be(i) === i, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = m || (A || !v ? [Ht(i)] : Dh(i)), N = p !== "none";
+      !m && N && C.push(...zh(i, v, p, P));
+      const w = [i, ...C], k = await l.detectOverflow(t, g), T = [];
       let _ = ((a = o.flip) == null ? void 0 : a.overflows) || [];
       if (u && T.push(k[b]), d) {
-        const q = Lc(r, s, x);
+        const q = Lc(r, s, P);
         T.push(k[q[0]], k[q[1]]);
       }
       if (_ = [..._, {
         placement: r,
         overflows: T
       }], !T.every((q) => q <= 0)) {
-        var P, R;
-        const q = (((P = o.flip) == null ? void 0 : P.index) || 0) + 1, j = N[q];
+        var x, R;
+        const q = (((x = o.flip) == null ? void 0 : x.index) || 0) + 1, j = w[q];
         if (j && (!(d === "alignment" ? y !== Se(j) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         _.every((z) => Se(z.placement) === y ? z.overflows[0] > 0 : !0)))
@@ -3661,7 +3661,7 @@ const Gh = function(e) {
             case "bestFit": {
               var D;
               const G = (D = _.filter((z) => {
-                if (w) {
+                if (N) {
                   const Y = Se(z.placement);
                   return Y === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -3768,12 +3768,12 @@ const Zh = function(e) {
       }, d = await o.detectOverflow(t, c), m = Se(be(r)), h = Ic(m);
       let p = u[h], v = u[m];
       if (s) {
-        const b = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", A = p + d[b], x = p - d[y];
-        p = Yr(A, p, x);
+        const b = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", A = p + d[b], P = p - d[y];
+        p = Yr(A, p, P);
       }
       if (i) {
-        const b = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", A = v + d[b], x = v - d[y];
-        v = Yr(A, v, x);
+        const b = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", A = v + d[b], P = v - d[y];
+        v = Yr(A, v, P);
       }
       const g = l.fn({
         ...t,
@@ -3814,16 +3814,16 @@ const Zh = function(e) {
       } = o.floating;
       let g, b;
       d === "top" || d === "bottom" ? (g = d, b = m === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (b = d, g = m === "end" ? "top" : "bottom");
-      const y = v - u.top - u.bottom, A = p - u.left - u.right, x = Le(v - u[g], y), C = Le(p - u[b], A), w = !t.middlewareData.shift;
-      let N = x, k = C;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = A), (a = t.middlewareData.shift) != null && a.enabled.y && (N = y), w && !m) {
-        const _ = ne(u.left, 0), P = ne(u.right, 0), R = ne(u.top, 0), D = ne(u.bottom, 0);
-        h ? k = p - 2 * (_ !== 0 || P !== 0 ? _ + P : ne(u.left, u.right)) : N = v - 2 * (R !== 0 || D !== 0 ? R + D : ne(u.top, u.bottom));
+      const y = v - u.top - u.bottom, A = p - u.left - u.right, P = Le(v - u[g], y), C = Le(p - u[b], A), N = !t.middlewareData.shift;
+      let w = P, k = C;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = A), (a = t.middlewareData.shift) != null && a.enabled.y && (w = y), N && !m) {
+        const _ = ne(u.left, 0), x = ne(u.right, 0), R = ne(u.top, 0), D = ne(u.bottom, 0);
+        h ? k = p - 2 * (_ !== 0 || x !== 0 ? _ + x : ne(u.left, u.right)) : w = v - 2 * (R !== 0 || D !== 0 ? R + D : ne(u.top, u.bottom));
       }
       await l({
         ...t,
         availableWidth: k,
-        availableHeight: N
+        availableHeight: w
       });
       const T = await s.getDimensions(i.floating);
       return p !== T.width || v !== T.height ? {
@@ -3998,8 +3998,8 @@ function Fe(e, t, n, a) {
     const m = re(o), h = a && de(a) ? re(a) : a;
     let p = m, v = Zr(p);
     for (; v && a && h !== p; ) {
-      const g = Je(v), b = v.getBoundingClientRect(), y = fe(v), A = b.left + (v.clientLeft + parseFloat(y.paddingLeft)) * g.x, x = b.top + (v.clientTop + parseFloat(y.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += A, c += x, p = re(v), v = Zr(p);
+      const g = Je(v), b = v.getBoundingClientRect(), y = fe(v), A = b.left + (v.clientLeft + parseFloat(y.paddingLeft)) * g.x, P = b.top + (v.clientTop + parseFloat(y.paddingTop)) * g.y;
+      l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += A, c += P, p = re(v), v = Zr(p);
     }
   }
   return Vt({
@@ -4239,7 +4239,7 @@ const Sm = {
 function qc(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Pm(e, t) {
+function xm(e, t) {
   let n = null, a;
   const r = ye(e);
   function o() {
@@ -4260,17 +4260,17 @@ function Pm(e, t) {
       rootMargin: -p + "px " + -v + "px " + -g + "px " + -b + "px",
       threshold: ne(0, Le(1, l)) || 1
     };
-    let x = !0;
-    function C(w) {
-      const N = w[0].intersectionRatio;
-      if (N !== l) {
-        if (!x)
+    let P = !0;
+    function C(N) {
+      const w = N[0].intersectionRatio;
+      if (w !== l) {
+        if (!P)
           return s();
-        N ? s(!1, N) : a = setTimeout(() => {
+        w ? s(!1, w) : a = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      N === 1 && !qc(c, e.getBoundingClientRect()) && s(), x = !1;
+      w === 1 && !qc(c, e.getBoundingClientRect()) && s(), P = !1;
     }
     try {
       n = new IntersectionObserver(C, {
@@ -4299,7 +4299,7 @@ function zc(e, t, n, a) {
       passive: !0
     }), o && b.addEventListener("resize", n);
   });
-  const d = c && i ? Pm(c, n) : null;
+  const d = c && i ? xm(c, n) : null;
   let m = -1, h = null;
   s && (h = new ResizeObserver((b) => {
     let [y] = b;
@@ -4321,7 +4321,7 @@ function zc(e, t, n, a) {
     }), d?.(), (b = h) == null || b.disconnect(), h = null, l && cancelAnimationFrame(p);
   };
 }
-const jc = Zh, xm = Gh, Cm = Jh, Om = Kh, km = Qh, Tm = Wh, _m = (e, t, n) => {
+const jc = Zh, Pm = Gh, Cm = Jh, Om = Kh, km = Qh, Tm = Wh, _m = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), r = {
     platform: Sm,
     ...n
@@ -4357,28 +4357,28 @@ function di(e, t) {
 function Vc(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, r = O(() => {
-    var N;
-    return (N = ut(n.open)) != null ? N : !0;
+    var w;
+    return (w = ut(n.open)) != null ? w : !0;
   }), o = O(() => ut(n.middleware)), s = O(() => {
-    var N;
-    return (N = ut(n.placement)) != null ? N : "bottom";
+    var w;
+    return (w = ut(n.placement)) != null ? w : "bottom";
   }), i = O(() => {
-    var N;
-    return (N = ut(n.strategy)) != null ? N : "absolute";
+    var w;
+    return (w = ut(n.strategy)) != null ? w : "absolute";
   }), l = O(() => {
-    var N;
-    return (N = ut(n.transform)) != null ? N : !0;
+    var w;
+    return (w = ut(n.transform)) != null ? w : !0;
   }), c = O(() => ui(e.value)), u = O(() => ui(t.value)), d = B(0), m = B(0), h = B(i.value), p = B(s.value), v = Ie({}), g = B(!1), b = O(() => {
-    const N = {
+    const w = {
       position: h.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return N;
+      return w;
     const k = di(u.value, d.value), T = di(u.value, m.value);
     return l.value ? {
-      ...N,
+      ...w,
       transform: "translate(" + k + "px, " + T + "px)",
       ...Hc(u.value) >= 1.5 && {
         willChange: "transform"
@@ -4393,20 +4393,20 @@ function Vc(e, t, n) {
   function A() {
     if (c.value == null || u.value == null)
       return;
-    const N = r.value;
+    const w = r.value;
     _m(c.value, u.value, {
       middleware: o.value,
       placement: s.value,
       strategy: i.value
     }).then((k) => {
-      d.value = k.x, m.value = k.y, h.value = k.strategy, p.value = k.placement, v.value = k.middlewareData, g.value = N !== !1;
+      d.value = k.x, m.value = k.y, h.value = k.strategy, p.value = k.placement, v.value = k.middlewareData, g.value = w !== !1;
     });
   }
-  function x() {
+  function P() {
     typeof y == "function" && (y(), y = void 0);
   }
   function C() {
-    if (x(), a === void 0) {
+    if (P(), a === void 0) {
       A();
       return;
     }
@@ -4415,16 +4415,16 @@ function Vc(e, t, n) {
       return;
     }
   }
-  function w() {
+  function N() {
     r.value || (g.value = !1);
   }
   return K([o, s, i, r], A, {
     flush: "sync"
   }), K([c, u], C, {
     flush: "sync"
-  }), K(r, w, {
+  }), K(r, N, {
     flush: "sync"
-  }), Fl() && ql(x), {
+  }), Fl() && ql(P), {
     x: Ke(d),
     y: Ke(m),
     strategy: Ke(h),
@@ -4505,8 +4505,8 @@ function Dm(e) {
       s = new AbortController();
       const { signal: y } = s;
       if (c) {
-        const A = (x) => {
-          r && (Date.now() - r >= d ? (x.stopPropagation(), x.preventDefault(), b.focus(), v()) : g());
+        const A = (P) => {
+          r && (Date.now() - r >= d ? (P.stopPropagation(), P.preventDefault(), b.focus(), v()) : g());
         };
         b.addEventListener(u ? "touchstart" : "mousedown", h, { signal: y }), b.addEventListener(u ? "touchend" : "mouseup", A, { signal: y });
       } else
@@ -4597,7 +4597,7 @@ const un = /* @__PURE__ */ L((e, {
   } = Bm(O(() => e.delay), r), v = O(() => (m.value || e.forceOpen) && !!e.label), g = O(() => !!e.label && (v.value || i.value === "hide")), b = O(() => !v.value && i.value === "hide");
   return en(O(() => v.value ? () => p.value?.close() : void 0)), Jf(), () => {
     let y;
-    const A = d.value ?? s.value, x = qm({
+    const A = d.value ?? s.value, P = qm({
       slotContent: t.default?.(),
       setAnchorElement: (C) => {
         r.value = C?.$el || C;
@@ -4607,10 +4607,10 @@ const un = /* @__PURE__ */ L((e, {
       label: e.label,
       ariaLinkMode: l.value
     });
-    return f(ee, null, [x, g.value && f(Kt, null, zm(y = No({
+    return f(ee, null, [P, g.value && f(Kt, null, zm(y = No({
       ref: (C) => {
-        const w = C?.$el || C;
-        o.value = w, h(w);
+        const N = C?.$el || C;
+        o.value = N, h(N);
       },
       id: n,
       label: e.label,
@@ -4655,7 +4655,7 @@ const un = /* @__PURE__ */ L((e, {
     return f(un, S({
       label: p ? "" : e.label
     }, h), {
-      default: () => [f(xt, S(v, {
+      default: () => [f(Pt, S(v, {
         ref: d,
         linkAs: He(m)
       }, l.value, {
@@ -4785,7 +4785,7 @@ const Um = /* @__PURE__ */ L((e, {
       },
       className: a.value
     }, {
-      Button: Pc,
+      Button: xc,
       Tooltip: un
     });
   };
@@ -4846,34 +4846,35 @@ const Km = (e, {
   }), null);
 };
 function Xm(e, t) {
-  const { filter: n = "auto", onSelect: a } = t, r = t.openOnFocus ?? n === "off", o = n === "auto", s = () => e.disabled || e.getAttribute("aria-disabled") === "true";
-  let i = !1;
-  const c = _c({ onSelect: (u, d) => {
-    a(u, d), d.isMultiSelect || d.focusNav?.clear(), i = !1, d.setIsOpen(!0), o && d.setFilter("");
+  let n;
+  const { filter: a = "auto", onSelect: r } = t, o = t.openOnFocus ?? a === "off", s = a === "auto", i = () => e.disabled || e.getAttribute("aria-disabled") === "true";
+  let l = !1;
+  return n = _c({ onSelect: (u) => {
+    r?.(u), n.isMultiSelect || n.focusNav?.clear(), l = !1, n.setIsOpen(!0), s && n.setFilter("");
   } }, { wrapNavigation: !0 }, (u, d) => {
     d.addEventListener("abort", () => {
-      i = !1;
+      l = !1;
     }), e.addEventListener(
       "input",
       (h) => {
-        h instanceof InputEvent && (s() || (u.focusNav?.clear(), i = !0, u.setIsOpen(!0), o && u.setFilter(e.value)));
+        h instanceof InputEvent && (i() || (u.focusNav?.clear(), l = !0, u.setIsOpen(!0), s && u.setFilter(e.value)));
       },
       { signal: d }
     ), e.addEventListener(
       "focus",
       () => {
-        s() || (u.focusNav?.clear(), r && u.setIsOpen(!0));
+        i() || (u.focusNav?.clear(), o && u.setIsOpen(!0));
       },
       { signal: d }
     ), e.addEventListener(
       "click",
       () => {
-        s() || u.setIsOpen(!0);
+        i() || u.setIsOpen(!0);
       },
       { signal: d }
     );
     const m = u.subscribe("open", (h) => {
-      h && o && i && u.setFilter(e.value);
+      h && s && l && u.setFilter(e.value);
     });
     return d.addEventListener("abort", m), (h) => {
       const p = u.focusNav;
@@ -4891,8 +4892,7 @@ function Xm(e, t) {
           return !1;
       }
     };
-  });
-  return c.registerTrigger(e), c;
+  }), n.registerTrigger(e), n;
 }
 const Yc = "lumx-text-field", Zc = `${Yc}__input-native`, {
   block: Ym
@@ -5071,7 +5071,7 @@ const up = {
 } = F(eu), tu = {
   kind: Q.info
 };
-function Pe(e) {
+function xe(e) {
   const {
     children: t,
     className: n,
@@ -5091,9 +5091,9 @@ function Pe(e) {
     }))
   }), [t]);
 }
-Pe.displayName = dp;
-Pe.className = eu;
-Pe.defaultProps = tu;
+xe.displayName = dp;
+xe.className = eu;
+xe.defaultProps = tu;
 const {
   block: mp,
   element: se
@@ -5128,16 +5128,16 @@ const vp = (e) => {
     placeholder: b,
     textFieldRef: y,
     helperId: A,
-    errorId: x,
+    errorId: P,
     labelId: C,
-    theme: w,
-    value: N,
+    theme: N,
+    value: w,
     afterElement: k,
     input: T,
     isFocus: _,
-    IconButton: P,
+    IconButton: x,
     ref: R
-  } = e, D = (N || "").length, q = D > 0;
+  } = e, D = (w || "").length, q = D > 0;
   return f("div", {
     ref: R,
     className: I(n, mp({
@@ -5149,11 +5149,11 @@ const vp = (e) => {
       "has-label": !!m,
       "has-placeholder": !!b,
       "has-textarea": g,
-      "has-value": !!N,
+      "has-value": !!w,
       "is-disabled": p,
       "is-focus": _ || o,
       "is-valid": d,
-      [`theme-${w}`]: !!w
+      [`theme-${N}`]: !!N
     }))
   }, [(m || v) && f("div", {
     className: se("header")
@@ -5163,7 +5163,7 @@ const vp = (e) => {
     htmlFor: c,
     className: se("label"),
     isRequired: u,
-    theme: w,
+    theme: N,
     children: m
   }), v && f("div", {
     className: se("char-counter")
@@ -5175,7 +5175,7 @@ const vp = (e) => {
     ref: y
   }, [l && Z({
     className: se("input-icon"),
-    color: w === ue.dark ? "light" : void 0,
+    color: N === ue.dark ? "light" : void 0,
     icon: l,
     size: H.xs
   }), t ? f("div", {
@@ -5184,29 +5184,29 @@ const vp = (e) => {
     className: se("input-wrapper")
   }, [T]), (d || s) && Z({
     className: se("input-validity"),
-    color: w === ue.dark ? "light" : void 0,
+    color: N === ue.dark ? "light" : void 0,
     icon: d ? ao : yt,
     size: H.xxs
-  }), a && q && !p && f(P, S({
+  }), a && q && !p && f(x, S({
     "aria-describedby": C
   }, a, {
     className: se("input-clear"),
     icon: Qu,
     emphasis: me.low,
     size: H.s,
-    theme: w,
+    theme: N,
     type: "button"
   }), null), k && f("div", {
     className: se("after-element")
-  }, [k])]), s && r && Pe({
+  }, [k])]), s && r && xe({
     children: r,
     className: se("helper"),
     kind: Q.error,
-    theme: w,
-    id: x
-  }), i && Pe({
+    theme: N,
+    id: P
+  }), i && xe({
     className: se("helper"),
-    theme: w,
+    theme: N,
     id: A,
     children: i
   })]);
@@ -5237,10 +5237,10 @@ const vp = (e) => {
   }, {
     flush: "sync"
   });
-  const m = O(() => pp(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), h = (y, A, x) => {
-    t("change", y, A, x);
-  }, p = (y, A, x) => {
-    t("input", y, A, x);
+  const m = O(() => pp(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), h = (y, A, P) => {
+    t("change", y, A, P);
+  }, p = (y, A, P) => {
+    t("input", y, A, P);
   }, v = (y) => {
     l.value = !0, t("focus", y);
   }, g = (y) => {
@@ -5251,15 +5251,15 @@ const vp = (e) => {
   return () => {
     const y = e.theme || r.value, {
       helperId: A,
-      errorId: x,
+      errorId: P,
       describedById: C,
-      labelId: w
+      labelId: N
     } = m.value, {
-      class: N,
+      class: w,
       className: k,
       "aria-describedby": T,
       disabled: _,
-      isDisabled: P,
+      isDisabled: x,
       "aria-disabled": R,
       ariaDisabled: D,
       onChange: q,
@@ -5313,8 +5313,8 @@ const vp = (e) => {
       id: i.value,
       isAnyDisabled: c.value,
       helperId: A,
-      labelId: w,
-      errorId: x,
+      labelId: N,
+      errorId: P,
       isFocus: l.value,
       input: It,
       textFieldRef: e.textFieldRef,
@@ -5367,28 +5367,28 @@ const vp = (e) => {
       class: b,
       ...y
     } = e, A = {
-      onChange: (w, N, k) => t("change", w, N, k),
-      onInput: (w) => t("change", w),
-      onFocus: (w) => t("focus", w),
-      onBlur: (w) => t("blur", w),
-      onClear: (w) => t("clear", w)
+      onChange: (N, w, k) => t("change", N, w, k),
+      onInput: (N) => t("change", N),
+      onFocus: (N) => t("focus", N),
+      onBlur: (N) => t("blur", N),
+      onClear: (N) => t("clear", N)
     }, {
-      ariaDisabled: x,
+      ariaDisabled: P,
       ...C
     } = y;
     return Km({
       ...n,
       ...C,
-      "aria-disabled": x ?? n.ariaDisabled,
+      "aria-disabled": P ?? n.ariaDisabled,
       ...A,
       listboxId: r,
       isOpen: l.value,
       filter: v,
-      textFieldRef: (w) => {
-        o.value = w;
+      textFieldRef: (N) => {
+        o.value = N, e.textFieldRef?.(N);
       },
-      inputRef: (w) => {
-        u.value = w, n.inputRef?.(w);
+      inputRef: (N) => {
+        u.value = N, e.inputRef?.(N);
       },
       toggleButtonProps: h,
       handleToggle: m,
@@ -5401,7 +5401,7 @@ const vp = (e) => {
 }, {
   name: "LumxComboboxInput",
   inheritAttrs: !1,
-  props: E()("class", "theme", "value", "error", "forceFocusStyle", "hasError", "afterElement", "helper", "icon", "isRequired", "isValid", "label", "labelProps", "maxLength", "isDisabled", "disabled", "aria-disabled", "multiline", "placeholder", "id", "clearButtonProps", "name", "type", "minimumRows", "toggleButtonProps", "onSelect", "filter", "openOnFocus"),
+  props: E()("class", "theme", "value", "error", "forceFocusStyle", "hasError", "afterElement", "helper", "icon", "isRequired", "isValid", "label", "labelProps", "maxLength", "isDisabled", "disabled", "aria-disabled", "multiline", "placeholder", "id", "clearButtonProps", "name", "type", "minimumRows", "inputRef", "textFieldRef", "toggleButtonProps", "onSelect", "filter", "openOnFocus"),
   emits: {
     select: (e) => !!e,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5433,7 +5433,7 @@ const vp = (e) => {
 Tt.displayName = Ap;
 Tt.className = nu;
 Tt.defaultProps = wp;
-const Sp = "lumx-combobox-list", Pp = (e) => {
+const Sp = "lumx-combobox-list", xp = (e) => {
   const {
     "aria-label": t,
     "aria-busy": n,
@@ -5455,12 +5455,12 @@ const Sp = "lumx-combobox-list", Pp = (e) => {
     "aria-busy": n || void 0,
     children: a
   });
-}, au = /* @__PURE__ */ Symbol("combobox-list-context"), xp = { type: "listbox" };
+}, au = /* @__PURE__ */ Symbol("combobox-list-context"), Pp = { type: "listbox" };
 function Cp(e) {
   ze(au, e);
 }
 function Op() {
-  return qe(au, xp);
+  return qe(au, Pp);
 }
 const kp = /* @__PURE__ */ L((e, {
   slots: t
@@ -5478,7 +5478,7 @@ const kp = /* @__PURE__ */ L((e, {
   const i = kt("loadingChange", !1);
   return () => {
     const l = t.default?.(), c = n["aria-label"] ?? "", u = n["aria-multiselectable"];
-    return Pp({
+    return xp({
       "aria-label": c,
       "aria-multiselectable": u || void 0,
       "aria-busy": i.value || void 0,
@@ -5596,8 +5596,8 @@ const Lp = "lumx-combobox-option", {
     value: b,
     ...y
   } = e;
-  let A, x;
-  l || (A = d ? "gridcell" : "option", x = d ? "row" : "none");
+  let A, P;
+  l || (A = d ? "gridcell" : "option", P = d ? "row" : "none");
   const C = su({
     as: "button",
     ...p,
@@ -5610,7 +5610,7 @@ const Lp = "lumx-combobox-option", {
     "aria-disabled": u ? "true" : void 0,
     role: A,
     children: r
-  }), w = t && g && !l ? f(t, g, Ip(C) ? C : {
+  }), N = t && g && !l ? f(t, g, Ip(C) ? C : {
     default: () => [C]
   }) : C;
   return it({
@@ -5621,8 +5621,8 @@ const Lp = "lumx-combobox-option", {
     className: l ? void 0 : I(o, Ep()),
     before: n,
     after: a,
-    role: x,
-    children: f(ee, null, [w, s && f("p", S({
+    role: P,
+    children: f(ee, null, [N, s && f("p", S({
       id: i
     }, Nc({
       className: hi("description"),
@@ -5845,11 +5845,11 @@ const Yp = "lumx-popover", {
     usePortal: b = Bt.usePortal,
     clickAwayCallback: y,
     clickAwayRefs: A,
-    unmountSentinel: x,
+    unmountSentinel: P,
     // Forwarded props
     ...C
-  } = e, w = !u && i === "hide", N = u || i === "hide", k = r, T = Math.min(l || 0, 5);
-  return N ? f(t, {
+  } = e, N = !u && i === "hide", w = u || i === "hide", k = r, T = Math.min(l || 0, 5);
+  return w ? f(t, {
     enabled: b
   }, {
     default: () => [f(k, S(C, {
@@ -5858,19 +5858,19 @@ const Yp = "lumx-popover", {
         [`theme-${p}`]: !!p,
         [`elevation-${T}`]: !!T,
         [`position-${d}`]: !!d,
-        "is-hidden": !!w
+        "is-hidden": !!N
       })),
-      style: w ? void 0 : m,
+      style: N ? void 0 : m,
       "data-popper-placement": d
     }), {
-      default: () => [x, f(n, {
-        callback: !w && y,
+      default: () => [P, f(n, {
+        callback: !N && y,
         childrenRefs: A
       }, {
         default: () => [c && f("div", {
           ref: g,
           className: Jp("arrow"),
-          style: w ? void 0 : h
+          style: N ? void 0 : h
         }, [f("svg", {
           viewBox: "0 0 14 14",
           "aria-hidden": !0
@@ -5895,7 +5895,7 @@ function tv(e) {
 function nv(e) {
   const { offset: t, hasArrow: n, fitWidth: a, fitWithinViewportHeight: r, boundary: o, parsedPlacement: s, arrowElement: i } = e, l = [], c = (t?.away ?? 0) + (n ? Ea : 0), u = t?.along ?? 0;
   return l.push(jc({ mainAxis: c, crossAxis: u })), s.isAuto ? l.push(
-    xm({ ...o ? { boundary: o } : {}, alignment: s.autoAlignment })
+    Pm({ ...o ? { boundary: o } : {}, alignment: s.autoAlignment })
   ) : (l.push(Om(o ? { boundary: o } : {})), l.push(Cm(o ? { boundary: o } : {}))), (a || r) && l.push(
     km({
       ...o ? { boundary: o } : {},
@@ -6227,10 +6227,10 @@ function yv() {
   return $a = t, $a;
 }
 var Av = yv();
-const Nv = /* @__PURE__ */ xe(Av), wv = "lumx-flex-box", {
+const Nv = /* @__PURE__ */ Pe(Av), wv = "lumx-flex-box", {
   block: Sv
 } = F(wv);
-function Pv(e) {
+function xv(e) {
   const {
     className: t,
     fillSpace: n,
@@ -6257,12 +6257,12 @@ function Pv(e) {
     }))
   };
 }
-const Po = /* @__PURE__ */ L((e, {
+const xo = /* @__PURE__ */ L((e, {
   slots: t
 }) => {
   const n = M(), a = $(() => e.class);
   return () => {
-    const r = e.as || "div", o = Pv({
+    const r = e.as || "div", o = xv({
       ...e,
       ...n,
       className: a.value,
@@ -6278,7 +6278,7 @@ const Po = /* @__PURE__ */ L((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: E()("as", "fillSpace", "gap", "horizontalAlign", "marginAuto", "noShrink", "orientation", "verticalAlign", "wrap", "class")
-}), xv = /* @__PURE__ */ L((e, {
+}), Pv = /* @__PURE__ */ L((e, {
   slots: t
 }) => {
   const n = $(() => e.class), {
@@ -6301,7 +6301,7 @@ const Po = /* @__PURE__ */ L((e, {
       handleClose: () => o(!1)
     }, {
       Popover: So,
-      FlexBox: Po
+      FlexBox: xo
     });
   };
 }, {
@@ -6699,7 +6699,7 @@ const Wv = "lumx-generic-block", {
     } = e;
     return f(Gv, S(c, n, {
       className: a.value,
-      FlexBox: Po,
+      FlexBox: xo,
       figure: r,
       content: o,
       actions: s,
@@ -6798,10 +6798,10 @@ function Qv() {
   }
   return Ha = a, Ha;
 }
-var Va, Pi;
+var Va, xi;
 function eb() {
-  if (Pi) return Va;
-  Pi = 1;
+  if (xi) return Va;
+  xi = 1;
   var e = pn(), t = "__lodash_hash_undefined__";
   function n(a, r) {
     var o = this.__data__;
@@ -6809,10 +6809,10 @@ function eb() {
   }
   return Va = n, Va;
 }
-var Wa, xi;
+var Wa, Pi;
 function tb() {
-  if (xi) return Wa;
-  xi = 1;
+  if (Pi) return Wa;
+  Pi = 1;
   var e = Yv(), t = Zv(), n = Jv(), a = Qv(), r = eb();
   function o(s) {
     var i = -1, l = s == null ? 0 : s.length;
@@ -7087,7 +7087,7 @@ function gn() {
   return hr = r, hr;
 }
 var mr, Ki;
-function xo() {
+function Po() {
   if (Ki) return mr;
   Ki = 1;
   var e = mn();
@@ -7103,7 +7103,7 @@ var pr, Xi;
 function Ab() {
   if (Xi) return pr;
   Xi = 1;
-  var e = gn(), t = xo();
+  var e = gn(), t = Po();
   function n(a, r) {
     r = e(r, a);
     for (var o = 0, s = r.length; a != null && o < s; )
@@ -7153,7 +7153,7 @@ var yr, Qi;
 function vu() {
   if (Qi) return yr;
   Qi = 1;
-  var e = wb(), t = gn(), n = pu(), a = Qt(), r = xo();
+  var e = wb(), t = gn(), n = pu(), a = Qt(), r = Po();
   function o(s, i, l, c) {
     if (!a(s))
       return s;
@@ -7187,7 +7187,7 @@ function Sb() {
   return Ar = a, Ar;
 }
 var Nr, tl;
-function Pb() {
+function xb() {
   if (tl) return Nr;
   tl = 1;
   function e(t, n) {
@@ -7196,10 +7196,10 @@ function Pb() {
   return Nr = e, Nr;
 }
 var wr, nl;
-function xb() {
+function Pb() {
   if (nl) return wr;
   nl = 1;
-  var e = gn(), t = ho(), n = We(), a = pu(), r = mo(), o = xo();
+  var e = gn(), t = ho(), n = We(), a = pu(), r = mo(), o = Po();
   function s(i, l, c) {
     l = e(l, i);
     for (var u = -1, d = l.length, m = !1; ++u < d; ) {
@@ -7216,15 +7216,15 @@ var Sr, al;
 function Cb() {
   if (al) return Sr;
   al = 1;
-  var e = Pb(), t = xb();
+  var e = xb(), t = Pb();
   function n(a, r) {
     return a != null && t(a, r, e);
   }
   return Sr = n, Sr;
 }
-var Pr, rl;
+var xr, rl;
 function Ob() {
-  if (rl) return Pr;
+  if (rl) return xr;
   rl = 1;
   var e = Sb(), t = Cb();
   function n(a, r) {
@@ -7232,18 +7232,18 @@ function Ob() {
       return t(a, s);
     });
   }
-  return Pr = n, Pr;
+  return xr = n, xr;
 }
-var xr, ol;
+var Pr, ol;
 function kb() {
-  if (ol) return xr;
+  if (ol) return Pr;
   ol = 1;
   function e(t, n) {
     for (var a = -1, r = n.length, o = t.length; ++a < r; )
       t[o + a] = n[a];
     return t;
   }
-  return xr = e, xr;
+  return Pr = e, Pr;
 }
 var Cr, sl;
 function Tb() {
@@ -7301,7 +7301,7 @@ function Eb() {
   return _r = n, _r;
 }
 var $b = Eb();
-const Rb = /* @__PURE__ */ xe($b), nN = Rb(H, ["tiny", "regular", "medium", "big", "huge"]), Mb = /* @__PURE__ */ L((e) => {
+const Rb = /* @__PURE__ */ Pe($b), nN = Rb(H, ["tiny", "regular", "medium", "big", "huge"]), Mb = /* @__PURE__ */ L((e) => {
   const {
     handle: t
   } = Ae(), n = kt("optionsChange", void 0), a = B(!1), r = B(!1), o = B(!1);
@@ -7358,7 +7358,7 @@ const Rb = /* @__PURE__ */ xe($b), nN = Rb(H, ["tiny", "regular", "medium", "big
   /** Loading placeholder skeleton(s) that auto-register loading state with the combobox handle. */
   OptionSkeleton: cu,
   /** Floating popover container that auto-binds to the combobox anchor and open/close state. */
-  Popover: xv,
+  Popover: Pv,
   /** Labelled group of options that auto-hides when all its child options are filtered out. */
   Section: hu,
   /** Displays empty, error, and loading state messages for the combobox list. */
@@ -7496,7 +7496,7 @@ const aN = /* @__PURE__ */ L((e, {
     className: Ce("label"),
     theme: d,
     children: i
-  }), a && Pe({
+  }), a && xe({
     id: `${v}-helper`,
     className: Ce("helper"),
     theme: d,
@@ -7569,27 +7569,27 @@ const aN = /* @__PURE__ */ L((e, {
     ref: b,
     href: y,
     handleKeyDown: A,
-    disabledStateProps: x,
+    disabledStateProps: P,
     isAnyDisabled: C,
-    keyDownProp: w = "onKeyDown",
-    tabIndexProp: N = "tabIndex",
+    keyDownProp: N = "onKeyDown",
+    tabIndexProp: w = "tabIndex",
     ...k
-  } = e, T = p && !y, _ = !!p || !!y || s, P = o || (g === ue.light ? U.dark : U.light), R = (q) => {
+  } = e, T = p && !y, _ = !!p || !!y || s, x = o || (g === ue.light ? U.dark : U.light), R = (q) => {
     A?.(q), p && d && vd(d)(q);
   }, D = {
-    [w]: R,
-    [N]: _ && !x.disabled ? 0 : void 0
+    [N]: R,
+    [w]: _ && !P.disabled ? 0 : void 0
   };
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     f("a", S({
       role: T ? "button" : void 0
     }, D, k, {
-      href: x.disabled ? void 0 : y,
+      href: P.disabled ? void 0 : y,
       ref: b,
       className: I(r, Kb({
         "is-clickable": _,
-        [`color-${P}`]: !!P,
+        [`color-${x}`]: !!x,
         "is-disabled": C,
         "has-after": !!t,
         "has-before": !!n,
@@ -7723,10 +7723,10 @@ const ng = "lumx-selection-chip-group", {
     "aria-orientation": "horizontal",
     className: ag([p])
   }), tg(s = i.map((y) => {
-    const A = c && ie(c, y) || ie(l, y), x = ie(l, y), C = v?.(y) || {}, w = C.isDisabled || m, N = typeof C.children == "string" ? C.children : A, k = d ? `${N} - ${d}` : N;
+    const A = c && ie(c, y) || ie(l, y), P = ie(l, y), C = v?.(y) || {}, N = C.isDisabled || m, w = typeof C.children == "string" ? C.children : A, k = d ? `${w} - ${d}` : w;
     return f(o, {
-      key: x,
-      label: w ? void 0 : k
+      key: P,
+      label: N ? void 0 : k
     }, {
       default: () => [f(t, S({
         "aria-label": k
@@ -7736,12 +7736,12 @@ const ng = "lumx-selection-chip-group", {
           icon: ro
         }, null),
         className: rg("chip", [C.className]),
-        "data-option-id": x,
+        "data-option-id": P,
         isClickable: !0,
         role: "option",
         "aria-selected": "true",
         theme: h,
-        isDisabled: w
+        isDisabled: N
       }), {
         default: () => [f(r, {
           as: "span",
@@ -7915,10 +7915,10 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
     Portal: b,
     HeadingLevelProvider: y,
     ThemeProvider: A,
-    ClickAwayProvider: x,
+    ClickAwayProvider: P,
     childrenRef: C,
-    clickAwayRefs: w,
-    closeButtonRef: N,
+    clickAwayRefs: N,
+    closeButtonRef: w,
     IconButton: k,
     ...T
   } = e;
@@ -7942,7 +7942,7 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
     }), [i && f("div", {
       className: vl("close")
     }, [f(k, S(i, {
-      ref: N,
+      ref: w,
       emphasis: "low",
       hasBackground: !0,
       icon: ro,
@@ -7955,9 +7955,9 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
       default: () => [f(A, {
         value: void 0
       }, {
-        default: () => [f(x, {
+        default: () => [f(P, {
           callback: !m && c,
-          childrenRefs: w
+          childrenRefs: N
         }, {
           default: () => [f("div", {
             ref: C,
@@ -8093,12 +8093,12 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
     content: b,
     isChildrenVisible: y,
     IconButton: A,
-    footer: x,
+    footer: P,
     closeMode: C,
-    ...w
-  } = e, N = (_) => {
-    const P = !s;
-    c && P && c(_), l && !P && l(_), u && u(P, _);
+    ...N
+  } = e, w = (_) => {
+    const x = !s;
+    c && x && c(_), l && !x && l(_), u && u(x, _);
   }, k = d === ue.dark ? U.light : U.dark, T = I(t, Ng({
     "has-background": a,
     "has-header": !qt(h.children),
@@ -8110,11 +8110,11 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
   }));
   return f("section", S({
     ref: r
-  }, w, {
+  }, N, {
     className: T
   }), [f("header", {
     className: we("header"),
-    onClick: N
+    onClick: w
   }, [v && f("div", {
     className: we("header-drag")
   }, [v]), f("div", S(h, {
@@ -8133,10 +8133,10 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
     className: we("container")
   }, [f("div", {
     className: we("content")
-  }, [b]), x && f("div", {
+  }, [b]), P && f("div", {
     className: we("footer")
-  }, [x])])])]);
-}, Pg = {
+  }, [P])])])]);
+}, xg = {
   open: (e) => e instanceof MouseEvent,
   close: (e) => e instanceof MouseEvent,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -8200,9 +8200,9 @@ const Nu = (e) => (t) => X(t) && t.type === e, lg = {
   name: "LumxExpansionPanel",
   inheritAttrs: !1,
   props: E()("class", "closeMode", "hasBackground", "hasHeaderDivider", "isOpen", "label", "theme", "toggleButtonProps"),
-  emits: Pg
+  emits: xg
 });
-function xg(e) {
+function Pg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
 const Cg = "lumx-flag", {
@@ -8233,7 +8233,7 @@ const Cg = "lumx-flag", {
     truncate: !!s,
     typography: "overline",
     className: bl("label")
-  }, xg(t) ? t : {
+  }, Pg(t) ? t : {
     default: () => [t]
   })]);
 }, uN = /* @__PURE__ */ L((e, {
@@ -8334,7 +8334,7 @@ function Eg() {
   return Dr = t, Dr;
 }
 var $g = Eg();
-const Rg = /* @__PURE__ */ xe($g);
+const Rg = /* @__PURE__ */ Pe($g);
 function Mg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
@@ -8415,7 +8415,7 @@ const dN = /* @__PURE__ */ L((e, {
   slots: t
 }) => {
   const n = M(), a = W(), r = $(() => e.class);
-  return () => f(Pe, S(e, n, {
+  return () => f(xe, S(e, n, {
     className: r.value,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -8439,9 +8439,9 @@ const dN = /* @__PURE__ */ L((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: E()("htmlFor", "id", "isRequired", "typography", "theme", "class")
-}), Pu = "lumx-link", {
+}), xu = "lumx-link", {
   block: zg
-} = F(Pu), jg = (e) => {
+} = F(xu), jg = (e) => {
   const {
     children: t,
     className: n,
@@ -8471,7 +8471,7 @@ const dN = /* @__PURE__ */ L((e, {
   click: (e) => e instanceof MouseEvent
 }, {
   element: Vg
-} = ce.bem(Pu), xu = /* @__PURE__ */ L((e, {
+} = ce.bem(xu), Pu = /* @__PURE__ */ L((e, {
   emit: t
 }) => {
   const n = at(), a = M(), r = $(() => e.class), {
@@ -8505,7 +8505,7 @@ const dN = /* @__PURE__ */ L((e, {
   props: E()("color", "colorVariant", "href", "isDisabled", "disabled", "linkAs", "target", "typography", "class", "aria-disabled"),
   emits: Hg
 });
-function Pl(e) {
+function xl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
 const Wg = "lumx-link-preview", {
@@ -8564,7 +8564,7 @@ const Wg = "lumx-link-preview", {
       href: a,
       color: i === ue.light ? U.dark : U.light,
       colorVariant: $o.N
-    }), Pl(u) ? u : {
+    }), xl(u) ? u : {
       default: () => [u]
     })]
   }), n && f("p", {
@@ -8579,7 +8579,7 @@ const Wg = "lumx-link-preview", {
     color: i === ue.light ? U.primary : U.light,
     colorVariant: $o.N,
     tabIndex: u ? "-1" : void 0
-  }), Pl(a) ? a : {
+  }), xl(a) ? a : {
     default: () => [a]
   })])])])]);
 }, pN = /* @__PURE__ */ L((e) => {
@@ -8595,7 +8595,7 @@ const Wg = "lumx-link-preview", {
       className: a.value,
       theme: e.theme || n.value,
       TitleHeading: r,
-      Link: xu,
+      Link: Pu,
       Thumbnail: an
     }), null);
   };
@@ -8653,7 +8653,7 @@ const Wg = "lumx-link-preview", {
     color: c
   }), f("div", {
     className: Br("text")
-  }, [t]), h && xt({
+  }, [t]), h && Pt({
     className: Br("close-button"),
     icon: ro,
     handleClick: d,
@@ -8685,10 +8685,10 @@ const vN = /* @__PURE__ */ L((e, {
   props: E()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
 });
-var Fr, xl;
+var Fr, Pl;
 function Zg() {
-  if (xl) return Fr;
-  xl = 1;
+  if (Pl) return Fr;
+  Pl = 1;
   function e(t, n, a) {
     var r = -1, o = t.length;
     n < 0 && (n = -n > o ? 0 : o + n), a = a > o ? o : a, a < 0 && (a += o), o = n > a ? 0 : a - n >>> 0, n >>>= 0;
@@ -8709,7 +8709,7 @@ function Jg() {
   return qr = n, qr;
 }
 var Qg = Jg();
-const ey = /* @__PURE__ */ xe(Qg), ty = "lumx-mosaic", {
+const ey = /* @__PURE__ */ Pe(Qg), ty = "lumx-mosaic", {
   block: ny,
   element: zr
 } = F(ty), ay = (e) => {
@@ -8908,7 +8908,7 @@ const ey = /* @__PURE__ */ xe(Qg), ty = "lumx-mosaic", {
     className: Oe("label"),
     theme: d,
     children: i
-  }), a && Pe({
+  }), a && xe({
     id: `${v}-helper`,
     className: Oe("helper"),
     theme: d,
@@ -9003,15 +9003,15 @@ const NN = /* @__PURE__ */ L((e, {
 }, Ny = "lumx-skeleton-rectangle", {
   block: wy,
   element: Sy
-} = F(Ny), Py = {
+} = F(Ny), xy = {
   variant: Ay.squared
-}, xy = (e) => {
+}, Py = (e) => {
   const {
     aspectRatio: t,
     className: n,
     height: a,
     theme: r,
-    variant: o = Py.variant,
+    variant: o = xy.variant,
     width: s,
     color: i,
     ref: l,
@@ -9043,7 +9043,7 @@ const NN = /* @__PURE__ */ L((e, {
   props: E()("class", "size", "color", "theme")
 }), SN = /* @__PURE__ */ L((e) => {
   const t = M(), n = W(), a = $(() => e.class);
-  return () => f(xy, S(e, t, {
+  return () => f(Py, S(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -9051,7 +9051,7 @@ const NN = /* @__PURE__ */ L((e, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
   props: E()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), PN = /* @__PURE__ */ L((e) => {
+}), xN = /* @__PURE__ */ L((e) => {
   const t = M(), n = W(), a = $(() => e.class);
   return () => f(Jr, S(e, t, {
     className: a.value,
@@ -9127,7 +9127,7 @@ const NN = /* @__PURE__ */ L((e, {
     className: ke("label"),
     theme: d,
     children: i
-  }), a && Pe({
+  }), a && xe({
     id: `${v}-helper`,
     className: ke("helper"),
     theme: d,
@@ -9135,7 +9135,7 @@ const NN = /* @__PURE__ */ L((e, {
   })])]);
 }, _y = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, xN = /* @__PURE__ */ L((e, {
+}, PN = /* @__PURE__ */ L((e, {
   emit: t,
   slots: n
 }) => {
@@ -9327,11 +9327,11 @@ const NN = /* @__PURE__ */ L((e, {
     titleProps: b,
     Thumbnail: y,
     ImageCaption: A,
-    ...x
+    ...P
   } = e;
   return f("figure", S({
     ref: h
-  }, x, {
+  }, P, {
     className: I(s, My({
       [`caption-position-${r}`]: !!r,
       [`align-${n}`]: !!n,
@@ -9442,7 +9442,7 @@ const By = (e) => {
     return f(By, S(o, {
       align: r,
       theme: a || t.value,
-      FlexBox: Po,
+      FlexBox: xo,
       Text: ve,
       wrapperProps: {
         verticalAlign: r,
@@ -9766,17 +9766,17 @@ const nA = `${Lu}__link`, {
     tabId: b,
     Icon: y,
     Text: A,
-    ref: x,
+    ref: P,
     ...C
-  } = e, w = () => {
+  } = e, N = () => {
     r || p?.();
-  }, N = (T) => {
-    c?.(T), g && w();
+  }, w = (T) => {
+    c?.(T), g && N();
   }, k = (T) => {
-    u?.(T), !(T.key !== "Enter" || r) && w();
+    u?.(T), !(T.key !== "Enter" || r) && N();
   };
   return f("button", S({
-    ref: x
+    ref: P
   }, C, {
     type: "button",
     id: b,
@@ -9784,11 +9784,11 @@ const nA = `${Lu}__link`, {
       "is-active": i,
       "is-disabled": r
     })),
-    onClick: w
+    onClick: N
   }, {
     [h]: k
   }, {
-    onFocus: N,
+    onFocus: w,
     role: "tab"
   }, {
     [m]: i ? 0 : d
@@ -10048,7 +10048,7 @@ function mA() {
   return Vr = t, Vr;
 }
 var pA = mA();
-const vA = /* @__PURE__ */ xe(pA);
+const vA = /* @__PURE__ */ Pe(pA);
 function bA(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
@@ -10086,21 +10086,21 @@ const gA = "lumx-user-block", {
     size: b = Rl.size,
     theme: y,
     children: A,
-    additionalFields: x,
+    additionalFields: P,
     after: C,
-    Text: w,
-    Avatar: N,
+    Text: N,
+    Avatar: w,
     ...k
   } = e;
   let T = b;
   v === Qe.vertical && (T = H.l);
-  const _ = v === Qe.vertical, P = eo({
+  const _ = v === Qe.vertical, x = eo({
     handleClick: m,
     linkAs: o,
     linkProps: r
   }), R = T !== H.s && T !== H.xs, D = a && R && f("div", {
     className: Te("fields")
-  }, [a.map((j, V) => f(w, {
+  }, [a.map((j, V) => f(N, {
     as: "span",
     key: V,
     className: Te("field")
@@ -10121,9 +10121,9 @@ const gA = "lumx-user-block", {
       [`orientation-${v}`]: !!v,
       [`size-${T}`]: !!T,
       [`theme-${y}`]: !!y,
-      "is-clickable": P
+      "is-clickable": x
     }))
-  }), [t && f(N, S({
+  }), [t && f(w, S({
     linkAs: o,
     linkProps: r,
     alt: ""
@@ -10132,9 +10132,9 @@ const gA = "lumx-user-block", {
     size: T,
     onClick: m,
     theme: y
-  }), null), (a || u || A || x) && f("div", {
+  }), null), (a || u || A || P) && f("div", {
     className: Te("wrapper")
-  }, [A, D, R ? x : null]), _ && g && f("div", {
+  }, [A, D, R ? P : null]), _ && g && f("div", {
     className: Te("action")
   }, [g]), _ && i && f("div", {
     className: Te("actions")
@@ -10173,7 +10173,7 @@ const wA = {
       ...e.nameProps,
       class: ce.join(Te("name"), e.linkProps?.class, e.nameProps?.class)
     };
-    return v && (g = xu, Object.assign(b, {
+    return v && (g = Pu, Object.assign(b, {
       ...e.linkProps,
       color: Fu.dark
     })), f(g, S(b, {
@@ -10221,9 +10221,9 @@ const wA = {
       Avatar: (y) => {
         const {
           badge: A,
-          ...x
+          ...P
         } = y;
-        return f(yh, x, {
+        return f(yh, P, {
           badge: A ? () => A : void 0
         });
       },
@@ -10302,7 +10302,7 @@ function Ru(e, t) {
     });
   });
 }
-const PA = "SelectTextField", xA = "lumx-select-text-field", Oo = (e, {
+const xA = "SelectTextField", PA = "lumx-select-text-field", Oo = (e, {
   Combobox: t,
   InfiniteScroll: n
 }) => {
@@ -10324,22 +10324,22 @@ const PA = "SelectTextField", xA = "lumx-select-text-field", Oo = (e, {
     loadingMessage: b,
     emptyMessage: y,
     nbOptionMessage: A,
-    errorMessage: x,
+    errorMessage: P,
     errorTryReloadMessage: C,
-    onOpen: w,
-    chips: N,
+    onOpen: N,
+    chips: w,
     beforeOptions: k,
     afterOptions: T,
     onLoadMore: _,
-    infiniteScrollOptions: P
+    infiniteScrollOptions: x
   } = e, R = g === "loading", D = g === "loadingMore", q = g === "error";
   return f(t.Provider, {
-    onOpen: w
+    onOpen: N
   }, {
     default: () => [f(t.Input, S({
       label: d
     }, h, {
-      chips: N
+      chips: w
     }), null), f(t.Popover, S({
       fitToAnchorWidth: "minWidth",
       fitWithinViewportHeight: !0,
@@ -10366,7 +10366,7 @@ const PA = "SelectTextField", xA = "lumx-select-text-field", Oo = (e, {
           callback: () => {
             g && g !== "idle" || _();
           },
-          options: P
+          options: x
         }, null), D && f(t.OptionSkeleton, {
           count: 1
         }, null)]
@@ -10374,14 +10374,14 @@ const PA = "SelectTextField", xA = "lumx-select-text-field", Oo = (e, {
         loadingMessage: b,
         emptyMessage: y,
         nbOptionMessage: A,
-        errorMessage: q ? x : void 0,
+        errorMessage: q ? P : void 0,
         errorTryReloadMessage: q ? C : void 0
       }, null)]
     })]
   });
 };
-Oo.displayName = PA;
-Oo.className = xA;
+Oo.displayName = xA;
+Oo.className = PA;
 function CA(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
@@ -10426,13 +10426,13 @@ const OA = {
     C !== void 0 && (c.value = C, l.value = !!C);
   });
   const m = O(() => e.selectionType === "multiple" || l.value ? c.value : SA(e.value, e.getOptionName, e.getOptionId)), h = (C) => {
-    const w = C.value, N = w && e.options?.find((k) => Io(e.getOptionId, k) === w);
+    const N = C.value, w = N && e.options?.find((k) => Io(e.getOptionId, k) === N);
     if (e.selectionType === "single")
-      t("change", N);
+      t("change", w);
     else {
-      const k = e.value || [], T = k.findIndex((_) => Io(e.getOptionId, _) === w);
+      const k = e.value || [], T = k.findIndex((_) => Io(e.getOptionId, _) === N);
       if (T === -1)
-        N && t("change", [...k, N]);
+        w && t("change", [...k, w]);
       else {
         const _ = [...k];
         _.splice(T, 1), t("change", _);
@@ -10448,17 +10448,17 @@ const OA = {
   }, b = O(() => {
     const C = n.option;
     if (C)
-      return (w, {
-        index: N,
+      return (N, {
+        index: w,
         value: k,
         isSelected: T,
         description: _
       }) => {
-        const P = C({
-          option: w,
-          index: N
-        }), R = P?.find(Nu(Wt));
-        if (!R) return P;
+        const x = C({
+          option: N,
+          index: w
+        }), R = x?.find(Nu(Wt));
+        if (!R) return x;
         const D = R.props || {}, q = Object.fromEntries(Object.entries(D).filter(([, Y]) => Y !== void 0)), {
           before: j,
           after: V,
@@ -10478,13 +10478,13 @@ const OA = {
   }), y = O(() => {
     const C = n.sectionTitle;
     if (C)
-      return (w, N) => C({
-        sectionId: w,
-        options: N
+      return (N, w) => C({
+        sectionId: N,
+        options: w
       });
-  }), A = ae("onLoadMore") || ae("onLoad-more"), x = () => t("load-more");
+  }), A = ae("onLoadMore") || ae("onLoad-more"), P = () => t("load-more");
   return () => {
-    const C = !r.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, w = e.selectionType === "multiple" ? f(cg, {
+    const C = !r.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, N = e.selectionType === "multiple" ? f(cg, {
       value: e.value,
       theme: e.theme,
       getOptionId: e.getOptionId,
@@ -10496,7 +10496,7 @@ const OA = {
       chipRemoveLabel: e.translations.chipRemoveLabel
     }, {
       chip: n.chip || void 0
-    }) : void 0, N = e.listStatus ?? "idle", k = e.beforeOptions ?? n.beforeOptions?.();
+    }) : void 0, w = e.listStatus ?? "idle", k = e.beforeOptions ?? n.beforeOptions?.();
     return Oo({
       options: e.options,
       getOptionId: e.getOptionId,
@@ -10508,7 +10508,7 @@ const OA = {
       selected: e.value,
       label: e.label,
       isMultiselectable: r.value,
-      listStatus: N,
+      listStatus: w,
       onOpen: (T) => t("open", T),
       loadingMessage: e.translations.loadingMessage,
       emptyMessage: e.translations.emptyMessage,
@@ -10554,9 +10554,9 @@ const OA = {
       listProps: {
         ref: u
       },
-      chips: w,
+      chips: N,
       beforeOptions: k,
-      onLoadMore: A ? x : void 0,
+      onLoadMore: A ? P : void 0,
       infiniteScrollOptions: {
         root: u.value?.$el ?? null,
         rootMargin: "100px"
@@ -10577,7 +10577,7 @@ export {
   yh as Avatar,
   aN as Badge,
   rN as BadgeWrapper,
-  Pc as Button,
+  xc as Button,
   QA as ButtonGroup,
   oN as Checkbox,
   dl as Chip,
@@ -10588,7 +10588,7 @@ export {
   lN as DragHandle,
   cN as ExpansionPanel,
   uN as Flag,
-  Po as FlexBox,
+  xo as FlexBox,
   Kv as GenericBlock,
   nN as GenericBlockGapSize,
   dN as GridColumn,
@@ -10602,7 +10602,7 @@ export {
   hN as InputHelper,
   mN as InputLabel,
   sN as Lightbox,
-  xu as Link,
+  Pu as Link,
   pN as LinkPreview,
   eN as List,
   du as ListDivider,
@@ -10630,8 +10630,8 @@ export {
   wN as SkeletonCircle,
   SN as SkeletonRectangle,
   Ay as SkeletonRectangleVariant,
-  PN as SkeletonTypography,
-  xN as Switch,
+  xN as SkeletonTypography,
+  PN as Switch,
   XA as TOOLBAR_NAME,
   $N as Tab,
   RN as TabList,