@lumx/vue 4.11.0-next.8 → 4.11.0-next.9

package/index.js

@@ -1,7 +1,7 @@
 import { ColorVariant as wu, Size as Xe, VISUALLY_HIDDEN as xu, DIALOG_TRANSITION_DURATION as Cu, AspectRatio as Pl, IS_BROWSER as No, ColorPalette as Pu } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as f, mergeProps as w, Fragment as ee, isVNode as X, useAttrs as M, computed as k, toValue as Te, getCurrentScope as Sl, onScopeDispose as kl, toRef as oe, readonly as Su, customRef as ku, ref as F, shallowRef as Oe, watch as K, getCurrentInstance as _l, onMounted as Ht, inject as Fe, defineComponent as E, toRefs as _u, reactive as Tl, provide as qe, watchEffect as ze, isRef as De, onUnmounted as tt, watchPostEffect as Tu, onBeforeUnmount as Vt, Comment as Ol, unref as pt, useSlots as nt, useTemplateRef as Ou, toRaw as je, Text as Il, nextTick as Iu, shallowReadonly as Ge, h as wo, cloneVNode as Eu, createTextVNode as Lu, withDirectives as $u, resolveDirective as Ru } from "vue";
+import { createVNode as f, mergeProps as w, Fragment as ee, isVNode as X, useAttrs as M, computed as k, toValue as Oe, getCurrentScope as Sl, onScopeDispose as kl, toRef as oe, readonly as Su, customRef as ku, ref as F, shallowRef as Te, watch as K, getCurrentInstance as _l, onMounted as Ht, inject as Fe, defineComponent as E, toRefs as _u, reactive as Ol, provide as qe, watchEffect as ze, isRef as De, onUnmounted as tt, watchPostEffect as Ou, onBeforeUnmount as Vt, Comment as Tl, unref as pt, useSlots as nt, useTemplateRef as Tu, toRaw as je, Text as Il, nextTick as Iu, shallowReadonly as Ge, h as wo, cloneVNode as Eu, createTextVNode as Lu, withDirectives as $u, resolveDirective as Ru } from "vue";
 import { classNames as le } from "@lumx/core/js/utils";
 import { k as L, u as V, T as El, P as Jr, C as Ll } from "./_internal/BiLpoFMC.js";
 import { getDisabledState as Mu } from "@lumx/core/js/utils/disabledState";
@@ -228,7 +228,7 @@ const nd = {
   }
 }, ad = "AlertDialog", rd = "lumx-alert-dialog", {
   block: od
-} = B(rd), To = {
+} = B(rd), Oo = {
   size: H.tiny,
   kind: Q.info
 }, sd = (e) => {
@@ -239,8 +239,8 @@ const nd = {
     cancelProps: r,
     confirmProps: o,
     ref: s,
-    kind: i = To.kind,
-    size: l = To.size,
+    kind: i = Oo.kind,
+    size: l = Oo.size,
     dialogProps: c,
     children: u,
     DescriptionElement: d,
@@ -257,8 +257,8 @@ const nd = {
     icon: S
   } = nd[i] || {}, x = `${t}-title`, N = `${t}-description`, {
     label: _,
-    onClick: T,
-    ...O
+    onClick: O,
+    ...T
   } = o, {
     label: C,
     onClick: R,
@@ -303,25 +303,25 @@ const nd = {
         onClick: R
       }), Nn(C) ? C : {
         default: () => [C]
-      }), f(b, w(O, {
+      }), f(b, w(T, {
         ref: h,
         color: P,
         className: "lumx-spacing-margin-left-regular",
-        onClick: T
+        onClick: O
       }), Nn(_) ? _ : {
         default: () => [_]
       })])
     }, null)])]
   });
 };
-let Oo = 0;
+let To = 0;
 function ae() {
-  return Oo += 1, `:lumx${Oo}:`;
+  return To += 1, `:lumx${To}:`;
 }
 function Hl(e, t, n) {
   const a = M();
   return k(() => {
-    const r = Te(e), o = a[t];
+    const r = Oe(e), o = a[t];
     return n ? n(r, o) : r ?? o;
   });
 }
@@ -349,12 +349,12 @@ function Wl(e) {
 const no = id ? window : void 0;
 function Ye(e) {
   var t;
-  const n = Te(e);
+  const n = Oe(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 // @__NO_SIDE_EFFECTS__
 function cd() {
-  const e = Oe(!1), t = _l();
+  const e = Te(!1), t = _l();
   return t && Ht(() => {
     e.value = !0;
   }, t), e;
@@ -370,7 +370,7 @@ function ud(e, t, n = {}) {
   const s = /* @__PURE__ */ ao(() => a && "MutationObserver" in a), i = () => {
     o && (o.disconnect(), o = void 0);
   }, l = K(k(() => {
-    const d = Wl(Te(e)).map(Ye).filter(Vl);
+    const d = Wl(Oe(e)).map(Ye).filter(Vl);
     return new Set(d);
   }), (d) => {
     i(), s.value && d.size && (o = new MutationObserver(t), d.forEach((m) => o.observe(m, r)));
@@ -392,7 +392,7 @@ function dd(e, t, n = {}) {
   const s = /* @__PURE__ */ ao(() => a && "ResizeObserver" in a), i = () => {
     o && (o.disconnect(), o = void 0);
   }, l = K(k(() => {
-    const u = Te(e);
+    const u = Oe(e);
     return Array.isArray(u) ? u.map((d) => Ye(d)) : [Ye(u)];
   }), (u) => {
     if (i(), s.value && a) {
@@ -411,9 +411,9 @@ function dd(e, t, n = {}) {
   };
 }
 function Io(e, t, n = {}) {
-  const { root: a, rootMargin: r = "0px", threshold: o = 0, window: s = no, immediate: i = !0 } = n, l = /* @__PURE__ */ ao(() => s && "IntersectionObserver" in s), c = k(() => Wl(Te(e)).map(Ye).filter(Vl));
+  const { root: a, rootMargin: r = "0px", threshold: o = 0, window: s = no, immediate: i = !0 } = n, l = /* @__PURE__ */ ao(() => s && "IntersectionObserver" in s), c = k(() => Wl(Oe(e)).map(Ye).filter(Vl));
   let u = $t;
-  const d = Oe(i), m = l.value ? K(() => [
+  const d = Te(i), m = l.value ? K(() => [
     c.value,
     Ye(a),
     d.value
@@ -450,10 +450,10 @@ function wn(e) {
 }
 const xn = /* @__PURE__ */ new WeakMap();
 function fd(e, t = !1) {
-  const n = Oe(t);
+  const n = Te(t);
   let a = "";
   K(ld(e), (s) => {
-    const i = wn(Te(s));
+    const i = wn(Oe(s));
     if (i) {
       const l = i;
       if (xn.get(l) || xn.set(l, l.style.overflow), l.style.overflow !== "hidden" && (a = l.style.overflow), l.style.overflow === "hidden") return n.value = !0;
@@ -461,10 +461,10 @@ function fd(e, t = !1) {
     }
   }, { immediate: !0 });
   const r = () => {
-    const s = wn(Te(e));
+    const s = wn(Oe(e));
     !s || n.value || (s.style.overflow = "hidden", n.value = !0);
   }, o = () => {
-    const s = wn(Te(e));
+    const s = wn(Oe(e));
     !s || !n.value || (s.style.overflow = a, xn.delete(s), n.value = !1);
   };
   return Gt(o), k({
@@ -507,8 +507,8 @@ const hd = "lumx-dialog", {
     rootRef: x,
     wrapperRef: N,
     hasTopIntersection: _,
-    headerChildProps: T,
-    setSentinelTop: O,
+    headerChildProps: O,
+    setSentinelTop: T,
     content: C,
     setSentinelBottom: R,
     footerChildContent: D,
@@ -550,10 +550,10 @@ const hd = "lumx-dialog", {
           default: () => [f("section", {
             className: Ae("wrapper"),
             ref: N
-          }, [(a || p) && f("header", w(T, {
+          }, [(a || p) && f("header", w(O, {
             className: I(Ae("header", {
               "has-divider": !!(o || _)
-            }), T?.className)
+            }), O?.className)
           }), [a, p]), f("div", {
             ref: u,
             className: Ae("content")
@@ -561,7 +561,7 @@ const hd = "lumx-dialog", {
             className: Ae("sentinel", {
               top: !0
             }),
-            ref: O
+            ref: T
           }, null), C, f("div", {
             className: Ae("sentinel", {
               bottom: !0
@@ -593,7 +593,7 @@ const hd = "lumx-dialog", {
 }) => {
   const {
     level: n
-  } = _u(e), a = Kl(), r = k(() => gd(n?.value, a.level)), o = k(() => `h${r.value}`), s = Tl({
+  } = _u(e), a = Kl(), r = k(() => gd(n?.value, a.level)), o = k(() => `h${r.value}`), s = Ol({
     level: r,
     headingElement: o
   });
@@ -726,19 +726,19 @@ function Sd() {
   }
   return _n = e, _n;
 }
-var Tn, qo;
+var On, qo;
 function Jl() {
-  if (qo) return Tn;
+  if (qo) return On;
   qo = 1;
   var e = typeof kt == "object" && kt && kt.Object === Object && kt;
-  return Tn = e, Tn;
+  return On = e, On;
 }
-var On, zo;
+var Tn, zo;
 function Le() {
-  if (zo) return On;
+  if (zo) return Tn;
   zo = 1;
   var e = Jl(), t = typeof self == "object" && self && self.Object === Object && self, n = e || t || Function("return this")();
-  return On = n, On;
+  return Tn = n, Tn;
 }
 var In, jo;
 function Kt() {
@@ -808,17 +808,17 @@ function Ql() {
   return Mn = s, Mn;
 }
 var Dn, Ko;
-function Td() {
+function Od() {
   if (Ko) return Dn;
   Ko = 1;
   var e = Le(), t = e["__core-js_shared__"];
   return Dn = t, Dn;
 }
 var Bn, Xo;
-function Od() {
+function Td() {
   if (Xo) return Bn;
   Xo = 1;
-  var e = Td(), t = (function() {
+  var e = Od(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return a ? "Symbol(src)_1." + a : "";
   })();
@@ -851,7 +851,7 @@ var qn, Zo;
 function Id() {
   if (Zo) return qn;
   Zo = 1;
-  var e = Ql(), t = Od(), n = Xt(), a = ec(), r = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, c = i.hasOwnProperty, u = RegExp(
+  var e = Ql(), t = Td(), n = Xt(), a = ec(), r = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, c = i.hasOwnProperty, u = RegExp(
     "^" + l.call(c).replace(r, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function d(m) {
@@ -1106,7 +1106,7 @@ function jr(e) {
 const sa = oc();
 function sc(e, t) {
   let n;
-  Tu((a) => {
+  Ou((a) => {
     const r = De(e) ? e.value : e, o = De(t) ? t.value : t;
     if (!r) return;
     const s = r.shadowRoot || r, i = (c) => {
@@ -1223,7 +1223,7 @@ const Qd = {
   };
   return () => {
     if (!g.value) return null;
-    const x = n.default?.() ?? [], N = x.find((C) => C.type === "header"), _ = x.find((C) => C.type === "footer"), O = !!(N || _) ? x.filter((C) => C.type !== "header" && C.type !== "footer" && C.type !== Ol) : x;
+    const x = n.default?.() ?? [], N = x.find((C) => C.type === "header"), _ = x.find((C) => C.type === "footer"), T = !!(N || _) ? x.filter((C) => C.type !== "header" && C.type !== "footer" && C.type !== Tl) : x;
     return pd({
       ...a,
       ClickAwayProvider: Ll,
@@ -1233,7 +1233,7 @@ const Qd = {
       ProgressCircular: wd,
       className: r.value,
       clickAwayRefs: y,
-      content: O.length ? O : void 0,
+      content: T.length ? T : void 0,
       contentRef: S,
       dialogProps: e.dialogProps,
       footer: void 0,
@@ -1398,17 +1398,17 @@ function oo() {
   };
   return ya = o, ya;
 }
-var Aa, Ts;
+var Aa, Os;
 function Ve() {
-  if (Ts) return Aa;
-  Ts = 1;
+  if (Os) return Aa;
+  Os = 1;
   var e = Array.isArray;
   return Aa = e, Aa;
 }
-var Na, Os;
+var Na, Ts;
 function so() {
-  if (Os) return Na;
-  Os = 1;
+  if (Ts) return Na;
+  Ts = 1;
   var e = 9007199254740991;
   function t(n) {
     return typeof n == "number" && n > -1 && n % 1 == 0 && n <= e;
@@ -1446,8 +1446,8 @@ var Ca, $s;
 function mf() {
   if ($s) return Ca;
   $s = 1;
-  var e = At(), t = so(), n = Yt(), 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]", A = "[object ArrayBuffer]", b = "[object DataView]", g = "[object Float32Array]", y = "[object Float64Array]", P = "[object Int8Array]", S = "[object Int16Array]", x = "[object Int32Array]", N = "[object Uint8Array]", _ = "[object Uint8ClampedArray]", T = "[object Uint16Array]", O = "[object Uint32Array]", C = {};
-  C[g] = C[y] = C[P] = C[S] = C[x] = C[N] = C[_] = C[T] = C[O] = !0, C[a] = C[r] = C[A] = C[o] = C[b] = C[s] = C[i] = C[l] = C[c] = C[u] = C[d] = C[m] = C[h] = C[p] = C[v] = !1;
+  var e = At(), t = so(), n = Yt(), 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]", A = "[object ArrayBuffer]", b = "[object DataView]", g = "[object Float32Array]", y = "[object Float64Array]", P = "[object Int8Array]", S = "[object Int16Array]", x = "[object Int32Array]", N = "[object Uint8Array]", _ = "[object Uint8ClampedArray]", O = "[object Uint16Array]", T = "[object Uint32Array]", C = {};
+  C[g] = C[y] = C[P] = C[S] = C[x] = C[N] = C[_] = C[O] = C[T] = !0, C[a] = C[r] = C[A] = C[o] = C[b] = C[s] = C[i] = C[l] = C[c] = C[u] = C[d] = C[m] = C[h] = C[p] = C[v] = !1;
   function R(D) {
     return n(D) && t(D.length) && !!C[e(D)];
   }
@@ -1636,11 +1636,11 @@ Zt.displayName = Sf;
 Zt.className = uc;
 Zt.defaultProps = Hr;
 const _f = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function Tf() {
+function Of() {
   return Fe(_f, { state: null });
 }
 function J(e) {
-  const t = Tf(), n = k(() => {
+  const t = Of(), n = k(() => {
     const o = typeof e == "function" ? e() : pt(e);
     return Mu(t, {
       disabled: o.disabled,
@@ -1660,7 +1660,7 @@ const Bs = E({
   setup(e, { slots: t }) {
     return qe("theme", void 0), () => t.default?.();
   }
-}), Of = "Icon", If = "lumx-icon", dc = If, {
+}), Tf = "Icon", If = "lumx-icon", dc = If, {
   block: Ef
 } = B(dc), Lf = {}, Z = (e) => {
   const {
@@ -1711,7 +1711,7 @@ const Bs = E({
     fill: "currentColor"
   }, null)])]);
 };
-Z.displayName = Of;
+Z.displayName = Tf;
 Z.className = dc;
 Z.defaultProps = Lf;
 const Qe = /* @__PURE__ */ E((e) => {
@@ -1817,7 +1817,7 @@ function qf(e) {
 const pe = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
-  const n = M(), a = mc(), r = Ou("tooltip-label"), {
+  const n = M(), a = mc(), r = Tu("tooltip-label"), {
     tooltipLabel: o
   } = Ff(r), s = $(() => e.class), i = k(() => fc({
     ...e,
@@ -1942,7 +1942,7 @@ const pe = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
-  const a = M(), r = $(() => e.class), o = ae(), s = k(() => e.id || o), i = Oe(void 0), l = Oe(void 0);
+  const a = M(), r = $(() => e.class), o = ae(), s = k(() => e.id || o), i = Te(void 0), l = Te(void 0);
   return () => {
     const c = n.default?.(), d = c?.length === 1 && c[0].type === Il ? "p" : "div", m = {
       isOpen: e.isOpen,
@@ -2108,17 +2108,17 @@ const Jf = "lumx-thumbnail", {
     loadingState: x,
     variant: N,
     linkProps: _,
-    linkAs: T,
-    handleClick: O,
+    linkAs: O,
+    handleClick: T,
     handleKeyPress: C,
     ...R
   } = e, D = p || x === "isLoading", q = x === "hasError", j = q && typeof l == "string", U = q && !j, G = {};
   j ? G.visibility = "hidden" : U && (G.display = "none");
-  const z = !!(_?.href || T), Y = !g && !!(z || O || C), fe = {
+  const z = !!(_?.href || O), Y = !g && !!(z || T || C), fe = {
     ...R
   };
   Y && (Object.assign(fe, {
-    as: T || (_?.href ? "a" : "button")
+    as: O || (_?.href ? "a" : "button")
   }, y), z ? Object.assign(fe, _) : fe["aria-label"] = R["aria-label"] || n);
   const St = le.join(_?.className, o, Qf({
     [`align-${t}`]: !!t,
@@ -2171,7 +2171,7 @@ const Jf = "lumx-thumbnail", {
     ...fe,
     className: St,
     children: Ao,
-    handleClick: O,
+    handleClick: T,
     handleKeyPress: C
   }) : f("div", w({
     ref: i
@@ -2301,10 +2301,10 @@ const ah = {
   inheritAttrs: !1,
   props: L()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
   emits: ah
-}), TA = {
+}), OA = {
   squared: "squared",
   rounded: "rounded"
-}, OA = {
+}, TA = {
   cover: "cover",
   contain: "contain"
 }, rh = /* @__PURE__ */ E((e, {
@@ -2469,19 +2469,19 @@ function Ac(e, t, n) {
     const N = u();
     N.currentNode = P;
     const _ = S ? () => N.nextNode() : () => N.previousNode();
-    let T = 0, O = null;
+    let O = 0, T = null;
     for (let C = 0; C < x; C++) {
       const R = _();
       if (R)
-        O = R, T += 1;
+        T = R, O += 1;
       else if (s) {
         const D = S ? d() : m();
         if (!D || D === P) break;
-        O = D, T += 1, N.currentNode = D;
+        T = D, O += 1, N.currentNode = D;
       } else
         break;
     }
-    return T === 0 ? !1 : (lt(l, t, O), !0);
+    return O === 0 ? !1 : (lt(l, t, T), !0);
   }
   const A = () => v(1), b = () => v(-1);
   function g() {
@@ -2572,19 +2572,19 @@ function ch(e, t, n) {
   function h(x) {
     const N = m();
     if (x === "all") {
-      const O = [];
+      const T = [];
       let C = N.nextNode();
       for (; C; )
-        d(C) && O.push(C), C = N.nextNode();
-      return O;
+        d(C) && T.push(C), C = N.nextNode();
+      return T;
     }
-    let _ = null, T = N.nextNode();
-    for (; T; ) {
-      if (d(T)) {
-        if (x === "first") return T;
-        _ = T;
+    let _ = null, O = N.nextNode();
+    for (; O; ) {
+      if (d(O)) {
+        if (x === "first") return O;
+        _ = O;
       }
-      T = N.nextNode();
+      O = N.nextNode();
     }
     return _;
   }
@@ -2598,19 +2598,19 @@ function ch(e, t, n) {
   function A(x, N) {
     const _ = m();
     _.currentNode = x;
-    const T = N === "next" ? () => _.nextNode() : () => _.previousNode();
-    let O = T();
-    for (; O; ) {
-      if (d(O)) return O;
-      O = T();
+    const O = N === "next" ? () => _.nextNode() : () => _.previousNode();
+    let T = O();
+    for (; T; ) {
+      if (d(T)) return T;
+      T = O();
     }
     return null;
   }
   function b(x, N) {
     const _ = p(x);
     if (_.length === 0) return !1;
-    const T = Math.min(N, _.length - 1);
-    return l.setActive(_[T]), !0;
+    const O = Math.min(N, _.length - 1);
+    return l.setActive(_[O]), !0;
   }
   function g() {
     const x = h("first");
@@ -2624,11 +2624,11 @@ function ch(e, t, n) {
     if (!l.active) return !1;
     const N = v(l.active);
     if (!N) return !1;
-    const _ = p(N), T = _.indexOf(l.active);
-    if (T === -1) return !1;
-    const O = T + x;
-    if (O >= 0 && O < _.length)
-      return c = O, l.setActive(_[O]), !0;
+    const _ = p(N), O = _.indexOf(l.active);
+    if (O === -1) return !1;
+    const T = O + x;
+    if (T >= 0 && T < _.length)
+      return c = T, l.setActive(_[T]), !0;
     if (!i) return !1;
     const C = x > 0 ? "next" : "prev", D = A(N, C) ?? (x > 0 ? h("first") : h("last"));
     if (!D) return !1;
@@ -2645,8 +2645,8 @@ function ch(e, t, n) {
     const _ = A(N, x);
     if (_) return b(_, c);
     if (i) {
-      const T = h(x === "next" ? "first" : "last");
-      if (T) return b(T, c);
+      const O = h(x === "next" ? "first" : "last");
+      if (O) return b(O, c);
     }
     return !1;
   }
@@ -2673,20 +2673,20 @@ function ch(e, t, n) {
       }
       const _ = v(l.active);
       if (!_) return !1;
-      const T = N.indexOf(_);
-      if (T === -1) return !1;
-      const O = Math.max(0, Math.min(T + x, N.length - 1));
-      return O === T ? !1 : b(N[O], c);
+      const O = N.indexOf(_);
+      if (O === -1) return !1;
+      const T = Math.max(0, Math.min(O + x, N.length - 1));
+      return T === O ? !1 : b(N[T], c);
     },
     goToItemMatching(x) {
       const N = m();
       let _ = N.nextNode();
       for (; _; ) {
         if (d(_)) {
-          const T = p(_);
-          for (let O = 0; O < T.length; O++)
-            if (x(T[O]))
-              return c = O, l.setActive(T[O]), !0;
+          const O = p(_);
+          for (let T = 0; T < O.length; T++)
+            if (x(O[T]))
+              return c = T, l.setActive(O[T]), !0;
         }
         _ = N.nextNode();
       }
@@ -2695,8 +2695,8 @@ function ch(e, t, n) {
     goToItem(x) {
       const N = v(x);
       if (!N || !u(N)) return !1;
-      const T = p(N).indexOf(x);
-      return T === -1 ? !1 : (c = T, l.setActive(x), !0);
+      const O = p(N).indexOf(x);
+      return O === -1 ? !1 : (c = O, l.setActive(x), !0);
     },
     clear() {
       l.clear();
@@ -2807,16 +2807,16 @@ function dh(e, t) {
     for (const N of b) {
       if (N.type === "childList") {
         if (!g)
-          for (const T of N.removedNodes) {
-            const { value: O } = Vs(T, l).next();
-            if (O) {
-              g = O, y = N.nextSibling ?? N.previousSibling ?? null;
+          for (const O of N.removedNodes) {
+            const { value: T } = Vs(O, l).next();
+            if (T) {
+              g = T, y = N.nextSibling ?? N.previousSibling ?? null;
               break;
             }
           }
-        for (const T of N.addedNodes)
-          for (const O of Vs(T, a))
-            x.push(O);
+        for (const O of N.addedNodes)
+          for (const T of Vs(O, a))
+            x.push(T);
       }
       const _ = N.target;
       N.type === "attributes" && _.matches(a) && (N.attributeName === s && _.getAttribute(s) === "true" ? P = _ : o && _.matches(o) && S.push(_));
@@ -2831,10 +2831,10 @@ function dh(e, t) {
     }
     if (S.length > 0) {
       const N = d.activeItem;
-      for (const O of S)
-        m(O, "-1");
-      const T = !!(N && S.includes(N) && u.hasFocus);
-      v(T);
+      for (const T of S)
+        m(T, "-1");
+      const O = !!(N && S.includes(N) && u.hasFocus);
+      v(O);
     }
     if (P) {
       const N = n.querySelector(l);
@@ -2980,7 +2980,7 @@ function Nc(e, t, n) {
   function _() {
     d?.abort(), d = null, s = null;
   }
-  function T(C, R, D) {
+  function O(C, R, D) {
     function q(j) {
       if (j.ctrlKey || j.shiftKey) return;
       if (D?.(j)) {
@@ -3017,12 +3017,12 @@ function Nc(e, t, n) {
     }
     C.addEventListener("keydown", (j) => q(j), { signal: R });
   }
-  function O() {
+  function T() {
     if (!r) return;
     const C = !d;
     if (d || (d = new AbortController()), r.getAttribute("aria-activedescendant") || r.setAttribute("aria-activedescendant", ""), r.setAttribute("aria-expanded", String(i)), C) {
       const R = n?.(N, d.signal) || void 0;
-      T(r, d.signal, R), r.addEventListener(
+      O(r, d.signal, R), r.addEventListener(
         "focusout",
         () => {
           N.setIsOpen(!1);
@@ -3087,7 +3087,7 @@ function Nc(e, t, n) {
       };
     },
     registerTrigger(C) {
-      return r && r !== C && _(), r = C, O(), () => {
+      return r && r !== C && _(), r = C, T(), () => {
         r === C && (_(), r = null);
       };
     },
@@ -3095,7 +3095,7 @@ function Nc(e, t, n) {
       if (o === C) return () => {
       };
       const R = !!o;
-      return o = C, r && d && (R ? (_(), O()) : s = Ws(N, d.signal, v)), () => {
+      return o = C, r && d && (R ? (_(), T()) : s = Ws(N, d.signal, v)), () => {
         o === C && (o = null, s = null);
       };
     },
@@ -3417,7 +3417,7 @@ async function _h(e, t) {
     right: (S.right - b.right + p.right) / P.x
   };
 }
-const Th = async (e, t, n) => {
+const Oh = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: r = "absolute",
@@ -3481,7 +3481,7 @@ const Th = async (e, t, n) => {
     strategy: r,
     middlewareData: h
   };
-}, Oh = (e) => ({
+}, Th = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -3505,7 +3505,7 @@ const Th = async (e, t, n) => {
     }, h = lo(r), p = io(h), v = await s.getDimensions(c), A = h === "y", b = A ? "top" : "left", g = A ? "bottom" : "right", y = A ? "clientHeight" : "clientWidth", P = o.reference[p] + o.reference[h] - m[h] - o.floating[p], S = m[h] - o.reference[h], x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let N = x ? x[y] : 0;
     (!N || !await (s.isElement == null ? void 0 : s.isElement(x))) && (N = i.floating[y] || o.floating[p]);
-    const _ = P / 2 - S / 2, T = N / 2 - v[p] / 2 - 1, O = Ie(d[b], T), C = Ie(d[g], T), R = O, D = N - v[p] - C, q = N / 2 - v[p] / 2 + _, j = Gr(R, q, D), U = !l.arrow && ie(r) != null && q !== j && o.reference[p] / 2 - (q < R ? O : C) - v[p] / 2 < 0, G = U ? q < R ? q - R : q - D : 0;
+    const _ = P / 2 - S / 2, O = N / 2 - v[p] / 2 - 1, T = Ie(d[b], O), C = Ie(d[g], O), R = T, D = N - v[p] - C, q = N / 2 - v[p] / 2 + _, j = Gr(R, q, D), U = !l.arrow && ie(r) != null && q !== j && o.reference[p] / 2 - (q < R ? T : C) - v[p] / 2 < 0, G = U ? q < R ? q - R : q - D : 0;
     return {
       [h]: m[h] + G,
       data: {
@@ -3564,28 +3564,28 @@ const Eh = function(e) {
             placement: x
           }
         };
-      const N = S.map((O) => {
-        const C = ie(O.placement);
-        return [O.placement, C && u ? (
+      const N = S.map((T) => {
+        const C = ie(T.placement);
+        return [T.placement, C && u ? (
           // Check along the mainAxis and main crossAxis side.
-          O.overflows.slice(0, 2).reduce((R, D) => R + D, 0)
+          T.overflows.slice(0, 2).reduce((R, D) => R + D, 0)
         ) : (
           // Check only the mainAxis.
-          O.overflows[0]
-        ), O.overflows];
-      }).sort((O, C) => O[1] - C[1]), T = ((r = N.filter((O) => O[2].slice(
+          T.overflows[0]
+        ), T.overflows];
+      }).sort((T, C) => T[1] - C[1]), O = ((r = N.filter((T) => T[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        ie(O[0]) ? 2 : 3
+        ie(T[0]) ? 2 : 3
       ).every((C) => C <= 0))[0]) == null ? void 0 : r[0]) || N[0][0];
-      return T !== i ? {
+      return O !== i ? {
         data: {
           index: b + 1,
           overflows: S
         },
         reset: {
-          placement: T
+          placement: O
         }
       } : {};
     }
@@ -3616,36 +3616,36 @@ const Eh = function(e) {
         return {};
       const b = ve(r), g = we(i), y = ve(i) === i, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), S = m || (y || !v ? [zt(i)] : wh(i)), x = p !== "none";
       !m && x && S.push(...Sh(i, v, p, P));
-      const N = [i, ...S], _ = await l.detectOverflow(t, A), T = [];
-      let O = ((a = o.flip) == null ? void 0 : a.overflows) || [];
-      if (u && T.push(_[b]), d) {
+      const N = [i, ...S], _ = await l.detectOverflow(t, A), O = [];
+      let T = ((a = o.flip) == null ? void 0 : a.overflows) || [];
+      if (u && O.push(_[b]), d) {
         const q = xc(r, s, P);
-        T.push(_[q[0]], _[q[1]]);
+        O.push(_[q[0]], _[q[1]]);
       }
-      if (O = [...O, {
+      if (T = [...T, {
         placement: r,
-        overflows: T
-      }], !T.every((q) => q <= 0)) {
+        overflows: O
+      }], !O.every((q) => q <= 0)) {
         var C, R;
         const q = (((C = o.flip) == null ? void 0 : C.index) || 0) + 1, j = N[q];
         if (j && (!(d === "alignment" ? g !== we(j) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        O.every((z) => we(z.placement) === g ? z.overflows[0] > 0 : !0)))
+        T.every((z) => we(z.placement) === g ? z.overflows[0] > 0 : !0)))
           return {
             data: {
               index: q,
-              overflows: O
+              overflows: T
             },
             reset: {
               placement: j
             }
           };
-        let U = (R = O.filter((G) => G.overflows[0] <= 0).sort((G, z) => G.overflows[1] - z.overflows[1])[0]) == null ? void 0 : R.placement;
+        let U = (R = T.filter((G) => G.overflows[0] <= 0).sort((G, z) => G.overflows[1] - z.overflows[1])[0]) == null ? void 0 : R.placement;
         if (!U)
           switch (h) {
             case "bestFit": {
               var D;
-              const G = (D = O.filter((z) => {
+              const G = (D = T.filter((z) => {
                 if (x) {
                   const Y = we(z.placement);
                   return Y === g || // Create a bias to the `y` side axis due to horizontal
@@ -3802,16 +3802,16 @@ const Mh = function(e) {
       const g = v - u.top - u.bottom, y = p - u.left - u.right, P = Ie(v - u[A], g), S = Ie(p - u[b], y), x = !t.middlewareData.shift;
       let N = P, _ = S;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (_ = y), (a = t.middlewareData.shift) != null && a.enabled.y && (N = g), x && !m) {
-        const O = te(u.left, 0), C = te(u.right, 0), R = te(u.top, 0), D = te(u.bottom, 0);
-        h ? _ = p - 2 * (O !== 0 || C !== 0 ? O + C : te(u.left, u.right)) : N = v - 2 * (R !== 0 || D !== 0 ? R + D : te(u.top, u.bottom));
+        const T = te(u.left, 0), C = te(u.right, 0), R = te(u.top, 0), D = te(u.bottom, 0);
+        h ? _ = p - 2 * (T !== 0 || C !== 0 ? T + C : te(u.left, u.right)) : N = v - 2 * (R !== 0 || D !== 0 ? R + D : te(u.top, u.bottom));
       }
       await l({
         ...t,
         availableWidth: _,
         availableHeight: N
       });
-      const T = await s.getDimensions(i.floating);
-      return p !== T.width || v !== T.height ? {
+      const O = await s.getDimensions(i.floating);
+      return p !== O.width || v !== O.height ? {
         reset: {
           rects: !0
         }
@@ -4096,9 +4096,9 @@ function Qs(e, t, n) {
   }
   return jt(a);
 }
-function Tc(e, t) {
+function Oc(e, t) {
   const n = Ee(e);
-  return n === t || !ue(n) || et(n) ? !1 : de(n).position === "fixed" || Tc(n, t);
+  return n === t || !ue(n) || et(n) ? !1 : de(n).position === "fixed" || Oc(n, t);
 }
 function nm(e, t) {
   const n = t.get(e);
@@ -4109,7 +4109,7 @@ function nm(e, t) {
   let s = o ? Ee(e) : e;
   for (; ue(s) && !et(s); ) {
     const i = de(s), l = uo(s);
-    !l && i.position === "fixed" && (r = null), (o ? !l && !r : !l && i.position === "static" && !!r && em.has(r.position) || xt(s) && !l && Tc(e, s)) ? a = a.filter((u) => u !== s) : r = i, s = Ee(s);
+    !l && i.position === "fixed" && (r = null), (o ? !l && !r : !l && i.position === "static" && !!r && em.has(r.position) || xt(s) && !l && Oc(e, s)) ? a = a.filter((u) => u !== s) : r = i, s = Ee(s);
   }
   return t.set(e, a), a;
 }
@@ -4165,7 +4165,7 @@ function om(e, t, n) {
     height: s.height
   };
 }
-function Ta(e) {
+function Oa(e) {
   return de(e).position === "static";
 }
 function ei(e, t) {
@@ -4176,26 +4176,26 @@ function ei(e, t) {
   let n = e.offsetParent;
   return ge(e) === n && (n = n.ownerDocument.body), n;
 }
-function Oc(e, t) {
+function Tc(e, t) {
   const n = ne(e);
   if (tn(e))
     return n;
   if (!be(e)) {
     let r = Ee(e);
     for (; r && !et(r); ) {
-      if (ue(r) && !Ta(r))
+      if (ue(r) && !Oa(r))
         return r;
       r = Ee(r);
     }
     return n;
   }
   let a = ei(e, t);
-  for (; a && zh(a) && Ta(a); )
+  for (; a && zh(a) && Oa(a); )
     a = ei(a, t);
-  return a && et(a) && Ta(a) && !uo(a) ? n : a || Uh(e) || n;
+  return a && et(a) && Oa(a) && !uo(a) ? n : a || Uh(e) || n;
 }
 const sm = async function(e) {
-  const t = this.getOffsetParent || Oc, n = this.getDimensions, a = await n(e.floating);
+  const t = this.getOffsetParent || Tc, n = this.getDimensions, a = await n(e.floating);
   return {
     reference: om(e.reference, await t(e.floating), e.strategy),
     floating: {
@@ -4213,7 +4213,7 @@ const lm = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Yh,
   getDocumentElement: ge,
   getClippingRect: am,
-  getOffsetParent: Oc,
+  getOffsetParent: Tc,
   getElementRects: sm,
   getClientRects: Zh,
   getDimensions: rm,
@@ -4306,7 +4306,7 @@ function Ec(e, t, n, a) {
     }), d?.(), (b = h) == null || b.disconnect(), h = null, l && cancelAnimationFrame(p);
   };
 }
-const Lc = Mh, um = Eh, dm = Dh, fm = Lh, hm = Bh, mm = Oh, pm = (e, t, n) => {
+const Lc = Mh, um = Eh, dm = Dh, fm = Lh, hm = Bh, mm = Th, pm = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), r = {
     platform: lm,
     ...n
@@ -4314,7 +4314,7 @@ const Lc = Mh, um = Eh, dm = Dh, fm = Lh, hm = Bh, mm = Oh, pm = (e, t, n) => {
     ...r.platform,
     _c: a
   };
-  return Th(e, t, {
+  return Oh(e, t, {
     ...r,
     platform: o
   });
@@ -4353,7 +4353,7 @@ function Rc(e, t, n) {
   }), l = k(() => {
     var N;
     return (N = ct(n.transform)) != null ? N : !0;
-  }), c = k(() => ti(e.value)), u = k(() => ti(t.value)), d = F(0), m = F(0), h = F(i.value), p = F(s.value), v = Oe({}), A = F(!1), b = k(() => {
+  }), c = k(() => ti(e.value)), u = k(() => ti(t.value)), d = F(0), m = F(0), h = F(i.value), p = F(s.value), v = Te({}), A = F(!1), b = k(() => {
     const N = {
       position: h.value,
       left: "0",
@@ -4361,17 +4361,17 @@ function Rc(e, t, n) {
     };
     if (!u.value)
       return N;
-    const _ = ni(u.value, d.value), T = ni(u.value, m.value);
+    const _ = ni(u.value, d.value), O = ni(u.value, m.value);
     return l.value ? {
       ...N,
-      transform: "translate(" + _ + "px, " + T + "px)",
+      transform: "translate(" + _ + "px, " + O + "px)",
       ...$c(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: h.value,
       left: _ + "px",
-      top: T + "px"
+      top: O + "px"
     };
   });
   let g;
@@ -4420,7 +4420,7 @@ function Rc(e, t, n) {
     update: y
   };
 }
-const bm = 8, Mc = 1e4, Tt = {
+const bm = 8, Mc = 1e4, Ot = {
   placement: "bottom",
   closeMode: "unmount",
   ariaLinkMode: "aria-describedby",
@@ -4519,7 +4519,7 @@ function wm(e) {
   };
 }
 function xm(e, t) {
-  const n = F(!1), a = Oe();
+  const n = F(!1), a = Te();
   return ze((o) => {
     const s = t.value;
     if (!s) return;
@@ -4547,7 +4547,7 @@ function Pm(e) {
   const { slotContent: t, setAnchorElement: n, isMounted: a, id: r, label: o, ariaLinkMode: s } = e;
   if (!t || !o)
     return wo(ee, t);
-  const i = Bc(t), l = i.find((d) => d.type !== Ol), c = a ? r : void 0;
+  const i = Bc(t), l = i.find((d) => d.type !== Tl), c = a ? r : void 0;
   if (l && i.length === 1 && l.type !== Il && !Cm(l)) {
     const d = { ref: n };
     if (c && o !== l.props?.["aria-label"]) {
@@ -4568,7 +4568,7 @@ function Sm(e) {
 const rn = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
-  const n = ae(), a = $(() => e.class), r = F(null), o = F(null), s = k(() => e.placement || Tt.placement), i = k(() => e.closeMode || Tt.closeMode), l = k(() => e.ariaLinkMode || Tt.ariaLinkMode), c = k(() => e.zIndex || Tt.zIndex), {
+  const n = ae(), a = $(() => e.class), r = F(null), o = F(null), s = k(() => e.placement || Ot.placement), i = k(() => e.closeMode || Ot.closeMode), l = k(() => e.ariaLinkMode || Ot.ariaLinkMode), c = k(() => e.zIndex || Ot.zIndex), {
     floatingStyles: u,
     placement: d
   } = Rc(r, o, {
@@ -4660,7 +4660,7 @@ const rn = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("icon", "image", "color", "label", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-disabled", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "isDisabled", "linkAs", "target", "type", "title", "tooltipProps", "hideTooltip"),
   emits: km
-}), _m = "ButtonGroup", Fc = "lumx-button-group", Tm = {}, sn = (e) => {
+}), _m = "ButtonGroup", Fc = "lumx-button-group", Om = {}, sn = (e) => {
   const {
     children: t,
     className: n,
@@ -4672,7 +4672,7 @@ const rn = /* @__PURE__ */ E((e, {
 };
 sn.displayName = _m;
 sn.className = Fc;
-sn.defaultProps = Tm;
+sn.defaultProps = Om;
 const IA = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
@@ -4687,7 +4687,7 @@ const IA = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("class")
 }), qc = /* @__PURE__ */ Symbol("combobox-context");
-function Om(e) {
+function Tm(e) {
   qe(qc, e);
 }
 function ye() {
@@ -5118,8 +5118,8 @@ const tp = (e) => {
     theme: x,
     value: N,
     afterElement: _,
-    input: T,
-    isFocus: O,
+    input: O,
+    isFocus: T,
     IconButton: C,
     ref: R
   } = e, D = (N || "").length, q = D > 0;
@@ -5136,7 +5136,7 @@ const tp = (e) => {
       "has-textarea": A,
       "has-value": !!N,
       "is-disabled": p,
-      "is-focus": O || o,
+      "is-focus": T || o,
       "is-valid": d,
       [`theme-${x}`]: !!x
     }))
@@ -5165,9 +5165,9 @@ const tp = (e) => {
     size: H.xs
   }), t ? f("div", {
     className: re("chips")
-  }, [t, T]) : f("div", {
+  }, [t, O]) : f("div", {
     className: re("input-wrapper")
-  }, [T]), (d || s) && Z({
+  }, [O]), (d || s) && Z({
     className: re("input-validity"),
     color: x === ce.dark ? "light" : void 0,
     icon: d ? Qr : vt,
@@ -5242,8 +5242,8 @@ const tp = (e) => {
     } = m.value, {
       class: N,
       className: _,
-      "aria-describedby": T,
-      disabled: O,
+      "aria-describedby": O,
+      disabled: T,
       isDisabled: C,
       "aria-disabled": R,
       ariaDisabled: D,
@@ -5489,7 +5489,7 @@ const hp = /* @__PURE__ */ E((e, {
   props: L()("type", "class")
 }), mp = "ListItem", Xc = "lumx-list-item", {
   block: pp,
-  element: Ot
+  element: Tt
 } = B(Xc), Yc = {
   size: H.regular
 }, st = (e) => {
@@ -5521,7 +5521,7 @@ const hp = /* @__PURE__ */ E((e, {
     isDisabled: i,
     "aria-disabled": l,
     ...u,
-    className: Ot(A ? "link" : "wrapper", {
+    className: Tt(A ? "link" : "wrapper", {
       "is-highlighted": o,
       "is-selected": s,
       "is-disabled": i || l === "true"
@@ -5529,11 +5529,11 @@ const hp = /* @__PURE__ */ E((e, {
     handleClick: m,
     ref: d,
     children: f(ee, null, [n && f("div", {
-      className: Ot("before")
+      className: Tt("before")
     }, [n]), f("div", {
-      className: Ot("content")
+      className: Tt("content")
     }, [a]), t && f("div", {
-      className: Ot("after")
+      className: Tt("after")
     }, [t])])
   })]);
 };
@@ -5728,8 +5728,8 @@ function Sp(e) {
 }
 const kp = "lumx-combobox-option-more-info", {
   block: _p,
-  element: Tp
-} = B(kp), Op = (e, {
+  element: Op
+} = B(kp), Tp = (e, {
   IconButton: t,
   Popover: n
 }) => {
@@ -5756,7 +5756,7 @@ const kp = "lumx-combobox-option-more-info", {
     label: ""
   }), null), f(n, {
     id: s,
-    className: Tp("popover"),
+    className: Op("popover"),
     anchorRef: i,
     isOpen: o,
     closeMode: "unmount",
@@ -5785,7 +5785,7 @@ const kp = "lumx-combobox-option-more-info", {
   LEFT_START: "left-start"
 }, Ep = {
   MIN_WIDTH: "minWidth"
-}, Oa = 14, Lp = 9999;
+}, Ta = 14, Lp = 9999;
 function $p(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
@@ -5823,7 +5823,7 @@ const Rp = "lumx-popover", {
     unmountSentinel: P,
     // Forwarded props
     ...S
-  } = e, x = !u && i === "hide", N = u || i === "hide", _ = r, T = Math.min(l || 0, 5);
+  } = e, x = !u && i === "hide", N = u || i === "hide", _ = r, O = Math.min(l || 0, 5);
   return N ? f(t, {
     enabled: b
   }, {
@@ -5831,7 +5831,7 @@ const Rp = "lumx-popover", {
       ref: v,
       className: I(s, Mp({
         [`theme-${p}`]: !!p,
-        [`elevation-${T}`]: !!T,
+        [`elevation-${O}`]: !!O,
         [`position-${d}`]: !!d,
         "is-hidden": !!x
       })),
@@ -5868,17 +5868,17 @@ function qp(e) {
     return typeof e == "string" ? e : Ep.MIN_WIDTH;
 }
 function zp(e) {
-  const { offset: t, hasArrow: n, fitWidth: a, fitWithinViewportHeight: r, boundary: o, parsedPlacement: s, arrowElement: i } = e, l = [], c = (t?.away ?? 0) + (n ? Oa : 0), u = t?.along ?? 0;
+  const { offset: t, hasArrow: n, fitWidth: a, fitWithinViewportHeight: r, boundary: o, parsedPlacement: s, arrowElement: i } = e, l = [], c = (t?.away ?? 0) + (n ? Ta : 0), u = t?.along ?? 0;
   return l.push(Lc({ mainAxis: c, crossAxis: u })), s.isAuto ? l.push(
     um({ ...o ? { boundary: o } : {}, alignment: s.autoAlignment })
   ) : (l.push(fm(o ? { boundary: o } : {})), l.push(dm(o ? { boundary: o } : {}))), (a || r) && l.push(
     hm({
       ...o ? { boundary: o } : {},
       apply({ availableHeight: d, rects: m, elements: h }) {
-        a && Object.assign(h.floating.style, { [a]: `${m.reference.width}px` }), r && (h.floating.style.maxHeight = `${Math.max(0, d - Oa)}px`);
+        a && Object.assign(h.floating.style, { [a]: `${m.reference.width}px` }), r && (h.floating.style.maxHeight = `${Math.max(0, d - Ta)}px`);
       }
     })
-  ), n && i && l.push(mm({ element: i, padding: Oa / 2 })), l;
+  ), n && i && l.push(mm({ element: i, padding: Ta / 2 })), l;
 }
 function jp(e) {
   if (e)
@@ -6038,7 +6038,7 @@ const Kp = /* @__PURE__ */ E((e, {
   };
   return () => {
     const d = i.value === s, m = o.value || d, h = t.default?.();
-    return Op({
+    return Tp({
       // Pass `undefined` for the core template's `ref` prop. The core template
       // passes `ref` to `<IconButton ref={ref}>`, but if we pass `iconButtonRef`
       // here, Vue would bind the outer functional component's VNode ref to
@@ -6286,8 +6286,8 @@ const bo = /* @__PURE__ */ E((e, {
 }), hv = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
-  const n = ae(), a = F(null), r = Oe(null);
-  return Om({
+  const n = ae(), a = F(null), r = Te(null);
+  return Tm({
     handle: r,
     setHandle: (s) => {
       r.value = s;
@@ -6495,7 +6495,7 @@ const kv = /* @__PURE__ */ E((e, {
 }) => {
   const n = $(() => e.class), {
     handle: a
-  } = ye(), r = F(null), o = Tl({
+  } = ye(), r = F(null), o = Ol({
     hidden: !1,
     "aria-hidden": !1
   });
@@ -6532,9 +6532,9 @@ const kv = /* @__PURE__ */ E((e, {
 function It(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
-const Tv = "lumx-combobox-state", {
-  block: Ov
-} = B(Tv), Iv = (e, {
+const Ov = "lumx-combobox-state", {
+  block: Tv
+} = B(Ov), Iv = (e, {
   GenericBlock: t,
   Text: n
 }) => {
@@ -6549,7 +6549,7 @@ const Tv = "lumx-combobox-state", {
     vAlign: "center"
   }, v = l;
   return f(t, w({
-    className: I(!h && Ut(), Ov(), Qu("regular")),
+    className: I(!h && Ut(), Tv(), Qu("regular")),
     orientation: "vertical"
   }, p, {
     role: "status",
@@ -6917,20 +6917,20 @@ function Qv() {
   }
   return er = t, er;
 }
-var tr, Ti;
+var tr, Oi;
 function eb() {
-  if (Ti) return tr;
-  Ti = 1;
+  if (Oi) return tr;
+  Oi = 1;
   var e = mn();
   function t(n) {
     return e(this, n).get(n);
   }
   return tr = t, tr;
 }
-var nr, Oi;
+var nr, Ti;
 function tb() {
-  if (Oi) return nr;
-  Oi = 1;
+  if (Ti) return nr;
+  Ti = 1;
   var e = mn();
   function t(n) {
     return e(this, n).has(n);
@@ -7358,8 +7358,8 @@ const MA = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("color", "class")
 }), _b = "lumx-badge-wrapper", {
-  block: Tb,
-  element: Ob
+  block: Ob,
+  element: Tb
 } = B(_b), Ib = (e) => {
   const {
     badge: t,
@@ -7371,9 +7371,9 @@ const MA = /* @__PURE__ */ E((e, {
   return f("div", w({
     ref: r
   }, o, {
-    className: I(a, Tb())
+    className: I(a, Ob())
   }), [n, t && f("div", {
-    className: Ob("badge")
+    className: Tb("badge")
   }, [t])]);
 }, DA = /* @__PURE__ */ E((e, {
   slots: t
@@ -7530,21 +7530,21 @@ const MA = /* @__PURE__ */ E((e, {
     keyDownProp: x = "onKeyDown",
     tabIndexProp: N = "tabIndex",
     ..._
-  } = e, T = p && !g, O = !!p || !!g || s, C = o || (A === ce.light ? W.dark : W.light), R = (q) => {
+  } = e, O = p && !g, T = !!p || !!g || s, C = o || (A === ce.light ? W.dark : W.light), R = (q) => {
     y?.(q), p && d && ed(d)(q);
   }, D = {
     [x]: R,
-    [N]: O && !P.disabled ? 0 : void 0
+    [N]: T && !P.disabled ? 0 : void 0
   };
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     f("a", w({
-      role: T ? "button" : void 0
+      role: O ? "button" : void 0
     }, D, _, {
       href: P.disabled ? void 0 : g,
       ref: b,
       className: I(r, Mb({
-        "is-clickable": O,
+        "is-clickable": T,
         [`color-${C}`]: !!C,
         "is-disabled": S,
         "has-after": !!t,
@@ -7554,7 +7554,7 @@ const MA = /* @__PURE__ */ E((e, {
         [`size-${v}`]: !!v,
         "is-unselected": !l
       })),
-      "aria-disabled": O && S || void 0,
+      "aria-disabled": T && S || void 0,
       onClick: p ? d : void 0
     }), [n && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     f("div", {
@@ -7679,13 +7679,13 @@ const Vb = "lumx-selection-chip-group", {
     "aria-orientation": "horizontal",
     className: Wb([p])
   }), Hb(s = i.map((g) => {
-    const y = c && Lt(c, g) || Lt(l, g), P = Lt(l, g), S = v?.(g) || {}, x = S.isDisabled || m, N = typeof S.children == "string" ? S.children : y, _ = d ? `${N} — ${d}` : N;
+    const y = c && Lt(c, g) || Lt(l, g), P = Lt(l, g), S = v?.(g) || {}, x = S.isDisabled || m, N = typeof S.children == "string" ? S.children : y, _ = d ? `${N} - ${d}` : N;
     return f(o, {
       key: P,
       label: x ? void 0 : _
     }, {
       default: () => [f(t, w({
-        "aria-label": u
+        "aria-label": _
       }, S, {
         size: "s",
         after: f(a, {
@@ -7799,12 +7799,23 @@ const Yb = (e) => (t) => X(t) && t.type === e, Zb = {
     itemSelector: `.${yt}`,
     itemDisabledSelector: `.${yt}[aria-disabled="true"]`
   }), () => {
-    const c = n.chip ? (m) => {
-      const p = n.chip?.({
-        option: m
-      })?.find(Yb(nl)), v = p?.props || {}, A = p?.children?.before;
-      return A && (v.before = A()), v;
-    } : e.getChipProps, {
+    const c = (m) => {
+      const h = e.getChipProps?.(m) || {};
+      let p = {};
+      if (n.chip) {
+        const b = n.chip({
+          option: m
+        })?.find(Yb(nl));
+        p = b?.props || {};
+        const g = b?.children?.before;
+        g && (p.before = g());
+      }
+      const v = Object.fromEntries(Object.entries(p).filter(([, A]) => A !== void 0));
+      return {
+        ...h,
+        ...v
+      };
+    }, {
       class: u,
       ...d
     } = e;
@@ -7916,10 +7927,10 @@ const Yb = (e) => (t) => X(t) && t.type === e, Zb = {
     footer: P,
     closeMode: S,
     ...x
-  } = e, N = (O) => {
+  } = e, N = (T) => {
     const C = !s;
-    c && C && c(O), l && !C && l(O), u && u(C, O);
-  }, _ = d === ce.dark ? W.light : W.dark, T = I(t, og({
+    c && C && c(T), l && !C && l(T), u && u(C, T);
+  }, _ = d === ce.dark ? W.light : W.dark, O = I(t, og({
     "has-background": a,
     "has-header": !Bt(h.children),
     "has-header-divider": o,
@@ -7931,7 +7942,7 @@ const Yb = (e) => (t) => X(t) && t.type === e, Zb = {
   return f("section", w({
     ref: r
   }, x, {
-    className: T
+    className: O
   }), [f("header", {
     className: Ne("header"),
     onClick: N
@@ -8072,9 +8083,9 @@ const ug = "lumx-flag", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("color", "icon", "truncate", "theme", "class")
 });
-var Tr, il;
+var Or, il;
 function hg() {
-  if (il) return Tr;
+  if (il) return Or;
   il = 1;
   var e = /\s/;
   function t(n) {
@@ -8082,17 +8093,17 @@ function hg() {
       ;
     return a;
   }
-  return Tr = t, Tr;
+  return Or = t, Or;
 }
-var Or, ll;
+var Tr, ll;
 function mg() {
-  if (ll) return Or;
+  if (ll) return Tr;
   ll = 1;
   var e = hg(), t = /^\s+/;
   function n(a) {
     return a && a.slice(0, e(a) + 1).replace(t, "");
   }
-  return Or = n, Or;
+  return Tr = n, Tr;
 }
 var Ir, cl;
 function pg() {
@@ -8328,10 +8339,10 @@ const VA = /* @__PURE__ */ E((e, {
 function hl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
-const Tg = "lumx-link-preview", {
-  block: Og,
+const Og = "lumx-link-preview", {
+  block: Tg,
   element: Re
-} = B(Tg), fu = {
+} = B(Og), fu = {
   size: H.regular,
   titleHeading: "h2"
 }, Ig = (e) => {
@@ -8354,7 +8365,7 @@ const Tg = "lumx-link-preview", {
   return f("article", w({
     ref: c
   }, p, {
-    className: I(t, Og({
+    className: I(t, Tg({
       [`size-${v}`]: !!v,
       [`theme-${i}`]: !!i
     }))
@@ -9384,7 +9395,7 @@ const iN = /* @__PURE__ */ E((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: L()("class", "hasBefore", "hasDividers", "theme")
-}), Ty = `${Pt}__body`, Oy = (e) => {
+}), Oy = `${Pt}__body`, Ty = (e) => {
   const {
     children: t,
     className: n,
@@ -9394,13 +9405,13 @@ const iN = /* @__PURE__ */ E((e, {
   return f("tbody", w({
     ref: a
   }, r, {
-    className: I(n, Ty)
+    className: I(n, Oy)
   }), [t]);
 }, cN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = M(), a = $(() => e.class);
-  return () => f(Oy, w(e, n, {
+  return () => f(Ty, w(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
@@ -9590,10 +9601,10 @@ const qy = `${gu}__link`, {
     ...S
   } = e, x = () => {
     r || p?.();
-  }, N = (T) => {
-    c?.(T), A && x();
-  }, _ = (T) => {
-    u?.(T), !(T.key !== "Enter" || r) && x();
+  }, N = (O) => {
+    c?.(O), A && x();
+  }, _ = (O) => {
+    u?.(O), !(O.key !== "Enter" || r) && x();
   };
   return f("button", w({
     ref: P
@@ -9912,13 +9923,13 @@ const nA = "lumx-user-block", {
     Avatar: N,
     ..._
   } = e;
-  let T = b;
-  v === Je.vertical && (T = H.l);
-  const O = v === Je.vertical, C = Zr({
+  let O = b;
+  v === Je.vertical && (O = H.l);
+  const T = v === Je.vertical, C = Zr({
     handleClick: m,
     linkAs: o,
     linkProps: r
-  }), R = T !== H.s && T !== H.xs, D = a && R && f("div", {
+  }), R = O !== H.s && O !== H.xs, D = a && R && f("div", {
     className: _e("fields")
   }, [a.map((j, U) => f(x, {
     as: "span",
@@ -9939,7 +9950,7 @@ const nA = "lumx-user-block", {
   }, _, q, {
     className: I(n, aA({
       [`orientation-${v}`]: !!v,
-      [`size-${T}`]: !!T,
+      [`size-${O}`]: !!O,
       [`theme-${g}`]: !!g,
       "is-clickable": C
     }))
@@ -9949,14 +9960,14 @@ const nA = "lumx-user-block", {
     alt: ""
   }, t, {
     className: I(_e("avatar"), t.className),
-    size: T,
+    size: O,
     onClick: m,
     theme: g
   }), null), (a || u || y || P) && f("div", {
     className: _e("wrapper")
-  }, [y, D, R ? P : null]), O && A && f("div", {
+  }, [y, D, R ? P : null]), T && A && f("div", {
     className: _e("action")
-  }, [A]), O && i && f("div", {
+  }, [A]), T && i && f("div", {
     className: _e("actions")
   }, [i]), S ? f("div", {
     className: _e("after")
@@ -10128,8 +10139,8 @@ export {
   ap as TextField,
   Et as ThOrder,
   Jt as Thumbnail,
-  OA as ThumbnailObjectFit,
-  TA as ThumbnailVariant,
+  TA as ThumbnailObjectFit,
+  OA as ThumbnailVariant,
   Wf as Toolbar,
   rn as Tooltip,
   oN as Uploader,