@lumx/vue 4.19.0 → 4.19.1-alpha.1

package/index.js

@@ -1934,7 +1934,7 @@ const me = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("leftIcon", "rightIcon", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-disabled", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "linkAs", "target", "type"),
   emits: Oh
-}), pN = "Toolbar", kh = "lumx-toolbar", {
+}), gN = "Toolbar", kh = "lumx-toolbar", {
   block: Th,
   element: Da
 } = F(kh), _h = (e) => {
@@ -1977,7 +1977,7 @@ const me = /* @__PURE__ */ E((e, {
   props: $()("class")
 }), Lh = {
   close: () => !0
-}, gN = /* @__PURE__ */ E((e, {
+}, vN = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -2340,10 +2340,10 @@ const zh = {
   inheritAttrs: !1,
   props: $()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
   emits: zh
-}), vN = {
+}), bN = {
   squared: "squared",
   rounded: "rounded"
-}, bN = {
+}, yN = {
   cover: "cover",
   contain: "contain"
 }, Vh = {
@@ -2976,6 +2976,17 @@ function bi(e, t, n, a) {
     { signal: t }
   ), c;
 }
+function nm(e) {
+  let t = !1;
+  const n = () => {
+    t || (t = !0, queueMicrotask(() => {
+      t && (t = !1, e());
+    }));
+  };
+  return n.cancel = () => {
+    t = !1;
+  }, n;
+}
 function Xc(e, t, n) {
   const { wrapNavigation: a = !1 } = t ?? {};
   let o = null, r = null, s = null, i = !1, l = "";
@@ -3000,13 +3011,12 @@ function Xc(e, t, n) {
   function A() {
     return y() > 0 || p > 0;
   }
-  function N() {
+  const N = nm(() => {
     for (const [V] of d)
       gi(V, d, c);
     const I = y(), B = o?.value ?? "";
     (I !== h || I === 0 && B !== f) && (h = I, f = B, v("optionsChange", { optionsLength: I, inputValue: B })), i && o?.setAttribute("aria-expanded", String(A()));
-  }
-  const x = 500;
+  }), x = 500;
   let C, O = !1;
   function P() {
     clearTimeout(C), p > 0 && i && (C = setTimeout(() => {
@@ -3154,13 +3164,13 @@ function Xc(e, t, n) {
       };
     },
     destroy() {
-      _(), o = null, r = null, l = "", h = 0, f = "", g = !1, c.clear(), d.clear(), p = 0, clearTimeout(C), O = !1;
+      _(), o = null, r = null, l = "", h = 0, f = "", g = !1, c.clear(), d.clear(), p = 0, N.cancel(), clearTimeout(C), O = !1;
       for (const I of Object.values(b))
         I.clear();
     }
   }, k;
 }
-const nm = 500;
+const am = 500;
 function Yc(e, t, n) {
   let a = "", o;
   function r() {
@@ -3194,7 +3204,7 @@ function Yc(e, t, n) {
     }
   }
   function i(c, d) {
-    return o !== void 0 && clearTimeout(o), a += c.toLowerCase(), o = setTimeout(r, nm), s(d);
+    return o !== void 0 && clearTimeout(o), a += c.toLowerCase(), o = setTimeout(r, am), s(d);
   }
   function l(c) {
     return s(c);
@@ -3204,7 +3214,7 @@ function Yc(e, t, n) {
 function ar({ key: e, altKey: t, ctrlKey: n, metaKey: a }) {
   return e.length === 1 && e !== " " && !t && !n && !a;
 }
-function am(e, t) {
+function om(e, t) {
   const n = Xc(t, void 0, (a, o) => {
     const r = Yc(
       () => {
@@ -3241,7 +3251,7 @@ function am(e, t) {
   });
   return n.registerTrigger(e), n;
 }
-const om = "IconButton", rm = "lumx-icon-button", or = {
+const rm = "IconButton", sm = "lumx-icon-button", or = {
   emphasis: ve.high,
   size: H.m
 }, Et = (e) => {
@@ -3267,18 +3277,18 @@ const om = "IconButton", rm = "lumx-icon-button", or = {
     children: i
   });
 };
-Et.displayName = om;
-Et.className = rm;
+Et.displayName = rm;
+Et.className = sm;
 Et.defaultProps = or;
-const sm = ["top", "right", "bottom", "left"], yi = ["start", "end"], Ai = /* @__PURE__ */ sm.reduce((e, t) => e.concat(t, t + "-" + yi[0], t + "-" + yi[1]), []), Be = Math.min, le = Math.max, Xt = Math.round, Ft = Math.floor, be = (e) => ({
+const im = ["top", "right", "bottom", "left"], yi = ["start", "end"], Ai = /* @__PURE__ */ im.reduce((e, t) => e.concat(t, t + "-" + yi[0], t + "-" + yi[1]), []), Be = Math.min, le = Math.max, Xt = Math.round, Ft = Math.floor, be = (e) => ({
   x: e,
   y: e
-}), im = {
+}), lm = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, lm = {
+}, cm = {
   start: "end",
   end: "start"
 };
@@ -3300,9 +3310,9 @@ function Zc(e) {
 function Ir(e) {
   return e === "y" ? "height" : "width";
 }
-const cm = /* @__PURE__ */ new Set(["top", "bottom"]);
+const um = /* @__PURE__ */ new Set(["top", "bottom"]);
 function Ce(e) {
-  return cm.has(Ae(e)) ? "y" : "x";
+  return um.has(Ae(e)) ? "y" : "x";
 }
 function Lr(e) {
   return Zc(Ce(e));
@@ -3313,35 +3323,35 @@ function Jc(e, t, n) {
   let s = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (s = Zt(s)), [s, Zt(s)];
 }
-function um(e) {
+function dm(e) {
   const t = Zt(e);
   return [Yt(e), t, Yt(t)];
 }
 function Yt(e) {
-  return e.replace(/start|end/g, (t) => lm[t]);
+  return e.replace(/start|end/g, (t) => cm[t]);
 }
-const Si = ["left", "right"], Ni = ["right", "left"], dm = ["top", "bottom"], fm = ["bottom", "top"];
-function hm(e, t, n) {
+const Si = ["left", "right"], Ni = ["right", "left"], fm = ["top", "bottom"], hm = ["bottom", "top"];
+function mm(e, t, n) {
   switch (e) {
     case "top":
     case "bottom":
       return n ? t ? Ni : Si : t ? Si : Ni;
     case "left":
     case "right":
-      return t ? dm : fm;
+      return t ? fm : hm;
     default:
       return [];
   }
 }
-function mm(e, t, n, a) {
+function pm(e, t, n, a) {
   const o = de(e);
-  let r = hm(Ae(e), n === "start", a);
+  let r = mm(Ae(e), n === "start", a);
   return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(Yt)))), r;
 }
 function Zt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => im[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => lm[t]);
 }
-function pm(e) {
+function gm(e) {
   return {
     top: 0,
     right: 0,
@@ -3351,7 +3361,7 @@ function pm(e) {
   };
 }
 function Qc(e) {
-  return typeof e != "number" ? pm(e) : {
+  return typeof e != "number" ? gm(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -3424,7 +3434,7 @@ function Pi(e, t, n) {
   }
   return f;
 }
-async function gm(e, t) {
+async function vm(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -3469,7 +3479,7 @@ async function gm(e, t) {
     right: (x.right - v.right + g.right) / N.x
   };
 }
-const vm = async (e, t, n) => {
+const bm = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
@@ -3504,7 +3514,7 @@ const vm = async (e, t, n) => {
       rects: c,
       platform: {
         ...s,
-        detectOverflow: (p = s.detectOverflow) != null ? p : gm
+        detectOverflow: (p = s.detectOverflow) != null ? p : vm
       },
       elements: {
         reference: e,
@@ -3533,7 +3543,7 @@ const vm = async (e, t, n) => {
     strategy: o,
     middlewareData: f
   };
-}, bm = (e) => ({
+}, ym = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -3571,10 +3581,10 @@ const vm = async (e, t, n) => {
     };
   }
 });
-function ym(e, t, n) {
+function Am(e, t, n) {
   return (e ? [...n.filter((o) => de(o) === e), ...n.filter((o) => de(o) !== e)] : n.filter((o) => Ae(o) === o)).filter((o) => e ? de(o) === e || (t ? Yt(o) !== o : !1) : !0);
 }
-const Am = function(e) {
+const Sm = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -3592,7 +3602,7 @@ const Am = function(e) {
         allowedPlacements: h = Ai,
         autoAlignment: f = !0,
         ...g
-      } = Qe(e, t), p = u !== void 0 || h === Ai ? ym(u || null, f, h) : h, b = await l.detectOverflow(t, g), v = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[v];
+      } = Qe(e, t), p = u !== void 0 || h === Ai ? Am(u || null, f, h) : h, b = await l.detectOverflow(t, g), v = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[v];
       if (y == null)
         return {};
       const A = Jc(y, r, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
@@ -3642,7 +3652,7 @@ const Am = function(e) {
       } : {};
     }
   };
-}, Sm = function(e) {
+}, Nm = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -3666,8 +3676,8 @@ const Am = function(e) {
       } = Qe(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Ae(o), y = Ce(i), A = Ae(i) === i, N = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), x = h || (A || !p ? [Zt(i)] : um(i)), C = g !== "none";
-      !h && C && x.push(...mm(i, p, g, N));
+      const v = Ae(o), y = Ce(i), A = Ae(i) === i, N = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), x = h || (A || !p ? [Zt(i)] : dm(i)), C = g !== "none";
+      !h && C && x.push(...pm(i, p, g, N));
       const O = [i, ...x], P = await l.detectOverflow(t, b), T = [];
       let k = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (d && T.push(P[v]), u) {
@@ -3723,13 +3733,13 @@ const Am = function(e) {
       return {};
     }
   };
-}, Nm = /* @__PURE__ */ new Set(["left", "top"]);
-async function Pm(e, t) {
+}, Pm = /* @__PURE__ */ new Set(["left", "top"]);
+async function xm(e, t) {
   const {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), s = Ae(n), i = de(n), l = Ce(n) === "y", c = Nm.has(s) ? -1 : 1, d = r && l ? -1 : 1, u = Qe(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), s = Ae(n), i = de(n), l = Ce(n) === "y", c = Pm.has(s) ? -1 : 1, d = r && l ? -1 : 1, u = Qe(t, e);
   let {
     mainAxis: h,
     crossAxis: f,
@@ -3751,7 +3761,7 @@ async function Pm(e, t) {
     y: f * d
   };
 }
-const xm = function(e) {
+const wm = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -3762,7 +3772,7 @@ const xm = function(e) {
         y: r,
         placement: s,
         middlewareData: i
-      } = t, l = await Pm(t, e);
+      } = t, l = await xm(t, e);
       return s === ((n = i.offset) == null ? void 0 : n.placement) && (a = i.arrow) != null && a.alignmentOffset ? {} : {
         x: o + l.x,
         y: r + l.y,
@@ -3773,7 +3783,7 @@ const xm = function(e) {
       };
     }
   };
-}, wm = function(e) {
+}, Cm = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -3830,7 +3840,7 @@ const xm = function(e) {
       };
     }
   };
-}, Cm = function(e) {
+}, Om = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -3897,7 +3907,7 @@ function Se(e) {
 function xi(e) {
   return !fn() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ce(e).ShadowRoot;
 }
-const Om = /* @__PURE__ */ new Set(["inline", "contents"]);
+const km = /* @__PURE__ */ new Set(["inline", "contents"]);
 function $t(e) {
   const {
     overflow: t,
@@ -3905,15 +3915,15 @@ function $t(e) {
     overflowY: a,
     display: o
   } = ge(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !Om.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !km.has(o);
 }
-const km = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Tm(e) {
-  return km.has(et(e));
+const Tm = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function _m(e) {
+  return Tm.has(et(e));
 }
-const _m = [":popover-open", ":modal"];
+const Im = [":popover-open", ":modal"];
 function hn(e) {
-  return _m.some((t) => {
+  return Im.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -3921,12 +3931,12 @@ function hn(e) {
     }
   });
 }
-const Im = ["transform", "translate", "scale", "rotate", "perspective"], Lm = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Em = ["paint", "layout", "strict", "content"];
+const Lm = ["transform", "translate", "scale", "rotate", "perspective"], Em = ["transform", "translate", "scale", "rotate", "perspective", "filter"], $m = ["paint", "layout", "strict", "content"];
 function $r(e) {
   const t = Mr(), n = pe(e) ? ge(e) : e;
-  return Im.some((a) => n[a] ? n[a] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Lm.some((a) => (n.willChange || "").includes(a)) || Em.some((a) => (n.contain || "").includes(a));
+  return Lm.some((a) => n[a] ? n[a] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Em.some((a) => (n.willChange || "").includes(a)) || $m.some((a) => (n.contain || "").includes(a));
 }
-function $m(e) {
+function Mm(e) {
   let t = Fe(e);
   for (; Se(t) && !ut(t); ) {
     if ($r(t))
@@ -3940,9 +3950,9 @@ function $m(e) {
 function Mr() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Mm = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Rm = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function ut(e) {
-  return Mm.has(et(e));
+  return Rm.has(et(e));
 }
 function ge(e) {
   return ce(e).getComputedStyle(e);
@@ -4013,15 +4023,15 @@ function it(e) {
     y: i
   };
 }
-const Rm = /* @__PURE__ */ be(0);
+const Dm = /* @__PURE__ */ be(0);
 function nu(e) {
   const t = ce(e);
-  return !Mr() || !t.visualViewport ? Rm : {
+  return !Mr() || !t.visualViewport ? Dm : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Dm(e, t, n) {
+function Bm(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ce(e) ? !1 : t;
 }
 function Ge(e, t, n, a) {
@@ -4029,7 +4039,7 @@ function Ge(e, t, n, a) {
   const o = e.getBoundingClientRect(), r = Rr(e);
   let s = be(1);
   t && (a ? pe(a) && (s = it(a)) : s = it(e));
-  const i = Dm(r, n, a) ? nu(r) : be(0);
+  const i = Bm(r, n, a) ? nu(r) : be(0);
   let l = (o.left + i.x) / s.x, c = (o.top + i.y) / s.y, d = o.width / s.x, u = o.height / s.y;
   if (r) {
     const h = ce(r), f = a && pe(a) ? ce(a) : a;
@@ -4057,7 +4067,7 @@ function au(e, t) {
     y: o
   };
 }
-function Bm(e) {
+function Fm(e) {
   let {
     elements: t,
     rect: n,
@@ -4084,10 +4094,10 @@ function Bm(e) {
     y: n.y * c.y - l.scrollTop * c.y + d.y + h.y
   };
 }
-function Fm(e) {
+function qm(e) {
   return Array.from(e.getClientRects());
 }
-function qm(e) {
+function jm(e) {
   const t = Ne(e), n = mn(e), a = e.ownerDocument.body, o = le(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = le(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let s = -n.scrollLeft + pn(e);
   const i = -n.scrollTop;
@@ -4099,7 +4109,7 @@ function qm(e) {
   };
 }
 const wi = 25;
-function jm(e, t) {
+function Hm(e, t) {
   const n = ce(e), a = Ne(e), o = n.visualViewport;
   let r = a.clientWidth, s = a.clientHeight, i = 0, l = 0;
   if (o) {
@@ -4119,8 +4129,8 @@ function jm(e, t) {
     y: l
   };
 }
-const Hm = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function zm(e, t) {
+const zm = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Vm(e, t) {
   const n = Ge(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = Se(e) ? it(e) : be(1), s = e.clientWidth * r.x, i = e.clientHeight * r.y, l = o * r.x, c = a * r.y;
   return {
     width: s,
@@ -4132,11 +4142,11 @@ function zm(e, t) {
 function Ci(e, t, n) {
   let a;
   if (t === "viewport")
-    a = jm(e, n);
+    a = Hm(e, n);
   else if (t === "document")
-    a = qm(Ne(e));
+    a = jm(Ne(e));
   else if (pe(t))
-    a = zm(t, n);
+    a = Vm(t, n);
   else {
     const o = nu(e);
     a = {
@@ -4152,7 +4162,7 @@ function ou(e, t) {
   const n = Fe(e);
   return n === t || !pe(n) || ut(n) ? !1 : ge(n).position === "fixed" || ou(n, t);
 }
-function Vm(e, t) {
+function Wm(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -4161,18 +4171,18 @@ function Vm(e, t) {
   let s = r ? Fe(e) : e;
   for (; pe(s) && !ut(s); ) {
     const i = ge(s), l = $r(s);
-    !l && i.position === "fixed" && (o = null), (r ? !l && !o : !l && i.position === "static" && !!o && Hm.has(o.position) || $t(s) && !l && ou(e, s)) ? a = a.filter((d) => d !== s) : o = i, s = Fe(s);
+    !l && i.position === "fixed" && (o = null), (r ? !l && !o : !l && i.position === "static" && !!o && zm.has(o.position) || $t(s) && !l && ou(e, s)) ? a = a.filter((d) => d !== s) : o = i, s = Fe(s);
   }
   return t.set(e, a), a;
 }
-function Wm(e) {
+function Um(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? hn(t) ? [] : Vm(t, this._c) : [].concat(n), a], i = s[0], l = s.reduce((c, d) => {
+  const s = [...n === "clippingAncestors" ? hn(t) ? [] : Wm(t, this._c) : [].concat(n), a], i = s[0], l = s.reduce((c, d) => {
     const u = Ci(t, d, o);
     return c.top = le(u.top, c.top), c.right = Be(u.right, c.right), c.bottom = Be(u.bottom, c.bottom), c.left = le(u.left, c.left), c;
   }, Ci(t, i, o));
@@ -4183,7 +4193,7 @@ function Wm(e) {
     y: l.top
   };
 }
-function Um(e) {
+function Gm(e) {
   const {
     width: t,
     height: n
@@ -4193,7 +4203,7 @@ function Um(e) {
     height: n
   };
 }
-function Gm(e, t, n) {
+function Km(e, t, n) {
   const a = Se(t), o = Ne(t), r = n === "fixed", s = Ge(e, !0, r, t);
   let i = {
     scrollLeft: 0,
@@ -4242,14 +4252,14 @@ function ru(e, t) {
     return n;
   }
   let a = Oi(e, t);
-  for (; a && Tm(a) && Fa(a); )
+  for (; a && _m(a) && Fa(a); )
     a = Oi(a, t);
-  return a && ut(a) && Fa(a) && !$r(a) ? n : a || $m(e) || n;
+  return a && ut(a) && Fa(a) && !$r(a) ? n : a || Mm(e) || n;
 }
-const Km = async function(e) {
+const Xm = async function(e) {
   const t = this.getOffsetParent || ru, n = this.getDimensions, a = await n(e.floating);
   return {
-    reference: Gm(e.reference, await t(e.floating), e.strategy),
+    reference: Km(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -4258,25 +4268,25 @@ const Km = async function(e) {
     }
   };
 };
-function Xm(e) {
+function Ym(e) {
   return ge(e).direction === "rtl";
 }
-const Ym = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Bm,
+const Zm = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Fm,
   getDocumentElement: Ne,
-  getClippingRect: Wm,
+  getClippingRect: Um,
   getOffsetParent: ru,
-  getElementRects: Km,
-  getClientRects: Fm,
-  getDimensions: Um,
+  getElementRects: Xm,
+  getClientRects: qm,
+  getDimensions: Gm,
   getScale: it,
   isElement: pe,
-  isRTL: Xm
+  isRTL: Ym
 };
 function su(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Zm(e, t) {
+function Jm(e, t) {
   let n = null, a;
   const o = Ne(e);
   function r() {
@@ -4336,7 +4346,7 @@ function iu(e, t, n, a) {
       passive: !0
     }), r && v.addEventListener("resize", n);
   });
-  const u = c && i ? Zm(c, n) : null;
+  const u = c && i ? Jm(c, n) : null;
   let h = -1, f = null;
   s && (f = new ResizeObserver((v) => {
     let [y] = v;
@@ -4358,24 +4368,24 @@ function iu(e, t, n, a) {
     }), u?.(), (v = f) == null || v.disconnect(), f = null, l && cancelAnimationFrame(g);
   };
 }
-const lu = xm, Jm = Am, Qm = wm, ep = Sm, tp = Cm, np = bm, ap = (e, t, n) => {
+const lu = wm, Qm = Sm, ep = Cm, tp = Nm, np = Om, ap = ym, op = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: Ym,
+    platform: Zm,
     ...n
   }, r = {
     ...o.platform,
     _c: a
   };
-  return vm(e, t, {
+  return bm(e, t, {
     ...o,
     platform: r
   });
 };
-function op(e) {
+function rp(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function ki(e) {
-  if (op(e)) {
+  if (rp(e)) {
     const t = e.$el;
     return Er(t) && et(t) === "#comment" ? null : t;
   }
@@ -4431,7 +4441,7 @@ function uu(e, t, n) {
     if (c.value == null || d.value == null)
       return;
     const O = o.value;
-    ap(c.value, d.value, {
+    op(c.value, d.value, {
       middleware: r.value,
       placement: s.value,
       strategy: i.value
@@ -4472,13 +4482,13 @@ function uu(e, t, n) {
     update: A
   };
 }
-const rp = 8, du = 1e4, qt = {
+const sp = 8, du = 1e4, qt = {
   placement: "bottom",
   closeMode: "unmount",
   ariaLinkMode: "aria-describedby",
   zIndex: du
-}, sp = "Tooltip", fu = "lumx-tooltip", {
-  block: ip,
+}, ip = "Tooltip", fu = "lumx-tooltip", {
+  block: lp,
   element: _i
 } = F(fu), Dr = (e) => {
   const {
@@ -4498,7 +4508,7 @@ const rp = 8, du = 1e4, qt = {
   }, c, {
     id: t,
     role: "tooltip",
-    className: L(i, ip({
+    className: L(i, lp({
       [`position-${a}`]: !!a
     }), o && an()),
     style: {
@@ -4514,16 +4524,16 @@ const rp = 8, du = 1e4, qt = {
     key: h
   }, [u]))])]);
 };
-Dr.displayName = sp;
+Dr.displayName = ip;
 Dr.className = fu;
-const lp = (e) => {
+const cp = (e) => {
   try {
     return e?.matches?.(":focus-visible, [data-focus-visible-added]");
   } catch {
     return !0;
   }
-}, cp = () => !!window.matchMedia?.("(hover: none)").matches;
-function up(e) {
+}, up = () => !!window.matchMedia?.("(hover: none)").matches;
+function dp(e) {
   const { delay: t, onStateChange: n } = e;
   let a, o, r, s, i;
   const l = (v) => {
@@ -4532,7 +4542,7 @@ function up(e) {
       n(!!r);
     };
     Ed ? a = setTimeout(y, v) : y();
-  }, c = cp(), d = typeof window < "u" && "ontouchstart" in window, u = t || (c ? Qr.open : Jr.open), h = c ? Qr.close : Jr.close, f = () => {
+  }, c = up(), d = typeof window < "u" && "ontouchstart" in window, u = t || (c ? Qr.open : Jr.open), h = c ? Qr.close : Jr.close, f = () => {
     r && !a || (r = !0, o = Date.now(), l(u));
   }, g = (v) => {
     !r && !a || (r = !1, l(v));
@@ -4551,7 +4561,7 @@ function up(e) {
       v.addEventListener(
         "focusin",
         (A) => {
-          lp(A.target) && f();
+          cp(A.target) && f();
         },
         { signal: y }
       ), v.addEventListener("focusout", b, { signal: y });
@@ -4570,12 +4580,12 @@ function up(e) {
     }
   };
 }
-function dp(e, t) {
+function fp(e, t) {
   const n = R(!1), a = Re();
   return Xe((r) => {
     const s = t.value;
     if (!s) return;
-    const i = up({
+    const i = dp({
       delay: e.value,
       onStateChange: (l) => {
         n.value = l;
@@ -4591,16 +4601,16 @@ function dp(e, t) {
 function hu(e) {
   return e.flatMap((t) => t.type === ne ? hu(t.children) : [t]);
 }
-function fp(e) {
+function hp(e) {
   const t = e.props || {};
   return t.disabled === !0 || t.isDisabled === !0;
 }
-function hp(e) {
+function mp(e) {
   const { slotContent: t, setAnchorElement: n, isMounted: a, id: o, label: r, ariaLinkMode: s } = e;
   if (!t || !r)
     return Zr(ne, t);
   const i = hu(t), l = i.find((u) => u.type !== pr), c = a ? o : void 0;
-  if (l && i.length === 1 && l.type !== lc && !fp(l)) {
+  if (l && i.length === 1 && l.type !== lc && !hp(l)) {
     const u = { ref: n };
     if (c && r !== l.props?.["aria-label"]) {
       const h = l.props?.[s];
@@ -4614,7 +4624,7 @@ function hp(e) {
   };
   return c && (d[s] = c), Zr("div", d, t);
 }
-function mp(e) {
+function pp(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
 const gn = /* @__PURE__ */ E((e, {
@@ -4626,15 +4636,15 @@ const gn = /* @__PURE__ */ E((e, {
   } = uu(o, r, {
     placement: s,
     whileElementsMounted: iu,
-    middleware: [lu(rp)]
+    middleware: [lu(sp)]
   }), {
     isOpen: h,
     onPopperMount: f,
     manager: g
-  } = dp(w(() => e.delay), o), p = w(() => (h.value || e.forceOpen) && !!e.label), b = w(() => !!e.label && (p.value || i.value === "hide")), v = w(() => !p.value && i.value === "hide");
+  } = fp(w(() => e.delay), o), p = w(() => (h.value || e.forceOpen) && !!e.label), b = w(() => !!e.label && (p.value || i.value === "hide")), v = w(() => !p.value && i.value === "hide");
   return ln(w(() => p.value ? () => g.value?.close() : void 0)), Ph(), () => {
     let y;
-    const A = u.value ?? s.value, N = hp({
+    const A = u.value ?? s.value, N = mp({
       slotContent: t.default?.(),
       setAnchorElement: (x) => {
         o.value = x?.$el || x;
@@ -4644,7 +4654,7 @@ const gn = /* @__PURE__ */ E((e, {
       label: e.label,
       ariaLinkMode: l.value
     });
-    return m(ne, null, [N, b.value && m(tn, null, mp(y = Dr({
+    return m(ne, null, [N, b.value && m(tn, null, pp(y = Dr({
       ref: (x) => {
         const C = x?.$el || x;
         r.value = C, f(C);
@@ -4664,7 +4674,7 @@ const gn = /* @__PURE__ */ E((e, {
   name: "LumxTooltip",
   inheritAttrs: !1,
   props: $()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
-}), pp = {
+}), gp = {
   click: (e) => e instanceof MouseEvent
 }, ht = /* @__PURE__ */ E((e, {
   emit: t,
@@ -4715,8 +4725,8 @@ const gn = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("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: pp
-}), gp = "ButtonGroup", mu = "lumx-button-group", vp = {}, vn = (e) => {
+  emits: gp
+}), vp = "ButtonGroup", mu = "lumx-button-group", bp = {}, vn = (e) => {
   const {
     children: t,
     className: n,
@@ -4726,10 +4736,10 @@ const gn = /* @__PURE__ */ E((e, {
     className: L(n, mu)
   }), [t]);
 };
-vn.displayName = gp;
+vn.displayName = vp;
 vn.className = mu;
-vn.defaultProps = vp;
-const yN = /* @__PURE__ */ E((e, {
+vn.defaultProps = bp;
+const AN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -4743,7 +4753,7 @@ const yN = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("class")
 }), pu = /* @__PURE__ */ Symbol("combobox-context");
-function bp(e) {
+function yp(e) {
   je(pu, e);
 }
 function Pe() {
@@ -4784,7 +4794,7 @@ function Br() {
   const { handle: e } = Pe();
   return { isOpen: ye("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
 }
-const yp = /* @__PURE__ */ E((e, {
+const Ap = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = M(() => e.class), {
@@ -4798,7 +4808,7 @@ const yp = /* @__PURE__ */ E((e, {
     optionsLength: 0
   }), d = ye("loadingChange", !1), u = R(null);
   return X(u, (h) => {
-    h && (s(am(h, {
+    h && (s(om(h, {
       onSelect(f) {
         e.onSelect?.(f), t("select", f);
       }
@@ -4842,14 +4852,14 @@ const yp = /* @__PURE__ */ E((e, {
     select: (e) => !!e
   }
 });
-function Ap(e, t) {
+function Sp(e, t) {
   const { disabled: n, isDisabled: a = n, "aria-disabled": o } = t;
   return {
     disabled: !!a,
     "aria-disabled": o === !0 || o === "true"
   };
 }
-const Sp = (e, {
+const Np = (e, {
   TextField: t,
   IconButton: n
 }) => {
@@ -4864,7 +4874,7 @@ const Sp = (e, {
     filter: d,
     theme: u,
     ...h
-  } = e, f = Ap(void 0, e), g = f.disabled || f["aria-disabled"] || void 0;
+  } = e, f = Sp(void 0, e), g = f.disabled || f["aria-disabled"] || void 0;
   return m(t, S({
     autoComplete: "off",
     readOnly: d === "off" || void 0
@@ -4890,7 +4900,7 @@ const Sp = (e, {
     }), null) : void 0
   }), null);
 };
-function Np(e, t) {
+function Pp(e, t) {
   let n;
   const {
     filter: a = "auto",
@@ -4946,10 +4956,10 @@ function Np(e, t) {
   }), n.registerTrigger(e), n;
 }
 const gu = "lumx-text-field", vu = `${gu}__input-native`, {
-  block: Pp
-} = F(vu), xp = {
+  block: xp
+} = F(vu), wp = {
   type: "text"
-}, wp = (e) => {
+}, Cp = (e) => {
   const {
     className: t,
     theme: n,
@@ -4958,7 +4968,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
     handleInput: r,
     handleFocus: s,
     handleBlur: i,
-    type: l = xp.type,
+    type: l = wp.type,
     name: c,
     ref: d,
     ...u
@@ -4971,7 +4981,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
     name: c,
     type: l,
     ref: d,
-    className: L(t, Pp({
+    className: L(t, xp({
       [`theme-${n}`]: !!n,
       text: !0
     })),
@@ -4981,7 +4991,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
     onBlur: i,
     value: a
   }), null);
-}, Cp = {
+}, Op = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t, n) => typeof e == "string",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -4990,7 +5000,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, Op = /* @__PURE__ */ E((e, {
+}, kp = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class), r = (c, d, u) => {
@@ -5002,7 +5012,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
   }, l = (c) => {
     t("blur", c);
   };
-  return () => m(wp, S(n, {
+  return () => m(Cp, S(n, {
     value: e.value,
     type: e.type,
     name: e.name,
@@ -5017,12 +5027,12 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
   name: "LumxRawInputText",
   inheritAttrs: !1,
   props: $()("class", "theme", "value", "type", "name"),
-  emits: Cp
+  emits: Op
 }), {
-  block: kp
+  block: Tp
 } = F(vu), bu = {
   rows: 2
-}, Tp = (e) => {
+}, _p = (e) => {
   const {
     className: t,
     theme: n,
@@ -5043,7 +5053,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
   return m("textarea", S(u, {
     name: c,
     ref: d,
-    className: L(t, kp({
+    className: L(t, Tp({
       [`theme-${n}`]: !!n,
       textarea: !0
     })),
@@ -5055,7 +5065,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
     rows: l
   }), null);
 };
-function _p(e, t, n) {
+function Ip(e, t, n) {
   const a = R(e.value);
   return Xe(
     () => {
@@ -5075,7 +5085,7 @@ function _p(e, t, n) {
     { flush: "post" }
   ), a;
 }
-const Ip = {
+const Lp = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t, n) => typeof e == "string",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5084,10 +5094,10 @@ const Ip = {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, Lp = /* @__PURE__ */ E((e, {
+}, Ep = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
-  const n = D(), a = U(), o = M(() => e.class), r = R(null), s = _p(w(() => e.rows ?? bu.rows), r, w(() => e.value)), i = (u, h, f) => {
+  const n = D(), a = U(), o = M(() => e.class), r = R(null), s = Ip(w(() => e.rows ?? bu.rows), r, w(() => e.value)), i = (u, h, f) => {
     f?.stopImmediatePropagation(), t("change", u, h, f);
   }, l = (u, h, f) => {
     t("input", u, h, f);
@@ -5096,7 +5106,7 @@ const Ip = {
   }, d = (u) => {
     t("blur", u);
   };
-  return () => m(Tp, S(n, {
+  return () => m(_p, S(n, {
     ref: r,
     value: e.value,
     rows: s.value,
@@ -5112,14 +5122,14 @@ const Ip = {
   name: "LumxRawInputTextarea",
   inheritAttrs: !1,
   props: $()("class", "theme", "value", "rows", "name"),
-  emits: Ip
+  emits: Lp
 });
-function Ep(e) {
+function $p(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const $p = "InputLabel", Mp = "lumx-input-label", yu = Mp, {
-  block: Rp
-} = F(yu), Dp = {};
+const Mp = "InputLabel", Rp = "lumx-input-label", yu = Rp, {
+  block: Dp
+} = F(yu), Bp = {};
 function Ve(e) {
   const {
     children: t,
@@ -5136,24 +5146,24 @@ function Ve(e) {
     ref: l
   }, c, {
     htmlFor: a,
-    className: L(n, Rp({
+    className: L(n, Dp({
       "is-required": o,
       [`theme-${r}`]: !!r,
       "has-custom-typography": !!i
     }), i && nn(i))
-  }), Ep(t) ? t : {
+  }), $p(t) ? t : {
     default: () => [t]
   });
 }
-Ve.displayName = $p;
+Ve.displayName = Mp;
 Ve.className = yu;
-Ve.defaultProps = Dp;
-const Bp = {
+Ve.defaultProps = Bp;
+const Fp = {
   [ie.error]: { color: "red" },
   [ie.success]: { color: "green" },
   [ie.warning]: { color: "yellow" }
-}, Fp = "InputHelper", qp = "lumx-input-helper", Au = qp, {
-  block: jp
+}, qp = "InputHelper", jp = "lumx-input-helper", Au = jp, {
+  block: Hp
 } = F(Au), Su = {
   kind: ie.info
 };
@@ -5167,24 +5177,24 @@ function Oe(e) {
     ...s
   } = e, {
     color: i
-  } = Bp[a] || {};
+  } = Fp[a] || {};
   return m("p", S({
     ref: r
   }, s, {
-    className: L(n, jp({
+    className: L(n, Hp({
       [`color-${i}`]: !!i,
       [`theme-${o}`]: !!o
     }))
   }), [t]);
 }
-Oe.displayName = Fp;
+Oe.displayName = qp;
 Oe.className = Au;
 Oe.defaultProps = Su;
 const {
-  block: Hp,
+  block: zp,
   element: ue
 } = F(gu);
-function zp(e, t, n, a, o) {
+function Vp(e, t, n, a, o) {
   const r = e ? `text-field-helper-${n}` : void 0, s = t ? `text-field-error-${n}` : void 0, i = o ? `text-field-label-${n}` : void 0, l = [s, r, a].filter(Boolean), c = l.length === 0 ? void 0 : l.join(" ");
   return {
     helperId: r,
@@ -5193,7 +5203,7 @@ function zp(e, t, n, a, o) {
     labelId: i
   };
 }
-const Vp = (e) => {
+const Wp = (e) => {
   const {
     chips: t,
     className: n,
@@ -5233,7 +5243,7 @@ const Vp = (e) => {
   })]) : void 0;
   return m("div", {
     ref: j,
-    className: L(n, Hp({
+    className: L(n, zp({
       "has-chips": !!t,
       "has-error": !u && s,
       "has-icon": !!l,
@@ -5298,7 +5308,7 @@ const Vp = (e) => {
     id: N,
     children: i
   })]);
-}, Wp = {
+}, Up = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t, n) => typeof e == "string",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5309,7 +5319,7 @@ const Vp = (e) => {
   blur: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   clear: (e) => !0
-}, Up = /* @__PURE__ */ E((e, {
+}, Gp = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = Wc("chips"), o = U(), r = M(() => e.class), s = re(), i = w(() => e.id || s), l = R(!1), {
@@ -5325,7 +5335,7 @@ const Vp = (e) => {
   }, {
     flush: "sync"
   });
-  const h = w(() => zp(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), f = (y, A, N) => {
+  const h = w(() => Vp(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), f = (y, A, N) => {
     t("change", y, A, N);
   }, g = (y, A, N) => {
     t("input", y, A, N);
@@ -5371,16 +5381,16 @@ const Vp = (e) => {
       onInput: g,
       onFocus: p,
       onBlur: b
-    }, Z = e.multiline ? m(Lp, S({
+    }, Z = e.multiline ? m(Ep, S({
       ref: u
     }, ae, {
       rows: e.minimumRows
-    }), null) : m(Op, S({
+    }), null) : m(kp, S({
       ref: u
     }, ae, {
       type: e.type || "text"
     }), null);
-    return m(Vp, {
+    return m(Wp, {
       chips: (a() ?? W) || void 0,
       error: e.error,
       forceFocusStyle: e.forceFocusStyle,
@@ -5418,8 +5428,8 @@ const Vp = (e) => {
   name: "LumxTextField",
   inheritAttrs: !1,
   props: $()("class", "theme", "value", "error", "forceFocusStyle", "hasError", "afterElement", "helper", "icon", "isRequired", "isValid", "label", "labelProps", "maxLength", "charCounterMessage", "isDisabled", "disabled", "multiline", "placeholder", "aria-disabled", "id", "clearButtonProps", "name", "type", "minimumRows", "inputRef", "textFieldRef"),
-  emits: Wp
-}), Gp = /* @__PURE__ */ E((e, {
+  emits: Up
+}), Kp = /* @__PURE__ */ E((e, {
   emit: t,
   attrs: n
 }) => {
@@ -5434,7 +5444,7 @@ const Vp = (e) => {
   } = Br(), d = R(null);
   Ke(() => {
     const g = d.value;
-    g && s(Np(g, {
+    g && s(Pp(g, {
       onSelect(p) {
         e.onSelect?.(p), t("select", p);
       },
@@ -5472,7 +5482,7 @@ const Vp = (e) => {
       ariaDisabled: C,
       ...O
     } = N;
-    return Sp({
+    return Np({
       ...n,
       ...O,
       "aria-disabled": C ?? n.ariaDisabled,
@@ -5490,7 +5500,7 @@ const Vp = (e) => {
       handleToggle: f,
       className: a.value
     }, {
-      TextField: Up,
+      TextField: Gp,
       IconButton: ht
     });
   };
@@ -5509,9 +5519,9 @@ const Vp = (e) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     clear: (e) => !0
   }
-}), Kp = "List", Nu = "lumx-list", {
-  block: Xp
-} = F(Nu), Yp = {}, pt = (e) => {
+}), Xp = "List", Nu = "lumx-list", {
+  block: Yp
+} = F(Nu), Zp = {}, pt = (e) => {
   const {
     children: t,
     className: n,
@@ -5520,16 +5530,16 @@ const Vp = (e) => {
     ...r
   } = e;
   return m("ul", S(r, {
-    className: L(n, Xp({
+    className: L(n, Yp({
       [`item-padding-${a}`]: !!a
     })),
     ref: o
   }), [t]);
 };
-pt.displayName = Kp;
+pt.displayName = Xp;
 pt.className = Nu;
-pt.defaultProps = Yp;
-const Zp = "lumx-combobox-list", Jp = (e) => {
+pt.defaultProps = Zp;
+const Jp = "lumx-combobox-list", Qp = (e) => {
   const {
     "aria-label": t,
     "aria-busy": n,
@@ -5542,7 +5552,7 @@ const Zp = "lumx-combobox-list", Jp = (e) => {
   } = e;
   return pt({
     ...l,
-    className: L(o, Zp),
+    className: L(o, Jp),
     ref: i,
     itemPadding: "big",
     id: r,
@@ -5551,21 +5561,21 @@ const Zp = "lumx-combobox-list", Jp = (e) => {
     "aria-busy": n || void 0,
     children: a
   });
-}, Pu = /* @__PURE__ */ Symbol("combobox-list-context"), Qp = { type: "listbox" };
-function eg(e) {
+}, Pu = /* @__PURE__ */ Symbol("combobox-list-context"), eg = { type: "listbox" };
+function tg(e) {
   je(Pu, e);
 }
-function tg() {
-  return qe(Pu, Qp);
+function ng() {
+  return qe(Pu, eg);
 }
-const ng = /* @__PURE__ */ E((e, {
+const ag = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class), {
     listboxId: o,
     handle: r
   } = Pe(), s = R(null);
-  eg({
+  tg({
     type: e.type || "listbox"
   }), mt([r, s], ([d, u]) => {
     if (!(!d || !u))
@@ -5578,7 +5588,7 @@ const ng = /* @__PURE__ */ E((e, {
     flush: "post"
   }), () => {
     const d = l.value ? t.default?.() : null, u = n["aria-label"] ?? "", h = n["aria-multiselectable"];
-    return Jp({
+    return Qp({
       "aria-label": u,
       "aria-multiselectable": h || void 0,
       "aria-busy": i.value || void 0,
@@ -5596,8 +5606,8 @@ const ng = /* @__PURE__ */ E((e, {
   // hyphenated prop names to camelCase (ariaLabel) internally, making it inaccessible
   // via props['aria-label']. Instead, we read it from attrs where Vue keeps the original name.
   props: $()("type", "class")
-}), ag = "ListItem", xu = "lumx-list-item", {
-  block: og,
+}), og = "ListItem", xu = "lumx-list-item", {
+  block: rg,
   element: jt
 } = F(xu), wu = {
   size: H.regular
@@ -5622,7 +5632,7 @@ const ng = /* @__PURE__ */ E((e, {
   return m("li", S({
     ref: g
   }, p, {
-    className: L(o, og({
+    className: L(o, rg({
       [`size-${f}`]: !!f
     }))
   }), [ft({
@@ -5646,7 +5656,7 @@ const ng = /* @__PURE__ */ E((e, {
     }, [t])])
   })]);
 };
-tt.displayName = ag;
+tt.displayName = og;
 tt.className = xu;
 tt.defaultProps = wu;
 const Fr = (e) => {
@@ -5668,13 +5678,13 @@ const Fr = (e) => {
     children: t
   });
 };
-function rg(e) {
+function sg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const sg = "lumx-combobox-option", {
-  block: ig,
+const ig = "lumx-combobox-option", {
+  block: lg,
   element: Ii
-} = F(sg), lg = (e, {
+} = F(ig), cg = (e, {
   Tooltip: t
 } = {}) => {
   const {
@@ -5710,7 +5720,7 @@ const sg = "lumx-combobox-option", {
     "aria-disabled": d ? "true" : void 0,
     role: A,
     children: o
-  }), C = t && b && !l ? m(t, b, rg(x) ? x : {
+  }), C = t && b && !l ? m(t, b, sg(x) ? x : {
     default: () => [x]
   }) : x;
   return tt({
@@ -5718,7 +5728,7 @@ const sg = "lumx-combobox-option", {
     size: "tiny",
     ...y,
     hidden: l,
-    className: l ? void 0 : L(r, ig()),
+    className: l ? void 0 : L(r, lg()),
     before: n,
     after: a,
     role: N,
@@ -5731,16 +5741,16 @@ const sg = "lumx-combobox-option", {
     })), [s])])
   });
 }, Cu = /* @__PURE__ */ Symbol("combobox-option-context");
-function cg(e) {
+function ug(e) {
   je(Cu, e);
 }
-function ug() {
+function dg() {
   const e = qe(Cu);
   if (!e)
     throw new Error("Combobox.OptionMoreInfo must be used within a Combobox.Option `after` slot");
   return e;
 }
-const dg = {
+const fg = {
   click: () => !0
 }, Ot = /* @__PURE__ */ E((e, {
   slots: t,
@@ -5748,10 +5758,10 @@ const dg = {
 }) => {
   const a = D(), o = M(() => e.class), {
     type: r
-  } = tg(), {
+  } = ng(), {
     handle: s
   } = Pe(), i = r === "grid", l = re(), c = re(), d = R(null), u = R(!1);
-  cg({
+  ug({
     optionId: l
   }), mt([s, d], ([p, b]) => {
     if (!(!p || !b))
@@ -5776,7 +5786,7 @@ const dg = {
   }, g = (p) => t[p]?.() ?? a[p];
   return () => {
     const p = g("before"), b = g("after"), v = t.default?.();
-    return lg({
+    return cg({
       ref: h,
       hidden: u.value,
       value: e.value,
@@ -5801,8 +5811,8 @@ const dg = {
   name: "LumxComboboxOption",
   inheritAttrs: !1,
   props: $()("value", "description", "isDisabled", "isSelected", "tooltipProps", "actionProps", "class"),
-  emits: dg
-}), fg = "lumx-combobox-option-action", hg = (e) => {
+  emits: fg
+}), hg = "lumx-combobox-option-action", mg = (e) => {
   const {
     children: t,
     className: n,
@@ -5814,11 +5824,11 @@ const dg = {
     as: a,
     ...r,
     role: "gridcell",
-    className: L(n, fg),
+    className: L(n, hg),
     handleClick: o,
     children: t
   });
-}, mg = /* @__PURE__ */ E((e, {
+}, pg = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -5832,7 +5842,7 @@ const dg = {
       class: c,
       ...d
     } = s.value;
-    return hg({
+    return mg({
       as: "button",
       ...d,
       ...n,
@@ -5848,13 +5858,13 @@ const dg = {
   inheritAttrs: !1,
   props: $()("isDisabled", "onClick", "class")
 });
-function pg(e) {
+function gg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const gg = "lumx-combobox-option-more-info", {
-  block: vg,
-  element: bg
-} = F(gg), yg = (e, {
+const vg = "lumx-combobox-option-more-info", {
+  block: bg,
+  element: yg
+} = F(vg), Ag = (e, {
   IconButton: t,
   Popover: n
 }) => {
@@ -5873,7 +5883,7 @@ const gg = "lumx-combobox-option-more-info", {
     icon: Pd,
     size: "s"
   }, d, {
-    className: vg([o, d?.className]),
+    className: bg([o, d?.className]),
     emphasis: "low",
     onMouseEnter: l,
     onMouseLeave: c,
@@ -5881,7 +5891,7 @@ const gg = "lumx-combobox-option-more-info", {
     label: ""
   }), null), m(n, {
     id: s,
-    className: bg("popover"),
+    className: yg("popover"),
     anchorRef: i,
     isOpen: r,
     closeMode: "unmount",
@@ -5889,10 +5899,10 @@ const gg = "lumx-combobox-option-more-info", {
     closeOnClickAway: !0,
     placement: "bottom-end",
     hasArrow: !0
-  }, pg(a) ? a : {
+  }, gg(a) ? a : {
     default: () => [a]
   })]);
-}, Ag = {
+}, Sg = {
   AUTO: "auto",
   AUTO_END: "auto-end",
   AUTO_START: "auto-start",
@@ -5908,21 +5918,21 @@ const gg = "lumx-combobox-option-more-info", {
   LEFT: "left",
   LEFT_END: "left-end",
   LEFT_START: "left-start"
-}, Sg = {
+}, Ng = {
   MIN_WIDTH: "minWidth"
-}, qa = 14, Ng = 9999;
-function Pg(e) {
+}, qa = 14, Pg = 9999;
+function xg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const xg = "lumx-popover", {
-  block: wg,
-  element: Cg
-} = F(xg), Wt = {
+const wg = "lumx-popover", {
+  block: Cg,
+  element: Og
+} = F(wg), Wt = {
   closeMode: "unmount",
   elevation: 3,
-  placement: Ag.AUTO,
+  placement: Sg.AUTO,
   usePortal: !0
-}, Og = (e, {
+}, kg = (e, {
   Portal: t,
   ClickAwayProvider: n,
   ThemeProvider: a
@@ -5954,7 +5964,7 @@ const xg = "lumx-popover", {
   }, {
     default: () => [m(P, S(x, {
       ref: p,
-      className: L(s, wg({
+      className: L(s, Cg({
         [`theme-${g}`]: !!g,
         [`elevation-${T}`]: !!T,
         [`position-${u}`]: !!u,
@@ -5970,7 +5980,7 @@ const xg = "lumx-popover", {
       }, {
         default: () => [c && m("div", {
           ref: b,
-          className: Cg("arrow"),
+          className: Og("arrow"),
           style: C ? void 0 : f
         }, [m("svg", {
           viewBox: "0 0 14 14",
@@ -5979,19 +5989,19 @@ const xg = "lumx-popover", {
           d: "M8 3.49C7.62 2.82 6.66 2.82 6.27 3.48L.04 14 14.04 14 8 3.49Z"
         }, null)])]), m(a, {
           value: g
-        }, Pg(r) ? r : {
+        }, xg(r) ? r : {
           default: () => [r]
         })]
       })]
     })]
   }) : null;
 };
-function kg(e) {
+function Tg(e) {
   return e === "auto" ? { isAuto: !0 } : e === "auto-start" ? { isAuto: !0, autoAlignment: "start" } : e === "auto-end" ? { isAuto: !0, autoAlignment: "end" } : { floatingPlacement: e, isAuto: !1 };
 }
-function Tg(e) {
+function _g(e) {
   if (e)
-    return typeof e == "string" ? e : Sg.MIN_WIDTH;
+    return typeof e == "string" ? e : Ng.MIN_WIDTH;
 }
 function ot(e) {
   return e && e in H ? `var(--lumx-size-${e})` : e;
@@ -5999,8 +6009,8 @@ function ot(e) {
 function Ou(e) {
   return (t, n) => t && n ? `${e}(${t}, ${n})` : t || n || "";
 }
-const Li = Ou("min"), _g = Ou("max");
-function Ig(e) {
+const Li = Ou("min"), Ig = Ou("max");
+function Lg(e) {
   const {
     offset: t,
     hasArrow: n,
@@ -6017,13 +6027,13 @@ function Ig(e) {
     arrowElement: f
   } = e, g = ot(r), p = ot(s), b = ot(i), v = ot(l), y = ot(c), A = ot(d), N = [], x = (t?.away ?? 0) + (n ? qa : 0), C = t?.along ?? 0;
   return N.push(lu({ mainAxis: x, crossAxis: C })), h.isAuto ? N.push(
-    Jm({ ...u ? { boundary: u } : {}, alignment: h.autoAlignment })
-  ) : (N.push(ep(u ? { boundary: u } : {})), N.push(Qm(u ? { boundary: u } : {}))), (a || o || g || p || b || v || y || A) && N.push(
-    tp({
+    Qm({ ...u ? { boundary: u } : {}, alignment: h.autoAlignment })
+  ) : (N.push(tp(u ? { boundary: u } : {})), N.push(ep(u ? { boundary: u } : {}))), (a || o || g || p || b || v || y || A) && N.push(
+    np({
       ...u ? { boundary: u } : {},
       apply({ availableHeight: P, rects: T, elements: k }) {
         const _ = `${T.reference.width}px`;
-        k.floating.style.width = g || (a === "width" ? _ : ""), k.floating.style.minWidth = _g(p, a === "minWidth" ? _ : ""), k.floating.style.maxWidth = Li(b, a === "maxWidth" ? _ : ""), k.floating.style.height = v || "", k.floating.style.minHeight = y || "";
+        k.floating.style.width = g || (a === "width" ? _ : ""), k.floating.style.minWidth = Ig(p, a === "minWidth" ? _ : ""), k.floating.style.maxWidth = Li(b, a === "maxWidth" ? _ : ""), k.floating.style.height = v || "", k.floating.style.minHeight = y || "";
         const q = `${Math.max(0, P - qa)}px`;
         k.floating.style.maxHeight = Li(
           A,
@@ -6031,21 +6041,21 @@ function Ig(e) {
         );
       }
     })
-  ), n && f && N.push(np({ element: f, padding: qa / 2 })), N;
+  ), n && f && N.push(ap({ element: f, padding: qa / 2 })), N;
 }
-function Lg(e) {
+function Eg(e) {
   if (e)
     return {
       left: e.x != null ? `${e.x}px` : "",
       top: e.y != null ? `${e.y}px` : ""
     };
 }
-function Eg(e) {
+function $g(e) {
   return e.isAuto ? void 0 : e.floatingPlacement;
 }
-function $g(e) {
-  const t = R(), n = R(), a = w(() => kg(e.placement?.value)), o = w(() => Tg(e.fitToAnchorWidth?.value)), r = w(
-    () => Ig({
+function Mg(e) {
+  const t = R(), n = R(), a = w(() => Tg(e.placement?.value)), o = w(() => _g(e.fitToAnchorWidth?.value)), r = w(
+    () => Lg({
       offset: e.offset?.value,
       hasArrow: e.hasArrow?.value,
       fitWidth: o.value,
@@ -6060,7 +6070,7 @@ function $g(e) {
       parsedPlacement: a.value,
       arrowElement: n.value
     })
-  ), s = w(() => Eg(a.value)), {
+  ), s = w(() => $g(a.value)), {
     floatingStyles: i,
     placement: l,
     isPositioned: c,
@@ -6071,7 +6081,7 @@ function $g(e) {
     middleware: r
   }), u = w(
     () => l.value ?? e.placement?.value
-  ), h = w(() => Lg(d.value?.arrow)), f = w(() => ({
+  ), h = w(() => Eg(d.value?.arrow)), f = w(() => ({
     ...e.style?.value || {},
     ...i.value,
     zIndex: e.zIndex?.value
@@ -6084,14 +6094,14 @@ function $g(e) {
     arrowRef: n
   };
 }
-function Mg(e, t = !0) {
+function Rg(e, t = !0) {
   const n = R(!1);
   Xe(() => {
     const a = lt(e) ? e.value : e, o = lt(t) ? t.value : t;
     o && !n.value && a && (a.focus(), n.value = !0), o || (n.value = !1);
   });
 }
-const Rg = {
+const Dg = {
   close: () => !0
 }, bn = /* @__PURE__ */ E((e, {
   emit: t,
@@ -6104,7 +6114,7 @@ const Rg = {
     position: c,
     floatingRef: d,
     arrowRef: u
-  } = $g({
+  } = Mg({
     anchorRef: r,
     boundaryRef: w(() => xt(e.boundaryRef)),
     offset: Q(e, "offset"),
@@ -6120,7 +6130,7 @@ const Rg = {
     placement: w(() => e.placement || Wt.placement),
     style: w(() => {
     }),
-    zIndex: w(() => e.zIndex ?? Ng)
+    zIndex: w(() => e.zIndex ?? Pg)
   });
   Or(w(() => e.focusAnchorOnClose ?? !0), r, w(() => e.parentElement), d, w(() => !!e.isOpen));
   const h = () => {
@@ -6128,11 +6138,11 @@ const Rg = {
   };
   ln(w(() => h), w(() => !!(e.isOpen && e.closeOnEscape)));
   const f = w(() => !e.withFocusTrap && !!e.isOpen && l.value);
-  Mg(s, f);
+  Rg(s, f);
   const g = w(() => !e.withFocusTrap || !e.isOpen ? !1 : e.focusTrapZoneElement || d.value || !1);
   Cr(g, s);
   const p = w(() => [d, r]);
-  return () => Og({
+  return () => kg({
     ...a,
     as: e.as,
     closeMode: e.closeMode,
@@ -6159,9 +6169,9 @@ const Rg = {
   name: "LumxPopover",
   inheritAttrs: !1,
   props: $()("anchorRef", "as", "boundaryRef", "closeMode", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusElement", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "focusAnchorOnClose", "hasArrow", "isOpen", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "zIndex", "withFocusTrap", "theme", "class"),
-  emits: Rg
+  emits: Dg
 });
-function Dg(e) {
+function Bg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
 const ku = /* @__PURE__ */ E((e, {
@@ -6169,7 +6179,7 @@ const ku = /* @__PURE__ */ E((e, {
 }) => {
   const n = M(() => e.class), a = R(null), o = w(() => a.value?.$el ?? void 0), r = R(!1), {
     optionId: s
-  } = ug(), i = ye("activeDescendantChange", null), l = `${s}-more-info`;
+  } = dg(), i = ye("activeDescendantChange", null), l = `${s}-more-info`;
   function c(u) {
     const {
       onMouseEnter: h,
@@ -6192,13 +6202,13 @@ const ku = /* @__PURE__ */ E((e, {
     } = u;
     return m(bn, S({
       anchorRef: o
-    }, g), Dg(h) ? h : {
+    }, g), Bg(h) ? h : {
       default: () => [h]
     });
   };
   return () => {
     const u = i.value === s, h = r.value || u, f = t.default?.();
-    return yg({
+    return Ag({
       // 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
@@ -6229,10 +6239,10 @@ const ku = /* @__PURE__ */ E((e, {
   emits: {
     toggle: (e) => typeof e == "boolean"
   }
-}), Bg = "lumx-skeleton-typography", {
-  block: Fg,
-  element: qg
-} = F(Bg), ir = (e) => {
+}), Fg = "lumx-skeleton-typography", {
+  block: qg,
+  element: jg
+} = F(Fg), ir = (e) => {
   const {
     className: t,
     theme: n,
@@ -6245,7 +6255,7 @@ const ku = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: s
   }, i, {
-    className: L(t, Fg({
+    className: L(t, qg({
       [`theme-${n}`]: !!n,
       [`typography-${a}`]: !!a,
       [`color-${r}`]: !!r
@@ -6255,9 +6265,9 @@ const ku = /* @__PURE__ */ E((e, {
       width: o
     }
   }), [m("div", {
-    className: qg("inner")
+    className: jg("inner")
   }, null)]);
-}, jg = "lumx-combobox-option-skeleton", Hg = (e) => {
+}, Hg = "lumx-combobox-option-skeleton", zg = (e) => {
   const {
     hasDescription: t,
     children: n,
@@ -6270,7 +6280,7 @@ const ku = /* @__PURE__ */ E((e, {
     size: "tiny",
     role: "none",
     ...s,
-    className: L(a, jg),
+    className: L(a, Hg),
     children: n || m(ne, null, [m(ir, {
       typography: "body1",
       theme: "light"
@@ -6293,7 +6303,7 @@ const ku = /* @__PURE__ */ E((e, {
   } = Pe();
   return mt(o, (r) => r?.registerSkeleton()), () => {
     const r = n.before, s = n.after, i = t.default?.();
-    return Hg({
+    return zg({
       ...n,
       className: a.value,
       count: e.count,
@@ -6306,14 +6316,14 @@ const ku = /* @__PURE__ */ E((e, {
   name: "LumxComboboxOptionSkeleton",
   inheritAttrs: !1,
   props: $()("hasDescription", "count", "class")
-}), zg = "80vh";
-function Vg(e) {
+}), Vg = "80vh";
+function Wg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const Wg = "lumx-combobox-popover", {
-  block: Ug,
-  element: Gg
-} = F(Wg), Kg = (e, {
+const Ug = "lumx-combobox-popover", {
+  block: Gg,
+  element: Kg
+} = F(Ug), Xg = (e, {
   Popover: t,
   FlexBox: n
 }) => {
@@ -6324,7 +6334,7 @@ const Wg = "lumx-combobox-popover", {
     closeOnEscape: s = !1,
     fitToAnchorWidth: i = !0,
     isOpen: l,
-    maxHeight: c = zg,
+    maxHeight: c = Vg,
     placement: d = "bottom-start",
     anchorRef: u,
     handleClose: h,
@@ -6334,7 +6344,7 @@ const Wg = "lumx-combobox-popover", {
     placement: d,
     fitToAnchorWidth: i,
     maxHeight: c,
-    className: Ug([o]),
+    className: Gg([o]),
     anchorRef: u,
     isOpen: l,
     onClose: h,
@@ -6344,14 +6354,14 @@ const Wg = "lumx-combobox-popover", {
   }), {
     default: () => [m(n, {
       orientation: "vertical",
-      className: Gg("scroll")
-    }, Vg(a) ? a : {
+      className: Kg("scroll")
+    }, Wg(a) ? a : {
       default: () => [a]
     })]
   });
 };
 var ja, Ei;
-function Xg() {
+function Yg() {
   if (Ei) return ja;
   Ei = 1;
   var e = Je();
@@ -6363,11 +6373,11 @@ function Xg() {
   }
   return ja = t, ja;
 }
-var Yg = Xg();
-const qr = /* @__PURE__ */ Te(Yg), Zg = "lumx-flex-box", {
-  block: Jg
-} = F(Zg);
-function Qg(e) {
+var Zg = Yg();
+const qr = /* @__PURE__ */ Te(Zg), Jg = "lumx-flex-box", {
+  block: Qg
+} = F(Jg);
+function ev(e) {
   const {
     className: t,
     fillSpace: n,
@@ -6382,7 +6392,7 @@ function Qg(e) {
   } = e, u = c ?? (l || o || i ? ct.horizontal : null);
   return {
     ...d,
-    className: L(t, Jg({
+    className: L(t, Qg({
       [`orientation-${u}`]: !!u,
       [`v-align-${i}`]: !!i,
       [`h-align-${o}`]: !!o,
@@ -6399,7 +6409,7 @@ const yn = /* @__PURE__ */ E((e, {
 }) => {
   const n = D(), a = M(() => e.class);
   return () => {
-    const o = e.as || "div", r = Qg({
+    const o = e.as || "div", r = ev({
       ...e,
       ...n,
       className: a.value,
@@ -6415,7 +6425,7 @@ const yn = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("as", "fillSpace", "gap", "horizontalAlign", "marginAuto", "noShrink", "orientation", "verticalAlign", "wrap", "class")
-}), ev = /* @__PURE__ */ E((e, {
+}), tv = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = M(() => e.class), {
@@ -6429,7 +6439,7 @@ const yn = /* @__PURE__ */ E((e, {
       class: i,
       ...l
     } = e;
-    return Kg({
+    return Xg({
       ...l,
       children: t.default?.(),
       className: n.value,
@@ -6445,12 +6455,12 @@ const yn = /* @__PURE__ */ E((e, {
   name: "LumxComboboxPopover",
   inheritAttrs: !1,
   props: $()("as", "boundaryRef", "class", "closeMode", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusAnchorOnClose", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "focusElement", "focusTrapZoneElement", "hasArrow", "offset", "parentElement", "placement", "theme", "usePortal", "withFocusTrap", "zIndex")
-}), tv = /* @__PURE__ */ E((e, {
+}), nv = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n
 }) => {
   const a = D(), o = re(), r = R(null), s = Re(null);
-  return bp({
+  return yp({
     handle: s,
     setHandle: (l) => {
       s.value = l;
@@ -6473,10 +6483,10 @@ const yn = /* @__PURE__ */ E((e, {
     open: (e) => !0
   }
 });
-function nv(e) {
+function av(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const av = "lumx-combobox-section", ov = (e, {
+const ov = "lumx-combobox-section", rv = (e, {
   ListSection: t
 }) => {
   const {
@@ -6489,15 +6499,15 @@ const av = "lumx-combobox-section", ov = (e, {
   return m(t, S(s, {
     hidden: o,
     "aria-hidden": r || void 0,
-    className: o ? void 0 : L(a, av),
+    className: o ? void 0 : L(a, ov),
     role: r ? void 0 : "none",
     itemsWrapperProps: {
       role: "group"
     }
-  }), nv(n) ? n : {
+  }), av(n) ? n : {
     default: () => [n]
   });
-}, AN = /* @__PURE__ */ E((e, {
+}, SN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -6509,7 +6519,7 @@ const av = "lumx-combobox-section", ov = (e, {
   name: "LumxList",
   inheritAttrs: !1,
   props: $()("itemPadding", "class")
-}), rv = "ListDivider", _u = "lumx-list-divider", sv = {}, An = (e) => {
+}), sv = "ListDivider", _u = "lumx-list-divider", iv = {}, An = (e) => {
   const {
     className: t,
     ref: n,
@@ -6522,9 +6532,9 @@ const av = "lumx-combobox-section", ov = (e, {
     className: L(t, _u)
   }), null);
 };
-An.displayName = rv;
+An.displayName = sv;
 An.className = _u;
-An.defaultProps = sv;
+An.defaultProps = iv;
 const Iu = /* @__PURE__ */ E((e) => {
   const t = D(), n = M(() => e.class);
   return () => m(An, S(t, {
@@ -6534,9 +6544,9 @@ const Iu = /* @__PURE__ */ E((e) => {
   name: "LumxListDivider",
   inheritAttrs: !1,
   props: $()("class")
-}), iv = {
+}), lv = {
   click: (e) => e instanceof MouseEvent
-}, lv = /* @__PURE__ */ E((e, {
+}, cv = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -6567,10 +6577,10 @@ const Iu = /* @__PURE__ */ E((e) => {
   name: "LumxListItemAction",
   inheritAttrs: !1,
   props: $()("as", "href", "class", "isDisabled", "disabled", "aria-disabled"),
-  emits: iv
-}), cv = {
+  emits: lv
+}), uv = {
   click: (e) => e instanceof MouseEvent
-}, uv = /* @__PURE__ */ E((e, {
+}, dv = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -6604,13 +6614,13 @@ const Iu = /* @__PURE__ */ E((e) => {
   name: "LumxListItem",
   inheritAttrs: !1,
   props: $()("isHighlighted", "isSelected", "isDisabled", "linkAs", "linkProps", "size", "class", "aria-disabled"),
-  emits: cv
-}), SN = Object.assign(uv, {
-  Action: lv
-}), dv = "ListSection", Lu = "lumx-list-section", {
-  block: fv,
+  emits: uv
+}), NN = Object.assign(dv, {
+  Action: cv
+}), fv = "ListSection", Lu = "lumx-list-section", {
+  block: hv,
   element: $i
-} = F(Lu), hv = {}, Sn = (e) => {
+} = F(Lu), mv = {}, Sn = (e) => {
   const {
     children: t,
     className: n,
@@ -6625,7 +6635,7 @@ const Iu = /* @__PURE__ */ E((e) => {
   return m("li", S({
     ref: i
   }, c, {
-    className: L(n, fv())
+    className: L(n, hv())
   }), [u && m(l, {
     as: "p",
     typography: "overline",
@@ -6640,10 +6650,10 @@ const Iu = /* @__PURE__ */ E((e) => {
     "aria-labelledby": u ? d : void 0
   }), [t])]);
 };
-Sn.displayName = dv;
+Sn.displayName = fv;
 Sn.className = Lu;
-Sn.defaultProps = hv;
-const mv = /* @__PURE__ */ E((e, {
+Sn.defaultProps = mv;
+const pv = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = re(), o = M(() => e.class);
@@ -6679,7 +6689,7 @@ const mv = /* @__PURE__ */ E((e, {
     const i = t.default?.();
     if (!i || i.length === 0) return null;
     const l = e.label ?? t.label?.();
-    return ov({
+    return rv({
       label: l,
       icon: e.icon,
       className: n.value,
@@ -6688,7 +6698,7 @@ const mv = /* @__PURE__ */ E((e, {
       ref: s,
       children: i
     }, {
-      ListSection: mv
+      ListSection: pv
     });
   };
 }, {
@@ -6699,9 +6709,9 @@ const mv = /* @__PURE__ */ E((e, {
 function bt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const pv = "lumx-combobox-state", {
-  block: gv
-} = F(pv), vv = (e, {
+const gv = "lumx-combobox-state", {
+  block: vv
+} = F(gv), bv = (e, {
   GenericBlock: t,
   Text: n
 }) => {
@@ -6717,7 +6727,7 @@ const pv = "lumx-combobox-state", {
     vAlign: "center"
   }, A = c;
   return m(t, S({
-    className: L(!v && an(), gv(), qd("regular")),
+    className: L(!v && an(), vv(), qd("regular")),
     orientation: "vertical"
   }, y, {
     role: "status",
@@ -6755,14 +6765,14 @@ const pv = "lumx-combobox-state", {
       default: () => [s]
     })])]
   });
-}, bv = 100;
-function yv(e, t) {
+}, yv = 100;
+function Av(e, t) {
   const { setIsLoading: n, setShouldAnnounce: a, setIsOpen: o } = t;
   n(e.isLoading);
   const r = e.subscribe("loadingChange", n), s = e.subscribe("loadingAnnouncement", a);
   let i;
   const l = e.subscribe("open", (c) => {
-    clearTimeout(i), c ? i = setTimeout(() => o(!0), bv) : o(!1);
+    clearTimeout(i), c ? i = setTimeout(() => o(!0), yv) : o(!1);
   });
   return () => {
     r(), s(), l(), clearTimeout(i);
@@ -6771,13 +6781,13 @@ function yv(e, t) {
 function Ha(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const Av = "lumx-generic-block", {
-  block: Sv,
+const Sv = "lumx-generic-block", {
+  block: Nv,
   element: za
-} = F(Av), Mi = {
+} = F(Sv), Mi = {
   gap: H.big,
   orientation: ct.horizontal
-}, Nv = (e) => {
+}, Pv = (e) => {
   const {
     className: t,
     figure: n,
@@ -6795,7 +6805,7 @@ const Av = "lumx-generic-block", {
   } = e;
   return m(h, S({
     ref: l,
-    className: L(t, Sv()),
+    className: L(t, Nv()),
     gap: i,
     orientation: d
   }, f), {
@@ -6816,7 +6826,7 @@ const Av = "lumx-generic-block", {
       default: () => [r]
     })]
   });
-}, Pv = /* @__PURE__ */ E((e, {
+}, xv = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -6828,7 +6838,7 @@ const Av = "lumx-generic-block", {
       class: l,
       ...c
     } = e;
-    return m(Nv, S(c, n, {
+    return m(Pv, S(c, n, {
       className: a.value,
       FlexBox: yn,
       figure: o,
@@ -6864,7 +6874,7 @@ function Nn() {
   return Va = a, Va;
 }
 var Wa, Di;
-function xv() {
+function wv() {
   if (Di) return Wa;
   Di = 1;
   var e = Je(), t = Nn(), n = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
@@ -6884,7 +6894,7 @@ function Pn() {
   return Ua = t, Ua;
 }
 var Ga, Fi;
-function wv() {
+function Cv() {
   if (Fi) return Ga;
   Fi = 1;
   var e = Pn();
@@ -6894,7 +6904,7 @@ function wv() {
   return Ga = t, Ga;
 }
 var Ka, qi;
-function Cv() {
+function Ov() {
   if (qi) return Ka;
   qi = 1;
   function e(t) {
@@ -6904,7 +6914,7 @@ function Cv() {
   return Ka = e, Ka;
 }
 var Xa, ji;
-function Ov() {
+function kv() {
   if (ji) return Xa;
   ji = 1;
   var e = Pn(), t = "__lodash_hash_undefined__", n = Object.prototype, a = n.hasOwnProperty;
@@ -6919,7 +6929,7 @@ function Ov() {
   return Xa = o, Xa;
 }
 var Ya, Hi;
-function kv() {
+function Tv() {
   if (Hi) return Ya;
   Hi = 1;
   var e = Pn(), t = Object.prototype, n = t.hasOwnProperty;
@@ -6930,7 +6940,7 @@ function kv() {
   return Ya = a, Ya;
 }
 var Za, zi;
-function Tv() {
+function _v() {
   if (zi) return Za;
   zi = 1;
   var e = Pn(), t = "__lodash_hash_undefined__";
@@ -6941,10 +6951,10 @@ function Tv() {
   return Za = n, Za;
 }
 var Ja, Vi;
-function _v() {
+function Iv() {
   if (Vi) return Ja;
   Vi = 1;
-  var e = wv(), t = Cv(), n = Ov(), a = kv(), o = Tv();
+  var e = Cv(), t = Ov(), n = kv(), a = Tv(), o = _v();
   function r(s) {
     var i = -1, l = s == null ? 0 : s.length;
     for (this.clear(); ++i < l; ) {
@@ -6955,7 +6965,7 @@ function _v() {
   return r.prototype.clear = e, r.prototype.delete = t, r.prototype.get = n, r.prototype.has = a, r.prototype.set = o, Ja = r, Ja;
 }
 var Qa, Wi;
-function Iv() {
+function Lv() {
   if (Wi) return Qa;
   Wi = 1;
   function e() {
@@ -6986,7 +6996,7 @@ function xn() {
   return to = t, to;
 }
 var no, Ki;
-function Lv() {
+function Ev() {
   if (Ki) return no;
   Ki = 1;
   var e = xn(), t = Array.prototype, n = t.splice;
@@ -7000,7 +7010,7 @@ function Lv() {
   return no = a, no;
 }
 var ao, Xi;
-function Ev() {
+function $v() {
   if (Xi) return ao;
   Xi = 1;
   var e = xn();
@@ -7011,7 +7021,7 @@ function Ev() {
   return ao = t, ao;
 }
 var oo, Yi;
-function $v() {
+function Mv() {
   if (Yi) return oo;
   Yi = 1;
   var e = xn();
@@ -7021,7 +7031,7 @@ function $v() {
   return oo = t, oo;
 }
 var ro, Zi;
-function Mv() {
+function Rv() {
   if (Zi) return ro;
   Zi = 1;
   var e = xn();
@@ -7032,10 +7042,10 @@ function Mv() {
   return ro = t, ro;
 }
 var so, Ji;
-function Rv() {
+function Dv() {
   if (Ji) return so;
   Ji = 1;
-  var e = Iv(), t = Lv(), n = Ev(), a = $v(), o = Mv();
+  var e = Lv(), t = Ev(), n = $v(), a = Mv(), o = Rv();
   function r(s) {
     var i = -1, l = s == null ? 0 : s.length;
     for (this.clear(); ++i < l; ) {
@@ -7046,10 +7056,10 @@ function Rv() {
   return r.prototype.clear = e, r.prototype.delete = t, r.prototype.get = n, r.prototype.has = a, r.prototype.set = o, so = r, so;
 }
 var io, Qi;
-function Dv() {
+function Bv() {
   if (Qi) return io;
   Qi = 1;
-  var e = _v(), t = Rv(), n = qc();
+  var e = Iv(), t = Dv(), n = qc();
   function a() {
     this.size = 0, this.__data__ = {
       hash: new e(),
@@ -7060,7 +7070,7 @@ function Dv() {
   return io = a, io;
 }
 var lo, el;
-function Bv() {
+function Fv() {
   if (el) return lo;
   el = 1;
   function e(t) {
@@ -7073,7 +7083,7 @@ var co, tl;
 function wn() {
   if (tl) return co;
   tl = 1;
-  var e = Bv();
+  var e = Fv();
   function t(n, a) {
     var o = n.__data__;
     return e(a) ? o[typeof a == "string" ? "string" : "hash"] : o.map;
@@ -7081,7 +7091,7 @@ function wn() {
   return co = t, co;
 }
 var uo, nl;
-function Fv() {
+function qv() {
   if (nl) return uo;
   nl = 1;
   var e = wn();
@@ -7092,7 +7102,7 @@ function Fv() {
   return uo = t, uo;
 }
 var fo, al;
-function qv() {
+function jv() {
   if (al) return fo;
   al = 1;
   var e = wn();
@@ -7102,7 +7112,7 @@ function qv() {
   return fo = t, fo;
 }
 var ho, ol;
-function jv() {
+function Hv() {
   if (ol) return ho;
   ol = 1;
   var e = wn();
@@ -7112,7 +7122,7 @@ function jv() {
   return ho = t, ho;
 }
 var mo, rl;
-function Hv() {
+function zv() {
   if (rl) return mo;
   rl = 1;
   var e = wn();
@@ -7123,10 +7133,10 @@ function Hv() {
   return mo = t, mo;
 }
 var po, sl;
-function zv() {
+function Vv() {
   if (sl) return po;
   sl = 1;
-  var e = Dv(), t = Fv(), n = qv(), a = jv(), o = Hv();
+  var e = Bv(), t = qv(), n = jv(), a = Hv(), o = zv();
   function r(s) {
     var i = -1, l = s == null ? 0 : s.length;
     for (this.clear(); ++i < l; ) {
@@ -7137,10 +7147,10 @@ function zv() {
   return r.prototype.clear = e, r.prototype.delete = t, r.prototype.get = n, r.prototype.has = a, r.prototype.set = o, po = r, po;
 }
 var go, il;
-function Vv() {
+function Wv() {
   if (il) return go;
   il = 1;
-  var e = zv(), t = "Expected a function";
+  var e = Vv(), t = "Expected a function";
   function n(a, o) {
     if (typeof a != "function" || o != null && typeof o != "function")
       throw new TypeError(t);
@@ -7156,10 +7166,10 @@ function Vv() {
   return n.Cache = e, go = n, go;
 }
 var vo, ll;
-function Wv() {
+function Uv() {
   if (ll) return vo;
   ll = 1;
-  var e = Vv(), t = 500;
+  var e = Wv(), t = 500;
   function n(a) {
     var o = e(a, function(s) {
       return r.size === t && r.clear(), s;
@@ -7169,10 +7179,10 @@ function Wv() {
   return vo = n, vo;
 }
 var bo, cl;
-function Uv() {
+function Gv() {
   if (cl) return bo;
   cl = 1;
-  var e = Wv(), t = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, n = /\\(\\)?/g, a = e(function(o) {
+  var e = Uv(), t = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, n = /\\(\\)?/g, a = e(function(o) {
     var r = [];
     return o.charCodeAt(0) === 46 && r.push(""), o.replace(t, function(s, i, l, c) {
       r.push(l ? c.replace(n, "$1") : i || s);
@@ -7181,7 +7191,7 @@ function Uv() {
   return bo = a, bo;
 }
 var yo, ul;
-function Gv() {
+function Kv() {
   if (ul) return yo;
   ul = 1;
   var e = rn(), t = Lc(), n = Je(), a = Nn(), o = e ? e.prototype : void 0, r = o ? o.toString : void 0;
@@ -7198,10 +7208,10 @@ function Gv() {
   return yo = s, yo;
 }
 var Ao, dl;
-function Kv() {
+function Xv() {
   if (dl) return Ao;
   dl = 1;
-  var e = Gv();
+  var e = Kv();
   function t(n) {
     return n == null ? "" : e(n);
   }
@@ -7211,7 +7221,7 @@ var So, fl;
 function Cn() {
   if (fl) return So;
   fl = 1;
-  var e = Je(), t = xv(), n = Uv(), a = Kv();
+  var e = Je(), t = wv(), n = Gv(), a = Xv();
   function o(r, s) {
     return e(r) ? r : t(r, s) ? [r] : n(a(r));
   }
@@ -7231,7 +7241,7 @@ function jr() {
   return No = t, No;
 }
 var Po, ml;
-function Xv() {
+function Yv() {
   if (ml) return Po;
   ml = 1;
   var e = Cn(), t = jr();
@@ -7244,7 +7254,7 @@ function Xv() {
   return Po = n, Po;
 }
 var xo, pl;
-function Yv() {
+function Zv() {
   if (pl) return xo;
   pl = 1;
   var e = _c();
@@ -7259,10 +7269,10 @@ function Yv() {
   return xo = t, xo;
 }
 var wo, gl;
-function Zv() {
+function Jv() {
   if (gl) return wo;
   gl = 1;
-  var e = Yv(), t = $u(), n = Object.prototype, a = n.hasOwnProperty;
+  var e = Zv(), t = $u(), n = Object.prototype, a = n.hasOwnProperty;
   function o(r, s, i) {
     var l = r[s];
     (!(a.call(r, s) && t(l, i)) || i === void 0 && !(s in r)) && e(r, s, i);
@@ -7284,7 +7294,7 @@ var Oo, bl;
 function Ru() {
   if (bl) return Oo;
   bl = 1;
-  var e = Zv(), t = Cn(), n = Mu(), a = sn(), o = jr();
+  var e = Jv(), t = Cn(), n = Mu(), a = sn(), o = jr();
   function r(s, i, l, c) {
     if (!a(s))
       return s;
@@ -7304,10 +7314,10 @@ function Ru() {
   return Oo = r, Oo;
 }
 var ko, yl;
-function Jv() {
+function Qv() {
   if (yl) return ko;
   yl = 1;
-  var e = Xv(), t = Ru(), n = Cn();
+  var e = Yv(), t = Ru(), n = Cn();
   function a(o, r, s) {
     for (var i = -1, l = r.length, c = {}; ++i < l; ) {
       var d = r[i], u = e(o, d);
@@ -7318,7 +7328,7 @@ function Jv() {
   return ko = a, ko;
 }
 var To, Al;
-function Qv() {
+function eb() {
   if (Al) return To;
   Al = 1;
   function e(t, n) {
@@ -7327,7 +7337,7 @@ function Qv() {
   return To = e, To;
 }
 var _o, Sl;
-function eb() {
+function tb() {
   if (Sl) return _o;
   Sl = 1;
   var e = Cn(), t = kr(), n = Je(), a = Mu(), o = Tr(), r = jr();
@@ -7344,20 +7354,20 @@ function eb() {
   return _o = s, _o;
 }
 var Io, Nl;
-function tb() {
+function nb() {
   if (Nl) return Io;
   Nl = 1;
-  var e = Qv(), t = eb();
+  var e = eb(), t = tb();
   function n(a, o) {
     return a != null && t(a, o, e);
   }
   return Io = n, Io;
 }
 var Lo, Pl;
-function nb() {
+function ab() {
   if (Pl) return Lo;
   Pl = 1;
-  var e = Jv(), t = tb();
+  var e = Qv(), t = nb();
   function n(a, o) {
     return e(a, o, function(r, s) {
       return t(a, s);
@@ -7366,7 +7376,7 @@ function nb() {
   return Lo = n, Lo;
 }
 var Eo, xl;
-function ab() {
+function ob() {
   if (xl) return Eo;
   xl = 1;
   function e(t, n) {
@@ -7377,7 +7387,7 @@ function ab() {
   return Eo = e, Eo;
 }
 var $o, wl;
-function ob() {
+function rb() {
   if (wl) return $o;
   wl = 1;
   var e = rn(), t = kr(), n = Je(), a = e ? e.isConcatSpreadable : void 0;
@@ -7387,10 +7397,10 @@ function ob() {
   return $o = o, $o;
 }
 var Mo, Cl;
-function rb() {
+function sb() {
   if (Cl) return Mo;
   Cl = 1;
-  var e = ab(), t = ob();
+  var e = ob(), t = rb();
   function n(a, o, r, s, i) {
     var l = -1, c = a.length;
     for (r || (r = t), i || (i = []); ++l < c; ) {
@@ -7402,10 +7412,10 @@ function rb() {
   return Mo = n, Mo;
 }
 var Ro, Ol;
-function sb() {
+function ib() {
   if (Ol) return Ro;
   Ol = 1;
-  var e = rb();
+  var e = sb();
   function t(n) {
     var a = n == null ? 0 : n.length;
     return a ? e(n, 1) : [];
@@ -7413,32 +7423,32 @@ function sb() {
   return Ro = t, Ro;
 }
 var Do, kl;
-function ib() {
+function lb() {
   if (kl) return Do;
   kl = 1;
-  var e = sb(), t = Cc(), n = Ic();
+  var e = ib(), t = Cc(), n = Ic();
   function a(o) {
     return n(t(o, void 0, e), o + "");
   }
   return Do = a, Do;
 }
 var Bo, Tl;
-function lb() {
+function cb() {
   if (Tl) return Bo;
   Tl = 1;
-  var e = nb(), t = ib(), n = t(function(a, o) {
+  var e = ab(), t = lb(), n = t(function(a, o) {
     return a == null ? {} : e(a, o);
   });
   return Bo = n, Bo;
 }
-var cb = lb();
-const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big", "huge"]), db = /* @__PURE__ */ E((e) => {
+var ub = cb();
+const db = /* @__PURE__ */ Te(ub), PN = db(H, ["tiny", "regular", "medium", "big", "huge"]), fb = /* @__PURE__ */ E((e) => {
   const {
     handle: t
   } = Pe(), n = ye("optionsChange", void 0), a = R(!1), o = R(!1), r = R(!1);
   return mt(t, (s) => {
     if (s)
-      return yv(s, {
+      return Av(s, {
         setIsLoading: (i) => {
           a.value = i;
         },
@@ -7455,7 +7465,7 @@ const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big
       isLoading: a.value,
       isOpen: r.value
     }, i = o.value ? e.loadingMessage : void 0;
-    return vv({
+    return bv({
       emptyMessage: e.emptyMessage,
       nbOptionMessage: e.nbOptionMessage,
       errorMessage: e.errorMessage,
@@ -7463,7 +7473,7 @@ const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big
       loadingMessage: i,
       state: s
     }, {
-      GenericBlock: Pv,
+      GenericBlock: xv,
       Text: me
     });
   };
@@ -7473,31 +7483,31 @@ const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big
   props: $()("emptyMessage", "nbOptionMessage", "errorMessage", "errorTryReloadMessage", "loadingMessage", "class")
 }), Du = {
   /** Provides shared combobox context (handle, listbox ID, anchor ref) to all sub-components. */
-  Provider: tv,
+  Provider: nv,
   /** Button trigger for select-only combobox mode with keyboard navigation and typeahead. */
-  Button: yp,
+  Button: Ap,
   /** Text input trigger for autocomplete combobox mode with optional toggle button and filtering. */
-  Input: Gp,
+  Input: Kp,
   /** Listbox container that registers with the combobox handle and tracks loading state. */
-  List: ng,
+  List: ag,
   /** Selectable option item with filtering and keyboard navigation support. */
   Option: Ot,
   /** Secondary action button within a grid-mode option row, rendered as an independent gridcell. */
-  OptionAction: mg,
+  OptionAction: pg,
   /** Info button on an option that shows a popover on hover or keyboard highlight. */
   OptionMoreInfo: ku,
   /** Loading placeholder skeleton(s) that auto-register loading state with the combobox handle. */
   OptionSkeleton: Tu,
   /** Floating popover container that auto-binds to the combobox anchor and open/close state. */
-  Popover: ev,
+  Popover: tv,
   /** Labelled group of options that auto-hides when all its child options are filtered out. */
   Section: Eu,
   /** Displays empty, error, and loading state messages for the combobox list. */
-  State: db,
+  State: fb,
   /** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */
   Divider: Iu
-}, fb = "Badge", Bu = "lumx-badge", {
-  block: hb
+}, hb = "Badge", Bu = "lumx-badge", {
+  block: mb
 } = F(Bu), Fu = {
   color: G.primary
 }, On = (e) => {
@@ -7511,15 +7521,15 @@ const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big
   return m("div", S({
     ref: o
   }, r, {
-    className: L(n, hb({
+    className: L(n, mb({
       [`color-${a}`]: !!a
     }))
   }), [t]);
 };
-On.displayName = fb;
+On.displayName = hb;
 On.className = Bu;
 On.defaultProps = Fu;
-const PN = /* @__PURE__ */ E((e, {
+const xN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -7532,10 +7542,10 @@ const PN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("color", "class")
-}), mb = "lumx-badge-wrapper", {
-  block: pb,
-  element: gb
-} = F(mb), vb = (e) => {
+}), pb = "lumx-badge-wrapper", {
+  block: gb,
+  element: vb
+} = F(pb), bb = (e) => {
   const {
     badge: t,
     children: n,
@@ -7546,15 +7556,15 @@ const PN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: o
   }, r, {
-    className: L(a, pb())
+    className: L(a, gb())
   }), [n, t && m("div", {
-    className: gb("badge")
+    className: vb("badge")
   }, [t])]);
-}, xN = /* @__PURE__ */ E((e, {
+}, wN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
-  return () => m(vb, S(e, n, {
+  return () => m(bb, S(e, n, {
     className: a.value,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -7563,10 +7573,10 @@ const PN = /* @__PURE__ */ E((e, {
   name: "LumxBadgeWrapper",
   inheritAttrs: !1,
   props: $()("badge", "class")
-}), qu = "intermediate", bb = "lumx-checkbox", {
-  block: yb,
+}), qu = "intermediate", yb = "lumx-checkbox", {
+  block: Ab,
   element: Ie
-} = F(bb), Ab = (e) => {
+} = F(yb), Sb = (e) => {
   const {
     checked: t,
     className: n,
@@ -7590,7 +7600,7 @@ const PN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: c
   }, b, {
-    className: L(n, yb({
+    className: L(n, Ab({
       // Whether state is intermediate class name will "-checked"
       "is-checked": v ? !0 : s,
       "is-disabled": g,
@@ -7633,9 +7643,9 @@ const PN = /* @__PURE__ */ E((e, {
     theme: u,
     children: a
   })])]);
-}, Sb = {
+}, Nb = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, wN = /* @__PURE__ */ E((e, {
+}, CN = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class), r = re(), s = w(() => e.id || r), i = R(null), {
@@ -7654,7 +7664,7 @@ const PN = /* @__PURE__ */ E((e, {
   const h = (f, g, p, b) => {
     l.value || t("change", f, g, p, b);
   };
-  return () => m(Ab, S(d.value, {
+  return () => m(Sb, S(d.value, {
     className: o.value,
     theme: e.theme || a.value,
     inputId: s.value,
@@ -7673,13 +7683,13 @@ const PN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: Sb
+  emits: Nb
 }), kt = "lumx-chip", {
-  block: Nb,
+  block: Pb,
   element: Fo
-} = F(kt), Pb = {
+} = F(kt), xb = {
   size: H.m
-}, xb = (e) => {
+}, wb = (e) => {
   const {
     after: t,
     before: n,
@@ -7695,7 +7705,7 @@ const PN = /* @__PURE__ */ E((e, {
     hasAfterClick: h,
     hasBeforeClick: f,
     hasOnClick: g,
-    size: p = Pb.size,
+    size: p = xb.size,
     theme: b,
     ref: v,
     href: y,
@@ -7718,7 +7728,7 @@ const PN = /* @__PURE__ */ E((e, {
     }, j, P, {
       href: N.disabled ? void 0 : y,
       ref: v,
-      className: L(o, Nb({
+      className: L(o, Pb({
         "is-clickable": k,
         [`color-${_}`]: !!_,
         "is-disabled": x,
@@ -7747,7 +7757,7 @@ const PN = /* @__PURE__ */ E((e, {
       onClick: c
     }, [t])])
   );
-}, wb = {
+}, Cb = {
   click: (e) => e instanceof MouseEvent,
   afterClick: (e) => e instanceof MouseEvent,
   beforeClick: (e) => e instanceof MouseEvent,
@@ -7771,7 +7781,7 @@ const PN = /* @__PURE__ */ E((e, {
   }, p = (b) => {
     c.value || t("keydown", b);
   };
-  return () => m(xb, S(u.value, {
+  return () => m(wb, S(u.value, {
     className: r.value,
     theme: e.theme || o.value,
     handleClick: h,
@@ -7793,8 +7803,8 @@ const PN = /* @__PURE__ */ E((e, {
   name: "LumxChip",
   inheritAttrs: !1,
   props: $()("color", "href", "isClickable", "isDisabled", "isHighlighted", "isSelected", "size", "theme", "class", "aria-disabled", "disabled"),
-  emits: wb
-}), Cb = "lumx-chip-group", Ob = (e) => {
+  emits: Cb
+}), Ob = "lumx-chip-group", kb = (e) => {
   const {
     children: t,
     className: n,
@@ -7804,13 +7814,13 @@ const PN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: a
   }, o, {
-    className: L(n, Cb)
+    className: L(n, Ob)
   }), [t]);
-}, kb = /* @__PURE__ */ E((e, {
+}, Tb = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
-  return () => m(Ob, S(e, n, {
+  return () => m(kb, S(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
@@ -7819,13 +7829,13 @@ const PN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   props: $()("align", "class")
 });
-function Tb(e) {
+function _b(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const _b = "lumx-selection-chip-group", {
-  block: Ib,
-  element: Lb
-} = F(_b), Eb = (e, {
+const Ib = "lumx-selection-chip-group", {
+  block: Lb,
+  element: Eb
+} = F(Ib), $b = (e, {
   Chip: t,
   ChipGroup: n,
   Icon: a,
@@ -7852,8 +7862,8 @@ const _b = "lumx-selection-chip-group", {
     "aria-label": d,
     "aria-multiselectable": "true",
     "aria-orientation": "horizontal",
-    className: Ib([g])
-  }), Tb(s = i.map((y) => {
+    className: Lb([g])
+  }), _b(s = i.map((y) => {
     const A = c && se(c, y) || se(l, y), N = se(l, y), x = p?.(y) || {}, C = x.isDisabled || h, O = typeof x.children == "string" ? x.children : A, P = u ? `${O} - ${u}` : O;
     return m(r, {
       key: N,
@@ -7866,7 +7876,7 @@ const _b = "lumx-selection-chip-group", {
         after: m(a, {
           icon: yr
         }, null),
-        className: Lb("chip", [x.className]),
+        className: Eb("chip", [x.className]),
         "data-option-id": N,
         isClickable: !0,
         role: "option",
@@ -7885,9 +7895,9 @@ const _b = "lumx-selection-chip-group", {
   })) ? s : {
     default: () => [s]
   });
-}, $b = `.${kt}:not([aria-disabled="true"])`, _l = (e) => e?.closest?.(`.${kt}`) || null, Il = (e) => e?.getAttribute("aria-disabled") === "true";
+}, Mb = `.${kt}:not([aria-disabled="true"])`, _l = (e) => e?.closest?.(`.${kt}`) || null, Il = (e) => e?.getAttribute("aria-disabled") === "true";
 function Ht(e, t, n) {
-  const a = Lt(e, $b);
+  const a = Lt(e, Mb);
   if (n)
     return a.currentNode = n, (t === "next" ? a.nextNode() : a.previousNode()) || void 0;
   if (t === "previous") {
@@ -7906,7 +7916,7 @@ function Ll(e, t) {
   const o = [...n];
   o.splice(a, 1), e.onChange(o);
 }
-function Mb(e) {
+function Rb(e) {
   const t = e.getContainer();
   if (!t) return () => {
   };
@@ -7949,10 +7959,10 @@ function ju({
     ), s(() => l.abort());
   });
 }
-const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
+const Hu = (e) => (t) => K(t) && t.type === e, Db = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, Db = /* @__PURE__ */ E(
+}, Bb = /* @__PURE__ */ E(
   // The component is internally typed against `any` — the generic is layered on at export time
   (e, {
     emit: t,
@@ -7960,7 +7970,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   }) => {
     const a = D(), o = M(() => e.class), r = U(), s = R(null), i = () => s.value?.$el ?? s.value ?? null;
     Xe((c) => {
-      const d = Mb({
+      const d = Rb({
         getContainer: i,
         getInput: () => e.inputRef,
         onChange: (u) => t("change", u),
@@ -7995,7 +8005,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
         class: d,
         ...u
       } = e;
-      return Eb({
+      return $b({
         ...a,
         ...u,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -8008,7 +8018,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
         ref: s
       }, {
         Chip: lr,
-        ChipGroup: kb,
+        ChipGroup: Tb,
         Icon: De,
         Tooltip: gn,
         Text: me
@@ -8019,12 +8029,12 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
     name: "LumxSelectionChipGroup",
     inheritAttrs: !1,
     props: $()("getChipProps", "getOptionId", "getOptionName", "value", "label", "chipRemoveLabel", "isDisabled", "theme", "class", "inputRef"),
-    emits: Rb
+    emits: Db
   }
-), Bb = "lumx-lightbox", {
-  block: Fb,
+), Fb = "lumx-lightbox", {
+  block: qb,
   element: El
-} = F(Bb), qb = (e) => {
+} = F(Fb), jb = (e) => {
   const {
     "aria-labelledby": t,
     ariaLabelledBy: n = t,
@@ -8061,7 +8071,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
       "aria-modal": "true",
       role: "dialog",
       tabIndex: -1,
-      className: L(s, Fb({
+      className: L(s, qb({
         "is-hidden": !l,
         "is-shown": l || p,
         [`theme-${f}`]: !!f
@@ -8098,9 +8108,9 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
       })]
     })])]
   });
-}, jb = {
+}, Hb = {
   close: () => !0
-}, CN = /* @__PURE__ */ E((e, {
+}, ON = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -8114,7 +8124,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   })), Or(w(() => !0), w(() => {
   }), w(() => e.parentElement), r, w(() => !!e.isOpen)), Bc(w(() => !!e.isOpen));
   const c = Dc(w(() => !!e.isOpen), ac), d = w(() => e.isOpen || c.value), u = w(() => [r]);
-  return () => d.value ? qb({
+  return () => d.value ? jb({
     ...a,
     ClickAwayProvider: vr,
     HeadingLevelProvider: wr,
@@ -8137,10 +8147,10 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   name: "LumxLightbox",
   inheritAttrs: !1,
   props: $()("class", "closeButtonProps", "focusElement", "isOpen", "parentElement", "preventAutoClose", "zIndex"),
-  emits: jb
-}), Hb = "lumx-divider", {
-  block: zb
-} = F(Hb), Vb = (e) => {
+  emits: Hb
+}), zb = "lumx-divider", {
+  block: Vb
+} = F(zb), Wb = (e) => {
   const {
     className: t,
     theme: n,
@@ -8150,13 +8160,13 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   return m("hr", S({
     ref: a
   }, o, {
-    className: L(t, zb({
+    className: L(t, Vb({
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, ON = /* @__PURE__ */ E((e) => {
+}, kN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U(), a = M(() => e.class);
-  return () => m(Vb, S(t, e, {
+  return () => m(Wb, S(t, e, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -8165,9 +8175,9 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("class", "theme")
-}), Wb = "lumx-drag-handle", {
-  block: Ub
-} = F(Wb), Gb = (e) => {
+}), Ub = "lumx-drag-handle", {
+  block: Gb
+} = F(Ub), Kb = (e) => {
   const {
     className: t,
     theme: n,
@@ -8177,7 +8187,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   return m("div", S({
     ref: a
   }, o, {
-    className: L(t, Ub({
+    className: L(t, Gb({
       [`theme-${n}`]: !!n
     }))
   }), [ee({
@@ -8185,11 +8195,11 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
     color: n === he.dark ? G.light : G.dark,
     size: H.xs
   })]);
-}, kN = /* @__PURE__ */ E((e) => {
+}, TN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U({
     defaultTheme: void 0
   }), a = M(() => e.class);
-  return () => m(Gb, S(t, e, {
+  return () => m(Kb, S(t, e, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -8197,12 +8207,12 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   name: "LumxDragHandle",
   inheritAttrs: !1,
   props: $()("class", "theme")
-}), Kb = "lumx-expansion-panel", {
-  block: Xb,
+}), Xb = "lumx-expansion-panel", {
+  block: Yb,
   element: we
-} = F(Kb), Yb = {
+} = F(Xb), Zb = {
   closeMode: "unmount"
-}, Zb = (e) => {
+}, Jb = (e) => {
   const {
     className: t,
     children: n,
@@ -8229,7 +8239,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   } = e, O = (k) => {
     const _ = !s;
     c && _ && c(k), l && !_ && l(k), d && d(_, k);
-  }, P = u === he.dark ? G.light : G.dark, T = L(t, Xb({
+  }, P = u === he.dark ? G.light : G.dark, T = L(t, Yb({
     "has-background": a,
     "has-header": !Kt(f.children),
     "has-header-divider": r,
@@ -8266,12 +8276,12 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   }, [v]), N && m("div", {
     className: we("footer")
   }, [N])])])]);
-}, Jb = {
+}, Qb = {
   open: (e) => e instanceof MouseEvent,
   close: (e) => e instanceof MouseEvent,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   toggleOpen: (e, t) => typeof e == "boolean"
-}, TN = /* @__PURE__ */ E((e, {
+}, _N = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -8302,14 +8312,14 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
     const f = n.header?.(), g = f || m("span", {
       class: we("label")
     }, [e.label]);
-    return m(Zb, S(a, {
+    return m(Jb, S(a, {
       className: r.value,
       theme: e.theme || o.value,
       isOpen: e.isOpen,
       label: e.label,
       hasBackground: e.hasBackground,
       hasHeaderDivider: e.hasHeaderDivider,
-      closeMode: e.closeMode || Yb.closeMode,
+      closeMode: e.closeMode || Zb.closeMode,
       toggleButtonProps: e.toggleButtonProps || {
         label: ""
       },
@@ -8330,15 +8340,15 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   name: "LumxExpansionPanel",
   inheritAttrs: !1,
   props: $()("class", "closeMode", "hasBackground", "hasHeaderDivider", "isOpen", "label", "theme", "toggleButtonProps"),
-  emits: Jb
+  emits: Qb
 });
-function Qb(e) {
+function ey(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const ey = "lumx-flag", {
-  block: ty,
+const ty = "lumx-flag", {
+  block: ny,
   element: $l
-} = F(ey), ny = (e) => {
+} = F(ty), ay = (e) => {
   const {
     children: t,
     icon: n,
@@ -8350,7 +8360,7 @@ const ey = "lumx-flag", {
     ...l
   } = e, c = a || (r === he.light ? G.dark : G.light), d = !!s;
   return m("div", S(l, {
-    className: L(o, ty({
+    className: L(o, ny({
       [`color-${c}`]: !!c,
       "is-truncated": d
     }))
@@ -8363,14 +8373,14 @@ const ey = "lumx-flag", {
     truncate: !!s,
     typography: "overline",
     className: $l("label")
-  }, Qb(t) ? t : {
+  }, ey(t) ? t : {
     default: () => [t]
   })]);
-}, _N = /* @__PURE__ */ E((e, {
+}, IN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class);
-  return () => m(ny, S(e, n, {
+  return () => m(ay, S(e, n, {
     className: o.value,
     theme: e.theme || a.value,
     children: t.default?.(),
@@ -8383,7 +8393,7 @@ const ey = "lumx-flag", {
   props: $()("color", "icon", "truncate", "theme", "class")
 });
 var qo, Ml;
-function ay() {
+function oy() {
   if (Ml) return qo;
   Ml = 1;
   var e = /\s/;
@@ -8395,20 +8405,20 @@ function ay() {
   return qo = t, qo;
 }
 var jo, Rl;
-function oy() {
+function ry() {
   if (Rl) return jo;
   Rl = 1;
-  var e = ay(), t = /^\s+/;
+  var e = oy(), t = /^\s+/;
   function n(a) {
     return a && a.slice(0, e(a) + 1).replace(t, "");
   }
   return jo = n, jo;
 }
 var Ho, Dl;
-function ry() {
+function sy() {
   if (Dl) return Ho;
   Dl = 1;
-  var e = oy(), t = sn(), n = Nn(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
+  var e = ry(), t = sn(), n = Nn(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
   function l(c) {
     if (typeof c == "number")
       return c;
@@ -8427,10 +8437,10 @@ function ry() {
   return Ho = l, Ho;
 }
 var zo, Bl;
-function sy() {
+function iy() {
   if (Bl) return zo;
   Bl = 1;
-  var e = ry(), t = 1 / 0, n = 17976931348623157e292;
+  var e = sy(), t = 1 / 0, n = 17976931348623157e292;
   function a(o) {
     if (!o)
       return o === 0 ? o : 0;
@@ -8446,7 +8456,7 @@ var Vo, Fl;
 function zu() {
   if (Fl) return Vo;
   Fl = 1;
-  var e = sy();
+  var e = iy();
   function t(n) {
     var a = e(n), o = a % 1;
     return a === a ? o ? a - o : a : 0;
@@ -8454,7 +8464,7 @@ function zu() {
   return Vo = t, Vo;
 }
 var Wo, ql;
-function iy() {
+function ly() {
   if (ql) return Wo;
   ql = 1;
   var e = zu();
@@ -8463,12 +8473,12 @@ function iy() {
   }
   return Wo = t, Wo;
 }
-var ly = iy();
-const cy = /* @__PURE__ */ Te(ly);
-function uy(e) {
+var cy = ly();
+const uy = /* @__PURE__ */ Te(cy);
+function dy(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const dy = "GridColumn", Vu = "lumx-grid-column", fy = {}, kn = (e) => {
+const fy = "GridColumn", Vu = "lumx-grid-column", hy = {}, kn = (e) => {
   const {
     as: t = "div",
     gap: n,
@@ -8485,18 +8495,18 @@ const dy = "GridColumn", Vu = "lumx-grid-column", fy = {}, kn = (e) => {
     className: L(s, Vu),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": cy(o) && `${o}px`,
+      "--lumx-grid-column-item-min-width": uy(o) && `${o}px`,
       "--lumx-grid-column-columns": a,
       "--lumx-grid-column-gap": n && `var(--lumx-spacing-unit-${n})`
     }
-  }), uy(r) ? r : {
+  }), dy(r) ? r : {
     default: () => [r]
   });
 };
-kn.displayName = dy;
+kn.displayName = fy;
 kn.className = Vu;
-kn.defaultProps = fy;
-const IN = /* @__PURE__ */ E((e, {
+kn.defaultProps = hy;
+const LN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -8508,22 +8518,22 @@ const IN = /* @__PURE__ */ E((e, {
   name: "LumxGridColumn",
   inheritAttrs: !1,
   props: $()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), hy = "lumx-heading", my = (e, t) => {
+}), my = "lumx-heading", py = (e, t) => {
   const { as: n, className: a, typography: o, ...r } = e, s = n || t || "h1";
   return {
     ...r,
     as: s,
-    className: L(a, hy),
+    className: L(a, my),
     typography: o || rf[s]
   };
-}, LN = /* @__PURE__ */ E((e, {
+}, EN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = xc(), o = M(() => e.class), r = w(() => {
     const {
       className: s,
       ...i
-    } = my({
+    } = py({
       ...n,
       ...e,
       className: o.value
@@ -8541,7 +8551,7 @@ const IN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), EN = /* @__PURE__ */ E((e, {
+}), $N = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class);
@@ -8555,7 +8565,7 @@ const IN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("kind", "theme", "class", "id")
-}), $N = /* @__PURE__ */ E((e, {
+}), MN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class);
@@ -8570,8 +8580,8 @@ const IN = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("htmlFor", "id", "isRequired", "typography", "theme", "class", "as")
 }), Wu = "lumx-link", {
-  block: py
-} = F(Wu), gy = (e) => {
+  block: gy
+} = F(Wu), vy = (e) => {
   const {
     children: t,
     className: n,
@@ -8591,16 +8601,16 @@ const IN = /* @__PURE__ */ E((e, {
     ...d,
     handleClick: i,
     children: t,
-    className: L(n, py({
+    className: L(n, gy({
       [`color-${u}`]: !!u,
       [`color-variant-${h}`]: !!h,
       "has-typography": !!r
     }), r && nn(r))
   });
-}, vy = {
+}, by = {
   click: (e) => e instanceof MouseEvent
 }, {
-  element: by
+  element: yy
 } = fe.bem(Wu), Hr = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
@@ -8619,13 +8629,13 @@ const IN = /* @__PURE__ */ E((e, {
       linkAs: c,
       ...d
     } = i.value;
-    return m(gy, S(d, {
+    return m(vy, S(d, {
       linkAs: Ye(c)
     }, s.value, {
       className: o.value,
       handleClick: l,
       children: m("span", {
-        className: by("content")
+        className: yy("content")
       }, [n.default?.()])
     }), null);
   };
@@ -8633,18 +8643,18 @@ const IN = /* @__PURE__ */ E((e, {
   name: "LumxLink",
   inheritAttrs: !1,
   props: $()("color", "colorVariant", "href", "isDisabled", "disabled", "linkAs", "target", "typography", "class", "aria-disabled"),
-  emits: vy
+  emits: by
 });
 function jl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const yy = "lumx-link-preview", {
-  block: Ay,
+const Ay = "lumx-link-preview", {
+  block: Sy,
   element: We
-} = F(yy), Uu = {
+} = F(Ay), Uu = {
   size: H.regular,
   titleHeading: "h2"
-}, Sy = (e) => {
+}, Ny = (e) => {
   const {
     className: t,
     description: n,
@@ -8664,7 +8674,7 @@ const yy = "lumx-link-preview", {
   return m("article", S({
     ref: c
   }, g, {
-    className: L(t, Ay({
+    className: L(t, Sy({
       [`size-${p}`]: !!p,
       [`theme-${i}`]: !!i
     }))
@@ -8712,7 +8722,7 @@ const yy = "lumx-link-preview", {
   }), jl(a) ? a : {
     default: () => [a]
   })])])])]);
-}, MN = /* @__PURE__ */ E((e) => {
+}, RN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U(), a = M(() => e.class);
   return () => {
     const {
@@ -8720,7 +8730,7 @@ const yy = "lumx-link-preview", {
       linkAs: r,
       ...s
     } = e;
-    return m(Sy, S(s, t, {
+    return m(Ny, S(s, t, {
       linkAs: Ye(r),
       className: a.value,
       theme: e.theme || n.value,
@@ -8733,10 +8743,10 @@ const yy = "lumx-link-preview", {
   name: "LumxLinkPreview",
   inheritAttrs: !1,
   props: $()("class", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading")
-}), Ny = "lumx-menu-item", {
-  block: Py,
-  element: xy
-} = F(Ny), wy = (e) => {
+}), Py = "lumx-menu-item", {
+  block: xy,
+  element: wy
+} = F(Py), Cy = (e) => {
   const {
     children: t,
     className: n,
@@ -8753,7 +8763,7 @@ const yy = "lumx-link-preview", {
     type: "button",
     ...i,
     ref: l,
-    className: xy("action"),
+    className: wy("action"),
     handleClick: s,
     "data-menu-item": "",
     "aria-disabled": r ? "true" : void 0,
@@ -8763,13 +8773,13 @@ const yy = "lumx-link-preview", {
     ref: c,
     size: "tiny",
     ...d,
-    className: L(n, Py()),
+    className: L(n, xy()),
     before: a,
     after: o,
     children: u
   });
 }, Gu = /* @__PURE__ */ Symbol("LumxMenuContext");
-function Cy(e) {
+function Oy(e) {
   je(Gu, e);
 }
 function gt() {
@@ -8778,10 +8788,10 @@ function gt() {
     throw new Error("Menu sub-components must be used within a Menu.Provider");
   return e;
 }
-function Oy(e) {
+function ky(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const RN = /* @__PURE__ */ E((e, {
+const DN = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n,
   attrs: a
@@ -8815,7 +8825,7 @@ const RN = /* @__PURE__ */ E((e, {
       ...c.props,
       onClick: i,
       as: c.type
-    }, g = c.children), g = g ?? t.default?.(), wy({
+    }, g = c.children), g = g ?? t.default?.(), Cy({
       ...a,
       ...e,
       className: r.value,
@@ -8829,7 +8839,7 @@ const RN = /* @__PURE__ */ E((e, {
       children: m(me, {
         as: "span",
         color: e.color
-      }, Oy(g) ? g : {
+      }, ky(g) ? g : {
         default: () => [g]
       })
     });
@@ -8844,9 +8854,9 @@ const RN = /* @__PURE__ */ E((e, {
 function Hl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const ky = {
+const Ty = {
   variant: "button"
-}, Ty = (e, {
+}, _y = (e, {
   MenuProvider: t,
   MenuTrigger: n,
   MenuPopover: a,
@@ -8874,27 +8884,27 @@ const ky = {
     })]
   });
 }, cr = "[data-menu-item]";
-function _y(e) {
+function Iy(e) {
   return e.textContent?.trim() ?? "";
 }
-function Iy(e) {
+function Ly(e) {
   return Array.from(e.querySelectorAll(cr));
 }
-function Ly(e) {
+function Ey(e) {
   const t = Array.from(document.querySelectorAll(Mc)).filter(
     (o) => !o.matches(Rc) && o.tabIndex >= 0
   ), n = t.indexOf(e);
   if (n === -1) return;
   t[n + 1]?.focus();
 }
-function Ey(e = {}) {
+function $y(e = {}) {
   const { menuId: t } = e;
   let n = null, a = null, o = !1;
   const r = new AbortController();
   let s = null, i = null, l = null, c;
   const d = Yc(
     () => a ? Lt(a, cr) : null,
-    _y,
+    Iy,
     r.signal
   ), u = {
     open: /* @__PURE__ */ new Set()
@@ -8996,12 +9006,12 @@ function Ey(e = {}) {
                 v.preventDefault(), v.stopPropagation(), n?.focus(), c.setOpen(!1);
                 break;
               case "Tab": {
-                const y = Iy(p);
+                const y = Ly(p);
                 if (y.length === 0) return;
                 const A = y.indexOf(document.activeElement);
                 if (A === -1) return;
                 v.shiftKey && A === 0 ? (v.preventDefault(), n?.focus(), c.setOpen(!1)) : !v.shiftKey && A === y.length - 1 && (v.preventDefault(), document.activeElement?.blur(), c.setOpen(!1), setTimeout(() => {
-                  n && Ly(n);
+                  n && Ey(n);
                 }, 0));
                 break;
               }
@@ -9033,10 +9043,10 @@ function Ey(e = {}) {
     }
   }, c;
 }
-const $y = /* @__PURE__ */ E((e, {
+const My = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
-  const n = ke(), a = re(), o = re(), r = R(null), s = Ey({
+  const n = ke(), a = re(), o = re(), r = R(null), s = $y({
     menuId: a
   });
   return Ke(() => {
@@ -9044,7 +9054,7 @@ const $y = /* @__PURE__ */ E((e, {
     He(() => {
       i(), s.destroy();
     });
-  }), Cy({
+  }), Oy({
     handle: s,
     menuId: a,
     triggerId: o,
@@ -9065,10 +9075,10 @@ const $y = /* @__PURE__ */ E((e, {
   },
   emits: ["open"]
 });
-function My(e) {
+function Ry(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const Ry = "lumx-menu-trigger", Dy = (e, {
+const Dy = "lumx-menu-trigger", By = (e, {
   Trigger: t
 }) => {
   const {
@@ -9082,15 +9092,15 @@ const Ry = "lumx-menu-trigger", Dy = (e, {
   return m(t, S({
     ref: s
   }, i, {
-    className: L(a, Ry),
+    className: L(a, Dy),
     "aria-haspopup": "true",
     "aria-controls": o,
     "aria-expanded": r ? "true" : "false"
-  }), My(n) ? n : {
+  }), Ry(n) ? n : {
     default: () => [n]
   });
 };
-function By(e, t) {
+function Fy(e, t) {
   const { handle: n } = gt(), a = R(t);
   let o;
   return Ke(() => {
@@ -9101,9 +9111,9 @@ function By(e, t) {
 }
 function zr() {
   const { handle: e } = gt();
-  return [By("open", !1), (a) => e.setOpen(a)];
+  return [Fy("open", !1), (a) => e.setOpen(a)];
 }
-const Fy = /* @__PURE__ */ E((e, {
+const qy = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -9130,7 +9140,7 @@ const Fy = /* @__PURE__ */ E((e, {
         ...f,
         ref: c
       }
-    }) : d && (h = d), Dy({
+    }) : d && (h = d), By({
       ...u,
       id: o,
       ref: t.trigger ? void 0 : c,
@@ -9147,13 +9157,13 @@ const Fy = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   props: $()("class", "id")
 });
-function qy(e) {
+function jy(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const jy = "lumx-menu-popover", {
-  block: Hy,
-  element: zy
-} = F(jy), Vy = (e, {
+const Hy = "lumx-menu-popover", {
+  block: zy,
+  element: Vy
+} = F(Hy), Wy = (e, {
   Popover: t,
   FlexBox: n
 }) => {
@@ -9178,20 +9188,20 @@ const jy = "lumx-menu-popover", {
     withFocusTrap: !1,
     closeMode: "hide",
     fitToAnchorWidth: !1,
-    className: Hy([o])
+    className: zy([o])
   }), {
     default: () => [m(n, {
       orientation: "vertical",
-      className: zy("scroll")
-    }, qy(a) ? a : {
+      className: Vy("scroll")
+    }, jy(a) ? a : {
       default: () => [a]
     })]
   });
-}, Wy = /* @__PURE__ */ E((e) => {
+}, Uy = /* @__PURE__ */ E((e) => {
   const t = ke(), {
     anchorRef: n
   } = gt(), [a, o] = zr();
-  return () => Vy({
+  return () => Wy({
     ...e,
     children: t.default?.(),
     isOpen: a.value,
@@ -9205,7 +9215,7 @@ const jy = "lumx-menu-popover", {
   name: "LumxMenuPopover",
   inheritAttrs: !1,
   props: $()("placement", "class")
-}), Uy = "lumx-menu", Gy = (e) => {
+}), Gy = "lumx-menu", Ky = (e) => {
   const {
     "aria-labelledby": t,
     children: n,
@@ -9218,12 +9228,12 @@ const jy = "lumx-menu-popover", {
     ...s,
     ref: r,
     id: o,
-    className: L(a, Uy),
+    className: L(a, Gy),
     itemPadding: "big",
     "aria-labelledby": t,
     children: n
   });
-}, Ky = /* @__PURE__ */ E((e) => {
+}, Xy = /* @__PURE__ */ E((e) => {
   const t = ke(), {
     menuId: n,
     triggerId: a,
@@ -9236,7 +9246,7 @@ const jy = "lumx-menu-popover", {
     He(() => c?.());
   }), X(r, (l) => {
     l && cc(() => o.flushPendingNavigation());
-  }), () => Gy({
+  }), () => Ky({
     className: s.value,
     id: n,
     "aria-labelledby": a,
@@ -9247,12 +9257,12 @@ const jy = "lumx-menu-popover", {
   name: "LumxMenuList",
   inheritAttrs: !1,
   props: $()("class")
-}), Xy = {
+}), Yy = {
   button: It,
   "icon-button": ht,
   chip: lr,
   link: Hr
-}, DN = /* @__PURE__ */ E((e, {
+}, BN = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -9260,11 +9270,11 @@ const jy = "lumx-menu-popover", {
   const o = M(() => e.class), r = (s) => t("open", s);
   return () => {
     const {
-      variant: s = ky.variant,
+      variant: s = Ty.variant,
       label: i,
       popoverProps: l
     } = e;
-    return Ty({
+    return _y({
       label: i,
       children: n.default?.(),
       popoverProps: l,
@@ -9272,14 +9282,14 @@ const jy = "lumx-menu-popover", {
       variant: s,
       triggerProps: {
         ...a,
-        as: Xy[s],
+        as: Yy[s],
         class: o.value
       }
     }, {
-      MenuProvider: $y,
-      MenuTrigger: Fy,
-      MenuPopover: Wy,
-      MenuList: Ky
+      MenuProvider: My,
+      MenuTrigger: qy,
+      MenuPopover: Uy,
+      MenuList: Xy
     });
   };
 }, {
@@ -9287,10 +9297,10 @@ const jy = "lumx-menu-popover", {
   inheritAttrs: !1,
   props: $()("label", "popoverProps", "class", "variant"),
   emits: ["open"]
-}), Yy = "Message", Ku = "lumx-message", {
-  block: Zy,
+}), Zy = "Message", Ku = "lumx-message", {
+  block: Jy,
   element: Uo
-} = F(Ku), Jy = {
+} = F(Ku), Qy = {
   [ie.error]: {
     color: G.red,
     icon: hc
@@ -9320,13 +9330,13 @@ const jy = "lumx-menu-popover", {
   } = e, {
     color: c,
     icon: d
-  } = Jy[o] || {}, {
+  } = Qy[o] || {}, {
     onClick: u,
     label: h
   } = s || {}, f = a && o === "info" && u && h;
   return m("div", S(l, {
     ref: i,
-    className: L(n, Zy({
+    className: L(n, Jy({
       [`color-${c}`]: !!c,
       "has-background": a
     }))
@@ -9345,9 +9355,9 @@ const jy = "lumx-menu-popover", {
     emphasis: ve.low
   })]);
 };
-Vr.displayName = Yy;
+Vr.displayName = Zy;
 Vr.className = Ku;
-const BN = /* @__PURE__ */ E((e, {
+const FN = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n
 }) => {
@@ -9370,7 +9380,7 @@ const BN = /* @__PURE__ */ E((e, {
   emits: ["close"]
 });
 var Go, zl;
-function Qy() {
+function eA() {
   if (zl) return Go;
   zl = 1;
   function e(t, n, a) {
@@ -9383,20 +9393,20 @@ function Qy() {
   return Go = e, Go;
 }
 var Ko, Vl;
-function eA() {
+function tA() {
   if (Vl) return Ko;
   Vl = 1;
-  var e = Qy(), t = zu();
+  var e = eA(), t = zu();
   function n(a, o, r) {
     return a && a.length ? (o = r || o === void 0 ? 1 : t(o), e(a, 0, o < 0 ? 0 : o)) : [];
   }
   return Ko = n, Ko;
 }
-var tA = eA();
-const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
-  block: oA,
+var nA = tA();
+const aA = /* @__PURE__ */ Te(nA), oA = "lumx-mosaic", {
+  block: rA,
   element: Xo
-} = F(aA), rA = (e) => {
+} = F(oA), sA = (e) => {
   const {
     className: t,
     theme: n,
@@ -9414,7 +9424,7 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   return m("div", S({
     ref: s
   }, i, {
-    className: L(t, oA({
+    className: L(t, rA({
       [`theme-${n}`]: !!n,
       "has-1-thumbnail": a?.length === 1,
       "has-2-thumbnails": a?.length === 2,
@@ -9423,7 +9433,7 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
     }))
   }), [m("div", {
     className: Xo("wrapper")
-  }, [nA(a, 4).map((c, d) => {
+  }, [aA(a, 4).map((c, d) => {
     const {
       image: u,
       onClick: h,
@@ -9444,15 +9454,15 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
       className: Xo("overlay")
     }, [m("span", null, [bd("+"), a.length - 4])])]);
   })])]);
-}, sA = {
+}, iA = {
   handleClick: (e) => typeof e == "number"
-}, FN = /* @__PURE__ */ E((e, {
+}, qN = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class), r = oe("onHandleClick"), s = (i) => {
     t("handleClick", i);
   };
-  return () => m(rA, S(n, {
+  return () => m(sA, S(n, {
     className: o.value,
     theme: e.theme || a.value,
     thumbnails: e.thumbnails,
@@ -9463,10 +9473,10 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   name: "LumxMosaic",
   inheritAttrs: !1,
   props: $()("thumbnails", "theme", "class"),
-  emits: sA
-}), iA = "PopoverDialog", lA = "lumx-popover-dialog", cA = {
+  emits: iA
+}), lA = "PopoverDialog", cA = "lumx-popover-dialog", uA = {
   close: () => !0
-}, qN = /* @__PURE__ */ E((e, {
+}, jN = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -9483,7 +9493,7 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
       "aria-modal": "true",
       "aria-label": r.value
     }), {
-      class: fe.join(lA, o.value),
+      class: fe.join(cA, o.value),
       closeOnClickAway: !0,
       closeOnEscape: !0,
       withFocusTrap: !0,
@@ -9497,14 +9507,14 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
     });
   };
 }, {
-  name: `Lumx${iA}`,
+  name: `Lumx${lA}`,
   inheritAttrs: !1,
   props: $()("anchorRef", "aria-label", "aria-labelledby", "as", "boundaryRef", "closeMode", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusAnchorOnClose", "focusElement", "hasArrow", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "isOpen", "label", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "withFocusTrap", "zIndex", "theme", "class"),
-  emits: cA
-}), uA = "lumx-progress-linear", {
-  block: dA,
+  emits: uA
+}), dA = "lumx-progress-linear", {
+  block: fA,
   element: Wl
-} = F(uA), fA = (e) => {
+} = F(dA), hA = (e) => {
   const {
     className: t,
     theme: n,
@@ -9514,7 +9524,7 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   return m("div", S({
     ref: a
   }, o, {
-    className: L(t, dA({
+    className: L(t, fA({
       [`theme-${n}`]: !!n
     }))
   }), [m("div", {
@@ -9522,9 +9532,9 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   }, null), m("div", {
     className: Wl("line2")
   }, null)]);
-}, jN = /* @__PURE__ */ E((e) => {
+}, HN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U(), a = M(() => e.class);
-  return () => m(fA, S(e, t, {
+  return () => m(hA, S(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -9532,10 +9542,10 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   name: "LumxProgressLinear",
   inheritAttrs: !1,
   props: $()("class", "theme")
-}), hA = "lumx-radio-button", {
-  block: mA,
+}), mA = "lumx-radio-button", {
+  block: pA,
   element: Le
-} = F(hA), pA = (e) => {
+} = F(mA), gA = (e) => {
   const {
     checked: t,
     className: n,
@@ -9559,7 +9569,7 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   return m("div", S({
     ref: c
   }, b, {
-    className: L(n, mA({
+    className: L(n, pA({
       "is-checked": s,
       "is-disabled": g,
       "is-unchecked": !s,
@@ -9598,9 +9608,9 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
     theme: u,
     children: a
   })])]);
-}, gA = {
+}, vA = {
   change: (e, t, n) => n instanceof Event
-}, HN = /* @__PURE__ */ E((e, {
+}, zN = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class), r = re(), s = w(() => e.id || r), {
@@ -9613,7 +9623,7 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   }))), d = (u, h, f) => {
     i.value || t("change", u, h, f);
   };
-  return () => m(pA, S(c.value, {
+  return () => m(gA, S(c.value, {
     className: o.value,
     theme: e.theme || a.value,
     inputId: s.value,
@@ -9631,8 +9641,8 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: gA
-}), vA = "RadioGroup", Xu = "lumx-radio-group", bA = {}, Tn = (e) => {
+  emits: vA
+}), bA = "RadioGroup", Xu = "lumx-radio-group", yA = {}, Tn = (e) => {
   const {
     children: t,
     className: n,
@@ -9645,10 +9655,10 @@ const nA = /* @__PURE__ */ Te(tA), aA = "lumx-mosaic", {
     className: L(n, Xu)
   }), [t]);
 };
-Tn.displayName = vA;
+Tn.displayName = bA;
 Tn.className = Xu;
-Tn.defaultProps = bA;
-const zN = /* @__PURE__ */ E((e, {
+Tn.defaultProps = yA;
+const VN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -9660,9 +9670,9 @@ const zN = /* @__PURE__ */ E((e, {
   name: "RadioGroup",
   inheritAttrs: !1,
   props: $()("class")
-}), yA = "lumx-skeleton-circle", {
-  block: AA
-} = F(yA), SA = (e) => {
+}), AA = "lumx-skeleton-circle", {
+  block: SA
+} = F(AA), NA = (e) => {
   const {
     className: t,
     size: n,
@@ -9674,28 +9684,28 @@ const zN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: r
   }, s, {
-    className: L(t, AA({
+    className: L(t, SA({
       [`size-${n}`]: !!n,
       [`color-${a}`]: !!a,
       [`theme-${o}`]: !!o
     }))
   }), null);
-}, NA = {
+}, PA = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, PA = "lumx-skeleton-rectangle", {
-  block: xA,
-  element: wA
-} = F(PA), CA = {
-  variant: NA.squared
-}, OA = (e) => {
+}, xA = "lumx-skeleton-rectangle", {
+  block: wA,
+  element: CA
+} = F(xA), OA = {
+  variant: PA.squared
+}, kA = (e) => {
   const {
     aspectRatio: t,
     className: n,
     height: a,
     theme: o,
-    variant: r = CA.variant,
+    variant: r = OA.variant,
     width: s,
     color: i,
     ref: l,
@@ -9704,7 +9714,7 @@ const zN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: l
   }, c, {
-    className: L(n, xA({
+    className: L(n, wA({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${a}`]: !!(!t && a),
       [`theme-${o}`]: !!o,
@@ -9713,11 +9723,11 @@ const zN = /* @__PURE__ */ E((e, {
       [`color-${i}`]: !!i
     }))
   }), [m("div", {
-    className: wA("inner")
+    className: CA("inner")
   }, null)]);
-}, VN = /* @__PURE__ */ E((e) => {
+}, WN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U(), a = M(() => e.class);
-  return () => m(SA, S(e, t, {
+  return () => m(NA, S(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -9725,9 +9735,9 @@ const zN = /* @__PURE__ */ E((e, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
   props: $()("class", "size", "color", "theme")
-}), WN = /* @__PURE__ */ E((e) => {
+}), UN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U(), a = M(() => e.class);
-  return () => m(OA, S(e, t, {
+  return () => m(kA, S(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
@@ -9735,7 +9745,7 @@ const zN = /* @__PURE__ */ E((e, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
   props: $()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), UN = /* @__PURE__ */ E((e) => {
+}), GN = /* @__PURE__ */ E((e) => {
   const t = D(), n = U(), a = M(() => e.class);
   return () => m(ir, S(e, t, {
     className: a.value,
@@ -9745,12 +9755,12 @@ const zN = /* @__PURE__ */ E((e, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
   props: $()("class", "typography", "width", "color", "theme", "style")
-}), kA = "lumx-switch", {
-  block: TA,
+}), TA = "lumx-switch", {
+  block: _A,
   element: Ee
-} = F(kA), _A = {
+} = F(TA), IA = {
   position: "left"
-}, IA = (e) => {
+}, LA = (e) => {
   const {
     checked: t,
     className: n,
@@ -9767,7 +9777,7 @@ const zN = /* @__PURE__ */ E((e, {
     inputProps: f = {},
     isDisabled: g,
     inputId: p,
-    position: b = _A.position,
+    position: b = IA.position,
     ...v
   } = e, y = (A) => {
     d && d(!s, h, l, A);
@@ -9775,7 +9785,7 @@ const zN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: c
   }, v, {
-    className: L(n, TA({
+    className: L(n, _A({
       "is-checked": s,
       "is-disabled": g,
       "is-unchecked": !s,
@@ -9817,9 +9827,9 @@ const zN = /* @__PURE__ */ E((e, {
     theme: u,
     children: a
   })])]);
-}, LA = {
+}, EA = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, GN = /* @__PURE__ */ E((e, {
+}, KN = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -9833,7 +9843,7 @@ const zN = /* @__PURE__ */ E((e, {
   }))), u = (h, f, g, p) => {
     l.value || t("change", h, f, g, p);
   };
-  return () => m(IA, S(d.value, {
+  return () => m(LA, S(d.value, {
     className: r.value,
     theme: e.theme || o.value,
     inputId: i.value,
@@ -9851,19 +9861,19 @@ const zN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: $()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
-  emits: LA
+  emits: EA
 }), Yu = {
   square: "square",
   rounded: "rounded",
   circle: "circle"
-}, EA = "lumx-uploader", {
-  block: $A,
+}, $A = "lumx-uploader", {
+  block: MA,
   element: yt
-} = F(EA), Yo = {
+} = F($A), Yo = {
   aspectRatio: dt.horizontal,
   size: H.xl,
   variant: Yu.square
-}, MA = (e) => {
+}, RA = (e) => {
   const {
     aspectRatio: t = Yo.aspectRatio,
     className: n,
@@ -9886,7 +9896,7 @@ const zN = /* @__PURE__ */ E((e, {
     ref: p
   }, b, {
     onClick: h,
-    className: L(n, $A({
+    className: L(n, MA({
       [`aspect-ratio-${v}`]: !!v,
       [`size-${r}`]: !!r,
       [`theme-${s}`]: !!s,
@@ -9913,10 +9923,10 @@ const zN = /* @__PURE__ */ E((e, {
       onChange: f
     }), null)]
   });
-}, RA = {
+}, DA = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t) => !0
-}, KN = /* @__PURE__ */ E((e, {
+}, XN = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class), r = re(), s = w(() => e.fileInputProps?.id || r), i = R(!1), {
@@ -9946,7 +9956,7 @@ const zN = /* @__PURE__ */ E((e, {
       theme: v,
       ...y
     } = d.value;
-    return m(MA, S(y, {
+    return m(RA, S(y, {
       className: o.value,
       theme: e.theme || a.value,
       inputId: s.value,
@@ -9980,17 +9990,17 @@ const zN = /* @__PURE__ */ E((e, {
   name: "LumxUploader",
   inheritAttrs: !1,
   props: $()("class", "theme", "aspectRatio", "icon", "label", "size", "variant", "isDisabled", "disabled", "aria-disabled", "fileInputProps"),
-  emits: RA
-}), DA = {
+  emits: DA
+}), BA = {
   below: "below",
   over: "over"
 }, Zu = "lumx-image-block", {
-  block: BA,
+  block: FA,
   element: Ul
 } = F(Zu), Gl = {
-  captionPosition: DA.below,
+  captionPosition: BA.below,
   align: Ar.left
-}, FA = (e) => {
+}, qA = (e) => {
   const {
     actions: t,
     align: n = Gl.align,
@@ -10016,7 +10026,7 @@ const zN = /* @__PURE__ */ E((e, {
   return m("figure", S({
     ref: f
   }, N, {
-    className: L(s, BA({
+    className: L(s, FA({
       [`caption-position-${o}`]: !!o,
       [`align-${n}`]: !!n,
       [`size-${u}`]: !!u,
@@ -10050,7 +10060,7 @@ const zN = /* @__PURE__ */ E((e, {
 function Zo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const qA = (e) => {
+const jA = (e) => {
   const {
     baseClassName: t,
     theme: n,
@@ -10114,7 +10124,7 @@ const qA = (e) => {
       default: () => [l]
     }), [[Ad("align"), d]])]
   });
-}, jA = /* @__PURE__ */ E((e) => {
+}, HA = /* @__PURE__ */ E((e) => {
   const t = U();
   return () => {
     const {
@@ -10123,7 +10133,7 @@ const qA = (e) => {
       align: o,
       ...r
     } = e;
-    return m(qA, S(r, {
+    return m(jA, S(r, {
       align: o,
       theme: a || t.value,
       FlexBox: yn,
@@ -10138,7 +10148,7 @@ const qA = (e) => {
   name: "LumxImageCaption",
   inheritAttrs: !1,
   props: $()("align", "as", "baseClassName", "captionStyle", "class", "description", "descriptionProps", "tags", "theme", "title", "titleProps", "truncate")
-}), XN = /* @__PURE__ */ E((e, {
+}), YN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class);
@@ -10150,23 +10160,23 @@ const qA = (e) => {
       actions: l,
       ...c
     } = e, d = t.tags?.() ?? i, u = t.actions?.() ?? l;
-    return m(FA, S(c, n, {
+    return m(qA, S(c, n, {
       className: o.value,
       theme: s || a.value,
       tags: d,
       actions: u,
       Thumbnail: dn,
-      ImageCaption: jA
+      ImageCaption: HA
     }), null);
   };
 }, {
   name: "LumxImageBlock",
   inheritAttrs: !1,
   props: $()("actions", "align", "alt", "captionPosition", "captionStyle", "class", "description", "descriptionProps", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title", "titleProps")
-}), HA = "InlineList", Ju = "lumx-inline-list", {
-  block: zA,
+}), zA = "InlineList", Ju = "lumx-inline-list", {
+  block: VA,
   element: Kl
-} = F(Ju), VA = {}, _n = (e) => {
+} = F(Ju), WA = {}, _n = (e) => {
   const {
     className: t,
     color: n,
@@ -10181,7 +10191,7 @@ const qA = (e) => {
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
     m("ul", S(l, {
       ref: i,
-      className: L(t, zA({
+      className: L(t, VA({
         wrap: !!s
       }), n && vc(n, a), o && nn(o)),
       role: "list"
@@ -10199,10 +10209,10 @@ const qA = (e) => {
     ))])
   );
 };
-_n.displayName = HA;
+_n.displayName = zA;
 _n.className = Ju;
-_n.defaultProps = VA;
-const YN = /* @__PURE__ */ E((e, {
+_n.defaultProps = WA;
+const ZN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -10215,8 +10225,8 @@ const YN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   props: $()("color", "colorVariant", "typography", "wrap", "class")
 }), Mt = "lumx-table", {
-  block: WA
-} = F(Mt), UA = (e) => {
+  block: UA
+} = F(Mt), GA = (e) => {
   const {
     children: t,
     className: n,
@@ -10229,17 +10239,17 @@ const YN = /* @__PURE__ */ E((e, {
   return m("table", S({
     ref: r
   }, i, {
-    className: L(n, WA({
+    className: L(n, UA({
       "has-before": a,
       "has-dividers": o,
       [`theme-${s}`]: !!s
     }))
   }), [t]);
-}, ZN = /* @__PURE__ */ E((e, {
+}, JN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = U(), o = M(() => e.class);
-  return () => m(UA, S(e, n, {
+  return () => m(GA, S(e, n, {
     className: o.value,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -10248,7 +10258,7 @@ const YN = /* @__PURE__ */ E((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: $()("class", "hasBefore", "hasDividers", "theme")
-}), GA = `${Mt}__body`, KA = (e) => {
+}), KA = `${Mt}__body`, XA = (e) => {
   const {
     children: t,
     className: n,
@@ -10258,13 +10268,13 @@ const YN = /* @__PURE__ */ E((e, {
   return m("tbody", S({
     ref: a
   }, o, {
-    className: L(n, GA)
+    className: L(n, KA)
   }), [t]);
-}, JN = /* @__PURE__ */ E((e, {
+}, QN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
-  return () => m(KA, S(e, n, {
+  return () => m(XA, S(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
@@ -10280,9 +10290,9 @@ const YN = /* @__PURE__ */ E((e, {
   head: "head"
 }, Ue = `${Mt}__cell`, {
   block: Xl
-} = F(Ue), XA = {
+} = F(Ue), YA = {
   variant: ur.body
-}, YA = (e) => {
+}, ZA = (e) => {
   const {
     children: t,
     className: n,
@@ -10291,7 +10301,7 @@ const YN = /* @__PURE__ */ E((e, {
     handleClick: r,
     ref: s,
     sortOrder: i,
-    variant: l = XA.variant,
+    variant: l = YA.variant,
     ...c
   } = e, d = r ? "button" : "div", u = d === "button" ? {
     type: "button",
@@ -10334,9 +10344,9 @@ const YN = /* @__PURE__ */ E((e, {
   }), [m("div", {
     className: `${Ue}-content`
   }, [t])])]);
-}, ZA = {
+}, JA = {
   headerClick: () => !0
-}, QN = /* @__PURE__ */ E((e, {
+}, eP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -10344,7 +10354,7 @@ const YN = /* @__PURE__ */ E((e, {
   const o = M(() => e.class), r = () => {
     t("headerClick");
   }, s = oe("onHeaderClick");
-  return () => m(YA, S(e, a, {
+  return () => m(ZA, S(e, a, {
     className: o.value,
     handleClick: s ? r : void 0,
     children: n.default?.()
@@ -10353,8 +10363,8 @@ const YN = /* @__PURE__ */ E((e, {
   name: "LumxTableCell",
   inheritAttrs: !1,
   props: $()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: ZA
-}), JA = `${Mt}__header`, QA = (e) => {
+  emits: JA
+}), QA = `${Mt}__header`, eS = (e) => {
   const {
     children: t,
     className: n,
@@ -10364,13 +10374,13 @@ const YN = /* @__PURE__ */ E((e, {
   return m("thead", S({
     ref: a
   }, o, {
-    className: L(n, JA)
+    className: L(n, QA)
   }), [t]);
-}, eP = /* @__PURE__ */ E((e, {
+}, tP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
-  return () => m(QA, S(e, n, {
+  return () => m(eS, S(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
@@ -10378,9 +10388,9 @@ const YN = /* @__PURE__ */ E((e, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
   props: $()("class")
-}), eS = `${Mt}__row`, {
-  block: tS
-} = F(eS), nS = (e) => {
+}), tS = `${Mt}__row`, {
+  block: nS
+} = F(tS), aS = (e) => {
   const {
     children: t,
     className: n,
@@ -10397,13 +10407,13 @@ const YN = /* @__PURE__ */ E((e, {
   }, s !== void 0 ? {
     tabIndex: s
   } : {}, l, {
-    className: L(n, tS({
+    className: L(n, nS({
       "is-clickable": a && !c,
       "is-disabled": c,
       "is-selected": o && !c
     }))
   }), [t]);
-}, tP = /* @__PURE__ */ E((e, {
+}, nP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class), {
@@ -10413,7 +10423,7 @@ const YN = /* @__PURE__ */ E((e, {
     ...e,
     ...n
   })));
-  return () => m(nS, S(r.value, {
+  return () => m(aS, S(r.value, {
     className: a.value,
     tabIndex: e.isClickable && !o.value ? 0 : -1,
     "aria-disabled": o.value,
@@ -10424,12 +10434,12 @@ const YN = /* @__PURE__ */ E((e, {
   inheritAttrs: !1,
   props: $()("class", "isClickable", "isDisabled", "isSelected")
 }), Qu = "lumx-tabs";
-function aS(e) {
+function oS(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const oS = `${Qu}__link`, {
-  block: rS
-} = F(oS), sS = (e) => {
+const rS = `${Qu}__link`, {
+  block: sS
+} = F(rS), iS = (e) => {
   const {
     className: t,
     icon: n,
@@ -10464,7 +10474,7 @@ const oS = `${Qu}__link`, {
   }, x, {
     type: "button",
     id: v,
-    className: L(t, rS({
+    className: L(t, sS({
       "is-active": i,
       "is-disabled": o
     })),
@@ -10486,7 +10496,7 @@ const oS = `${Qu}__link`, {
   }, a), null), l && m(A, {
     as: "span",
     truncate: !0
-  }, aS(l) ? l : {
+  }, oS(l) ? l : {
     default: () => [l]
   })]);
 }, Pt = {
@@ -10494,7 +10504,7 @@ const oS = `${Qu}__link`, {
   shouldActivateOnFocus: !1,
   activeTabIndex: 0,
   ids: { tab: [], tabPanel: [] }
-}, iS = (e, t) => {
+}, lS = (e, t) => {
   switch (t.type) {
     case "update":
       return { ...e, ...t.payload };
@@ -10537,12 +10547,12 @@ const oS = `${Qu}__link`, {
         changeToTab: () => o({ type: "setActiveTabIndex", payload: i })
       };
   });
-}, lS = {
+}, cS = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, nP = /* @__PURE__ */ E((e, {
+}, aP = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = M(() => e.class), {
@@ -10551,7 +10561,7 @@ const oS = `${Qu}__link`, {
     ...e,
     ...n
   }))), r = td("tab", e.id), s = w(() => e.isActive || r.value?.isActive), i = (c) => t("focus", c), l = (c) => t("keypress", c);
-  return () => m(sS, S(n, {
+  return () => m(iS, S(n, {
     id: e.id,
     className: a.value,
     icon: e.icon,
@@ -10575,18 +10585,18 @@ const oS = `${Qu}__link`, {
   name: "LumxTab",
   inheritAttrs: !1,
   props: $()("icon", "iconProps", "id", "isActive", "isDisabled", "label", "class"),
-  emits: lS
+  emits: cS
 }), {
-  block: cS,
-  element: uS
+  block: uS,
+  element: dS
 } = F(Qu);
-let dS = /* @__PURE__ */ (function(e) {
+let fS = /* @__PURE__ */ (function(e) {
   return e.clustered = "clustered", e.fixed = "fixed", e;
 })({});
 const Yl = {
-  layout: dS.fixed,
+  layout: fS.fixed,
   position: Ar.left
-}, fS = (e) => {
+}, hS = (e) => {
   const {
     "aria-label": t,
     children: n,
@@ -10600,22 +10610,22 @@ const Yl = {
   return m("div", S({
     ref: i
   }, l, {
-    className: L(a, cS({
+    className: L(a, uS({
       [`layout-${o}`]: !!o,
       [`position-${r}`]: !!r,
       [`theme-${s}`]: !!s
     }))
   }), [m("div", {
-    className: uS("links"),
+    className: dS("links"),
     role: "tablist",
     "aria-label": t
   }, [n])]);
-}, aP = /* @__PURE__ */ E((e) => {
+}, oP = /* @__PURE__ */ E((e) => {
   const t = D(), n = ke(), a = U(), o = M(() => e.class), r = R(null);
   return ju({
     containerRef: r,
     itemSelector: '[role="tab"]'
-  }), () => m(fS, S(t, {
+  }), () => m(hS, S(t, {
     ref: r,
     "aria-label": t["aria-label"],
     className: o.value,
@@ -10628,9 +10638,9 @@ const Yl = {
   name: "LumxTabList",
   inheritAttrs: !1,
   props: $()("layout", "position", "theme", "class")
-}), hS = "lumx-tab-panel", {
-  block: mS
-} = F(hS), pS = (e) => {
+}), mS = "lumx-tab-panel", {
+  block: pS
+} = F(mS), gS = (e) => {
   const {
     children: t,
     className: n,
@@ -10646,7 +10656,7 @@ const Yl = {
     ref: l
   }, c, {
     id: o,
-    className: L(n, mS({
+    className: L(n, pS({
       "is-active": a
     })),
     role: "tabpanel"
@@ -10655,9 +10665,9 @@ const Yl = {
   }, {
     "aria-labelledby": r
   }), [(!s || a) && t]);
-}, oP = /* @__PURE__ */ E((e) => {
+}, rP = /* @__PURE__ */ E((e) => {
   const t = D(), n = ke(), a = M(() => e.class), o = td("tabPanel", e.id), r = w(() => e.isActive || o.value?.isActive);
-  return () => m(pS, S(t, {
+  return () => m(gS, S(t, {
     className: a.value,
     isActive: r.value,
     id: o.value?.tabPanelId,
@@ -10673,9 +10683,9 @@ const Yl = {
 }), Zl = {
   isLazy: Pt.isLazy,
   shouldActivateOnFocus: Pt.shouldActivateOnFocus
-}, gS = {
+}, vS = {
   change: (e) => typeof e == "number"
-}, rP = /* @__PURE__ */ E((e, {
+}, sP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -10687,7 +10697,7 @@ const Yl = {
       activeTabIndex: e.activeTabIndex
     } : {}
   }), o = (r) => {
-    a.value = iS(a.value, r);
+    a.value = lS(a.value, r);
   };
   return je(ed, {
     state: a,
@@ -10719,10 +10729,10 @@ const Yl = {
       required: !1
     }
   },
-  emits: gS
+  emits: vS
 });
 var Jo, Jl;
-function vS() {
+function bS() {
   if (Jl) return Jo;
   Jl = 1;
   var e = Ru();
@@ -10731,15 +10741,15 @@ function vS() {
   }
   return Jo = t, Jo;
 }
-var bS = vS();
-const yS = /* @__PURE__ */ Te(bS);
-function AS(e) {
+var yS = bS();
+const AS = /* @__PURE__ */ Te(yS);
+function SS(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const SS = "lumx-user-block", {
-  block: NS,
+const NS = "lumx-user-block", {
+  block: PS,
   element: $e
-} = F(SS), Ql = {
+} = F(NS), Ql = {
   orientation: ct.horizontal,
   size: H.m
 }, dr = ({
@@ -10749,7 +10759,7 @@ const SS = "lumx-user-block", {
 }) => {
   const a = !!(t?.href || e);
   return !!n || a;
-}, PS = (e) => {
+}, xS = (e) => {
   const {
     avatarProps: t,
     className: n,
@@ -10788,7 +10798,7 @@ const SS = "lumx-user-block", {
     as: "span",
     key: z,
     className: $e("field")
-  }, AS(B) ? B : {
+  }, SS(B) ? B : {
     default: () => [B]
   }))]), I = {
     ...f && {
@@ -10801,7 +10811,7 @@ const SS = "lumx-user-block", {
   return m("div", S({
     ref: s
   }, P, I, {
-    className: L(n, NS({
+    className: L(n, PS({
       [`orientation-${p}`]: !!p,
       [`size-${T}`]: !!T,
       [`theme-${y}`]: !!y,
@@ -10826,14 +10836,14 @@ const SS = "lumx-user-block", {
     className: $e("after")
   }, [x]) : null]);
 };
-function xS(e) {
+function wS(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const wS = {
+const CS = {
   click: () => !0,
   mouseenter: () => !0,
   mouseleave: () => !0
-}, sP = /* @__PURE__ */ E((e, {
+}, iP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -10865,7 +10875,7 @@ const wS = {
     }), {
       default: () => [m(me, {
         as: "span"
-      }, xS(g) ? g : {
+      }, wS(g) ? g : {
         default: () => [g]
       })]
     });
@@ -10879,7 +10889,7 @@ const wS = {
       const p = {
         ...e.avatarProps
       };
-      return yS(p, ["thumbnailProps", "tabIndex"], -1), p;
+      return AS(p, ["thumbnailProps", "tabIndex"], -1), p;
     }
     return e.avatarProps;
   });
@@ -10889,7 +10899,7 @@ const wS = {
       fields: p,
       ...b
     } = e, v = n.default?.() || h.value;
-    return m(PS, S(b, a, {
+    return m(xS, S(b, a, {
       linkAs: Ye(g),
       className: r.value,
       theme: e.theme || o.value,
@@ -10921,14 +10931,14 @@ const wS = {
   name: "LumxUserBlock",
   inheritAttrs: !1,
   props: $()("avatarProps", "class", "fields", "linkAs", "linkProps", "name", "nameProps", "orientation", "size", "theme"),
-  emits: wS
+  emits: CS
 });
-function CS(e, t, n) {
+function OS(e, t, n) {
   if (n != null)
     return e?.find((a) => se(t, a) === n);
 }
 function nd(e, t, n, a, o) {
-  const r = CS(e, t, a);
+  const r = OS(e, t, a);
   if (!o)
     return r;
   const s = Array.isArray(n) ? n : [], i = s.findIndex((c) => se(t, c) === a);
@@ -11001,7 +11011,7 @@ function Wr(e, t) {
     });
   });
 }
-const OS = "SelectButton", kS = "lumx-select-button", TS = {
+const kS = "SelectButton", TS = "lumx-select-button", _S = {
   selectionType: "single"
 }, Ur = (e, {
   Combobox: t,
@@ -11016,7 +11026,7 @@ const OS = "SelectButton", kS = "lumx-select-button", TS = {
     getSectionId: l,
     renderSectionTitle: c,
     value: d,
-    selectionType: u = TS.selectionType,
+    selectionType: u = _S.selectionType,
     label: h,
     labelDisplayMode: f,
     buttonProps: g,
@@ -11077,9 +11087,9 @@ const OS = "SelectButton", kS = "lumx-select-button", TS = {
     })]
   });
 };
-Ur.displayName = OS;
-Ur.className = kS;
-function _S(e) {
+Ur.displayName = kS;
+Ur.className = TS;
+function IS(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
 function od(e) {
@@ -11111,7 +11121,7 @@ function od(e) {
           value: s,
           isSelected: i,
           description: l ?? void 0
-        }, b), _S(v) ? v : {
+        }, b), IS(v) ? v : {
           default: () => [v]
         });
       };
@@ -11126,10 +11136,10 @@ function rd(e) {
       });
   });
 }
-function IS(e) {
+function LS(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const LS = {
+const ES = {
   /**
    * Selection change. Payload type depends on `selectionType`:
    * - default / `'single'` → `O` (selected option).
@@ -11143,7 +11153,7 @@ const LS = {
   "load-more": () => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, iP = /* @__PURE__ */ E((e, {
+}, lP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11170,7 +11180,7 @@ const LS = {
       children: g
     }) : m(It, S({
       rightIcon: Td
-    }, v), IS(g) ? g : {
+    }, v), LS(g) ? g : {
       default: () => [g]
     });
   }), d = (f) => {
@@ -11220,8 +11230,8 @@ const LS = {
   inheritAttrs: !1,
   slots: Object,
   props: $()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "label", "labelDisplayMode", "popoverProps", "listStatus", "translations", "class"),
-  emits: LS
-}), lP = Ot, ES = "SelectTextField", $S = "lumx-select-text-field", Gr = (e, {
+  emits: ES
+}), cP = Ot, $S = "SelectTextField", MS = "lumx-select-text-field", Gr = (e, {
   Combobox: t,
   InfiniteScroll: n
 }) => {
@@ -11300,9 +11310,9 @@ const LS = {
     })]
   });
 };
-Gr.displayName = ES;
-Gr.className = $S;
-const MS = {
+Gr.displayName = $S;
+Gr.className = MS;
+const RS = {
   /**
    * Selection change. Payload type depends on `selectionType`:
    * - `'single'`   → `O | undefined` (option on select, `undefined` on clear).
@@ -11327,7 +11337,7 @@ const MS = {
   clear: (e) => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, RS = /* @__PURE__ */ E((e, {
+}, DS = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11353,7 +11363,7 @@ const MS = {
     l.value = !1, c.value = "", t("search", ""), t("blur", x);
   }, v = od(n.option), y = rd(n.sectionTitle), A = oe("onLoadMore") || oe("onLoad-more"), N = () => t("load-more");
   return () => {
-    const x = !o.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, C = e.selectionType === "multiple" ? m(Db, {
+    const x = !o.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, C = e.selectionType === "multiple" ? m(Bb, {
       value: e.value,
       theme: e.theme,
       getOptionId: e.getOptionId,
@@ -11439,9 +11449,9 @@ const MS = {
   name: "LumxSelectTextField",
   inheritAttrs: !1,
   props: $()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "filter", "searchInputValue", "hasClearButton", "listStatus", "label", "placeholder", "icon", "isDisabled", "aria-disabled", "isRequired", "hasError", "error", "helper", "id", "name", "isValid", "maxLength", "ariaLabel", "inputProps", "popoverProps", "translations", "beforeOptions", "openOnFocus", "class", "theme"),
-  emits: MS
-}), DS = Ot, cP = Eu, uP = ku, dP = Tu, fP = Iu, BS = "TimePickerField", sd = "lumx-time-picker-field", {
-  block: FS
+  emits: RS
+}), BS = Ot, uP = Eu, dP = ku, fP = Tu, hP = Iu, FS = "TimePickerField", sd = "lumx-time-picker-field", {
+  block: qS
 } = F(sd), tc = {
   step: 30,
   boundsMode: "on-blur"
@@ -11460,7 +11470,7 @@ const MS = {
     ...d
   } = e;
   return m(t, S(d, {
-    className: FS([r]),
+    className: qS([r]),
     selectionType: "single",
     options: a,
     getOptionId: "name",
@@ -11487,7 +11497,7 @@ const MS = {
     translations: o
   }), null);
 };
-Kr.displayName = BS;
+Kr.displayName = FS;
 Kr.className = sd;
 function fr(e, t) {
   return e.toLocaleTimeString(t, { hour: "numeric", minute: "2-digit" });
@@ -11499,22 +11509,22 @@ function Ut({ hour: e, minute: t }, n) {
 function Qt(e) {
   return e.getHours() * 60 + e.getMinutes();
 }
-const hr = 60, qS = 24 * hr;
-function jS(e = {}) {
+const hr = 60, jS = 24 * hr;
+function HS(e = {}) {
   const { step: t = 30, minTime: n, maxTime: a, locale: o } = e;
   if (!Number.isInteger(t) || t <= 0)
     return [];
   const r = n ? Qt(n) : void 0, s = a ? Qt(a) : void 0, i = [];
-  for (let l = 0; l < qS; l += t) {
+  for (let l = 0; l < jS; l += t) {
     const c = Math.floor(l / hr), d = l % hr, u = r !== void 0 && l < r || s !== void 0 && l > s || void 0, h = o ? fr(Ut({ hour: c, minute: d }), o) : void 0;
     i.push({ hour: c, minute: d, name: h, outOfRange: u });
   }
   return i;
 }
-const HS = /^T?(\d{1,2})(?:[:.h]?([0-5]\d)(?:[:.]?[0-5]\d)?)?\s*(a\.?m?\.?|p\.?m?\.?)?Z?$/i;
-function zS(e) {
+const zS = /^T?(\d{1,2})(?:[:.h]?([0-5]\d)(?:[:.]?[0-5]\d)?)?\s*(a\.?m?\.?|p\.?m?\.?)?Z?$/i;
+function VS(e) {
   if (typeof e != "string") return;
-  const t = e.trim().match(HS);
+  const t = e.trim().match(zS);
   if (!t) return;
   const [, n, a, o] = t;
   let r = Number(n);
@@ -11531,10 +11541,10 @@ function nc(e, t, n) {
   const a = e.hour * 60 + e.minute;
   return t && a < Qt(t) ? { hour: t.getHours(), minute: t.getMinutes() } : n && a > Qt(n) ? { hour: n.getHours(), minute: n.getMinutes() } : e;
 }
-function VS(e, t) {
+function WS(e, t) {
   return e.getHours() === t.hour && e.getMinutes() === t.minute;
 }
-const WS = () => navigator.languages?.[0] || navigator.language, US = {
+const US = () => navigator.languages?.[0] || navigator.language, GS = {
   /**
    * Selection change. Payload is the new `Date` whose date part is inherited
    * from the previous `value` (or today, if none) and whose time-of-day
@@ -11542,10 +11552,10 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, hP = /* @__PURE__ */ E((e, {
+}, mP = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
-  const n = M(() => e.class), a = w(() => e.locale ?? WS()), o = w(() => e.step ?? tc.step), r = w(() => e.boundsMode ?? tc.boundsMode), s = w(() => jS({
+  const n = M(() => e.class), a = w(() => e.locale ?? US()), o = w(() => e.step ?? tc.step), r = w(() => e.boundsMode ?? tc.boundsMode), s = w(() => HS({
     step: o.value,
     minTime: e.minTime,
     maxTime: e.maxTime,
@@ -11579,10 +11589,10 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
   }, u = () => {
     const h = i.value;
     if (i.value = "", !h) return;
-    const f = zS(h);
+    const f = VS(h);
     if (!f) return;
     const g = nc(f, e.minTime, e.maxTime);
-    e.value && VS(e.value, g) || t("change", Ut(g, e.value));
+    e.value && WS(e.value, g) || t("change", Ut(g, e.value));
   };
   return () => {
     const h = e.value ? fr(e.value, a.value) : void 0, {
@@ -11608,8 +11618,8 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
       searchInputValue: h,
       getOptionProps: N
     }, {
-      SelectTextField: RS,
-      Option: DS
+      SelectTextField: DS,
+      Option: BS
     });
   };
 }, {
@@ -11643,98 +11653,98 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
     "theme",
     "hasClearButton"
   ),
-  emits: US
+  emits: GS
 });
 export {
-  gN as AlertDialog,
+  vN as AlertDialog,
   Wh as Avatar,
-  PN as Badge,
-  xN as BadgeWrapper,
+  xN as Badge,
+  wN as BadgeWrapper,
   It as Button,
-  yN as ButtonGroup,
-  wN as Checkbox,
+  AN as ButtonGroup,
+  CN as Checkbox,
   lr as Chip,
-  kb as ChipGroup,
+  Tb as ChipGroup,
   Du as Combobox,
   jf as Dialog,
-  ON as Divider,
-  kN as DragHandle,
-  TN as ExpansionPanel,
-  _N as Flag,
+  kN as Divider,
+  TN as DragHandle,
+  _N as ExpansionPanel,
+  IN as Flag,
   yn as FlexBox,
-  Pv as GenericBlock,
-  NN as GenericBlockGapSize,
-  IN as GridColumn,
-  LN as Heading,
+  xv as GenericBlock,
+  PN as GenericBlockGapSize,
+  LN as GridColumn,
+  EN as Heading,
   wr as HeadingLevelProvider,
   De as Icon,
   ht as IconButton,
-  XN as ImageBlock,
-  DA as ImageBlockCaptionPosition,
-  YN as InlineList,
-  EN as InputHelper,
-  $N as InputLabel,
-  CN as Lightbox,
+  YN as ImageBlock,
+  BA as ImageBlockCaptionPosition,
+  ZN as InlineList,
+  $N as InputHelper,
+  MN as InputLabel,
+  ON as Lightbox,
   Hr as Link,
-  MN as LinkPreview,
-  AN as List,
+  RN as LinkPreview,
+  SN as List,
   Iu as ListDivider,
-  SN as ListItem,
-  lv as ListItemAction,
-  mv as ListSection,
-  DN as MenuButton,
+  NN as ListItem,
+  cv as ListItemAction,
+  pv as ListSection,
+  BN as MenuButton,
   Iu as MenuDivider,
-  RN as MenuItem,
-  BN as Message,
-  FN as Mosaic,
-  Ag as Placement,
+  DN as MenuItem,
+  FN as Message,
+  qN as Mosaic,
+  Sg as Placement,
   bn as Popover,
-  qN as PopoverDialog,
+  jN as PopoverDialog,
   ff as ProgressCircular,
-  jN as ProgressLinear,
-  HN as RadioButton,
-  zN as RadioGroup,
-  Op as RawInputText,
-  Lp as RawInputTextarea,
-  iP as SelectButton,
-  lP as SelectButtonOption,
-  RS as SelectTextField,
-  fP as SelectTextFieldDivider,
-  DS as SelectTextFieldOption,
-  uP as SelectTextFieldOptionMoreInfo,
-  dP as SelectTextFieldOptionSkeleton,
-  cP as SelectTextFieldSection,
-  Db as SelectionChipGroup,
-  VN as SkeletonCircle,
-  WN as SkeletonRectangle,
-  NA as SkeletonRectangleVariant,
-  UN as SkeletonTypography,
-  GN as Switch,
-  pN as TOOLBAR_NAME,
-  nP as Tab,
-  aP as TabList,
-  dS as TabListLayout,
-  oP as TabPanel,
-  rP as TabProvider,
-  ZN as Table,
-  JN as TableBody,
-  QN as TableCell,
+  HN as ProgressLinear,
+  zN as RadioButton,
+  VN as RadioGroup,
+  kp as RawInputText,
+  Ep as RawInputTextarea,
+  lP as SelectButton,
+  cP as SelectButtonOption,
+  DS as SelectTextField,
+  hP as SelectTextFieldDivider,
+  BS as SelectTextFieldOption,
+  dP as SelectTextFieldOptionMoreInfo,
+  fP as SelectTextFieldOptionSkeleton,
+  uP as SelectTextFieldSection,
+  Bb as SelectionChipGroup,
+  WN as SkeletonCircle,
+  UN as SkeletonRectangle,
+  PA as SkeletonRectangleVariant,
+  GN as SkeletonTypography,
+  KN as Switch,
+  gN as TOOLBAR_NAME,
+  aP as Tab,
+  oP as TabList,
+  fS as TabListLayout,
+  rP as TabPanel,
+  sP as TabProvider,
+  JN as Table,
+  QN as TableBody,
+  eP as TableCell,
   ur as TableCellVariant,
-  eP as TableHeader,
-  tP as TableRow,
+  tP as TableHeader,
+  nP as TableRow,
   me as Text,
-  Up as TextField,
+  Gp as TextField,
   zt as ThOrder,
   dn as Thumbnail,
-  bN as ThumbnailObjectFit,
-  vN as ThumbnailVariant,
-  hP as TimePickerField,
+  yN as ThumbnailObjectFit,
+  bN as ThumbnailVariant,
+  mP as TimePickerField,
   Ih as Toolbar,
   gn as Tooltip,
-  KN as Uploader,
+  XN as Uploader,
   Yu as UploaderVariant,
-  sP as UserBlock,
-  ZA as emitSchema,
+  iP as UserBlock,
+  JA as emitSchema,
   xc as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map