@lumx/vue 4.20.0 → 4.20.1-alpha.0

package/index.js

@@ -1,9 +1,9 @@
 import { ColorVariant as Fd, Size as lt, VISUALLY_HIDDEN as qd, DIALOG_TRANSITION_DURATION as hc, AspectRatio as mc, Typography as jd, IS_BROWSER as rs, ColorPalette as Hd } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as m, mergeProps as A, Fragment as ne, isVNode as G, useAttrs as B, computed as w, toValue as qe, getCurrentScope as pc, onScopeDispose as vr, toRef as ee, readonly as zd, customRef as Vd, ref as D, shallowRef as je, watch as Z, getCurrentInstance as gc, onMounted as Ze, inject as be, defineComponent as I, toRefs as Wd, reactive as vc, provide as Ie, watchEffect as We, onUnmounted as Ce, isRef as dt, watchPostEffect as Ud, onBeforeUnmount as nn, Comment as br, unref as wt, useSlots as Me, useTemplateRef as Gd, toRaw as Je, Text as bc, nextTick as yc, shallowReadonly as rt, h as ss, cloneVNode as Kd, onWatcherCleanup as Yd, createTextVNode as Xd, withDirectives as Zd, resolveDirective as Jd } from "vue";
+import { createVNode as m, mergeProps as A, Fragment as ne, isVNode as G, useAttrs as B, computed as w, toValue as qe, getCurrentScope as pc, onScopeDispose as vr, toRef as ee, readonly as zd, customRef as Vd, ref as D, shallowRef as je, watch as Z, getCurrentInstance as gc, onMounted as Ze, inject as be, defineComponent as E, toRefs as Wd, reactive as vc, provide as Ie, watchEffect as We, onUnmounted as Ce, isRef as dt, watchPostEffect as Ud, onBeforeUnmount as nn, Comment as br, unref as wt, useSlots as Me, useTemplateRef as Gd, toRaw as Je, Text as bc, nextTick as yc, shallowReadonly as rt, h as ss, cloneVNode as Kd, onWatcherCleanup as Yd, createTextVNode as Xd, withDirectives as Zd, resolveDirective as Jd } from "vue";
 import { classNames as fe } from "@lumx/core/js/utils";
-import { k as L, g as M, u as K, C as yr, T as Nr, P as an, I as Nc } from "./_internal/GIQod6ql.js";
+import { k as L, g as M, u as K, C as yr, T as Nr, P as an, I as Nc } from "./_internal/CK74QL1A.js";
 import { getDisabledState as Qd } from "@lumx/core/js/utils/disabledState";
 import { mdiAlertCircle as xt } from "@lumx/icons/esm/alert-circle.js";
 import { mdiChevronUp as Ac } from "@lumx/icons/esm/chevron-up.js";
@@ -625,7 +625,7 @@ const jf = "DialogContent", Hf = (e) => {
 }, Vf = { level: 1, headingElement: "h1" }, Wf = (e, t) => {
   const n = e || t + 1;
   return n > ps ? ps : n;
-}, Mc = /* @__PURE__ */ Symbol("HeadingLevelContext"), $c = () => be(Mc, Vf), _r = /* @__PURE__ */ I((e, {
+}, Mc = /* @__PURE__ */ Symbol("HeadingLevelContext"), $c = () => be(Mc, Vf), _r = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const {
@@ -677,7 +677,7 @@ const jf = "DialogContent", Hf = (e) => {
       fill: "none"
     }), null)])]
   });
-}, Xf = /* @__PURE__ */ I((e) => {
+}, Xf = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(Yf, A(e, t, {
     className: a.value,
@@ -720,7 +720,7 @@ function Zf() {
     }
   };
 }
-const Jf = "IdsRegistryProvider", kr = /* @__PURE__ */ Symbol("LumxIdsRegistry"), Er = I({
+const Jf = "IdsRegistryProvider", kr = /* @__PURE__ */ Symbol("LumxIdsRegistry"), Er = E({
   name: M(Jf),
   setup(e, { slots: t }) {
     return Ie(kr, Zf()), () => t.default?.();
@@ -744,7 +744,7 @@ function Ir(e) {
     })
   ), n;
 }
-const eh = /* @__PURE__ */ I((e) => {
+const eh = /* @__PURE__ */ E((e) => {
   const t = Ir(ln);
   return () => Hf({
     ...e,
@@ -1328,7 +1328,7 @@ const Th = {
       className: t
     } : {}
   };
-}, _h = /* @__PURE__ */ I((e, {
+}, _h = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -1789,7 +1789,7 @@ function ae(e) {
   });
   return { disabledStateProps: n, isAnyDisabled: a, otherProps: o };
 }
-const Pi = I({
+const Pi = E({
   name: "ResetTheme",
   setup(e, { slots: t }) {
     return Ie("theme", void 0), () => t.default?.();
@@ -1848,7 +1848,7 @@ const Pi = I({
 te.displayName = Qc;
 te.className = eu;
 te.defaultProps = rm;
-const He = /* @__PURE__ */ I((e) => {
+const He = /* @__PURE__ */ E((e) => {
   const t = B(), n = K({
     defaultTheme: void 0
   }), a = R(() => e.class);
@@ -1948,7 +1948,7 @@ function or(e) {
 function hm(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const pe = /* @__PURE__ */ I((e, {
+const pe = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = au(), o = Gd("tooltip-label"), {
@@ -1986,7 +1986,7 @@ const pe = /* @__PURE__ */ I((e, {
   props: L()("id", "as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
 }), mm = {
   click: (e) => e instanceof MouseEvent
-}, Mt = /* @__PURE__ */ I((e, {
+}, Mt = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = K(), r = R(() => e.class), {
@@ -2057,7 +2057,7 @@ const pe = /* @__PURE__ */ I((e, {
   }, [o]), t && m("div", {
     className: qa("after")
   }, [t])]);
-}, ym = /* @__PURE__ */ I((e, {
+}, ym = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -2073,7 +2073,7 @@ const pe = /* @__PURE__ */ I((e, {
   props: L()("class")
 }), Nm = {
   close: () => !0
-}, zP = /* @__PURE__ */ I((e, {
+}, YP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -2247,8 +2247,8 @@ const xm = "Thumbnail", Tm = "lumx-thumbnail", {
     handleClick: _,
     handleKeyPress: S,
     ...q
-  } = e, H = g || C === "isLoading", z = C === "hasError", E = z && typeof l == "string", j = z && !E, W = {};
-  E ? W.visibility = "hidden" : j && (W.display = "none");
+  } = e, H = g || C === "isLoading", z = C === "hasError", I = z && typeof l == "string", j = z && !I, W = {};
+  I ? W.visibility = "hidden" : j && (W.display = "none");
   const X = !!(P?.href || k), U = !y && !!(X || _ || S), J = {
     ...q
   };
@@ -2263,7 +2263,7 @@ const xm = "Thumbnail", Tm = "lumx-thumbnail", {
     [`variant-${x}`]: !!x,
     "is-clickable": U,
     "has-error": z,
-    "has-icon-error-fallback": E,
+    "has-icon-error-fallback": I,
     "has-custom-error-fallback": j,
     "is-loading": H,
     [`object-fit-${p}`]: !!p,
@@ -2296,7 +2296,7 @@ const xm = "Thumbnail", Tm = "lumx-thumbnail", {
     loading: b
   }), null), !H && z && m("span", {
     className: Ct("fallback")
-  }, [E ? te({
+  }, [I ? te({
     icon: l,
     size: lt.xxs,
     theme: T
@@ -2374,7 +2374,7 @@ function Im(e) {
 const Mm = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, mn = /* @__PURE__ */ I((e, {
+}, mn = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -2436,10 +2436,10 @@ const Mm = {
   inheritAttrs: !1,
   props: L()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
   emits: Mm
-}), VP = {
+}), XP = {
   squared: "squared",
   rounded: "rounded"
-}, WP = {
+}, ZP = {
   cover: "cover",
   contain: "contain"
 }, $m = {
@@ -2447,7 +2447,7 @@ const Mm = {
   click: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, Lm = /* @__PURE__ */ I((e, {
+}, Lm = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -2769,9 +2769,9 @@ function Vm(e, t, n) {
     if (q >= 0 && q < _.length)
       return b = q, i.setActive(_[q]), !0;
     if (!s) return !1;
-    const H = P > 0 ? "next" : "prev", E = Le(d(k, H)) ?? (P > 0 ? f() : h());
-    if (!E) return !1;
-    const j = u(E);
+    const H = P > 0 ? "next" : "prev", I = Le(d(k, H)) ?? (P > 0 ? f() : h());
+    if (!I) return !1;
+    const j = u(I);
     if (j.length === 0) return !1;
     const W = P > 0 ? 0 : j.length - 1;
     return b = W, i.setActive(j[W]), !0;
@@ -2811,8 +2811,8 @@ function Vm(e, t, n) {
       const k = Array.from(d());
       if (k.length === 0) return !1;
       if (!i.active) {
-        const H = P > 0 ? 0 : k.length - 1, z = P > 0 ? P - 1 : P + 1, E = Math.max(0, Math.min(H + z, k.length - 1));
-        return v(k[E], b);
+        const H = P > 0 ? 0 : k.length - 1, z = P > 0 ? P - 1 : P + 1, I = Math.max(0, Math.min(H + z, k.length - 1));
+        return v(k[I], b);
       }
       const _ = g(i.active);
       if (!_) return !1;
@@ -3084,14 +3084,14 @@ function iu(e, t, n) {
     loadingChange: /* @__PURE__ */ new Set(),
     loadingAnnouncement: /* @__PURE__ */ new Set()
   }, v = {};
-  function y(E, j) {
-    v[E] = j, b[E].forEach((W) => W(j));
+  function y(I, j) {
+    v[I] = j, b[I].forEach((W) => W(j));
   }
   function N() {
-    let E = 0;
+    let I = 0;
     for (const j of c.values())
-      j.lastFiltered || (E += 1);
-    return E;
+      j.lastFiltered || (I += 1);
+    return I;
   }
   function O() {
     return N() > 0 || p > 0;
@@ -3099,8 +3099,8 @@ function iu(e, t, n) {
   function T() {
     for (const [X] of u)
       wi(X, u, c);
-    const E = N(), j = o?.value ?? "";
-    (E !== f || E === 0 && j !== h) && (f = E, h = j, y("optionsChange", { optionsLength: E, inputValue: j })), i && o?.setAttribute("aria-expanded", String(O()));
+    const I = N(), j = o?.value ?? "";
+    (I !== f || I === 0 && j !== h) && (f = I, h = j, y("optionsChange", { optionsLength: I, inputValue: j })), i && o?.setAttribute("aria-expanded", String(O()));
   }
   const C = 500;
   let x, P = !1;
@@ -3110,14 +3110,14 @@ function iu(e, t, n) {
     }, C));
   }
   function _() {
-    const E = p > 0;
-    g = E, y("loadingChange", E), E ? k() : (clearTimeout(x), P && (P = !1, y("loadingAnnouncement", !1)));
+    const I = p > 0;
+    g = I, y("loadingChange", I), I ? k() : (clearTimeout(x), P && (P = !1, y("loadingAnnouncement", !1)));
   }
   let S;
   function q() {
     d?.abort(), d = null, s = null;
   }
-  function H(E, j, W) {
+  function H(I, j, W) {
     function X(U) {
       if (W?.(U)) {
         U.stopPropagation(), U.preventDefault();
@@ -3152,12 +3152,12 @@ function iu(e, t, n) {
       }
       J && (U.stopPropagation(), U.preventDefault());
     }
-    E.addEventListener("keydown", (U) => X(U), { signal: j });
+    I.addEventListener("keydown", (U) => X(U), { signal: j });
   }
   function z() {
     if (!o) return;
-    const E = !d;
-    if (d || (d = new AbortController()), o.getAttribute("aria-activedescendant") || o.setAttribute("aria-activedescendant", ""), o.setAttribute("aria-expanded", String(i)), E) {
+    const I = !d;
+    if (d || (d = new AbortController()), o.getAttribute("aria-activedescendant") || o.setAttribute("aria-activedescendant", ""), o.setAttribute("aria-expanded", String(i)), I) {
       const j = n?.(S, d.signal) || void 0;
       H(o, d.signal, j), o.addEventListener(
         "focusout",
@@ -3188,77 +3188,77 @@ function iu(e, t, n) {
     get isLoading() {
       return p > 0;
     },
-    setIsOpen(E) {
-      i !== E && (i = E, E ? p > 0 && k() : (s?.clear(), clearTimeout(x), P && (P = !1, y("loadingAnnouncement", !1))), o?.setAttribute("aria-expanded", String(E && O())), y("open", E));
+    setIsOpen(I) {
+      i !== I && (i = I, I ? p > 0 && k() : (s?.clear(), clearTimeout(x), P && (P = !1, y("loadingAnnouncement", !1))), o?.setAttribute("aria-expanded", String(I && O())), y("open", I));
     },
-    select(E) {
-      e.onSelect?.({ value: E ? Ft(E) : "" }), E && !S.isMultiSelect && (S.focusNav?.clear(), requestAnimationFrame(() => {
+    select(I) {
+      e.onSelect?.({ value: I ? Ft(I) : "" }), I && !S.isMultiSelect && (S.focusNav?.clear(), requestAnimationFrame(() => {
         S.setIsOpen(!1);
       }));
     },
     flushPendingNavigation() {
       s?.flushPendingNavigation();
     },
-    registerOption(E, j) {
-      const W = l.toLowerCase(), X = Ft(E).toLowerCase(), U = W.length > 0 && !X.includes(W);
-      return c.set(E, { callback: j, lastFiltered: U }), j(U), T(), () => {
-        c.delete(E), T();
+    registerOption(I, j) {
+      const W = l.toLowerCase(), X = Ft(I).toLowerCase(), U = W.length > 0 && !X.includes(W);
+      return c.set(I, { callback: j, lastFiltered: U }), j(U), T(), () => {
+        c.delete(I), T();
       };
     },
-    setFilter(E) {
-      l = E;
-      const j = E.toLowerCase();
+    setFilter(I) {
+      l = I;
+      const j = I.toLowerCase();
       for (const [W, X] of c) {
         const U = Ft(W).toLowerCase(), J = j.length > 0 && !U.includes(j);
         J !== X.lastFiltered && (X.lastFiltered = J, X.callback(J));
       }
       T();
     },
-    refilterOption(E) {
-      const j = c.get(E);
+    refilterOption(I) {
+      const j = c.get(I);
       if (!j) return;
-      const W = l.toLowerCase(), X = Ft(E).toLowerCase(), U = W.length > 0 && !X.includes(W);
+      const W = l.toLowerCase(), X = Ft(I).toLowerCase(), U = W.length > 0 && !X.includes(W);
       U !== j.lastFiltered && (j.lastFiltered = U, j.callback(U), T());
     },
-    registerSection(E, j) {
-      return u.set(E, { callback: j, last: { hidden: !1, "aria-hidden": !1 } }), wi(E, u, c, !0), () => {
-        u.delete(E);
+    registerSection(I, j) {
+      return u.set(I, { callback: j, last: { hidden: !1, "aria-hidden": !1 } }), wi(I, u, c, !0), () => {
+        u.delete(I);
       };
     },
     registerSkeleton() {
-      const E = p > 0;
-      return p += 1, E || _(), () => {
+      const I = p > 0;
+      return p += 1, I || _(), () => {
         p -= 1, p === 0 && _();
       };
     },
-    registerTrigger(E) {
-      return o && o !== E && q(), o = E, z(), () => {
-        o === E && (q(), o = null);
+    registerTrigger(I) {
+      return o && o !== I && q(), o = I, z(), () => {
+        o === I && (q(), o = null);
       };
     },
-    registerListbox(E) {
-      if (r === E) return () => {
+    registerListbox(I) {
+      if (r === I) return () => {
       };
       const j = !!r;
-      return r = E, o && d && (j ? (q(), z()) : s = Ti(S, d.signal, y, { wrapNavigation: a })), () => {
-        r === E && (r = null, s = null);
+      return r = I, o && d && (j ? (q(), z()) : s = Ti(S, d.signal, y, { wrapNavigation: a })), () => {
+        r === I && (r = null, s = null);
       };
     },
-    subscribe(E, j) {
-      return b[E].add(j), E === "open" && i && j(!0), E === "loadingChange" && g && j(!0), () => {
-        b[E].delete(j);
+    subscribe(I, j) {
+      return b[I].add(j), I === "open" && i && j(!0), I === "loadingChange" && g && j(!0), () => {
+        b[I].delete(j);
       };
     },
-    getSnapshot(E) {
-      return v[E];
+    getSnapshot(I) {
+      return v[I];
     },
     destroy() {
       q(), o = null, r = null, l = "", f = 0, h = "", g = !1;
-      for (const E of Object.keys(v))
-        delete v[E];
+      for (const I of Object.keys(v))
+        delete v[I];
       c.clear(), u.clear(), p = 0, clearTimeout(x), P = !1;
-      for (const E of Object.values(b))
-        E.clear();
+      for (const I of Object.values(b))
+        I.clear();
     }
   }, S;
 }
@@ -3659,12 +3659,12 @@ const ip = async (e, t, n) => {
     }, h = Fr(o), g = Br(h), p = await s.getDimensions(c), b = h === "y", v = b ? "top" : "left", y = b ? "bottom" : "right", N = b ? "clientHeight" : "clientWidth", O = r.reference[g] + r.reference[h] - f[h] - r.floating[g], T = f[h] - r.reference[h], C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let x = C ? C[N] : 0;
     (!x || !await (s.isElement == null ? void 0 : s.isElement(C))) && (x = i.floating[N] || r.floating[g]);
-    const P = O / 2 - T / 2, k = x / 2 - p[g] / 2 - 1, _ = ze(d[v], k), S = ze(d[y], k), q = _, H = x - p[g] - S, z = x / 2 - p[g] / 2 + P, E = lr(q, z, H), j = !l.arrow && he(o) != null && z !== E && r.reference[g] / 2 - (z < q ? _ : S) - p[g] / 2 < 0, W = j ? z < q ? z - q : z - H : 0;
+    const P = O / 2 - T / 2, k = x / 2 - p[g] / 2 - 1, _ = ze(d[v], k), S = ze(d[y], k), q = _, H = x - p[g] - S, z = x / 2 - p[g] / 2 + P, I = lr(q, z, H), j = !l.arrow && he(o) != null && z !== I && r.reference[g] / 2 - (z < q ? _ : S) - p[g] / 2 < 0, W = j ? z < q ? z - q : z - H : 0;
     return {
       [h]: f[h] + W,
       data: {
-        [h]: E,
-        centerOffset: z - E - W,
+        [h]: I,
+        centerOffset: z - I - W,
         ...j && {
           alignmentOffset: W
         }
@@ -3781,8 +3781,8 @@ const up = function(e) {
         overflows: k
       }], !k.every((z) => z <= 0)) {
         var S, q;
-        const z = (((S = r.flip) == null ? void 0 : S.index) || 0) + 1, E = x[z];
-        if (E && (!(d === "alignment" ? y !== ke(E) : !1) || // We leave the current main axis only if every placement on that axis
+        const z = (((S = r.flip) == null ? void 0 : S.index) || 0) + 1, I = x[z];
+        if (I && (!(d === "alignment" ? y !== ke(I) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         _.every((X) => ke(X.placement) === y ? X.overflows[0] > 0 : !0)))
           return {
@@ -3791,7 +3791,7 @@ const up = function(e) {
               overflows: _
             },
             reset: {
-              placement: E
+              placement: I
             }
           };
         let j = (q = _.filter((W) => W.overflows[0] <= 0).sort((W, X) => W.overflows[1] - X.overflows[1])[0]) == null ? void 0 : q.placement;
@@ -4719,7 +4719,7 @@ function ng(e) {
 function ag(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const yn = /* @__PURE__ */ I((e, {
+const yn = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = re(), a = R(() => e.class), o = D(null), r = D(null), s = w(() => e.placement || Ht.placement), i = w(() => e.closeMode || Ht.closeMode), l = w(() => e.ariaLinkMode || Ht.ariaLinkMode), c = w(() => e.zIndex || Ht.zIndex), {
@@ -4768,7 +4768,7 @@ const yn = /* @__PURE__ */ I((e, {
   props: L()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
 }), og = {
   click: (e) => e instanceof MouseEvent
-}, pt = /* @__PURE__ */ I((e, {
+}, pt = /* @__PURE__ */ E((e, {
   emit: t,
   expose: n
 }) => {
@@ -4831,7 +4831,7 @@ const yn = /* @__PURE__ */ I((e, {
 Nn.displayName = Tu;
 Nn.className = _u;
 Nn.defaultProps = rg;
-const UP = /* @__PURE__ */ I((e, {
+const JP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -4896,7 +4896,7 @@ function Wr() {
   const { handle: e } = we();
   return { isOpen: Ae("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
 }
-const ig = /* @__PURE__ */ I((e, {
+const ig = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -5102,7 +5102,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, vg = /* @__PURE__ */ I((e, {
+}, vg = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = (c, u, d) => {
@@ -5196,7 +5196,7 @@ const Ag = {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, Og = /* @__PURE__ */ I((e, {
+}, Og = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = D(null), s = Ng(w(() => e.rows ?? Mu.rows), r, w(() => e.value)), i = (d, f, h) => {
@@ -5336,7 +5336,7 @@ const Ig = (e) => {
     isFocus: S,
     IconButton: q,
     ref: H
-  } = e, z = (P || "").length, E = z > 0, j = p ? p - z : 0, W = p ? m("span", {
+  } = e, z = (P || "").length, I = z > 0, j = p ? p - z : 0, W = p ? m("span", {
     className: de("char-counter"),
     role: "status"
   }, [N ? N(j) : j, j === 0 && te({
@@ -5350,7 +5350,7 @@ const Ig = (e) => {
       "has-error": !d && s,
       "has-icon": !!l,
       "has-input": !b,
-      "has-input-clear": !!(a && E),
+      "has-input-clear": !!(a && I),
       "has-label": !!f,
       "has-placeholder": !!v,
       "has-textarea": b,
@@ -5387,7 +5387,7 @@ const Ig = (e) => {
     color: x === me.dark ? "light" : void 0,
     icon: d ? Ar : xt,
     size: V.xxs
-  }), a && E && !g && m(q, A({
+  }), a && I && !g && m(q, A({
     "aria-describedby": C
   }, a, {
     className: de("input-clear"),
@@ -5421,7 +5421,7 @@ const Ig = (e) => {
   blur: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   clear: (e) => !0
-}, $g = /* @__PURE__ */ I((e, {
+}, $g = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = au("chips"), o = K(), r = R(() => e.class), s = re(), i = w(() => e.id || s), l = D(!1), {
@@ -5463,7 +5463,7 @@ const Ig = (e) => {
       "aria-disabled": q,
       ariaDisabled: H,
       onChange: z,
-      onInput: E,
+      onInput: I,
       onFocus: j,
       onBlur: W,
       chips: X,
@@ -5531,7 +5531,7 @@ const Ig = (e) => {
   inheritAttrs: !1,
   props: L()("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: Mg
-}), Lg = /* @__PURE__ */ I((e, {
+}), Lg = /* @__PURE__ */ E((e, {
   emit: t,
   attrs: n
 }) => {
@@ -5670,7 +5670,7 @@ function Hg(e) {
 function zg() {
   return be(ju, jg);
 }
-const Vg = /* @__PURE__ */ I((e, {
+const Vg = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -5854,7 +5854,7 @@ function Qg() {
 }
 const ev = {
   click: () => !0
-}, _t = /* @__PURE__ */ I((e, {
+}, _t = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n
 }) => {
@@ -5930,7 +5930,7 @@ const ev = {
     handleClick: o,
     children: t
   });
-}, ov = /* @__PURE__ */ I((e, {
+}, ov = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -6205,7 +6205,7 @@ function xv(e, t = !0) {
 }
 const Tv = {
   close: () => !0
-}, An = /* @__PURE__ */ I((e, {
+}, An = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -6276,7 +6276,7 @@ const Tv = {
 function _v(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const Gu = /* @__PURE__ */ I((e, {
+const Gu = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = R(() => e.class), a = D(null), o = w(() => a.value?.$el ?? void 0), r = D(!1), {
@@ -6396,7 +6396,7 @@ const Gu = /* @__PURE__ */ I((e, {
   }, (l, c) => m(ot, A({
     key: c
   }, i), null))]);
-}, Ku = /* @__PURE__ */ I((e, {
+}, Ku = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -6506,7 +6506,7 @@ function Yv(e) {
     }))
   };
 }
-const On = /* @__PURE__ */ I((e, {
+const On = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -6527,7 +6527,7 @@ const On = /* @__PURE__ */ I((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("as", "fillSpace", "gap", "horizontalAlign", "marginAuto", "noShrink", "orientation", "verticalAlign", "wrap", "class")
-}), Xv = /* @__PURE__ */ I((e, {
+}), Xv = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = R(() => e.class), {
@@ -6557,7 +6557,7 @@ const On = /* @__PURE__ */ I((e, {
   name: M(qv),
   inheritAttrs: !1,
   props: L()("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")
-}), Zv = /* @__PURE__ */ I((e, {
+}), Zv = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n
 }) => {
@@ -6609,7 +6609,7 @@ const Qv = "ComboboxSection", eb = "lumx-combobox-section", tb = (e, {
   }), Jv(n) ? n : {
     default: () => [n]
   });
-}, GP = /* @__PURE__ */ I((e, {
+}, QP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -6637,7 +6637,7 @@ const Qv = "ComboboxSection", eb = "lumx-combobox-section", tb = (e, {
 Pn.displayName = Yu;
 Pn.className = Xu;
 Pn.defaultProps = nb;
-const Zu = /* @__PURE__ */ I((e) => {
+const Zu = /* @__PURE__ */ E((e) => {
   const t = B(), n = R(() => e.class);
   return () => m(Pn, A(t, {
     className: n.value
@@ -6648,7 +6648,7 @@ const Zu = /* @__PURE__ */ I((e) => {
   props: L()("class")
 }), ab = {
   click: (e) => e instanceof MouseEvent
-}, ob = /* @__PURE__ */ I((e, {
+}, ob = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -6682,7 +6682,7 @@ const Zu = /* @__PURE__ */ I((e) => {
   emits: ab
 }), rb = {
   click: (e) => e instanceof MouseEvent
-}, sb = /* @__PURE__ */ I((e, {
+}, sb = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -6717,7 +6717,7 @@ const Zu = /* @__PURE__ */ I((e) => {
   inheritAttrs: !1,
   props: L()("isHighlighted", "isSelected", "isDisabled", "linkAs", "linkProps", "size", "class", "aria-disabled"),
   emits: rb
-}), KP = Object.assign(sb, {
+}), eC = Object.assign(sb, {
   Action: ob
 }), Ju = "ListSection", Qu = "lumx-list-section", {
   block: ib,
@@ -6755,7 +6755,7 @@ const Zu = /* @__PURE__ */ I((e) => {
 Cn.displayName = Ju;
 Cn.className = Qu;
 Cn.defaultProps = lb;
-const cb = /* @__PURE__ */ I((e, {
+const cb = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = re(), o = R(() => e.class);
@@ -6769,7 +6769,7 @@ const cb = /* @__PURE__ */ I((e, {
   name: M(Ju),
   inheritAttrs: !1,
   props: L()("label", "icon", "itemsWrapperProps", "class")
-}), ed = /* @__PURE__ */ I((e, {
+}), ed = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = R(() => e.class), {
@@ -6928,7 +6928,7 @@ const gb = "GenericBlock", vb = "lumx-generic-block", {
       default: () => [r]
     })]
   });
-}, Nb = /* @__PURE__ */ I((e, {
+}, Nb = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7544,7 +7544,7 @@ function ry() {
   return jo = n, jo;
 }
 var sy = ry();
-const iy = /* @__PURE__ */ $e(sy), YP = iy(V, ["tiny", "regular", "medium", "big", "huge"]), ly = /* @__PURE__ */ I((e) => {
+const iy = /* @__PURE__ */ $e(sy), tC = iy(V, ["tiny", "regular", "medium", "big", "huge"]), ly = /* @__PURE__ */ E((e) => {
   const {
     handle: t
   } = we(), n = Ae("optionsChange", void 0), a = D(!1), o = D(!1), r = D(!1);
@@ -7631,7 +7631,7 @@ const iy = /* @__PURE__ */ $e(sy), YP = iy(V, ["tiny", "regular", "medium", "big
 kn.displayName = rd;
 kn.className = sd;
 kn.defaultProps = id;
-const XP = /* @__PURE__ */ I((e, {
+const nC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7662,7 +7662,7 @@ const XP = /* @__PURE__ */ I((e, {
   }), [n, t && m("div", {
     className: hy("badge")
   }, [t])]);
-}, ZP = /* @__PURE__ */ I((e, {
+}, aC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7675,10 +7675,49 @@ const XP = /* @__PURE__ */ I((e, {
   name: M(uy),
   inheritAttrs: !1,
   props: L()("badge", "class")
-}), ld = "intermediate", py = "Checkbox", gy = "lumx-checkbox", {
-  block: vy,
+});
+function py(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
+}
+const gy = "Card", vy = "lumx-card", {
+  block: by
+} = F(vy), yy = {
+  as: "div"
+}, Ny = (e) => {
+  const {
+    className: t,
+    children: n,
+    elevation: a,
+    ref: o,
+    as: r = yy.as,
+    ...s
+  } = e;
+  return m(r, A({
+    ref: o
+  }, s, {
+    className: $(t, by({
+      [`elevation-${a}`]: !!a
+    }))
+  }), py(n) ? n : {
+    default: () => [n]
+  });
+}, oC = /* @__PURE__ */ E((e, {
+  slots: t
+}) => {
+  const n = B(), a = R(() => e.class);
+  return () => m(Ny, A(n, e, {
+    className: a.value,
+    children: t.default?.()
+  }), null);
+}, {
+  name: M(gy),
+  inheritAttrs: !1,
+  // Redefine properties so that they come in as `props` on the `defineComponent` function
+  props: L()("class", "elevation", "as")
+}), ld = "intermediate", Ay = "Checkbox", Oy = "lumx-checkbox", {
+  block: Py,
   element: Re
-} = F(gy), by = (e) => {
+} = F(Oy), Cy = (e) => {
   const {
     checked: t,
     className: n,
@@ -7702,7 +7741,7 @@ const XP = /* @__PURE__ */ I((e, {
   return m("div", A({
     ref: c
   }, b, {
-    className: $(n, vy({
+    className: $(n, Py({
       // Whether state is intermediate class name will "-checked"
       "is-checked": v ? !0 : s,
       "is-disabled": g,
@@ -7745,9 +7784,9 @@ const XP = /* @__PURE__ */ I((e, {
     theme: d,
     children: a
   })])]);
-}, yy = {
+}, Sy = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, JP = /* @__PURE__ */ I((e, {
+}, rC = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = re(), s = w(() => e.id || r), i = D(null), {
@@ -7766,7 +7805,7 @@ const XP = /* @__PURE__ */ I((e, {
   const f = (h, g, p, b) => {
     l.value || t("change", h, g, p, b);
   };
-  return () => m(by, A(u.value, {
+  return () => m(Cy, A(u.value, {
     className: o.value,
     theme: e.theme || a.value,
     inputId: s.value,
@@ -7781,17 +7820,17 @@ const XP = /* @__PURE__ */ I((e, {
     }
   }), null);
 }, {
-  name: M(py),
+  name: M(Ay),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: yy
-}), Ny = "Chip", kt = "lumx-chip", {
-  block: Ay,
+  emits: Sy
+}), wy = "Chip", kt = "lumx-chip", {
+  block: xy,
   element: Ho
-} = F(kt), Oy = {
+} = F(kt), Ty = {
   size: V.m
-}, Py = (e) => {
+}, _y = (e) => {
   const {
     after: t,
     before: n,
@@ -7807,7 +7846,7 @@ const XP = /* @__PURE__ */ I((e, {
     hasAfterClick: f,
     hasBeforeClick: h,
     hasOnClick: g,
-    size: p = Oy.size,
+    size: p = Ty.size,
     theme: b,
     ref: v,
     href: y,
@@ -7830,7 +7869,7 @@ const XP = /* @__PURE__ */ I((e, {
     }, H, P, {
       href: O.disabled ? void 0 : y,
       ref: v,
-      className: $(o, Ay({
+      className: $(o, xy({
         "is-clickable": _,
         [`color-${S}`]: !!S,
         "is-disabled": T,
@@ -7859,12 +7898,12 @@ const XP = /* @__PURE__ */ I((e, {
       onClick: c
     }, [t])])
   );
-}, Cy = {
+}, ky = {
   click: (e) => e instanceof MouseEvent,
   afterClick: (e) => e instanceof MouseEvent,
   beforeClick: (e) => e instanceof MouseEvent,
   keydown: (e) => e instanceof KeyboardEvent
-}, dr = /* @__PURE__ */ I((e, {
+}, dr = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = K(), r = R(() => e.class), s = se("onClick"), i = se("onAfterClick"), l = se("onBeforeClick"), {
@@ -7883,7 +7922,7 @@ const XP = /* @__PURE__ */ I((e, {
   }, p = (b) => {
     c.value || t("keydown", b);
   };
-  return () => m(Py, A(d.value, {
+  return () => m(_y, A(d.value, {
     className: r.value,
     theme: e.theme || o.value,
     handleClick: f,
@@ -7902,11 +7941,11 @@ const XP = /* @__PURE__ */ I((e, {
     tabIndexProp: "tabindex"
   }), null);
 }, {
-  name: M(Ny),
+  name: M(wy),
   inheritAttrs: !1,
   props: L()("color", "href", "isClickable", "isDisabled", "isHighlighted", "isSelected", "size", "theme", "class", "aria-disabled", "disabled"),
-  emits: Cy
-}), Sy = "ChipGroup", wy = "lumx-chip-group", xy = (e) => {
+  emits: ky
+}), Ey = "ChipGroup", Iy = "lumx-chip-group", My = (e) => {
   const {
     children: t,
     className: n,
@@ -7916,28 +7955,28 @@ const XP = /* @__PURE__ */ I((e, {
   return m("div", A({
     ref: a
   }, o, {
-    className: $(n, wy)
+    className: $(n, Iy)
   }), [t]);
-}, Ty = /* @__PURE__ */ I((e, {
+}, $y = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
-  return () => m(xy, A(e, n, {
+  return () => m(My, A(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
 }, {
-  name: M(Sy),
+  name: M(Ey),
   inheritAttrs: !1,
   props: L()("align", "class")
 });
-function _y(e) {
+function Ly(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const ky = "SelectionChipGroup", Ey = "lumx-selection-chip-group", {
-  block: Iy,
-  element: My
-} = F(Ey), $y = (e, {
+const Ry = "SelectionChipGroup", Dy = "lumx-selection-chip-group", {
+  block: By,
+  element: Fy
+} = F(Dy), qy = (e, {
   Chip: t,
   ChipGroup: n,
   Icon: a,
@@ -7964,8 +8003,8 @@ const ky = "SelectionChipGroup", Ey = "lumx-selection-chip-group", {
     "aria-label": u,
     "aria-multiselectable": "true",
     "aria-orientation": "horizontal",
-    className: Iy([g])
-  }), _y(s = i.map((y) => {
+    className: By([g])
+  }), Ly(s = i.map((y) => {
     const N = c && ie(c, y) || ie(l, y), O = ie(l, y), T = p?.(y) || {}, C = T.isDisabled || f, x = typeof T.children == "string" ? T.children : N, P = d ? `${x} - ${d}` : x;
     return m(r, {
       key: O,
@@ -7978,7 +8017,7 @@ const ky = "SelectionChipGroup", Ey = "lumx-selection-chip-group", {
         after: m(a, {
           icon: Or
         }, null),
-        className: My("chip", [T.className]),
+        className: Fy("chip", [T.className]),
         "data-option-id": O,
         isClickable: !0,
         role: "option",
@@ -7997,9 +8036,9 @@ const ky = "SelectionChipGroup", Ey = "lumx-selection-chip-group", {
   })) ? s : {
     default: () => [s]
   });
-}, Ly = `.${kt}:not([aria-disabled="true"])`, ql = (e) => e?.closest?.(`.${kt}`) || null, jl = (e) => e?.getAttribute("aria-disabled") === "true";
+}, jy = `.${kt}:not([aria-disabled="true"])`, ql = (e) => e?.closest?.(`.${kt}`) || null, jl = (e) => e?.getAttribute("aria-disabled") === "true";
 function Vt(e, t, n) {
-  const a = $t(e, Ly);
+  const a = $t(e, jy);
   if (n)
     return a.currentNode = n, (t === "next" ? a.nextNode() : a.previousNode()) || void 0;
   if (t === "previous") {
@@ -8018,7 +8057,7 @@ function Hl(e, t) {
   const o = [...n];
   o.splice(a, 1), e.onChange(o);
 }
-function Ry(e) {
+function Hy(e) {
   const t = e.getContainer();
   if (!t) return () => {
   };
@@ -8061,10 +8100,10 @@ function cd({
     ), s(() => l.abort());
   });
 }
-const ud = (e) => (t) => G(t) && t.type === e, Dy = {
+const ud = (e) => (t) => G(t) && t.type === e, zy = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, By = /* @__PURE__ */ I(
+}, Vy = /* @__PURE__ */ E(
   // The component is internally typed against `any` — the generic is layered on at export time
   (e, {
     emit: t,
@@ -8072,7 +8111,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   }) => {
     const a = B(), o = R(() => e.class), r = K(), s = D(null), i = () => s.value?.$el ?? s.value ?? null;
     We((c) => {
-      const u = Ry({
+      const u = Hy({
         getContainer: i,
         getInput: () => e.inputRef,
         onChange: (d) => t("change", d),
@@ -8107,7 +8146,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
         class: u,
         ...d
       } = e;
-      return $y({
+      return qy({
         ...a,
         ...d,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -8120,7 +8159,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
         ref: s
       }, {
         Chip: dr,
-        ChipGroup: Ty,
+        ChipGroup: $y,
         Icon: He,
         Tooltip: yn,
         Text: pe
@@ -8128,27 +8167,27 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
     };
   },
   {
-    name: M(ky),
+    name: M(Ry),
     inheritAttrs: !1,
     props: L()("getChipProps", "getOptionId", "getOptionName", "value", "label", "chipRemoveLabel", "isDisabled", "theme", "class", "inputRef"),
-    emits: Dy
+    emits: zy
   }
-), Fy = "Heading", qy = "lumx-heading", jy = (e, t) => {
+), Wy = "Heading", Uy = "lumx-heading", Gy = (e, t) => {
   const { as: n, className: a, typography: o, ...r } = e, s = n || t || "h1";
   return {
     ...r,
     as: s,
-    className: $(a, qy),
+    className: $(a, Uy),
     typography: o || zf[s]
   };
-}, Hy = /* @__PURE__ */ I((e, {
+}, Ky = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = $c(), o = R(() => e.class), r = w(() => {
     const {
       className: s,
       ...i
-    } = jy({
+    } = Gy({
       ...n,
       ...e,
       className: o.value
@@ -8162,11 +8201,11 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
     default: () => [t.default?.()]
   });
 }, {
-  name: M(Fy),
+  name: M(Wy),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("id", "as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), QP = /* @__PURE__ */ I((e, {
+}), sC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = re(), o = w(() => e.id || a);
@@ -8177,17 +8216,17 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
     id: o.value,
     typography: e.typography ?? jd.title
   }));
-  return () => m(Hy, r.value, {
+  return () => m(Ky, r.value, {
     default: () => [t.default?.()]
   });
 }, {
   name: M(Rf),
   inheritAttrs: !1,
   props: L()("id", "as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), zy = "Lightbox", Vy = "lumx-lightbox", {
-  block: Wy,
+}), Yy = "Lightbox", Xy = "lumx-lightbox", {
+  block: Zy,
   element: zl
-} = F(Vy), Uy = (e) => {
+} = F(Xy), Jy = (e) => {
   const {
     "aria-labelledby": t,
     ariaLabelledBy: n = t,
@@ -8224,7 +8263,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
       "aria-modal": "true",
       role: "dialog",
       tabIndex: -1,
-      className: $(s, Wy({
+      className: $(s, Zy({
         "is-hidden": !l,
         "is-shown": l || v,
         [`theme-${p}`]: !!p
@@ -8272,7 +8311,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   "preventAutoClose",
   "preventCloseOnClick",
   "zIndex"
-), Gy = /* @__PURE__ */ I((e, {
+), Qy = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -8286,7 +8325,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   })), $r(w(() => !0), w(() => {
   }), w(() => e.parentElement), r, w(() => !!e.isOpen)), Kc(w(() => !!e.isOpen));
   const c = Gc(w(() => !!e.isOpen), hc), u = w(() => e.isOpen || c.value), d = w(() => [r]), f = Ir(ln);
-  return () => u.value ? Uy({
+  return () => u.value ? Jy({
     ...a,
     ClickAwayProvider: yr,
     HeadingLevelProvider: _r,
@@ -8312,27 +8351,27 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   inheritAttrs: !1,
   props: fd,
   emits: dd
-}), eC = /* @__PURE__ */ I((e, {
+}), iC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
 }) => {
   const o = () => t("close");
   return () => m(Er, null, {
-    default: () => [m(Gy, A(e, a, {
+    default: () => [m(Qy, A(e, a, {
       onClose: o
     }), {
       default: () => [n.default?.()]
     })]
   });
 }, {
-  name: M(zy),
+  name: M(Yy),
   inheritAttrs: !1,
   props: fd,
   emits: dd
-}), Ky = "Divider", Yy = "lumx-divider", {
-  block: Xy
-} = F(Yy), Zy = (e) => {
+}), eN = "Divider", tN = "lumx-divider", {
+  block: nN
+} = F(tN), aN = (e) => {
   const {
     className: t,
     theme: n,
@@ -8342,24 +8381,24 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   return m("hr", A({
     ref: a
   }, o, {
-    className: $(t, Xy({
+    className: $(t, nN({
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, tC = /* @__PURE__ */ I((e) => {
+}, lC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
-  return () => m(Zy, A(t, e, {
+  return () => m(aN, A(t, e, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: M(Ky),
+  name: M(eN),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("class", "theme")
-}), Jy = "DragHandle", Qy = "lumx-drag-handle", {
-  block: eN
-} = F(Qy), tN = (e) => {
+}), oN = "DragHandle", rN = "lumx-drag-handle", {
+  block: sN
+} = F(rN), iN = (e) => {
   const {
     className: t,
     theme: n,
@@ -8369,7 +8408,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   return m("div", A({
     ref: a
   }, o, {
-    className: $(t, eN({
+    className: $(t, sN({
       [`theme-${n}`]: !!n
     }))
   }), [te({
@@ -8377,24 +8416,24 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
     color: n === me.dark ? Y.light : Y.dark,
     size: V.xs
   })]);
-}, nC = /* @__PURE__ */ I((e) => {
+}, cC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K({
     defaultTheme: void 0
   }), a = R(() => e.class);
-  return () => m(tN, A(t, e, {
+  return () => m(iN, A(t, e, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: M(Jy),
+  name: M(oN),
   inheritAttrs: !1,
   props: L()("class", "theme")
-}), nN = "ExpansionPanel", aN = "lumx-expansion-panel", {
-  block: oN,
+}), lN = "ExpansionPanel", cN = "lumx-expansion-panel", {
+  block: uN,
   element: _e
-} = F(aN), rN = {
+} = F(cN), dN = {
   closeMode: "unmount"
-}, sN = (e) => {
+}, fN = (e) => {
   const {
     className: t,
     children: n,
@@ -8421,7 +8460,7 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   } = e, x = (_) => {
     const S = !s;
     c && S && c(_), l && !S && l(_), u && u(S, _);
-  }, P = d === me.dark ? Y.light : Y.dark, k = $(t, oN({
+  }, P = d === me.dark ? Y.light : Y.dark, k = $(t, uN({
     "has-background": a,
     "has-header": !Xt(h.children),
     "has-header-divider": r,
@@ -8458,12 +8497,12 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
   }, [v]), O && m("div", {
     className: _e("footer")
   }, [O])])])]);
-}, iN = {
+}, hN = {
   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"
-}, aC = /* @__PURE__ */ I((e, {
+}, uC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -8494,14 +8533,14 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
     const h = n.header?.(), g = h || m("span", {
       class: _e("label")
     }, [e.label]);
-    return m(sN, A(a, {
+    return m(fN, A(a, {
       className: r.value,
       theme: e.theme || o.value,
       isOpen: e.isOpen,
       label: e.label,
       hasBackground: e.hasBackground,
       hasHeaderDivider: e.hasHeaderDivider,
-      closeMode: e.closeMode || rN.closeMode,
+      closeMode: e.closeMode || dN.closeMode,
       toggleButtonProps: e.toggleButtonProps || {
         label: ""
       },
@@ -8519,18 +8558,18 @@ const ud = (e) => (t) => G(t) && t.type === e, Dy = {
     }), null);
   };
 }, {
-  name: M(nN),
+  name: M(lN),
   inheritAttrs: !1,
   props: L()("class", "closeMode", "hasBackground", "hasHeaderDivider", "isOpen", "label", "theme", "toggleButtonProps"),
-  emits: iN
+  emits: hN
 });
-function lN(e) {
+function mN(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const cN = "Flag", uN = "lumx-flag", {
-  block: dN,
+const pN = "Flag", gN = "lumx-flag", {
+  block: vN,
   element: Vl
-} = F(uN), fN = (e) => {
+} = F(gN), bN = (e) => {
   const {
     children: t,
     icon: n,
@@ -8542,7 +8581,7 @@ const cN = "Flag", uN = "lumx-flag", {
     ...l
   } = e, c = a || (r === me.light ? Y.dark : Y.light), u = !!s;
   return m("div", A(l, {
-    className: $(o, dN({
+    className: $(o, vN({
       [`color-${c}`]: !!c,
       "is-truncated": u
     }))
@@ -8555,27 +8594,27 @@ const cN = "Flag", uN = "lumx-flag", {
     truncate: !!s,
     typography: "overline",
     className: Vl("label")
-  }, lN(t) ? t : {
+  }, mN(t) ? t : {
     default: () => [t]
   })]);
-}, oC = /* @__PURE__ */ I((e, {
+}, dC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
-  return () => m(fN, A(e, n, {
+  return () => m(bN, A(e, n, {
     className: o.value,
     theme: e.theme || a.value,
     children: t.default?.(),
     Text: pe
   }), null);
 }, {
-  name: M(cN),
+  name: M(pN),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("color", "icon", "truncate", "theme", "class")
 });
 var zo, Wl;
-function hN() {
+function yN() {
   if (Wl) return zo;
   Wl = 1;
   var e = /\s/;
@@ -8587,20 +8626,20 @@ function hN() {
   return zo = t, zo;
 }
 var Vo, Ul;
-function mN() {
+function NN() {
   if (Ul) return Vo;
   Ul = 1;
-  var e = hN(), t = /^\s+/;
+  var e = yN(), t = /^\s+/;
   function n(a) {
     return a && a.slice(0, e(a) + 1).replace(t, "");
   }
   return Vo = n, Vo;
 }
 var Wo, Gl;
-function pN() {
+function AN() {
   if (Gl) return Wo;
   Gl = 1;
-  var e = mN(), t = un(), n = Sn(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
+  var e = NN(), t = un(), n = Sn(), 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;
@@ -8619,10 +8658,10 @@ function pN() {
   return Wo = l, Wo;
 }
 var Uo, Kl;
-function gN() {
+function ON() {
   if (Kl) return Uo;
   Kl = 1;
-  var e = pN(), t = 1 / 0, n = 17976931348623157e292;
+  var e = AN(), t = 1 / 0, n = 17976931348623157e292;
   function a(o) {
     if (!o)
       return o === 0 ? o : 0;
@@ -8638,7 +8677,7 @@ var Go, Yl;
 function hd() {
   if (Yl) return Go;
   Yl = 1;
-  var e = gN();
+  var e = ON();
   function t(n) {
     var a = e(n), o = a % 1;
     return a === a ? o ? a - o : a : 0;
@@ -8646,7 +8685,7 @@ function hd() {
   return Go = t, Go;
 }
 var Ko, Xl;
-function vN() {
+function PN() {
   if (Xl) return Ko;
   Xl = 1;
   var e = hd();
@@ -8655,12 +8694,12 @@ function vN() {
   }
   return Ko = t, Ko;
 }
-var bN = vN();
-const yN = /* @__PURE__ */ $e(bN);
-function NN(e) {
+var CN = PN();
+const SN = /* @__PURE__ */ $e(CN);
+function wN(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const md = "GridColumn", pd = "lumx-grid-column", AN = {}, En = (e) => {
+const md = "GridColumn", pd = "lumx-grid-column", xN = {}, En = (e) => {
   const {
     as: t = "div",
     gap: n,
@@ -8677,18 +8716,18 @@ const md = "GridColumn", pd = "lumx-grid-column", AN = {}, En = (e) => {
     className: $(s, pd),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": yN(o) && `${o}px`,
+      "--lumx-grid-column-item-min-width": SN(o) && `${o}px`,
       "--lumx-grid-column-columns": a,
       "--lumx-grid-column-gap": n && `var(--lumx-spacing-unit-${n})`
     }
-  }), NN(r) ? r : {
+  }), wN(r) ? r : {
     default: () => [r]
   });
 };
 En.displayName = md;
 En.className = pd;
-En.defaultProps = AN;
-const rC = /* @__PURE__ */ I((e, {
+En.defaultProps = xN;
+const fC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -8700,7 +8739,7 @@ const rC = /* @__PURE__ */ I((e, {
   name: M(md),
   inheritAttrs: !1,
   props: L()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), sC = /* @__PURE__ */ I((e, {
+}), hC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -8714,7 +8753,7 @@ const rC = /* @__PURE__ */ I((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("kind", "theme", "class", "id")
-}), iC = /* @__PURE__ */ I((e, {
+}), mC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -8728,9 +8767,9 @@ const rC = /* @__PURE__ */ I((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("htmlFor", "id", "isRequired", "typography", "theme", "class", "as")
-}), ON = "Link", gd = "lumx-link", {
-  block: PN
-} = F(gd), CN = (e) => {
+}), TN = "Link", gd = "lumx-link", {
+  block: _N
+} = F(gd), kN = (e) => {
   const {
     children: t,
     className: n,
@@ -8750,17 +8789,17 @@ const rC = /* @__PURE__ */ I((e, {
     ...u,
     handleClick: i,
     children: t,
-    className: $(n, PN({
+    className: $(n, _N({
       [`color-${d}`]: !!d,
       [`color-variant-${f}`]: !!f,
       "has-typography": !!r
     }), r && on(r))
   });
-}, SN = {
+}, EN = {
   click: (e) => e instanceof MouseEvent
 }, {
-  element: wN
-} = fe.bem(gd), Xr = /* @__PURE__ */ I((e, {
+  element: IN
+} = fe.bem(gd), Xr = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = R(() => e.class), {
@@ -8778,32 +8817,32 @@ const rC = /* @__PURE__ */ I((e, {
       linkAs: c,
       ...u
     } = i.value;
-    return m(CN, A(u, {
+    return m(kN, A(u, {
       linkAs: Je(c)
     }, s.value, {
       className: o.value,
       handleClick: l,
       children: m("span", {
-        className: wN("content")
+        className: IN("content")
       }, [n.default?.()])
     }), null);
   };
 }, {
-  name: M(ON),
+  name: M(TN),
   inheritAttrs: !1,
   props: L()("color", "colorVariant", "href", "isDisabled", "disabled", "linkAs", "target", "typography", "class", "aria-disabled"),
-  emits: SN
+  emits: EN
 });
 function Zl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const xN = "LinkPreview", TN = "lumx-link-preview", {
-  block: _N,
+const MN = "LinkPreview", $N = "lumx-link-preview", {
+  block: LN,
   element: Ke
-} = F(TN), vd = {
+} = F($N), vd = {
   size: V.regular,
   titleHeading: "h2"
-}, kN = (e) => {
+}, RN = (e) => {
   const {
     className: t,
     description: n,
@@ -8823,7 +8862,7 @@ const xN = "LinkPreview", TN = "lumx-link-preview", {
   return m("article", A({
     ref: c
   }, g, {
-    className: $(t, _N({
+    className: $(t, LN({
       [`size-${p}`]: !!p,
       [`theme-${i}`]: !!i
     }))
@@ -8871,7 +8910,7 @@ const xN = "LinkPreview", TN = "lumx-link-preview", {
   }), Zl(a) ? a : {
     default: () => [a]
   })])])])]);
-}, lC = /* @__PURE__ */ I((e) => {
+}, pC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => {
     const {
@@ -8879,7 +8918,7 @@ const xN = "LinkPreview", TN = "lumx-link-preview", {
       linkAs: r,
       ...s
     } = e;
-    return m(kN, A(s, t, {
+    return m(RN, A(s, t, {
       linkAs: Je(r),
       className: a.value,
       theme: e.theme || n.value,
@@ -8889,13 +8928,13 @@ const xN = "LinkPreview", TN = "lumx-link-preview", {
     }), null);
   };
 }, {
-  name: M(xN),
+  name: M(MN),
   inheritAttrs: !1,
   props: L()("class", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading")
-}), EN = "MenuItem", IN = "lumx-menu-item", {
-  block: MN,
-  element: $N
-} = F(IN), LN = (e) => {
+}), DN = "MenuItem", BN = "lumx-menu-item", {
+  block: FN,
+  element: qN
+} = F(BN), jN = (e) => {
   const {
     children: t,
     className: n,
@@ -8912,7 +8951,7 @@ const xN = "LinkPreview", TN = "lumx-link-preview", {
     type: "button",
     ...i,
     ref: l,
-    className: $N("action"),
+    className: qN("action"),
     handleClick: s,
     "data-menu-item": "",
     "aria-disabled": r ? "true" : void 0,
@@ -8922,13 +8961,13 @@ const xN = "LinkPreview", TN = "lumx-link-preview", {
     ref: c,
     size: "tiny",
     ...u,
-    className: $(n, MN()),
+    className: $(n, FN()),
     before: a,
     after: o,
     children: d
   });
 }, bd = /* @__PURE__ */ Symbol("LumxMenuContext");
-function RN(e) {
+function HN(e) {
   Ie(bd, e);
 }
 function bt() {
@@ -8937,10 +8976,10 @@ function bt() {
     throw new Error("Menu sub-components must be used within a Menu.Provider");
   return e;
 }
-function DN(e) {
+function zN(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const cC = /* @__PURE__ */ I((e, {
+const gC = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n,
   attrs: a
@@ -8974,7 +9013,7 @@ const cC = /* @__PURE__ */ I((e, {
       ...c.props,
       onClick: i,
       as: c.type
-    }, g = c.children), g = g ?? t.default?.(), LN({
+    }, g = c.children), g = g ?? t.default?.(), jN({
       ...a,
       ...e,
       className: r.value,
@@ -8988,13 +9027,13 @@ const cC = /* @__PURE__ */ I((e, {
       children: m(pe, {
         as: "span",
         color: e.color
-      }, DN(g) ? g : {
+      }, zN(g) ? g : {
         default: () => [g]
       })
     });
   };
 }, {
-  name: M(EN),
+  name: M(DN),
   inheritAttrs: !1,
   props: L()("icon", "afterIcon", "color", "isDisabled", "class"),
   emits: ["click"],
@@ -9003,9 +9042,9 @@ const cC = /* @__PURE__ */ I((e, {
 function Jl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const BN = {
+const VN = {
   variant: "button"
-}, FN = "MenuButton", qN = (e, {
+}, WN = "MenuButton", UN = (e, {
   MenuProvider: t,
   MenuTrigger: n,
   MenuPopover: a,
@@ -9032,28 +9071,28 @@ const BN = {
       })]
     })]
   });
-}, jN = "MenuProvider", fr = "[data-menu-item]";
-function HN(e) {
+}, GN = "MenuProvider", fr = "[data-menu-item]";
+function KN(e) {
   return e.textContent?.trim() ?? "";
 }
-function zN(e) {
+function YN(e) {
   return Array.from(e.querySelectorAll(fr));
 }
-function VN(e) {
+function XN(e) {
   const t = Array.from(document.querySelectorAll(Wc)).filter(
     (o) => !o.matches(Uc) && o.tabIndex >= 0
   ), n = t.indexOf(e);
   if (n === -1) return;
   t[n + 1]?.focus();
 }
-function WN(e = {}) {
+function ZN(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 u = lu(
     () => a ? $t(a, fr) : null,
-    HN,
+    KN,
     r.signal
   ), d = {
     open: /* @__PURE__ */ new Set()
@@ -9155,12 +9194,12 @@ function WN(e = {}) {
                 v.preventDefault(), v.stopPropagation(), n?.focus(), c.setOpen(!1);
                 break;
               case "Tab": {
-                const y = zN(p);
+                const y = YN(p);
                 if (y.length === 0) return;
                 const N = y.indexOf(document.activeElement);
                 if (N === -1) return;
                 v.shiftKey && N === 0 ? (v.preventDefault(), n?.focus(), c.setOpen(!1)) : !v.shiftKey && N === y.length - 1 && (v.preventDefault(), document.activeElement?.blur(), c.setOpen(!1), setTimeout(() => {
-                  n && VN(n);
+                  n && XN(n);
                 }, 0));
                 break;
               }
@@ -9192,10 +9231,10 @@ function WN(e = {}) {
     }
   }, c;
 }
-const UN = /* @__PURE__ */ I((e, {
+const JN = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
-  const n = Me(), a = re(), o = re(), r = D(null), s = WN({
+  const n = Me(), a = re(), o = re(), r = D(null), s = ZN({
     menuId: a
   });
   return Ze(() => {
@@ -9203,14 +9242,14 @@ const UN = /* @__PURE__ */ I((e, {
     Ce(() => {
       i(), s.destroy();
     });
-  }), RN({
+  }), HN({
     handle: s,
     menuId: a,
     triggerId: o,
     anchorRef: r
   }), () => n.default?.();
 }, {
-  name: M(jN),
+  name: M(GN),
   inheritAttrs: !1,
   props: {
     onOpen: {
@@ -9224,10 +9263,10 @@ const UN = /* @__PURE__ */ I((e, {
   },
   emits: ["open"]
 });
-function GN(e) {
+function QN(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const KN = "MenuTrigger", YN = "lumx-menu-trigger", XN = (e, {
+const eA = "MenuTrigger", tA = "lumx-menu-trigger", nA = (e, {
   Trigger: t
 }) => {
   const {
@@ -9241,15 +9280,15 @@ const KN = "MenuTrigger", YN = "lumx-menu-trigger", XN = (e, {
   return m(t, A({
     ref: s
   }, i, {
-    className: $(a, YN),
+    className: $(a, tA),
     "aria-haspopup": "true",
     "aria-controls": o,
     "aria-expanded": r ? "true" : "false"
-  }), GN(n) ? n : {
+  }), QN(n) ? n : {
     default: () => [n]
   });
 };
-function ZN(e, t) {
+function aA(e, t) {
   const { handle: n } = bt(), a = D(t);
   let o;
   return Ze(() => {
@@ -9260,9 +9299,9 @@ function ZN(e, t) {
 }
 function Zr() {
   const { handle: e } = bt();
-  return [ZN("open", !1), (a) => e.setOpen(a)];
+  return [aA("open", !1), (a) => e.setOpen(a)];
 }
-const JN = /* @__PURE__ */ I((e, {
+const oA = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -9289,7 +9328,7 @@ const JN = /* @__PURE__ */ I((e, {
         ...h,
         ref: c
       }
-    }) : u && (f = u), XN({
+    }) : u && (f = u), nA({
       ...d,
       id: o,
       ref: t.trigger ? void 0 : c,
@@ -9302,17 +9341,17 @@ const JN = /* @__PURE__ */ I((e, {
     });
   };
 }, {
-  name: M(KN),
+  name: M(eA),
   inheritAttrs: !1,
   props: L()("class", "id")
 });
-function QN(e) {
+function rA(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const eA = "MenuPopover", tA = "lumx-menu-popover", {
-  block: nA,
-  element: aA
-} = F(tA), oA = (e, {
+const sA = "MenuPopover", iA = "lumx-menu-popover", {
+  block: lA,
+  element: cA
+} = F(iA), uA = (e, {
   Popover: t,
   FlexBox: n
 }) => {
@@ -9337,20 +9376,20 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
     withFocusTrap: !1,
     closeMode: "hide",
     fitToAnchorWidth: !1,
-    className: nA([o])
+    className: lA([o])
   }), {
     default: () => [m(n, {
       orientation: "vertical",
-      className: aA("scroll")
-    }, QN(a) ? a : {
+      className: cA("scroll")
+    }, rA(a) ? a : {
       default: () => [a]
     })]
   });
-}, rA = /* @__PURE__ */ I((e) => {
+}, dA = /* @__PURE__ */ E((e) => {
   const t = Me(), {
     anchorRef: n
   } = bt(), [a, o] = Zr();
-  return () => oA({
+  return () => uA({
     ...e,
     children: t.default?.(),
     isOpen: a.value,
@@ -9361,10 +9400,10 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
     FlexBox: On
   });
 }, {
-  name: M(eA),
+  name: M(sA),
   inheritAttrs: !1,
   props: L()("placement", "class")
-}), sA = "Menu", iA = "lumx-menu", lA = (e) => {
+}), fA = "Menu", hA = "lumx-menu", mA = (e) => {
   const {
     "aria-labelledby": t,
     children: n,
@@ -9377,12 +9416,12 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
     ...s,
     ref: r,
     id: o,
-    className: $(a, iA),
+    className: $(a, hA),
     itemPadding: "big",
     "aria-labelledby": t,
     children: n
   });
-}, cA = /* @__PURE__ */ I((e) => {
+}, pA = /* @__PURE__ */ E((e) => {
   const t = Me(), {
     menuId: n,
     triggerId: a,
@@ -9395,7 +9434,7 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
     Ce(() => c?.());
   }), Z(r, (l) => {
     l && yc(() => o.flushPendingNavigation());
-  }), () => lA({
+  }), () => mA({
     className: s.value,
     id: n,
     "aria-labelledby": a,
@@ -9403,15 +9442,15 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
     children: r.value ? t.default?.() : null
   });
 }, {
-  name: M(sA),
+  name: M(fA),
   inheritAttrs: !1,
   props: L()("class")
-}), uA = {
+}), gA = {
   button: Mt,
   "icon-button": pt,
   chip: dr,
   link: Xr
-}, uC = /* @__PURE__ */ I((e, {
+}, vC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -9419,11 +9458,11 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
   const o = R(() => e.class), r = (s) => t("open", s);
   return () => {
     const {
-      variant: s = BN.variant,
+      variant: s = VN.variant,
       label: i,
       popoverProps: l
     } = e;
-    return qN({
+    return UN({
       label: i,
       children: n.default?.(),
       popoverProps: l,
@@ -9431,25 +9470,25 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
       variant: s,
       triggerProps: {
         ...a,
-        as: uA[s],
+        as: gA[s],
         class: o.value
       }
     }, {
-      MenuProvider: UN,
-      MenuTrigger: JN,
-      MenuPopover: rA,
-      MenuList: cA
+      MenuProvider: JN,
+      MenuTrigger: oA,
+      MenuPopover: dA,
+      MenuList: pA
     });
   };
 }, {
-  name: M(FN),
+  name: M(WN),
   inheritAttrs: !1,
   props: L()("label", "popoverProps", "class", "variant"),
   emits: ["open"]
 }), yd = "Message", Nd = "lumx-message", {
-  block: dA,
+  block: vA,
   element: Yo
-} = F(Nd), fA = {
+} = F(Nd), bA = {
   [le.error]: {
     color: Y.red,
     icon: Pc
@@ -9479,13 +9518,13 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
   } = e, {
     color: c,
     icon: u
-  } = fA[o] || {}, {
+  } = bA[o] || {}, {
     onClick: d,
     label: f
   } = s || {}, h = a && o === "info" && d && f;
   return m("div", A(l, {
     ref: i,
-    className: $(n, dA({
+    className: $(n, vA({
       [`color-${c}`]: !!c,
       "has-background": a
     }))
@@ -9506,7 +9545,7 @@ const eA = "MenuPopover", tA = "lumx-menu-popover", {
 };
 Jr.displayName = yd;
 Jr.className = Nd;
-const dC = /* @__PURE__ */ I((e, {
+const bC = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n
 }) => {
@@ -9529,7 +9568,7 @@ const dC = /* @__PURE__ */ I((e, {
   emits: ["close"]
 });
 var Xo, Ql;
-function hA() {
+function yA() {
   if (Ql) return Xo;
   Ql = 1;
   function e(t, n, a) {
@@ -9542,20 +9581,20 @@ function hA() {
   return Xo = e, Xo;
 }
 var Zo, ec;
-function mA() {
+function NA() {
   if (ec) return Zo;
   ec = 1;
-  var e = hA(), t = hd();
+  var e = yA(), t = hd();
   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 Zo = n, Zo;
 }
-var pA = mA();
-const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
-  block: yA,
+var AA = NA();
+const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
+  block: SA,
   element: Jo
-} = F(bA), NA = (e) => {
+} = F(CA), wA = (e) => {
   const {
     className: t,
     theme: n,
@@ -9573,7 +9612,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   return m("div", A({
     ref: s
   }, i, {
-    className: $(t, yA({
+    className: $(t, SA({
       [`theme-${n}`]: !!n,
       "has-1-thumbnail": a?.length === 1,
       "has-2-thumbnails": a?.length === 2,
@@ -9582,7 +9621,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
     }))
   }), [m("div", {
     className: Jo("wrapper")
-  }, [gA(a, 4).map((c, u) => {
+  }, [OA(a, 4).map((c, u) => {
     const {
       image: d,
       onClick: f,
@@ -9603,15 +9642,15 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
       className: Jo("overlay")
     }, [m("span", null, [Xd("+"), a.length - 4])])]);
   })])]);
-}, AA = {
+}, xA = {
   handleClick: (e) => typeof e == "number"
-}, fC = /* @__PURE__ */ I((e, {
+}, yC = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = se("onHandleClick"), s = (i) => {
     t("handleClick", i);
   };
-  return () => m(NA, A(n, {
+  return () => m(wA, A(n, {
     className: o.value,
     theme: e.theme || a.value,
     thumbnails: e.thumbnails,
@@ -9619,11 +9658,11 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
     handleClick: r ? s : void 0
   }), null);
 }, {
-  name: M(vA),
+  name: M(PA),
   inheritAttrs: !1,
   props: L()("thumbnails", "theme", "class"),
-  emits: AA
-}), OA = "PopoverDialog", PA = "lumx-popover-dialog", Ad = {
+  emits: xA
+}), TA = "PopoverDialog", _A = "lumx-popover-dialog", Ad = {
   close: () => !0
 }, Od = L()(
   "anchorRef",
@@ -9657,7 +9696,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   "zIndex",
   "theme",
   "class"
-), CA = /* @__PURE__ */ I((e, {
+), kA = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -9678,7 +9717,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
       "aria-modal": "true",
       ...c.value
     }), {
-      class: fe.join(PA, o.value),
+      class: fe.join(_A, o.value),
       closeOnClickAway: !0,
       closeOnEscape: !0,
       withFocusTrap: !0,
@@ -9696,28 +9735,28 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   inheritAttrs: !1,
   props: Od,
   emits: Ad
-}), hC = /* @__PURE__ */ I((e, {
+}), NC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
 }) => {
   const o = () => t("close");
   return () => m(Er, null, {
-    default: () => [m(CA, A(e, a, {
+    default: () => [m(kA, A(e, a, {
       onClose: o
     }), {
       default: () => [n.default?.()]
     })]
   });
 }, {
-  name: M(OA),
+  name: M(TA),
   inheritAttrs: !1,
   props: Od,
   emits: Ad
-}), SA = "ProgressLinear", wA = "lumx-progress-linear", {
-  block: xA,
+}), EA = "ProgressLinear", IA = "lumx-progress-linear", {
+  block: MA,
   element: tc
-} = F(wA), TA = (e) => {
+} = F(IA), $A = (e) => {
   const {
     className: t,
     theme: n,
@@ -9727,7 +9766,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   return m("div", A({
     ref: a
   }, o, {
-    className: $(t, xA({
+    className: $(t, MA({
       [`theme-${n}`]: !!n
     }))
   }), [m("div", {
@@ -9735,20 +9774,20 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   }, null), m("div", {
     className: tc("line2")
   }, null)]);
-}, mC = /* @__PURE__ */ I((e) => {
+}, AC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
-  return () => m(TA, A(e, t, {
+  return () => m($A, A(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: M(SA),
+  name: M(EA),
   inheritAttrs: !1,
   props: L()("class", "theme")
-}), _A = "RadioButton", kA = "lumx-radio-button", {
-  block: EA,
+}), LA = "RadioButton", RA = "lumx-radio-button", {
+  block: DA,
   element: De
-} = F(kA), IA = (e) => {
+} = F(RA), BA = (e) => {
   const {
     checked: t,
     className: n,
@@ -9772,7 +9811,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   return m("div", A({
     ref: c
   }, b, {
-    className: $(n, EA({
+    className: $(n, DA({
       "is-checked": s,
       "is-disabled": g,
       "is-unchecked": !s,
@@ -9811,9 +9850,9 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
     theme: d,
     children: a
   })])]);
-}, MA = {
+}, FA = {
   change: (e, t, n) => n instanceof Event
-}, pC = /* @__PURE__ */ I((e, {
+}, OC = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = re(), s = w(() => e.id || r), {
@@ -9826,7 +9865,7 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
   }))), u = (d, f, h) => {
     i.value || t("change", d, f, h);
   };
-  return () => m(IA, A(c.value, {
+  return () => m(BA, A(c.value, {
     className: o.value,
     theme: e.theme || a.value,
     inputId: s.value,
@@ -9840,12 +9879,12 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
     }
   }), null);
 }, {
-  name: M(_A),
+  name: M(LA),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: MA
-}), Pd = "RadioGroup", Cd = "lumx-radio-group", $A = {}, In = (e) => {
+  emits: FA
+}), Pd = "RadioGroup", Cd = "lumx-radio-group", qA = {}, In = (e) => {
   const {
     children: t,
     className: n,
@@ -9860,8 +9899,8 @@ const gA = /* @__PURE__ */ $e(pA), vA = "Mosaic", bA = "lumx-mosaic", {
 };
 In.displayName = Pd;
 In.className = Cd;
-In.defaultProps = $A;
-const gC = /* @__PURE__ */ I((e, {
+In.defaultProps = qA;
+const PC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -9873,9 +9912,9 @@ const gC = /* @__PURE__ */ I((e, {
   name: M(Pd),
   inheritAttrs: !1,
   props: L()("class")
-}), LA = "SkeletonCircle", RA = "lumx-skeleton-circle", {
-  block: DA
-} = F(RA), BA = (e) => {
+}), jA = "SkeletonCircle", HA = "lumx-skeleton-circle", {
+  block: zA
+} = F(HA), VA = (e) => {
   const {
     className: t,
     size: n,
@@ -9887,28 +9926,28 @@ const gC = /* @__PURE__ */ I((e, {
   return m("div", A({
     ref: r
   }, s, {
-    className: $(t, DA({
+    className: $(t, zA({
       [`size-${n}`]: !!n,
       [`color-${a}`]: !!a,
       [`theme-${o}`]: !!o
     }))
   }), null);
-}, FA = {
+}, WA = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, qA = "SkeletonRectangle", jA = "lumx-skeleton-rectangle", {
-  block: HA,
-  element: zA
-} = F(jA), VA = {
-  variant: FA.squared
-}, WA = (e) => {
+}, UA = "SkeletonRectangle", GA = "lumx-skeleton-rectangle", {
+  block: KA,
+  element: YA
+} = F(GA), XA = {
+  variant: WA.squared
+}, ZA = (e) => {
   const {
     aspectRatio: t,
     className: n,
     height: a,
     theme: o,
-    variant: r = VA.variant,
+    variant: r = XA.variant,
     width: s,
     color: i,
     ref: l,
@@ -9917,7 +9956,7 @@ const gC = /* @__PURE__ */ I((e, {
   return m("div", A({
     ref: l
   }, c, {
-    className: $(n, HA({
+    className: $(n, KA({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${a}`]: !!(!t && a),
       [`theme-${o}`]: !!o,
@@ -9926,29 +9965,29 @@ const gC = /* @__PURE__ */ I((e, {
       [`color-${i}`]: !!i
     }))
   }), [m("div", {
-    className: zA("inner")
+    className: YA("inner")
   }, null)]);
-}, vC = /* @__PURE__ */ I((e) => {
+}, CC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
-  return () => m(BA, A(e, t, {
+  return () => m(VA, A(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: M(LA),
+  name: M(jA),
   inheritAttrs: !1,
   props: L()("class", "size", "color", "theme")
-}), bC = /* @__PURE__ */ I((e) => {
+}), SC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
-  return () => m(WA, A(e, t, {
+  return () => m(ZA, A(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: M(qA),
+  name: M(UA),
   inheritAttrs: !1,
   props: L()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), yC = /* @__PURE__ */ I((e) => {
+}), wC = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(ur, A(e, t, {
     className: a.value,
@@ -9958,12 +9997,12 @@ const gC = /* @__PURE__ */ I((e, {
   name: M(kv),
   inheritAttrs: !1,
   props: L()("class", "typography", "width", "color", "theme", "style")
-}), UA = "Switch", GA = "lumx-switch", {
-  block: KA,
+}), JA = "Switch", QA = "lumx-switch", {
+  block: eO,
   element: Be
-} = F(GA), YA = {
+} = F(QA), tO = {
   position: "left"
-}, XA = (e) => {
+}, nO = (e) => {
   const {
     checked: t,
     className: n,
@@ -9980,7 +10019,7 @@ const gC = /* @__PURE__ */ I((e, {
     inputProps: h = {},
     isDisabled: g,
     inputId: p,
-    position: b = YA.position,
+    position: b = tO.position,
     ...v
   } = e, y = (N) => {
     u && u(!s, f, l, N);
@@ -9988,7 +10027,7 @@ const gC = /* @__PURE__ */ I((e, {
   return m("div", A({
     ref: c
   }, v, {
-    className: $(n, KA({
+    className: $(n, eO({
       "is-checked": s,
       "is-disabled": g,
       "is-unchecked": !s,
@@ -10030,9 +10069,9 @@ const gC = /* @__PURE__ */ I((e, {
     theme: d,
     children: a
   })])]);
-}, ZA = {
+}, aO = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, NC = /* @__PURE__ */ I((e, {
+}, xC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -10046,7 +10085,7 @@ const gC = /* @__PURE__ */ I((e, {
   }))), d = (f, h, g, p) => {
     l.value || t("change", f, h, g, p);
   };
-  return () => m(XA, A(u.value, {
+  return () => m(nO, A(u.value, {
     className: r.value,
     theme: e.theme || o.value,
     inputId: i.value,
@@ -10060,23 +10099,23 @@ const gC = /* @__PURE__ */ I((e, {
     }
   }), null);
 }, {
-  name: M(UA),
+  name: M(JA),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
-  emits: ZA
+  emits: aO
 }), Sd = {
   square: "square",
   rounded: "rounded",
   circle: "circle"
-}, JA = "Uploader", QA = "lumx-uploader", {
-  block: eO,
+}, oO = "Uploader", rO = "lumx-uploader", {
+  block: sO,
   element: At
-} = F(QA), Qo = {
+} = F(rO), Qo = {
   aspectRatio: mt.horizontal,
   size: V.xl,
   variant: Sd.square
-}, tO = (e) => {
+}, iO = (e) => {
   const {
     aspectRatio: t = Qo.aspectRatio,
     className: n,
@@ -10099,7 +10138,7 @@ const gC = /* @__PURE__ */ I((e, {
     ref: p
   }, b, {
     onClick: f,
-    className: $(n, eO({
+    className: $(n, sO({
       [`aspect-ratio-${v}`]: !!v,
       [`size-${r}`]: !!r,
       [`theme-${s}`]: !!s,
@@ -10126,10 +10165,10 @@ const gC = /* @__PURE__ */ I((e, {
       onChange: h
     }), null)]
   });
-}, nO = {
+}, lO = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t) => !0
-}, AC = /* @__PURE__ */ I((e, {
+}, TC = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = re(), s = w(() => e.fileInputProps?.id || r), i = D(!1), {
@@ -10159,7 +10198,7 @@ const gC = /* @__PURE__ */ I((e, {
       theme: v,
       ...y
     } = u.value;
-    return m(tO, A(y, {
+    return m(iO, A(y, {
       className: o.value,
       theme: e.theme || a.value,
       inputId: s.value,
@@ -10190,20 +10229,20 @@ const gC = /* @__PURE__ */ I((e, {
     }), null);
   };
 }, {
-  name: M(JA),
+  name: M(oO),
   inheritAttrs: !1,
   props: L()("class", "theme", "aspectRatio", "icon", "label", "size", "variant", "isDisabled", "disabled", "aria-disabled", "fileInputProps"),
-  emits: nO
-}), aO = {
+  emits: lO
+}), cO = {
   below: "below",
   over: "over"
-}, oO = "ImageBlock", wd = "lumx-image-block", {
-  block: rO,
+}, uO = "ImageBlock", wd = "lumx-image-block", {
+  block: dO,
   element: nc
 } = F(wd), ac = {
-  captionPosition: aO.below,
+  captionPosition: cO.below,
   align: Pr.left
-}, sO = (e) => {
+}, fO = (e) => {
   const {
     actions: t,
     align: n = ac.align,
@@ -10229,7 +10268,7 @@ const gC = /* @__PURE__ */ I((e, {
   return m("figure", A({
     ref: h
   }, O, {
-    className: $(s, rO({
+    className: $(s, dO({
       [`caption-position-${o}`]: !!o,
       [`align-${n}`]: !!n,
       [`size-${d}`]: !!d,
@@ -10263,7 +10302,7 @@ const gC = /* @__PURE__ */ I((e, {
 function er(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const iO = (e) => {
+const hO = (e) => {
   const {
     baseClassName: t,
     theme: n,
@@ -10327,7 +10366,7 @@ const iO = (e) => {
       default: () => [l]
     }), [[Jd("align"), u]])]
   });
-}, lO = /* @__PURE__ */ I((e) => {
+}, mO = /* @__PURE__ */ E((e) => {
   const t = K();
   return () => {
     const {
@@ -10336,7 +10375,7 @@ const iO = (e) => {
       align: o,
       ...r
     } = e;
-    return m(iO, A(r, {
+    return m(hO, A(r, {
       align: o,
       theme: a || t.value,
       FlexBox: On,
@@ -10351,7 +10390,7 @@ const iO = (e) => {
   name: M("ImageCaption"),
   inheritAttrs: !1,
   props: L()("align", "as", "baseClassName", "captionStyle", "class", "description", "descriptionProps", "tags", "theme", "title", "titleProps", "truncate")
-}), OC = /* @__PURE__ */ I((e, {
+}), _C = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -10363,23 +10402,23 @@ const iO = (e) => {
       actions: l,
       ...c
     } = e, u = t.tags?.() ?? i, d = t.actions?.() ?? l;
-    return m(sO, A(c, n, {
+    return m(fO, A(c, n, {
       className: o.value,
       theme: s || a.value,
       tags: u,
       actions: d,
       Thumbnail: mn,
-      ImageCaption: lO
+      ImageCaption: mO
     }), null);
   };
 }, {
-  name: M(oO),
+  name: M(uO),
   inheritAttrs: !1,
   props: L()("actions", "align", "alt", "captionPosition", "captionStyle", "class", "description", "descriptionProps", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title", "titleProps")
 }), xd = "InlineList", Td = "lumx-inline-list", {
-  block: cO,
+  block: pO,
   element: oc
-} = F(Td), uO = {}, Mn = (e) => {
+} = F(Td), gO = {}, Mn = (e) => {
   const {
     className: t,
     color: n,
@@ -10394,7 +10433,7 @@ const iO = (e) => {
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
     m("ul", A(l, {
       ref: i,
-      className: $(t, cO({
+      className: $(t, pO({
         wrap: !!s
       }), n && xc(n, a), o && on(o)),
       role: "list"
@@ -10414,8 +10453,8 @@ const iO = (e) => {
 };
 Mn.displayName = xd;
 Mn.className = Td;
-Mn.defaultProps = uO;
-const PC = /* @__PURE__ */ I((e, {
+Mn.defaultProps = gO;
+const kC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -10427,9 +10466,9 @@ const PC = /* @__PURE__ */ I((e, {
   name: M(xd),
   inheritAttrs: !1,
   props: L()("color", "colorVariant", "typography", "wrap", "class")
-}), dO = "Table", Dt = "lumx-table", {
-  block: fO
-} = F(Dt), hO = (e) => {
+}), vO = "Table", Dt = "lumx-table", {
+  block: bO
+} = F(Dt), yO = (e) => {
   const {
     children: t,
     className: n,
@@ -10442,26 +10481,26 @@ const PC = /* @__PURE__ */ I((e, {
   return m("table", A({
     ref: r
   }, i, {
-    className: $(n, fO({
+    className: $(n, bO({
       "has-before": a,
       "has-dividers": o,
       [`theme-${s}`]: !!s
     }))
   }), [t]);
-}, CC = /* @__PURE__ */ I((e, {
+}, EC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
-  return () => m(hO, A(e, n, {
+  return () => m(yO, A(e, n, {
     className: o.value,
     theme: e.theme || a.value,
     children: t.default?.()
   }), null);
 }, {
-  name: M(dO),
+  name: M(vO),
   inheritAttrs: !1,
   props: L()("class", "hasBefore", "hasDividers", "theme")
-}), mO = "TableBody", pO = `${Dt}__body`, gO = (e) => {
+}), NO = "TableBody", AO = `${Dt}__body`, OO = (e) => {
   const {
     children: t,
     className: n,
@@ -10471,18 +10510,18 @@ const PC = /* @__PURE__ */ I((e, {
   return m("tbody", A({
     ref: a
   }, o, {
-    className: $(n, pO)
+    className: $(n, AO)
   }), [t]);
-}, SC = /* @__PURE__ */ I((e, {
+}, IC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
-  return () => m(gO, A(e, n, {
+  return () => m(OO, A(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
 }, {
-  name: M(mO),
+  name: M(NO),
   inheritAttrs: !1,
   props: L()("class")
 }), Wt = {
@@ -10491,11 +10530,11 @@ const PC = /* @__PURE__ */ I((e, {
 }, hr = {
   body: "body",
   head: "head"
-}, vO = "TableCell", Ye = `${Dt}__cell`, {
+}, PO = "TableCell", Ye = `${Dt}__cell`, {
   block: rc
-} = F(Ye), bO = {
+} = F(Ye), CO = {
   variant: hr.body
-}, yO = (e) => {
+}, SO = (e) => {
   const {
     children: t,
     className: n,
@@ -10504,7 +10543,7 @@ const PC = /* @__PURE__ */ I((e, {
     handleClick: r,
     ref: s,
     sortOrder: i,
-    variant: l = bO.variant,
+    variant: l = CO.variant,
     ...c
   } = e, u = r ? "button" : "div", d = u === "button" ? {
     type: "button",
@@ -10547,9 +10586,9 @@ const PC = /* @__PURE__ */ I((e, {
   }), [m("div", {
     className: `${Ye}-content`
   }, [t])])]);
-}, NO = {
+}, wO = {
   headerClick: () => !0
-}, wC = /* @__PURE__ */ I((e, {
+}, MC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -10557,17 +10596,17 @@ const PC = /* @__PURE__ */ I((e, {
   const o = R(() => e.class), r = () => {
     t("headerClick");
   }, s = se("onHeaderClick");
-  return () => m(yO, A(e, a, {
+  return () => m(SO, A(e, a, {
     className: o.value,
     handleClick: s ? r : void 0,
     children: n.default?.()
   }), null);
 }, {
-  name: M(vO),
+  name: M(PO),
   inheritAttrs: !1,
   props: L()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: NO
-}), AO = "TableHeader", OO = `${Dt}__header`, PO = (e) => {
+  emits: wO
+}), xO = "TableHeader", TO = `${Dt}__header`, _O = (e) => {
   const {
     children: t,
     className: n,
@@ -10577,23 +10616,23 @@ const PC = /* @__PURE__ */ I((e, {
   return m("thead", A({
     ref: a
   }, o, {
-    className: $(n, OO)
+    className: $(n, TO)
   }), [t]);
-}, xC = /* @__PURE__ */ I((e, {
+}, $C = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
-  return () => m(PO, A(e, n, {
+  return () => m(_O, A(e, n, {
     className: a.value,
     children: t.default?.()
   }), null);
 }, {
-  name: M(AO),
+  name: M(xO),
   inheritAttrs: !1,
   props: L()("class")
-}), CO = "TableRow", SO = `${Dt}__row`, {
-  block: wO
-} = F(SO), xO = (e) => {
+}), kO = "TableRow", EO = `${Dt}__row`, {
+  block: IO
+} = F(EO), MO = (e) => {
   const {
     children: t,
     className: n,
@@ -10610,13 +10649,13 @@ const PC = /* @__PURE__ */ I((e, {
   }, s !== void 0 ? {
     tabIndex: s
   } : {}, l, {
-    className: $(n, wO({
+    className: $(n, IO({
       "is-clickable": a && !c,
       "is-disabled": c,
       "is-selected": o && !c
     }))
   }), [t]);
-}, TC = /* @__PURE__ */ I((e, {
+}, LC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -10626,23 +10665,23 @@ const PC = /* @__PURE__ */ I((e, {
     ...e,
     ...n
   })));
-  return () => m(xO, A(r.value, {
+  return () => m(MO, A(r.value, {
     className: a.value,
     tabIndex: e.isClickable && !o.value ? 0 : -1,
     "aria-disabled": o.value,
     children: t.default?.()
   }), null);
 }, {
-  name: M(CO),
+  name: M(kO),
   inheritAttrs: !1,
   props: L()("class", "isClickable", "isDisabled", "isSelected")
-}), _d = "lumx-tabs", TO = "TabProvider";
-function _O(e) {
+}), _d = "lumx-tabs", $O = "TabProvider";
+function LO(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const kO = "Tab", EO = `${_d}__link`, {
-  block: IO
-} = F(EO), MO = (e) => {
+const RO = "Tab", DO = `${_d}__link`, {
+  block: BO
+} = F(DO), FO = (e) => {
   const {
     as: t = "button",
     className: n,
@@ -10703,7 +10742,7 @@ const kO = "Tab", EO = `${_d}__link`, {
     ...x,
     as: t,
     id: i,
-    className: $(n, IO({
+    className: $(n, BO({
       "is-active": l,
       "is-disabled": r
     })),
@@ -10714,7 +10753,7 @@ const kO = "Tab", EO = `${_d}__link`, {
     }, o), null), u && m(O, {
       as: "span",
       truncate: !0
-    }, _O(u) ? u : {
+    }, LO(u) ? u : {
       default: () => [u]
     })])
   });
@@ -10723,7 +10762,7 @@ const kO = "Tab", EO = `${_d}__link`, {
   shouldActivateOnFocus: !1,
   activeTabIndex: 0,
   ids: { tab: [], tabPanel: [] }
-}, $O = (e, t) => {
+}, qO = (e, t) => {
   switch (t.type) {
     case "update":
       return { ...e, ...t.payload };
@@ -10765,12 +10804,12 @@ const kO = "Tab", EO = `${_d}__link`, {
       changeToTab: () => o({ type: "setActiveTabIndex", payload: i })
     };
   });
-}, LO = {
+}, jO = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, _C = /* @__PURE__ */ I((e, {
+}, RC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -10796,7 +10835,7 @@ const kO = "Tab", EO = `${_d}__link`, {
       } = g.props || {};
       Object.assign(f, b), f = b, f.as = g.type, f.className = fe.join(f.className, p);
     }
-    return MO({
+    return FO({
       ...a,
       ...d,
       ...f,
@@ -10818,26 +10857,26 @@ const kO = "Tab", EO = `${_d}__link`, {
     });
   };
 }, {
-  name: M(kO),
+  name: M(RO),
   inheritAttrs: !1,
   props: L()("icon", "iconProps", "id", "isActive", "isDisabled", "label", "class"),
-  emits: LO,
+  emits: jO,
   slots: Object
 });
-function RO(e) {
+function HO(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 const {
-  block: DO,
-  element: BO
+  block: zO,
+  element: VO
 } = F(_d);
-let FO = /* @__PURE__ */ (function(e) {
+let WO = /* @__PURE__ */ (function(e) {
   return e.clustered = "clustered", e.fixed = "fixed", e;
 })({});
-const qO = "TabList", sc = {
-  layout: FO.fixed,
+const UO = "TabList", sc = {
+  layout: WO.fixed,
   position: Pr.left
-}, jO = (e) => {
+}, GO = (e) => {
   const {
     "aria-label": t,
     children: n,
@@ -10852,26 +10891,26 @@ const qO = "TabList", sc = {
   return m("div", A({
     ref: l
   }, c, {
-    className: $(a, DO({
+    className: $(a, zO({
       [`layout-${o}`]: !!o,
       [`position-${r}`]: !!r,
       [`theme-${i}`]: !!i
     }))
   }), [m(u, {
-    className: BO("links"),
+    className: VO("links"),
     role: s,
     "aria-label": t
-  }, RO(n) ? n : {
+  }, HO(n) ? n : {
     default: () => [n]
   })]);
-}, kC = /* @__PURE__ */ I((e) => {
+}, DC = /* @__PURE__ */ E((e) => {
   const t = B(), n = Me(), a = K(), o = R(() => e.class), r = D(null), s = be(Qr, void 0) === void 0 ? "navigation" : "tablist";
   return cd({
     containerRef: s === "navigation" ? D(null) : r,
     itemSelector: '[role="tab"]'
   }), () => {
     const i = n.default?.();
-    return m(jO, A(t, {
+    return m(GO, A(t, {
       ref: r,
       "aria-label": t["aria-label"],
       className: o.value,
@@ -10883,12 +10922,12 @@ const qO = "TabList", sc = {
     }), null);
   };
 }, {
-  name: M(qO),
+  name: M(UO),
   inheritAttrs: !1,
   props: L()("layout", "position", "theme", "class")
-}), HO = "TabPanel", zO = "lumx-tab-panel", {
-  block: VO
-} = F(zO), WO = (e) => {
+}), KO = "TabPanel", YO = "lumx-tab-panel", {
+  block: XO
+} = F(YO), ZO = (e) => {
   const {
     children: t,
     className: n,
@@ -10904,7 +10943,7 @@ const qO = "TabList", sc = {
     ref: l
   }, c, {
     id: o,
-    className: $(n, VO({
+    className: $(n, XO({
       "is-active": a
     })),
     role: "tabpanel"
@@ -10913,9 +10952,9 @@ const qO = "TabList", sc = {
   }, {
     "aria-labelledby": r
   }), [(!s || a) && t]);
-}, EC = /* @__PURE__ */ I((e) => {
+}, BC = /* @__PURE__ */ E((e) => {
   const t = B(), n = Me(), a = R(() => e.class), o = kd("tabPanel", e.id), r = w(() => e.isActive || o.value?.isActive);
-  return () => m(WO, A(t, {
+  return () => m(ZO, A(t, {
     className: a.value,
     isActive: r.value,
     id: o.value?.tabPanelId,
@@ -10925,15 +10964,15 @@ const qO = "TabList", sc = {
     children: n.default?.()
   }), null);
 }, {
-  name: M(HO),
+  name: M(KO),
   inheritAttrs: !1,
   props: L()("isActive", "id", "class")
 }), ic = {
   isLazy: St.isLazy,
   shouldActivateOnFocus: St.shouldActivateOnFocus
-}, UO = {
+}, JO = {
   change: (e) => typeof e == "number"
-}, IC = /* @__PURE__ */ I((e, {
+}, FC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -10945,7 +10984,7 @@ const qO = "TabList", sc = {
       activeTabIndex: e.activeTabIndex
     } : {}
   }), o = (r) => {
-    a.value = $O(a.value, r);
+    a.value = qO(a.value, r);
   };
   return Ie(Qr, {
     state: a,
@@ -10965,7 +11004,7 @@ const qO = "TabList", sc = {
     e.activeTabIndex !== r && t("change", r);
   }), () => n.default?.();
 }, {
-  name: M(TO),
+  name: M($O),
   props: {
     activeTabIndex: {
       required: !1
@@ -10977,10 +11016,10 @@ const qO = "TabList", sc = {
       required: !1
     }
   },
-  emits: UO
+  emits: JO
 });
 var tr, lc;
-function GO() {
+function QO() {
   if (lc) return tr;
   lc = 1;
   var e = ad();
@@ -10989,15 +11028,15 @@ function GO() {
   }
   return tr = t, tr;
 }
-var KO = GO();
-const YO = /* @__PURE__ */ $e(KO);
-function XO(e) {
+var eP = QO();
+const tP = /* @__PURE__ */ $e(eP);
+function nP(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const ZO = "UserBlock", JO = "lumx-user-block", {
-  block: QO,
+const aP = "UserBlock", oP = "lumx-user-block", {
+  block: rP,
   element: Fe
-} = F(JO), cc = {
+} = F(oP), cc = {
   orientation: ft.horizontal,
   size: V.m
 }, mr = ({
@@ -11007,7 +11046,7 @@ const ZO = "UserBlock", JO = "lumx-user-block", {
 }) => {
   const a = !!(t?.href || e);
   return !!n || a;
-}, eP = (e) => {
+}, sP = (e) => {
   const {
     avatarProps: t,
     className: n,
@@ -11042,12 +11081,12 @@ const ZO = "UserBlock", JO = "lumx-user-block", {
     linkProps: o
   }), q = k !== V.s && k !== V.xs, H = a && q && m("div", {
     className: Fe("fields")
-  }, [a.map((E, j) => m(C, {
+  }, [a.map((I, j) => m(C, {
     as: "span",
     key: j,
     className: Fe("field")
-  }, XO(E) ? E : {
-    default: () => [E]
+  }, nP(I) ? I : {
+    default: () => [I]
   }))]), z = {
     ...h && {
       [l]: h
@@ -11059,7 +11098,7 @@ const ZO = "UserBlock", JO = "lumx-user-block", {
   return m("div", A({
     ref: s
   }, P, z, {
-    className: $(n, QO({
+    className: $(n, rP({
       [`orientation-${p}`]: !!p,
       [`size-${k}`]: !!k,
       [`theme-${y}`]: !!y,
@@ -11084,14 +11123,14 @@ const ZO = "UserBlock", JO = "lumx-user-block", {
     className: Fe("after")
   }, [T]) : null]);
 };
-function tP(e) {
+function iP(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const nP = {
+const lP = {
   click: () => !0,
   mouseenter: () => !0,
   mouseleave: () => !0
-}, MC = /* @__PURE__ */ I((e, {
+}, qC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -11123,7 +11162,7 @@ const nP = {
     }), {
       default: () => [m(pe, {
         as: "span"
-      }, tP(g) ? g : {
+      }, iP(g) ? g : {
         default: () => [g]
       })]
     });
@@ -11137,7 +11176,7 @@ const nP = {
       const p = {
         ...e.avatarProps
       };
-      return YO(p, ["thumbnailProps", "tabIndex"], -1), p;
+      return tP(p, ["thumbnailProps", "tabIndex"], -1), p;
     }
     return e.avatarProps;
   });
@@ -11147,7 +11186,7 @@ const nP = {
       fields: p,
       ...b
     } = e, v = n.default?.() || f.value;
-    return m(eP, A(b, a, {
+    return m(sP, A(b, a, {
       linkAs: Je(g),
       className: r.value,
       theme: e.theme || o.value,
@@ -11176,17 +11215,17 @@ const nP = {
     }), null);
   };
 }, {
-  name: M(ZO),
+  name: M(aP),
   inheritAttrs: !1,
   props: L()("avatarProps", "class", "fields", "linkAs", "linkProps", "name", "nameProps", "orientation", "size", "theme"),
-  emits: nP
+  emits: lP
 });
-function aP(e, t, n) {
+function cP(e, t, n) {
   if (n != null)
     return e?.find((a) => ie(t, a) === n);
 }
 function Ed(e, t, n, a, o) {
-  const r = aP(e, t, a);
+  const r = cP(e, t, a);
   if (!o)
     return r;
   const s = Array.isArray(n) ? n : [], i = s.findIndex((c) => ie(t, c) === a);
@@ -11259,7 +11298,7 @@ function es(e, t) {
     });
   });
 }
-const Md = "SelectButton", oP = "lumx-select-button", rP = {
+const Md = "SelectButton", uP = "lumx-select-button", dP = {
   selectionType: "single"
 }, ts = (e, {
   Combobox: t,
@@ -11274,7 +11313,7 @@ const Md = "SelectButton", oP = "lumx-select-button", rP = {
     getSectionId: l,
     renderSectionTitle: c,
     value: u,
-    selectionType: d = rP.selectionType,
+    selectionType: d = dP.selectionType,
     label: f,
     labelDisplayMode: h,
     buttonProps: g,
@@ -11334,8 +11373,8 @@ const Md = "SelectButton", oP = "lumx-select-button", rP = {
   });
 };
 ts.displayName = Md;
-ts.className = oP;
-function sP(e) {
+ts.className = uP;
+function fP(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 function $d(e) {
@@ -11367,7 +11406,7 @@ function $d(e) {
           value: s,
           isSelected: i,
           description: l ?? void 0
-        }, b), sP(v) ? v : {
+        }, b), fP(v) ? v : {
           default: () => [v]
         });
       };
@@ -11382,10 +11421,10 @@ function Ld(e) {
       });
   });
 }
-function iP(e) {
+function hP(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const lP = {
+const mP = {
   /**
    * Selection change. Payload type depends on `selectionType`:
    * - default / `'single'` → `O` (selected option).
@@ -11399,7 +11438,7 @@ const lP = {
   "load-more": () => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, $C = /* @__PURE__ */ I((e, {
+}, jC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11426,7 +11465,7 @@ const lP = {
       children: p
     }) : m(Mt, A({
       rightIcon: lf
-    }, y), iP(p) ? p : {
+    }, y), hP(p) ? p : {
       default: () => [p]
     });
   }), d = (g) => {
@@ -11476,8 +11515,8 @@ const lP = {
   inheritAttrs: !1,
   slots: Object,
   props: L()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "label", "labelDisplayMode", "popoverProps", "listStatus", "translations", "class"),
-  emits: lP
-}), LC = _t, Rd = "SelectTextField", cP = "lumx-select-text-field", ns = (e, {
+  emits: mP
+}), HC = _t, Rd = "SelectTextField", pP = "lumx-select-text-field", ns = (e, {
   Combobox: t,
   InfiniteScroll: n
 }) => {
@@ -11507,7 +11546,7 @@ const lP = {
     afterOptions: k,
     onLoadMore: _,
     infiniteScrollOptions: S
-  } = e, q = b === "loading", H = b === "loadingMore", z = b === "error", E = !b || b === "idle";
+  } = e, q = b === "loading", H = b === "loadingMore", z = b === "error", I = !b || b === "idle";
   return m(t.Provider, {
     onOpen: C
   }, {
@@ -11539,7 +11578,7 @@ const lP = {
         }, {
           Combobox: t
         }), k, _ && n && m(n, {
-          callback: E ? _ : void 0,
+          callback: I ? _ : void 0,
           options: S
         }, null), H && m(t.OptionSkeleton, {
           count: 1
@@ -11555,8 +11594,8 @@ const lP = {
   });
 };
 ns.displayName = Rd;
-ns.className = cP;
-const uP = {
+ns.className = pP;
+const gP = {
   /**
    * Selection change. Payload type depends on `selectionType`:
    * - `'single'`   → `O | undefined` (option on select, `undefined` on clear).
@@ -11581,7 +11620,7 @@ const uP = {
   clear: (e) => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, dP = /* @__PURE__ */ I((e, {
+}, vP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11607,7 +11646,7 @@ const uP = {
     l.value = !1, c.value = "", t("search", ""), t("blur", C);
   }, y = $d(n.option), N = Ld(n.sectionTitle), O = se("onLoadMore") || se("onLoad-more"), T = () => t("load-more");
   return () => {
-    const C = !o.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, x = e.selectionType === "multiple" ? m(By, {
+    const C = !o.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, x = e.selectionType === "multiple" ? m(Vy, {
       value: e.value,
       theme: e.theme,
       getOptionId: e.getOptionId,
@@ -11693,9 +11732,9 @@ const uP = {
   name: M(Rd),
   inheritAttrs: !1,
   props: L()("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: uP
-}), fP = _t, RC = ed, DC = Gu, BC = Ku, FC = Zu, Dd = "TimePickerField", Bd = "lumx-time-picker-field", {
-  block: hP
+  emits: gP
+}), bP = _t, zC = ed, VC = Gu, WC = Ku, UC = Zu, Dd = "TimePickerField", Bd = "lumx-time-picker-field", {
+  block: yP
 } = F(Bd), dc = {
   step: 30,
   boundsMode: "on-blur"
@@ -11714,7 +11753,7 @@ const uP = {
     ...u
   } = e;
   return m(t, A(u, {
-    className: hP([r]),
+    className: yP([r]),
     selectionType: "single",
     options: a,
     getOptionId: "name",
@@ -11753,22 +11792,22 @@ function Kt({ hour: e, minute: t }, n) {
 function tn(e) {
   return e.getHours() * 60 + e.getMinutes();
 }
-const gr = 60, mP = 24 * gr;
-function pP(e = {}) {
+const gr = 60, NP = 24 * gr;
+function AP(e = {}) {
   const { step: t = 30, minTime: n, maxTime: a, locale: o } = e;
   if (!Number.isInteger(t) || t <= 0)
     return [];
   const r = n ? tn(n) : void 0, s = a ? tn(a) : void 0, i = [];
-  for (let l = 0; l < mP; l += t) {
+  for (let l = 0; l < NP; l += t) {
     const c = Math.floor(l / gr), u = l % gr, d = r !== void 0 && l < r || s !== void 0 && l > s || void 0, f = o ? pr(Kt({ hour: c, minute: u }), o) : void 0;
     i.push({ hour: c, minute: u, name: f, outOfRange: d });
   }
   return i;
 }
-const gP = /^T?(\d{1,2})(?:[:.h]?([0-5]\d)(?:[:.]?[0-5]\d)?)?\s*(a\.?m?\.?|p\.?m?\.?)?Z?$/i;
-function vP(e) {
+const OP = /^T?(\d{1,2})(?:[:.h]?([0-5]\d)(?:[:.]?[0-5]\d)?)?\s*(a\.?m?\.?|p\.?m?\.?)?Z?$/i;
+function PP(e) {
   if (typeof e != "string") return;
-  const t = e.trim().match(gP);
+  const t = e.trim().match(OP);
   if (!t) return;
   const [, n, a, o] = t;
   let r = Number(n);
@@ -11785,10 +11824,10 @@ function fc(e, t, n) {
   const a = e.hour * 60 + e.minute;
   return t && a < tn(t) ? { hour: t.getHours(), minute: t.getMinutes() } : n && a > tn(n) ? { hour: n.getHours(), minute: n.getMinutes() } : e;
 }
-function bP(e, t) {
+function CP(e, t) {
   return e.getHours() === t.hour && e.getMinutes() === t.minute;
 }
-const yP = () => navigator.languages?.[0] || navigator.language, NP = {
+const SP = () => navigator.languages?.[0] || navigator.language, wP = {
   /**
    * 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
@@ -11796,10 +11835,10 @@ const yP = () => navigator.languages?.[0] || navigator.language, NP = {
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, qC = /* @__PURE__ */ I((e, {
+}, GC = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
-  const n = R(() => e.class), a = w(() => e.locale ?? yP()), o = w(() => e.step ?? dc.step), r = w(() => e.boundsMode ?? dc.boundsMode), s = w(() => pP({
+  const n = R(() => e.class), a = w(() => e.locale ?? SP()), o = w(() => e.step ?? dc.step), r = w(() => e.boundsMode ?? dc.boundsMode), s = w(() => AP({
     step: o.value,
     minTime: e.minTime,
     maxTime: e.maxTime,
@@ -11833,10 +11872,10 @@ const yP = () => navigator.languages?.[0] || navigator.language, NP = {
   }, d = () => {
     const f = i.value;
     if (i.value = "", !f) return;
-    const h = vP(f);
+    const h = PP(f);
     if (!h) return;
     const g = fc(h, e.minTime, e.maxTime);
-    e.value && bP(e.value, g) || t("change", Kt(g, e.value));
+    e.value && CP(e.value, g) || t("change", Kt(g, e.value));
   };
   return () => {
     const f = e.value ? pr(e.value, a.value) : void 0, {
@@ -11862,8 +11901,8 @@ const yP = () => navigator.languages?.[0] || navigator.language, NP = {
       searchInputValue: f,
       getOptionProps: O
     }, {
-      SelectTextField: dP,
-      Option: fP
+      SelectTextField: vP,
+      Option: bP
     });
   };
 }, {
@@ -11897,98 +11936,99 @@ const yP = () => navigator.languages?.[0] || navigator.language, NP = {
     "theme",
     "hasClearButton"
   ),
-  emits: NP
+  emits: wP
 });
 export {
-  zP as AlertDialog,
+  YP as AlertDialog,
   Lm as Avatar,
-  XP as Badge,
-  ZP as BadgeWrapper,
+  nC as Badge,
+  aC as BadgeWrapper,
   Mt as Button,
-  UP as ButtonGroup,
-  JP as Checkbox,
+  JP as ButtonGroup,
+  oC as Card,
+  rC as Checkbox,
   dr as Chip,
-  Ty as ChipGroup,
+  $y as ChipGroup,
   od as Combobox,
   _h as Dialog,
-  QP as DialogHeading,
-  tC as Divider,
-  nC as DragHandle,
-  aC as ExpansionPanel,
-  oC as Flag,
+  sC as DialogHeading,
+  lC as Divider,
+  cC as DragHandle,
+  uC as ExpansionPanel,
+  dC as Flag,
   On as FlexBox,
   Nb as GenericBlock,
-  YP as GenericBlockGapSize,
-  rC as GridColumn,
-  Hy as Heading,
+  tC as GenericBlockGapSize,
+  fC as GridColumn,
+  Ky as Heading,
   _r as HeadingLevelProvider,
   He as Icon,
   pt as IconButton,
-  OC as ImageBlock,
-  aO as ImageBlockCaptionPosition,
-  PC as InlineList,
-  sC as InputHelper,
-  iC as InputLabel,
-  eC as Lightbox,
+  _C as ImageBlock,
+  cO as ImageBlockCaptionPosition,
+  kC as InlineList,
+  hC as InputHelper,
+  mC as InputLabel,
+  iC as Lightbox,
   Xr as Link,
-  lC as LinkPreview,
-  GP as List,
+  pC as LinkPreview,
+  QP as List,
   Zu as ListDivider,
-  KP as ListItem,
+  eC as ListItem,
   ob as ListItemAction,
   cb as ListSection,
-  uC as MenuButton,
+  vC as MenuButton,
   Zu as MenuDivider,
-  cC as MenuItem,
-  dC as Message,
-  fC as Mosaic,
+  gC as MenuItem,
+  bC as Message,
+  yC as Mosaic,
   dv as Placement,
   An as Popover,
-  hC as PopoverDialog,
+  NC as PopoverDialog,
   Xf as ProgressCircular,
-  mC as ProgressLinear,
-  pC as RadioButton,
-  gC as RadioGroup,
+  AC as ProgressLinear,
+  OC as RadioButton,
+  PC as RadioGroup,
   vg as RawInputText,
   Og as RawInputTextarea,
-  $C as SelectButton,
-  LC as SelectButtonOption,
-  dP as SelectTextField,
-  FC as SelectTextFieldDivider,
-  fP as SelectTextFieldOption,
-  DC as SelectTextFieldOptionMoreInfo,
-  BC as SelectTextFieldOptionSkeleton,
-  RC as SelectTextFieldSection,
-  By as SelectionChipGroup,
-  vC as SkeletonCircle,
-  bC as SkeletonRectangle,
-  FA as SkeletonRectangleVariant,
-  yC as SkeletonTypography,
-  NC as Switch,
-  _C as Tab,
-  kC as TabList,
-  FO as TabListLayout,
-  EC as TabPanel,
-  IC as TabProvider,
-  CC as Table,
-  SC as TableBody,
-  wC as TableCell,
+  jC as SelectButton,
+  HC as SelectButtonOption,
+  vP as SelectTextField,
+  UC as SelectTextFieldDivider,
+  bP as SelectTextFieldOption,
+  VC as SelectTextFieldOptionMoreInfo,
+  WC as SelectTextFieldOptionSkeleton,
+  zC as SelectTextFieldSection,
+  Vy as SelectionChipGroup,
+  CC as SkeletonCircle,
+  SC as SkeletonRectangle,
+  WA as SkeletonRectangleVariant,
+  wC as SkeletonTypography,
+  xC as Switch,
+  RC as Tab,
+  DC as TabList,
+  WO as TabListLayout,
+  BC as TabPanel,
+  FC as TabProvider,
+  EC as Table,
+  IC as TableBody,
+  MC as TableCell,
   hr as TableCellVariant,
-  xC as TableHeader,
-  TC as TableRow,
+  $C as TableHeader,
+  LC as TableRow,
   pe as Text,
   $g as TextField,
   Wt as ThOrder,
   mn as Thumbnail,
-  WP as ThumbnailObjectFit,
-  VP as ThumbnailVariant,
-  qC as TimePickerField,
+  ZP as ThumbnailObjectFit,
+  XP as ThumbnailVariant,
+  GC as TimePickerField,
   ym as Toolbar,
   yn as Tooltip,
-  AC as Uploader,
+  TC as Uploader,
   Sd as UploaderVariant,
-  MC as UserBlock,
-  NO as emitSchema,
+  qC as UserBlock,
+  wO as emitSchema,
   $c as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map