@lumx/vue 4.24.1-alpha.0 → 4.24.1-alpha.1

package/index.js

@@ -1,9 +1,9 @@
 import { ColorVariant as Xd, Size as lt, VISUALLY_HIDDEN as Zd, DIALOG_TRANSITION_DURATION as gc, AspectRatio as vc, Typography as Jd, IS_BROWSER as is, ColorPalette as Qd } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as m, mergeProps as N, Fragment as ne, isVNode as U, useAttrs as B, computed as C, toValue as qe, getCurrentScope as bc, onScopeDispose as vr, toRef as ee, readonly as ef, customRef as tf, ref as D, shallowRef as je, watch as X, getCurrentInstance as yc, onMounted as Ze, inject as be, defineComponent as k, toRefs as nf, reactive as Nc, provide as Ie, watchEffect as We, onUnmounted as Ce, isRef as dt, watchPostEffect as af, onBeforeUnmount as nn, Comment as br, unref as wt, useSlots as Me, Text as yr, useTemplateRef as of, toRaw as Je, nextTick as Ac, shallowReadonly as rt, h as ls, cloneVNode as rf, onWatcherCleanup as sf, createTextVNode as Oc, withDirectives as lf, resolveDirective as cf } from "vue";
+import { createVNode as m, mergeProps as N, Fragment as ne, isVNode as U, useAttrs as B, computed as C, toValue as qe, getCurrentScope as bc, onScopeDispose as vr, toRef as ee, readonly as ef, customRef as tf, ref as D, shallowRef as je, watch as X, getCurrentInstance as yc, onMounted as Ze, inject as be, defineComponent as I, toRefs as nf, reactive as Nc, provide as Ie, watchEffect as We, onUnmounted as Ce, isRef as dt, watchPostEffect as af, onBeforeUnmount as nn, Comment as br, unref as wt, useSlots as Me, Text as yr, useTemplateRef as of, toRaw as Je, nextTick as Ac, shallowReadonly as rt, h as ls, cloneVNode as rf, onWatcherCleanup as sf, createTextVNode as Oc, withDirectives as lf, resolveDirective as cf } from "vue";
 import { classNames as fe } from "@lumx/core/js/utils";
-import { k as L, g as I, u as K, C as Nr, T as Ar, P as an, I as Pc } from "./_internal/GIQod6ql.js";
+import { k as L, g as M, u as K, C as Nr, T as Ar, P as an, I as Pc } from "./_internal/GIQod6ql.js";
 import { getDisabledState as uf } from "@lumx/core/js/utils/disabledState";
 import { mdiAlertCircle as xt } from "@lumx/icons/esm/alert-circle.js";
 import { mdiChevronUp as Cc } from "@lumx/icons/esm/chevron-up.js";
@@ -1112,7 +1112,7 @@ const ei = 6, wh = {
 }, xh = { level: 1, headingElement: "h1" }, Th = (e, t) => {
   const n = e || t + 1;
   return n > ei ? ei : n;
-}, Jc = /* @__PURE__ */ Symbol("HeadingLevelContext"), Qc = () => be(Jc, xh), kr = /* @__PURE__ */ k((e, {
+}, Jc = /* @__PURE__ */ Symbol("HeadingLevelContext"), Qc = () => be(Jc, xh), kr = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const {
@@ -1123,7 +1123,7 @@ const ei = 6, wh = {
   });
   return Ie(Jc, s), () => t.default?.();
 }, {
-  name: I("HeadingLevelProvider"),
+  name: M("HeadingLevelProvider"),
   props: L()("level")
 }), _h = "ProgressCircular", Eh = "lumx-progress-circular", {
   block: kh,
@@ -1164,7 +1164,7 @@ const ei = 6, wh = {
       fill: "none"
     }), null)])]
   });
-}, Mh = /* @__PURE__ */ k((e) => {
+}, Mh = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(Ih, N(e, t, {
     className: a.value,
@@ -1178,7 +1178,7 @@ const ei = 6, wh = {
     }
   }), null);
 }, {
-  name: I(_h),
+  name: M(_h),
   inheritAttrs: !1,
   props: L()("class", "size", "display", "theme")
 });
@@ -1207,8 +1207,8 @@ function $h() {
     }
   };
 }
-const Lh = "IdsRegistryProvider", Ir = /* @__PURE__ */ Symbol("LumxIdsRegistry"), Mr = k({
-  name: I(Lh),
+const Lh = "IdsRegistryProvider", Ir = /* @__PURE__ */ Symbol("LumxIdsRegistry"), Mr = I({
+  name: M(Lh),
   setup(e, { slots: t }) {
     return Ie(Ir, $h()), () => t.default?.();
   }
@@ -1231,14 +1231,14 @@ function $r(e) {
     })
   ), n;
 }
-const Dh = /* @__PURE__ */ k((e) => {
+const Dh = /* @__PURE__ */ I((e) => {
   const t = $r(ln);
   return () => Jf({
     ...e,
     labelId: t.value
   });
 }, {
-  name: I(Zf),
+  name: M(Zf),
   props: L()("ClickAwayProvider", "ProgressCircular", "clickAwayRefs", "content", "contentRef", "dialogProps", "footer", "footerChildContent", "footerChildProps", "forceFooterDivider", "forceHeaderDivider", "handleClose", "hasBottomIntersection", "hasTopIntersection", "header", "headerChildContent", "headerChildProps", "isLoading", "isOpen", "rootRef", "setSentinelBottom", "setSentinelTop", "shouldPreventCloseOnClickAway", "wrapperRef")
 }), Na = Yc();
 function dn(e, t = !0) {
@@ -1334,7 +1334,7 @@ const Bh = {
       className: t
     } : {}
   };
-}, Fh = /* @__PURE__ */ k((e, {
+}, Fh = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -1414,7 +1414,7 @@ const Bh = {
     });
   };
 }, {
-  name: I(Wf),
+  name: M(Wf),
   inheritAttrs: !1,
   props: L()("class", "closeMode", "contentRef", "dialogProps", "disableBodyScroll", "focusElement", "forceFooterDivider", "forceHeaderDivider", "isLoading", "isOpen", "parentElement", "preventAutoClose", "preventCloseOnClick", "preventCloseOnEscape", "size", "zIndex"),
   emits: Bh
@@ -1808,7 +1808,7 @@ function ae(e) {
   });
   return { disabledStateProps: n, isAnyDisabled: a, otherProps: o };
 }
-const Si = k({
+const Si = I({
   name: "ResetTheme",
   setup(e, { slots: t }) {
     return Ie("theme", void 0), () => t.default?.();
@@ -1867,7 +1867,7 @@ const Si = k({
 te.displayName = su;
 te.className = iu;
 te.defaultProps = pm;
-const He = /* @__PURE__ */ k((e) => {
+const He = /* @__PURE__ */ I((e) => {
   const t = B(), n = K({
     defaultTheme: void 0
   }), a = R(() => e.class);
@@ -1876,7 +1876,7 @@ const He = /* @__PURE__ */ k((e) => {
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(su),
+  name: M(su),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
@@ -1975,7 +1975,7 @@ function Sm(e) {
 function wm(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const pe = /* @__PURE__ */ k((e, {
+const pe = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = uu(), o = of("tooltip-label"), {
@@ -2007,13 +2007,13 @@ const pe = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(gm),
+  name: M(gm),
   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")
 }), xm = {
   click: (e) => e instanceof MouseEvent
-}, Mt = /* @__PURE__ */ k((e, {
+}, Mt = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = K(), r = R(() => e.class), {
@@ -2052,7 +2052,7 @@ const pe = /* @__PURE__ */ k((e, {
     }), null);
   };
 }, {
-  name: I(ou),
+  name: M(ou),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("leftIcon", "rightIcon", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-disabled", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "linkAs", "target", "type"),
@@ -2084,7 +2084,7 @@ const pe = /* @__PURE__ */ k((e, {
   }, [o]), t && m("div", {
     className: ja("after")
   }, [t])]);
-}, Im = /* @__PURE__ */ k((e, {
+}, Im = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -2095,12 +2095,12 @@ const pe = /* @__PURE__ */ k((e, {
     after: t.after?.() ?? n.after
   }), null);
 }, {
-  name: I(Tm),
+  name: M(Tm),
   inheritAttrs: !1,
   props: L()("class")
 }), Mm = {
   close: () => !0
-}, mC = /* @__PURE__ */ k((e, {
+}, mC = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -2148,7 +2148,7 @@ const pe = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(Lf),
+  name: M(Lf),
   inheritAttrs: !1,
   props: L()("class", "kind", "title", "size", "isOpen", "parentElement", "dialogProps", "confirmProps", "cancelProps", "id"),
   emits: Mm
@@ -2274,8 +2274,8 @@ const qm = "Thumbnail", jm = "lumx-thumbnail", {
     handleClick: _,
     handleKeyPress: S,
     ...F
-  } = e, H = g || T === "isLoading", z = T === "hasError", M = z && typeof l == "string", j = z && !M, G = {};
-  M ? G.visibility = "hidden" : j && (G.display = "none");
+  } = e, H = g || T === "isLoading", z = T === "hasError", k = z && typeof l == "string", j = z && !k, G = {};
+  k ? G.visibility = "hidden" : j && (G.display = "none");
   const Z = !!(O?.href || E), W = !y && !!(Z || _ || S), J = {
     ...F
   };
@@ -2290,7 +2290,7 @@ const qm = "Thumbnail", jm = "lumx-thumbnail", {
     [`variant-${x}`]: !!x,
     "is-clickable": W,
     "has-error": z,
-    "has-icon-error-fallback": M,
+    "has-icon-error-fallback": k,
     "has-custom-error-fallback": j,
     "is-loading": H,
     [`object-fit-${p}`]: !!p,
@@ -2323,7 +2323,7 @@ const qm = "Thumbnail", jm = "lumx-thumbnail", {
     loading: b
   }), null), !H && z && m("span", {
     className: Ct("fallback")
-  }, [M ? te({
+  }, [k ? te({
     icon: l,
     size: lt.xxs,
     theme: w
@@ -2401,7 +2401,7 @@ function Wm(e) {
 const Um = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, mn = /* @__PURE__ */ k((e, {
+}, mn = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -2459,7 +2459,7 @@ const Um = {
     }), null);
   };
 }, {
-  name: I(qm),
+  name: M(qm),
   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: Um
@@ -2474,7 +2474,7 @@ const Um = {
   click: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, Km = /* @__PURE__ */ k((e, {
+}, Km = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -2511,7 +2511,7 @@ const Um = {
     }), null);
   };
 }, {
-  name: I($m),
+  name: M($m),
   inheritAttrs: !1,
   props: L()("image", "alt", "size", "theme", "linkProps", "linkAs", "thumbnailProps", "class"),
   emits: Gm
@@ -2796,9 +2796,9 @@ function ap(e, t, n) {
     if (F >= 0 && F < _.length)
       return b = F, i.setActive(_[F]), !0;
     if (!s) return !1;
-    const H = O > 0 ? "next" : "prev", M = Le(d(E, H)) ?? (O > 0 ? h() : f());
-    if (!M) return !1;
-    const j = u(M);
+    const H = O > 0 ? "next" : "prev", k = Le(d(E, H)) ?? (O > 0 ? h() : f());
+    if (!k) return !1;
+    const j = u(k);
     if (j.length === 0) return !1;
     const G = O > 0 ? 0 : j.length - 1;
     return b = G, i.setActive(j[G]), !0;
@@ -2838,8 +2838,8 @@ function ap(e, t, n) {
       const E = Array.from(d());
       if (E.length === 0) return !1;
       if (!i.active) {
-        const H = O > 0 ? 0 : E.length - 1, z = O > 0 ? O - 1 : O + 1, M = Math.max(0, Math.min(H + z, E.length - 1));
-        return v(E[M], b);
+        const H = O > 0 ? 0 : E.length - 1, z = O > 0 ? O - 1 : O + 1, k = Math.max(0, Math.min(H + z, E.length - 1));
+        return v(E[k], b);
       }
       const _ = g(i.active);
       if (!_) return !1;
@@ -3111,14 +3111,14 @@ function pu(e, t, n) {
     loadingChange: /* @__PURE__ */ new Set(),
     loadingAnnouncement: /* @__PURE__ */ new Set()
   }, v = {};
-  function y(M, j) {
-    v[M] = j, b[M].forEach((G) => G(j));
+  function y(k, j) {
+    v[k] = j, b[k].forEach((G) => G(j));
   }
   function A() {
-    let M = 0;
+    let k = 0;
     for (const j of c.values())
-      j.lastFiltered || (M += 1);
-    return M;
+      j.lastFiltered || (k += 1);
+    return k;
   }
   function P() {
     return A() > 0 || p > 0;
@@ -3126,8 +3126,8 @@ function pu(e, t, n) {
   function w() {
     for (const [Z] of u)
       Ti(Z, u, c);
-    const M = A(), j = o?.value ?? "";
-    (M !== h || M === 0 && j !== f) && (h = M, f = j, y("optionsChange", { optionsLength: M, inputValue: j })), i && o?.setAttribute("aria-expanded", String(P()));
+    const k = A(), j = o?.value ?? "";
+    (k !== h || k === 0 && j !== f) && (h = k, f = j, y("optionsChange", { optionsLength: k, inputValue: j })), i && o?.setAttribute("aria-expanded", String(P()));
   }
   const T = 500;
   let x, O = !1;
@@ -3137,14 +3137,14 @@ function pu(e, t, n) {
     }, T));
   }
   function _() {
-    const M = p > 0;
-    g = M, y("loadingChange", M), M ? E() : (clearTimeout(x), O && (O = !1, y("loadingAnnouncement", !1)));
+    const k = p > 0;
+    g = k, y("loadingChange", k), k ? E() : (clearTimeout(x), O && (O = !1, y("loadingAnnouncement", !1)));
   }
   let S;
   function F() {
     d?.abort(), d = null, s = null;
   }
-  function H(M, j, G) {
+  function H(k, j, G) {
     function Z(W) {
       if (G?.(W)) {
         W.stopPropagation(), W.preventDefault();
@@ -3168,7 +3168,7 @@ function pu(e, t, n) {
           !S.isOpen && !xe ? (S.setIsOpen(!0), Q?.goTo((oe) => oe.getMatching(qt) ?? oe.getLast())) : S.isOpen && Q?.selectors.hasNavigableItems && (Q.selectors.activeItem ? Q.goUp() : xe || Q.goTo((oe) => oe.getMatching(qt) ?? oe.getLast())), J = !0;
           break;
         case "Escape":
-          S.isOpen ? S.setIsOpen(!1) : S.select(null), J = !0;
+          S.isOpen ? (S.setIsOpen(!1), J = !0) : k.tagName === "INPUT" && k.value && (S.select(null), J = !0);
           break;
         case "PageUp":
           S.isOpen && Q?.selectors.activeItem && Q.goToOffset(-10), J = !0;
@@ -3179,12 +3179,12 @@ function pu(e, t, n) {
       }
       J && (W.stopPropagation(), W.preventDefault());
     }
-    M.addEventListener("keydown", (W) => Z(W), { signal: j });
+    k.addEventListener("keydown", (W) => Z(W), { signal: j });
   }
   function z() {
     if (!o) return;
-    const M = !d;
-    if (d || (d = new AbortController()), o.getAttribute("aria-activedescendant") || o.setAttribute("aria-activedescendant", ""), o.setAttribute("aria-expanded", String(i)), M) {
+    const k = !d;
+    if (d || (d = new AbortController()), o.getAttribute("aria-activedescendant") || o.setAttribute("aria-activedescendant", ""), o.setAttribute("aria-expanded", String(i)), k) {
       const j = n?.(S, d.signal) || void 0;
       H(o, d.signal, j), o.addEventListener(
         "focusout",
@@ -3215,77 +3215,77 @@ function pu(e, t, n) {
     get isLoading() {
       return p > 0;
     },
-    setIsOpen(M) {
-      i !== M && (i = M, M ? p > 0 && E() : (s?.clear(), clearTimeout(x), O && (O = !1, y("loadingAnnouncement", !1))), o?.setAttribute("aria-expanded", String(M && P())), y("open", M));
+    setIsOpen(k) {
+      i !== k && (i = k, k ? p > 0 && E() : (s?.clear(), clearTimeout(x), O && (O = !1, y("loadingAnnouncement", !1))), o?.setAttribute("aria-expanded", String(k && P())), y("open", k));
     },
-    select(M) {
-      e.onSelect?.({ value: M ? Ft(M) : "" }), M && !S.isMultiSelect && (S.focusNav?.clear(), requestAnimationFrame(() => {
+    select(k) {
+      e.onSelect?.({ value: k ? Ft(k) : "" }), k && !S.isMultiSelect && (S.focusNav?.clear(), requestAnimationFrame(() => {
         S.setIsOpen(!1);
       }));
     },
     flushPendingNavigation() {
       s?.flushPendingNavigation();
     },
-    registerOption(M, j) {
-      const G = l.toLowerCase(), Z = Ft(M).toLowerCase(), W = G.length > 0 && !Z.includes(G);
-      return c.set(M, { callback: j, lastFiltered: W }), j(W), w(), () => {
-        c.delete(M), w();
+    registerOption(k, j) {
+      const G = l.toLowerCase(), Z = Ft(k).toLowerCase(), W = G.length > 0 && !Z.includes(G);
+      return c.set(k, { callback: j, lastFiltered: W }), j(W), w(), () => {
+        c.delete(k), w();
       };
     },
-    setFilter(M) {
-      l = M;
-      const j = M.toLowerCase();
+    setFilter(k) {
+      l = k;
+      const j = k.toLowerCase();
       for (const [G, Z] of c) {
         const W = Ft(G).toLowerCase(), J = j.length > 0 && !W.includes(j);
         J !== Z.lastFiltered && (Z.lastFiltered = J, Z.callback(J));
       }
       w();
     },
-    refilterOption(M) {
-      const j = c.get(M);
+    refilterOption(k) {
+      const j = c.get(k);
       if (!j) return;
-      const G = l.toLowerCase(), Z = Ft(M).toLowerCase(), W = G.length > 0 && !Z.includes(G);
+      const G = l.toLowerCase(), Z = Ft(k).toLowerCase(), W = G.length > 0 && !Z.includes(G);
       W !== j.lastFiltered && (j.lastFiltered = W, j.callback(W), w());
     },
-    registerSection(M, j) {
-      return u.set(M, { callback: j, last: { hidden: !1, "aria-hidden": !1 } }), Ti(M, u, c, !0), () => {
-        u.delete(M);
+    registerSection(k, j) {
+      return u.set(k, { callback: j, last: { hidden: !1, "aria-hidden": !1 } }), Ti(k, u, c, !0), () => {
+        u.delete(k);
       };
     },
     registerSkeleton() {
-      const M = p > 0;
-      return p += 1, M || _(), () => {
+      const k = p > 0;
+      return p += 1, k || _(), () => {
         p -= 1, p === 0 && _();
       };
     },
-    registerTrigger(M) {
-      return o && o !== M && F(), o = M, z(), () => {
-        o === M && (F(), o = null);
+    registerTrigger(k) {
+      return o && o !== k && F(), o = k, z(), () => {
+        o === k && (F(), o = null);
       };
     },
-    registerListbox(M) {
-      if (r === M) return () => {
+    registerListbox(k) {
+      if (r === k) return () => {
       };
       const j = !!r;
-      return r = M, o && d && (j ? (F(), z()) : s = Ei(S, d.signal, y, { wrapNavigation: a })), () => {
-        r === M && (r = null, s = null);
+      return r = k, o && d && (j ? (F(), z()) : s = Ei(S, d.signal, y, { wrapNavigation: a })), () => {
+        r === k && (r = null, s = null);
       };
     },
-    subscribe(M, j) {
-      return b[M].add(j), M === "open" && i && j(!0), M === "loadingChange" && g && j(!0), () => {
-        b[M].delete(j);
+    subscribe(k, j) {
+      return b[k].add(j), k === "open" && i && j(!0), k === "loadingChange" && g && j(!0), () => {
+        b[k].delete(j);
       };
     },
-    getSnapshot(M) {
-      return v[M];
+    getSnapshot(k) {
+      return v[k];
     },
     destroy() {
       F(), o = null, r = null, l = "", h = 0, f = "", g = !1;
-      for (const M of Object.keys(v))
-        delete v[M];
+      for (const k of Object.keys(v))
+        delete v[k];
       c.clear(), u.clear(), p = 0, clearTimeout(x), O = !1;
-      for (const M of Object.values(b))
-        M.clear();
+      for (const k of Object.values(b))
+        k.clear();
     }
   }, S;
 }
@@ -3362,7 +3362,7 @@ function ip(e, t) {
         case "ArrowRight":
           return i?.type === "grid" && a.isOpen && i.selectors.activeItem ? (i.goRight(), !0) : !1;
         case "Escape":
-          return a.isOpen && a.setIsOpen(!1), !0;
+          return a.isOpen ? (a.setIsOpen(!1), !0) : !1;
         default:
           return sr(s) ? (a.setIsOpen(!0), r.handle(s.key, i?.selectors.activeItem ?? null), i?.goTo((l) => r.rematch(l.activeItem)), !0) : !1;
       }
@@ -3686,12 +3686,12 @@ const Np = async (e, t, n) => {
     }, f = jr(o), g = qr(f), p = await s.getDimensions(c), b = f === "y", v = b ? "top" : "left", y = b ? "bottom" : "right", A = b ? "clientHeight" : "clientWidth", P = r.reference[g] + r.reference[f] - h[f] - r.floating[g], w = h[f] - r.reference[f], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let x = T ? T[A] : 0;
     (!x || !await (s.isElement == null ? void 0 : s.isElement(T))) && (x = i.floating[A] || r.floating[g]);
-    const O = P / 2 - w / 2, E = x / 2 - p[g] / 2 - 1, _ = ze(d[v], E), S = ze(d[y], E), F = _, H = x - p[g] - S, z = x / 2 - p[g] / 2 + O, M = lr(F, z, H), j = !l.arrow && he(o) != null && z !== M && r.reference[g] / 2 - (z < F ? _ : S) - p[g] / 2 < 0, G = j ? z < F ? z - F : z - H : 0;
+    const O = P / 2 - w / 2, E = x / 2 - p[g] / 2 - 1, _ = ze(d[v], E), S = ze(d[y], E), F = _, H = x - p[g] - S, z = x / 2 - p[g] / 2 + O, k = lr(F, z, H), j = !l.arrow && he(o) != null && z !== k && r.reference[g] / 2 - (z < F ? _ : S) - p[g] / 2 < 0, G = j ? z < F ? z - F : z - H : 0;
     return {
       [f]: h[f] + G,
       data: {
-        [f]: M,
-        centerOffset: z - M - G,
+        [f]: k,
+        centerOffset: z - k - G,
         ...j && {
           alignmentOffset: G
         }
@@ -3808,8 +3808,8 @@ const Pp = function(e) {
         overflows: E
       }], !E.every((z) => z <= 0)) {
         var S, F;
-        const z = (((S = r.flip) == null ? void 0 : S.index) || 0) + 1, M = x[z];
-        if (M && (!(d === "alignment" ? y !== Ee(M) : !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, k = x[z];
+        if (k && (!(d === "alignment" ? y !== Ee(k) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         _.every((Z) => Ee(Z.placement) === y ? Z.overflows[0] > 0 : !0)))
           return {
@@ -3818,7 +3818,7 @@ const Pp = function(e) {
               overflows: _
             },
             reset: {
-              placement: M
+              placement: k
             }
           };
         let j = (F = _.filter((G) => G.overflows[0] <= 0).sort((G, Z) => G.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : F.placement;
@@ -4746,7 +4746,7 @@ function pg(e) {
 function gg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const yn = /* @__PURE__ */ k((e, {
+const yn = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = re(), a = R(() => e.class), o = D(null), r = D(null), s = C(() => e.placement || Ht.placement), i = C(() => e.closeMode || Ht.closeMode), l = C(() => e.ariaLinkMode || Ht.ariaLinkMode), c = C(() => e.zIndex || Ht.zIndex), {
@@ -4790,12 +4790,12 @@ const yn = /* @__PURE__ */ k((e, {
     })]);
   };
 }, {
-  name: I(Mu),
+  name: M(Mu),
   inheritAttrs: !1,
   props: L()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
 }), vg = {
   click: (e) => e instanceof MouseEvent
-}, pt = /* @__PURE__ */ k((e, {
+}, pt = /* @__PURE__ */ I((e, {
   emit: t,
   expose: n
 }) => {
@@ -4840,7 +4840,7 @@ const yn = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(vu),
+  name: M(vu),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("icon", "image", "color", "label", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-disabled", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "isDisabled", "linkAs", "target", "type", "title", "tooltipProps", "hideTooltip"),
@@ -4858,7 +4858,7 @@ const yn = /* @__PURE__ */ k((e, {
 Nn.displayName = Ru;
 Nn.className = Du;
 Nn.defaultProps = bg;
-const vC = /* @__PURE__ */ k((e, {
+const vC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -4867,7 +4867,7 @@ const vC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Ru),
+  name: M(Ru),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("class")
@@ -4923,7 +4923,7 @@ function Gr() {
   const { handle: e } = we();
   return { isOpen: Ae("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
 }
-const Ng = /* @__PURE__ */ k((e, {
+const Ng = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -4974,7 +4974,7 @@ const Ng = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(Xm),
+  name: M(Xm),
   inheritAttrs: !1,
   props: L()("class", "label", "value", "labelDisplayMode", "renderButton", "listboxId", "isOpen", "onSelect"),
   emits: {
@@ -5131,7 +5131,7 @@ const Sg = "TextField", Fu = "lumx-text-field", qu = `${Fu}__input-native`, {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, Eg = /* @__PURE__ */ k((e, {
+}, Eg = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = (c, u, d) => {
@@ -5155,7 +5155,7 @@ const Sg = "TextField", Fu = "lumx-text-field", qu = `${Fu}__input-native`, {
     handleBlur: l
   }), null);
 }, {
-  name: I("RawInputText"),
+  name: M("RawInputText"),
   inheritAttrs: !1,
   props: L()("class", "theme", "value", "type", "name"),
   emits: _g
@@ -5225,7 +5225,7 @@ const $g = {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, Lg = /* @__PURE__ */ k((e, {
+}, Lg = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = D(null), s = Mg(C(() => e.rows ?? ju.rows), r, C(() => e.value)), i = (d, h, f) => {
@@ -5250,7 +5250,7 @@ const $g = {
     handleBlur: u
   }), null);
 }, {
-  name: I("RawInputTextarea"),
+  name: M("RawInputTextarea"),
   inheritAttrs: !1,
   props: L()("class", "theme", "value", "rows", "name"),
   emits: $g
@@ -5365,7 +5365,7 @@ const Wg = (e) => {
     isFocus: S,
     IconButton: F,
     ref: H
-  } = e, z = (O || "").length, M = z > 0, j = p ? p - z : 0, G = p ? m("span", {
+  } = e, z = (O || "").length, k = z > 0, j = p ? p - z : 0, G = p ? m("span", {
     className: de("char-counter"),
     role: "status"
   }, [A ? A(j) : j, j === 0 && te({
@@ -5379,7 +5379,7 @@ const Wg = (e) => {
       "has-error": !d && s,
       "has-icon": !!l,
       "has-input": !b,
-      "has-input-clear": !!(a && M),
+      "has-input-clear": !!(a && k),
       "has-label": !!h,
       "has-placeholder": !!v,
       "has-textarea": b,
@@ -5416,7 +5416,7 @@ const Wg = (e) => {
     color: x === me.dark ? "light" : void 0,
     icon: d ? Or : xt,
     size: V.xxs
-  }), a && M && !g && m(F, N({
+  }), a && k && !g && m(F, N({
     "aria-describedby": T
   }, a, {
     className: de("input-clear"),
@@ -5450,7 +5450,7 @@ const Wg = (e) => {
   blur: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   clear: (e) => !0
-}, Gg = /* @__PURE__ */ k((e, {
+}, Gg = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = uu("chips"), o = K(), r = R(() => e.class), s = re(), i = C(() => e.id || s), l = D(!1), {
@@ -5492,7 +5492,7 @@ const Wg = (e) => {
       "aria-disabled": F,
       ariaDisabled: H,
       onChange: z,
-      onInput: M,
+      onInput: k,
       onFocus: j,
       onBlur: G,
       chips: Z,
@@ -5558,11 +5558,11 @@ const Wg = (e) => {
     }, null);
   };
 }, {
-  name: I(Sg),
+  name: M(Sg),
   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: Ug
-}), Kg = /* @__PURE__ */ k((e, {
+}), Kg = /* @__PURE__ */ I((e, {
   emit: t,
   attrs: n
 }) => {
@@ -5638,7 +5638,7 @@ const Wg = (e) => {
     });
   };
 }, {
-  name: I(Og),
+  name: M(Og),
   inheritAttrs: !1,
   props: L()("class", "theme", "value", "error", "forceFocusStyle", "hasError", "afterElement", "helper", "icon", "isRequired", "isValid", "label", "labelProps", "maxLength", "charCounterMessage", "isDisabled", "disabled", "aria-disabled", "multiline", "placeholder", "id", "clearButtonProps", "name", "type", "minimumRows", "inputRef", "textFieldRef", "toggleButtonProps", "onSelect", "filter", "openOnFocus", "selectionMode"),
   emits: {
@@ -5701,7 +5701,7 @@ function tv(e) {
 function nv() {
   return be(Yu, ev);
 }
-const av = /* @__PURE__ */ k((e, {
+const av = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -5733,7 +5733,7 @@ const av = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(Zg),
+  name: M(Zg),
   inheritAttrs: !1,
   // Note: 'aria-label' is intentionally NOT declared as a prop because Vue normalizes
   // hyphenated prop names to camelCase (ariaLabel) internally, making it inaccessible
@@ -5885,7 +5885,7 @@ function fv() {
 }
 const hv = {
   click: () => !0
-}, _t = /* @__PURE__ */ k((e, {
+}, _t = /* @__PURE__ */ I((e, {
   slots: t,
   emit: n
 }) => {
@@ -5941,7 +5941,7 @@ const hv = {
     });
   };
 }, {
-  name: I(iv),
+  name: M(iv),
   inheritAttrs: !1,
   props: L()("value", "description", "isDisabled", "isSelected", "tooltipProps", "actionProps", "class"),
   emits: hv
@@ -5961,7 +5961,7 @@ const hv = {
     handleClick: o,
     children: t
   });
-}, vv = /* @__PURE__ */ k((e, {
+}, vv = /* @__PURE__ */ I((e, {
   slots: t,
   attrs: n
 }) => {
@@ -5987,7 +5987,7 @@ const hv = {
     });
   };
 }, {
-  name: I(mv),
+  name: M(mv),
   inheritAttrs: !1,
   props: L()("isDisabled", "onClick", "class")
 });
@@ -6236,7 +6236,7 @@ function Fv(e, t = !0) {
 }
 const qv = {
   close: () => !0
-}, An = /* @__PURE__ */ k((e, {
+}, An = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -6299,7 +6299,7 @@ const qv = {
     ThemeProvider: Ar
   });
 }, {
-  name: I(xv),
+  name: M(xv),
   inheritAttrs: !1,
   props: L()("anchorRef", "as", "boundaryRef", "closeMode", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusElement", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "focusAnchorOnClose", "hasArrow", "isOpen", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "zIndex", "withFocusTrap", "theme", "class"),
   emits: qv
@@ -6307,7 +6307,7 @@ const qv = {
 function jv(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const nd = /* @__PURE__ */ k((e, {
+const nd = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = R(() => e.class), a = D(null), o = C(() => a.value?.$el ?? void 0), r = D(!1), {
@@ -6366,7 +6366,7 @@ const nd = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(yv),
+  name: M(yv),
   inheritAttrs: !1,
   props: L()("class", "onToggle"),
   emits: {
@@ -6427,7 +6427,7 @@ const nd = /* @__PURE__ */ k((e, {
   }, (l, c) => m(ot, N({
     key: c
   }, i), null))]);
-}, ad = /* @__PURE__ */ k((e, {
+}, ad = /* @__PURE__ */ I((e, {
   slots: t,
   attrs: n
 }) => {
@@ -6446,7 +6446,7 @@ const nd = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(Uv),
+  name: M(Uv),
   inheritAttrs: !1,
   props: L()("hasDescription", "count", "class")
 }), Yv = "80vh", Xv = "ComboboxProvider";
@@ -6537,7 +6537,7 @@ function ib(e) {
     }))
   };
 }
-const On = /* @__PURE__ */ k((e, {
+const On = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -6554,11 +6554,11 @@ const On = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(ob),
+  name: M(ob),
   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")
-}), lb = /* @__PURE__ */ k((e, {
+}), lb = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = R(() => e.class), {
@@ -6585,10 +6585,10 @@ const On = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(Jv),
+  name: M(Jv),
   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")
-}), cb = /* @__PURE__ */ k((e, {
+}), cb = /* @__PURE__ */ I((e, {
   slots: t,
   emit: n
 }) => {
@@ -6608,7 +6608,7 @@ const On = /* @__PURE__ */ k((e, {
     sf(c);
   }), () => t.default?.();
 }, {
-  name: I(Xv),
+  name: M(Xv),
   inheritAttrs: !1,
   props: {},
   emits: {
@@ -6640,7 +6640,7 @@ const db = "ComboboxSection", fb = "lumx-combobox-section", hb = (e, {
   }), ub(n) ? n : {
     default: () => [n]
   });
-}, bC = /* @__PURE__ */ k((e, {
+}, bC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -6649,7 +6649,7 @@ const db = "ComboboxSection", fb = "lumx-combobox-section", hb = (e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Gu),
+  name: M(Gu),
   inheritAttrs: !1,
   props: L()("itemPadding", "class")
 }), od = "ListDivider", rd = "lumx-list-divider", mb = {}, Pn = (e) => {
@@ -6668,18 +6668,18 @@ const db = "ComboboxSection", fb = "lumx-combobox-section", hb = (e, {
 Pn.displayName = od;
 Pn.className = rd;
 Pn.defaultProps = mb;
-const sd = /* @__PURE__ */ k((e) => {
+const sd = /* @__PURE__ */ I((e) => {
   const t = B(), n = R(() => e.class);
   return () => m(Pn, N(t, {
     className: n.value
   }), null);
 }, {
-  name: I(od),
+  name: M(od),
   inheritAttrs: !1,
   props: L()("class")
 }), pb = {
   click: (e) => e instanceof MouseEvent
-}, gb = /* @__PURE__ */ k((e, {
+}, gb = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -6707,13 +6707,13 @@ const sd = /* @__PURE__ */ k((e) => {
     }), null);
   };
 }, {
-  name: I(rv),
+  name: M(rv),
   inheritAttrs: !1,
   props: L()("as", "href", "class", "isDisabled", "disabled", "aria-disabled"),
   emits: pb
 }), vb = {
   click: (e) => e instanceof MouseEvent
-}, bb = /* @__PURE__ */ k((e, {
+}, bb = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -6744,7 +6744,7 @@ const sd = /* @__PURE__ */ k((e) => {
     }), null);
   };
 }, {
-  name: I(Xu),
+  name: M(Xu),
   inheritAttrs: !1,
   props: L()("isHighlighted", "isSelected", "isDisabled", "linkAs", "linkProps", "size", "class", "aria-disabled"),
   emits: vb
@@ -6786,7 +6786,7 @@ const sd = /* @__PURE__ */ k((e) => {
 Cn.displayName = id;
 Cn.className = ld;
 Cn.defaultProps = Nb;
-const Ab = /* @__PURE__ */ k((e, {
+const Ab = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = re(), o = R(() => e.class);
@@ -6797,10 +6797,10 @@ const Ab = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(id),
+  name: M(id),
   inheritAttrs: !1,
   props: L()("label", "icon", "itemsWrapperProps", "class")
-}), cd = /* @__PURE__ */ k((e, {
+}), cd = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = R(() => e.class), {
@@ -6835,7 +6835,7 @@ const Ab = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(db),
+  name: M(db),
   inheritAttrs: !1,
   props: L()("label", "icon", "class")
 });
@@ -6959,7 +6959,7 @@ const Tb = "GenericBlock", _b = "lumx-generic-block", {
       default: () => [r]
     })]
   });
-}, Ib = /* @__PURE__ */ k((e, {
+}, Ib = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -6992,7 +6992,7 @@ const Tb = "GenericBlock", _b = "lumx-generic-block", {
     }), null);
   };
 }, {
-  name: I(Tb),
+  name: M(Tb),
   inheritAttrs: !1,
   props: L()("as", "orientation", "verticalAlign", "horizontalAlign", "gap", "fillSpace", "wrap", "marginAuto", "noShrink", "figureProps", "contentProps", "actionsProps", "class")
 });
@@ -7575,7 +7575,7 @@ function vy() {
   return Ho = n, Ho;
 }
 var by = vy();
-const yy = /* @__PURE__ */ $e(by), NC = yy(V, ["tiny", "regular", "medium", "big", "huge"]), Ny = /* @__PURE__ */ k((e) => {
+const yy = /* @__PURE__ */ $e(by), NC = yy(V, ["tiny", "regular", "medium", "big", "huge"]), Ny = /* @__PURE__ */ I((e) => {
   const {
     handle: t
   } = we(), n = Ae("optionsChange", void 0), a = D(!1), o = D(!1), r = D(!1);
@@ -7611,7 +7611,7 @@ const yy = /* @__PURE__ */ $e(by), NC = yy(V, ["tiny", "regular", "medium", "big
     });
   };
 }, {
-  name: I(Ob),
+  name: M(Ob),
   inheritAttrs: !1,
   props: L()("emptyMessage", "nbOptionMessage", "errorMessage", "errorTryReloadMessage", "loadingMessage", "class")
 }), hd = {
@@ -7662,7 +7662,7 @@ const yy = /* @__PURE__ */ $e(by), NC = yy(V, ["tiny", "regular", "medium", "big
 En.displayName = md;
 En.className = pd;
 En.defaultProps = gd;
-const AC = /* @__PURE__ */ k((e, {
+const AC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7671,7 +7671,7 @@ const AC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(md),
+  name: M(md),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("color", "class")
@@ -7693,7 +7693,7 @@ const AC = /* @__PURE__ */ k((e, {
   }), [n, t && m("div", {
     className: Sy("badge")
   }, [t])]);
-}, OC = /* @__PURE__ */ k((e, {
+}, OC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7703,7 +7703,7 @@ const AC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Oy),
+  name: M(Oy),
   inheritAttrs: !1,
   props: L()("badge", "class")
 });
@@ -7732,7 +7732,7 @@ const Ty = "Card", _y = "lumx-card", {
   }), xy(n) ? n : {
     default: () => [n]
   });
-}, PC = /* @__PURE__ */ k((e, {
+}, PC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7741,7 +7741,7 @@ const Ty = "Card", _y = "lumx-card", {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Ty),
+  name: M(Ty),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("class", "elevation", "as")
@@ -7817,7 +7817,7 @@ const Ty = "Card", _y = "lumx-card", {
   })])]);
 }, Dy = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, CC = /* @__PURE__ */ k((e, {
+}, CC = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = re(), s = C(() => e.id || r), i = D(null), {
@@ -7851,7 +7851,7 @@ const Ty = "Card", _y = "lumx-card", {
     }
   }), null);
 }, {
-  name: I(My),
+  name: M(My),
   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"),
@@ -7934,7 +7934,7 @@ const Ty = "Card", _y = "lumx-card", {
   afterClick: (e) => e instanceof MouseEvent,
   beforeClick: (e) => e instanceof MouseEvent,
   keydown: (e) => e instanceof KeyboardEvent
-}, dr = /* @__PURE__ */ k((e, {
+}, dr = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = K(), r = R(() => e.class), s = se("onClick"), i = se("onAfterClick"), l = se("onBeforeClick"), {
@@ -7972,7 +7972,7 @@ const Ty = "Card", _y = "lumx-card", {
     tabIndexProp: "tabindex"
   }), null);
 }, {
-  name: I(By),
+  name: M(By),
   inheritAttrs: !1,
   props: L()("color", "href", "isClickable", "isDisabled", "isHighlighted", "isSelected", "size", "theme", "class", "aria-disabled", "disabled"),
   emits: Hy
@@ -7988,7 +7988,7 @@ const Ty = "Card", _y = "lumx-card", {
   }, o, {
     className: $(n, Vy)
   }), [t]);
-}, Uy = /* @__PURE__ */ k((e, {
+}, Uy = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -7997,7 +7997,7 @@ const Ty = "Card", _y = "lumx-card", {
     children: t.default?.()
   }), null);
 }, {
-  name: I(zy),
+  name: M(zy),
   inheritAttrs: !1,
   props: L()("align", "class")
 });
@@ -8134,7 +8134,7 @@ function bd({
 const yd = (e) => (t) => U(t) && t.type === e, tN = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, nN = /* @__PURE__ */ k(
+}, nN = /* @__PURE__ */ I(
   // The component is internally typed against `any` — the generic is layered on at export time
   (e, {
     emit: t,
@@ -8198,7 +8198,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     };
   },
   {
-    name: I(Ky),
+    name: M(Ky),
     inheritAttrs: !1,
     props: L()("getChipProps", "getOptionId", "getOptionName", "value", "label", "chipRemoveLabel", "isDisabled", "theme", "class", "inputRef"),
     emits: tN
@@ -8211,7 +8211,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     className: $(a, oN),
     typography: o || wh[s]
   };
-}, sN = /* @__PURE__ */ k((e, {
+}, sN = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = Qc(), o = R(() => e.class), r = C(() => {
@@ -8232,11 +8232,11 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     default: () => [t.default?.()]
   });
 }, {
-  name: I(aN),
+  name: M(aN),
   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")
-}), SC = /* @__PURE__ */ k((e, {
+}), SC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = re(), o = C(() => e.id || a);
@@ -8251,7 +8251,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     default: () => [t.default?.()]
   });
 }, {
-  name: I(Uf),
+  name: M(Uf),
   inheritAttrs: !1,
   props: L()("id", "as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
 }), iN = "Lightbox", lN = "lumx-lightbox", {
@@ -8342,7 +8342,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
   "preventAutoClose",
   "preventCloseOnClick",
   "zIndex"
-), dN = /* @__PURE__ */ k((e, {
+), dN = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -8378,11 +8378,11 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     children: n.default?.()
   }) : null;
 }, {
-  name: I("LightboxContent"),
+  name: M("LightboxContent"),
   inheritAttrs: !1,
   props: Ad,
   emits: Nd
-}), wC = /* @__PURE__ */ k((e, {
+}), wC = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -8396,7 +8396,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     })]
   });
 }, {
-  name: I(iN),
+  name: M(iN),
   inheritAttrs: !1,
   props: Ad,
   emits: Nd
@@ -8416,14 +8416,14 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, xC = /* @__PURE__ */ k((e) => {
+}, xC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(pN, N(t, e, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(fN),
+  name: M(fN),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("class", "theme")
@@ -8447,7 +8447,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     color: n === me.dark ? Y.light : Y.dark,
     size: V.xs
   })]);
-}, TC = /* @__PURE__ */ k((e) => {
+}, TC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K({
     defaultTheme: void 0
   }), a = R(() => e.class);
@@ -8456,7 +8456,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(gN),
+  name: M(gN),
   inheritAttrs: !1,
   props: L()("class", "theme")
 }), NN = "ExpansionPanel", AN = "lumx-expansion-panel", {
@@ -8533,7 +8533,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
   close: (e) => e instanceof MouseEvent,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   toggleOpen: (e, t) => typeof e == "boolean"
-}, _C = /* @__PURE__ */ k((e, {
+}, _C = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -8589,7 +8589,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     }), null);
   };
 }, {
-  name: I(NN),
+  name: M(NN),
   inheritAttrs: !1,
   props: L()("class", "closeMode", "hasBackground", "hasHeaderDivider", "isOpen", "label", "theme", "toggleButtonProps"),
   emits: SN
@@ -8628,7 +8628,7 @@ const xN = "Flag", TN = "lumx-flag", {
   }, wN(t) ? t : {
     default: () => [t]
   })]);
-}, EC = /* @__PURE__ */ k((e, {
+}, EC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -8639,7 +8639,7 @@ const xN = "Flag", TN = "lumx-flag", {
     Text: pe
   }), null);
 }, {
-  name: I(xN),
+  name: M(xN),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("color", "icon", "truncate", "theme", "class")
@@ -8758,7 +8758,7 @@ const Pd = "GridColumn", Cd = "lumx-grid-column", FN = {}, kn = (e) => {
 kn.displayName = Pd;
 kn.className = Cd;
 kn.defaultProps = FN;
-const kC = /* @__PURE__ */ k((e, {
+const kC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -8767,10 +8767,10 @@ const kC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Pd),
+  name: M(Pd),
   inheritAttrs: !1,
   props: L()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), IC = /* @__PURE__ */ k((e, {
+}), IC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -8780,11 +8780,11 @@ const kC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Vu),
+  name: M(Vu),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("kind", "theme", "class", "id")
-}), MC = /* @__PURE__ */ k((e, {
+}), MC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -8794,7 +8794,7 @@ const kC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(Hu),
+  name: M(Hu),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("htmlFor", "id", "isRequired", "typography", "theme", "class", "as")
@@ -8823,14 +8823,14 @@ function In(e) {
 In.displayName = Sd;
 In.className = wd;
 In.defaultProps = zN;
-const $C = /* @__PURE__ */ k((e) => {
+const $C = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(In, N(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(Sd),
+  name: M(Sd),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("label", "theme", "class", "id")
@@ -8866,7 +8866,7 @@ const $C = /* @__PURE__ */ k((e) => {
   click: (e) => e instanceof MouseEvent
 }, {
   element: KN
-} = fe.bem(xd), Jr = /* @__PURE__ */ k((e, {
+} = fe.bem(xd), Jr = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = R(() => e.class), {
@@ -8895,7 +8895,7 @@ const $C = /* @__PURE__ */ k((e) => {
     }), null);
   };
 }, {
-  name: I(VN),
+  name: M(VN),
   inheritAttrs: !1,
   props: L()("color", "colorVariant", "href", "isDisabled", "disabled", "linkAs", "target", "typography", "class", "aria-disabled"),
   emits: GN
@@ -8977,7 +8977,7 @@ const YN = "LinkPreview", XN = "lumx-link-preview", {
   }), Ql(a) ? a : {
     default: () => [a]
   })])])])]);
-}, LC = /* @__PURE__ */ k((e) => {
+}, LC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => {
     const {
@@ -8995,7 +8995,7 @@ const YN = "LinkPreview", XN = "lumx-link-preview", {
     }), null);
   };
 }, {
-  name: I(YN),
+  name: M(YN),
   inheritAttrs: !1,
   props: L()("class", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading")
 }), QN = "MenuItem", eA = "lumx-menu-item", {
@@ -9046,7 +9046,7 @@ function bt() {
 function rA(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const RC = /* @__PURE__ */ k((e, {
+const RC = /* @__PURE__ */ I((e, {
   slots: t,
   emit: n,
   attrs: a
@@ -9100,7 +9100,7 @@ const RC = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(QN),
+  name: M(QN),
   inheritAttrs: !1,
   props: L()("icon", "afterIcon", "color", "isDisabled", "class"),
   emits: ["click"],
@@ -9298,7 +9298,7 @@ function hA(e = {}) {
     }
   }, c;
 }
-const mA = /* @__PURE__ */ k((e, {
+const mA = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = Me(), a = re(), o = re(), r = D(null), s = hA({
@@ -9316,7 +9316,7 @@ const mA = /* @__PURE__ */ k((e, {
     anchorRef: r
   }), () => n.default?.();
 }, {
-  name: I(cA),
+  name: M(cA),
   inheritAttrs: !1,
   props: {
     onOpen: {
@@ -9368,7 +9368,7 @@ function Qr() {
   const { handle: e } = bt();
   return [yA("open", !1), (a) => e.setOpen(a)];
 }
-const NA = /* @__PURE__ */ k((e, {
+const NA = /* @__PURE__ */ I((e, {
   slots: t,
   attrs: n
 }) => {
@@ -9408,7 +9408,7 @@ const NA = /* @__PURE__ */ k((e, {
     });
   };
 }, {
-  name: I(gA),
+  name: M(gA),
   inheritAttrs: !1,
   props: L()("class", "id")
 });
@@ -9453,7 +9453,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
       default: () => [a]
     })]
   });
-}, xA = /* @__PURE__ */ k((e) => {
+}, xA = /* @__PURE__ */ I((e) => {
   const t = Me(), {
     anchorRef: n
   } = bt(), [a, o] = Qr();
@@ -9468,7 +9468,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
     FlexBox: On
   });
 }, {
-  name: I(OA),
+  name: M(OA),
   inheritAttrs: !1,
   props: L()("placement", "fitToAnchorWidth", "class")
 }), TA = "Menu", _A = "lumx-menu", EA = (e) => {
@@ -9489,7 +9489,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
     "aria-labelledby": t,
     children: n
   });
-}, kA = /* @__PURE__ */ k((e) => {
+}, kA = /* @__PURE__ */ I((e) => {
   const t = Me(), {
     menuId: n,
     triggerId: a,
@@ -9510,7 +9510,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
     children: r.value ? t.default?.() : null
   });
 }, {
-  name: I(TA),
+  name: M(TA),
   inheritAttrs: !1,
   props: L()("class")
 }), IA = {
@@ -9518,7 +9518,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
   "icon-button": pt,
   chip: dr,
   link: Jr
-}, DC = /* @__PURE__ */ k((e, {
+}, DC = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -9549,7 +9549,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
     });
   };
 }, {
-  name: I(iA),
+  name: M(iA),
   inheritAttrs: !1,
   props: L()("label", "popoverProps", "class", "variant"),
   emits: ["open"]
@@ -9613,7 +9613,7 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
 };
 es.displayName = Ed;
 es.className = kd;
-const BC = /* @__PURE__ */ k((e, {
+const BC = /* @__PURE__ */ I((e, {
   slots: t,
   emit: n
 }) => {
@@ -9629,7 +9629,7 @@ const BC = /* @__PURE__ */ k((e, {
     } : void 0
   }), null);
 }, {
-  name: I(Ed),
+  name: M(Ed),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
@@ -9712,7 +9712,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
   })])]);
 }, zA = {
   handleClick: (e) => typeof e == "number"
-}, FC = /* @__PURE__ */ k((e, {
+}, FC = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = se("onHandleClick"), s = (i) => {
@@ -9726,7 +9726,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     handleClick: r ? s : void 0
   }), null);
 }, {
-  name: I(FA),
+  name: M(FA),
   inheritAttrs: !1,
   props: L()("thumbnails", "theme", "class"),
   emits: zA
@@ -9764,7 +9764,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
   "zIndex",
   "theme",
   "class"
-), UA = /* @__PURE__ */ k((e, {
+), UA = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -9799,11 +9799,11 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     });
   };
 }, {
-  name: I("PopoverDialogContent"),
+  name: M("PopoverDialogContent"),
   inheritAttrs: !1,
   props: Md,
   emits: Id
-}), qC = /* @__PURE__ */ k((e, {
+}), qC = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -9817,7 +9817,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     })]
   });
 }, {
-  name: I(VA),
+  name: M(VA),
   inheritAttrs: !1,
   props: Md,
   emits: Id
@@ -9842,14 +9842,14 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
   }, null), m("div", {
     className: ac("line2")
   }, null)]);
-}, jC = /* @__PURE__ */ k((e) => {
+}, jC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(XA, N(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(GA),
+  name: M(GA),
   inheritAttrs: !1,
   props: L()("class", "theme")
 }), ZA = "RadioButton", JA = "lumx-radio-button", {
@@ -9920,7 +9920,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
   })])]);
 }, tO = {
   change: (e, t, n) => n instanceof Event
-}, HC = /* @__PURE__ */ k((e, {
+}, HC = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = re(), s = C(() => e.id || r), {
@@ -9947,7 +9947,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     }
   }), null);
 }, {
-  name: I(ZA),
+  name: M(ZA),
   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"),
@@ -9968,7 +9968,7 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
 Mn.displayName = $d;
 Mn.className = Ld;
 Mn.defaultProps = nO;
-const zC = /* @__PURE__ */ k((e, {
+const zC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -9977,7 +9977,7 @@ const zC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I($d),
+  name: M($d),
   inheritAttrs: !1,
   props: L()("class")
 }), aO = "SkeletonCircle", oO = "lumx-skeleton-circle", {
@@ -10035,34 +10035,34 @@ const zC = /* @__PURE__ */ k((e, {
   }), [m("div", {
     className: dO("inner")
   }, null)]);
-}, VC = /* @__PURE__ */ k((e) => {
+}, VC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(sO, N(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(aO),
+  name: M(aO),
   inheritAttrs: !1,
   props: L()("class", "size", "color", "theme")
-}), WC = /* @__PURE__ */ k((e) => {
+}), WC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(hO, N(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(lO),
+  name: M(lO),
   inheritAttrs: !1,
   props: L()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), UC = /* @__PURE__ */ k((e) => {
+}), UC = /* @__PURE__ */ I((e) => {
   const t = B(), n = K(), a = R(() => e.class);
   return () => m(ur, N(e, t, {
     className: a.value,
     theme: e.theme || n.value
   }), null);
 }, {
-  name: I(Hv),
+  name: M(Hv),
   inheritAttrs: !1,
   props: L()("class", "typography", "width", "color", "theme", "style")
 }), mO = "Switch", pO = "lumx-switch", {
@@ -10139,7 +10139,7 @@ const zC = /* @__PURE__ */ k((e, {
   })])]);
 }, yO = {
   change: (e, t, n, a) => typeof e == "boolean" && a instanceof Event
-}, GC = /* @__PURE__ */ k((e, {
+}, GC = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -10167,7 +10167,7 @@ const zC = /* @__PURE__ */ k((e, {
     }
   }), null);
 }, {
-  name: I(mO),
+  name: M(mO),
   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"),
@@ -10236,7 +10236,7 @@ const zC = /* @__PURE__ */ k((e, {
 }, CO = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t) => !0
-}, KC = /* @__PURE__ */ k((e, {
+}, KC = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = re(), s = C(() => e.fileInputProps?.id || r), i = D(!1), {
@@ -10297,7 +10297,7 @@ const zC = /* @__PURE__ */ k((e, {
     }), null);
   };
 }, {
-  name: I(NO),
+  name: M(NO),
   inheritAttrs: !1,
   props: L()("class", "theme", "aspectRatio", "icon", "label", "size", "variant", "isDisabled", "disabled", "aria-disabled", "fileInputProps"),
   emits: CO
@@ -10434,7 +10434,7 @@ const _O = (e) => {
       default: () => [l]
     }), [[cf("align"), u]])]
   });
-}, EO = /* @__PURE__ */ k((e) => {
+}, EO = /* @__PURE__ */ I((e) => {
   const t = K();
   return () => {
     const {
@@ -10455,10 +10455,10 @@ const _O = (e) => {
     }), null);
   };
 }, {
-  name: I("ImageCaption"),
+  name: M("ImageCaption"),
   inheritAttrs: !1,
   props: L()("align", "as", "baseClassName", "captionStyle", "class", "description", "descriptionProps", "tags", "theme", "title", "titleProps", "truncate")
-}), YC = /* @__PURE__ */ k((e, {
+}), YC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -10480,7 +10480,7 @@ const _O = (e) => {
     }), null);
   };
 }, {
-  name: I(wO),
+  name: M(wO),
   inheritAttrs: !1,
   props: L()("actions", "align", "alt", "captionPosition", "captionStyle", "class", "description", "descriptionProps", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title", "titleProps")
 }), Bd = "InlineList", Fd = "lumx-inline-list", {
@@ -10522,7 +10522,7 @@ const _O = (e) => {
 $n.displayName = Bd;
 $n.className = Fd;
 $n.defaultProps = IO;
-const XC = /* @__PURE__ */ k((e, {
+const XC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -10531,7 +10531,7 @@ const XC = /* @__PURE__ */ k((e, {
     items: t.default?.()
   }), null);
 }, {
-  name: I(Bd),
+  name: M(Bd),
   inheritAttrs: !1,
   props: L()("color", "colorVariant", "typography", "wrap", "class")
 }), MO = "Table", Dt = "lumx-table", {
@@ -10555,7 +10555,7 @@ const XC = /* @__PURE__ */ k((e, {
       [`theme-${s}`]: !!s
     }))
   }), [t]);
-}, ZC = /* @__PURE__ */ k((e, {
+}, ZC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class);
@@ -10565,7 +10565,7 @@ const XC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(MO),
+  name: M(MO),
   inheritAttrs: !1,
   props: L()("class", "hasBefore", "hasDividers", "theme")
 }), RO = "TableBody", DO = `${Dt}__body`, BO = (e) => {
@@ -10580,7 +10580,7 @@ const XC = /* @__PURE__ */ k((e, {
   }, o, {
     className: $(n, DO)
   }), [t]);
-}, JC = /* @__PURE__ */ k((e, {
+}, JC = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -10589,7 +10589,7 @@ const XC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(RO),
+  name: M(RO),
   inheritAttrs: !1,
   props: L()("class")
 }), Wt = {
@@ -10656,7 +10656,7 @@ const XC = /* @__PURE__ */ k((e, {
   }, [t])])]);
 }, HO = {
   headerClick: () => !0
-}, QC = /* @__PURE__ */ k((e, {
+}, QC = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -10670,7 +10670,7 @@ const XC = /* @__PURE__ */ k((e, {
     children: n.default?.()
   }), null);
 }, {
-  name: I(FO),
+  name: M(FO),
   inheritAttrs: !1,
   props: L()("class", "icon", "isSortable", "sortOrder", "variant"),
   emits: HO
@@ -10686,7 +10686,7 @@ const XC = /* @__PURE__ */ k((e, {
   }, o, {
     className: $(n, VO)
   }), [t]);
-}, eS = /* @__PURE__ */ k((e, {
+}, eS = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
@@ -10695,7 +10695,7 @@ const XC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(zO),
+  name: M(zO),
   inheritAttrs: !1,
   props: L()("class")
 }), UO = "TableRow", GO = `${Dt}__row`, {
@@ -10723,7 +10723,7 @@ const XC = /* @__PURE__ */ k((e, {
       "is-selected": o && !c
     }))
   }), [t]);
-}, tS = /* @__PURE__ */ k((e, {
+}, tS = /* @__PURE__ */ I((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -10740,7 +10740,7 @@ const XC = /* @__PURE__ */ k((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: I(UO),
+  name: M(UO),
   inheritAttrs: !1,
   props: L()("class", "isClickable", "isDisabled", "isSelected")
 }), qd = "lumx-tabs", XO = "TabProvider";
@@ -10877,7 +10877,7 @@ const JO = "Tab", QO = `${qd}__link`, {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, nS = /* @__PURE__ */ k((e, {
+}, nS = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -10925,7 +10925,7 @@ const JO = "Tab", QO = `${qd}__link`, {
     });
   };
 }, {
-  name: I(JO),
+  name: M(JO),
   inheritAttrs: !1,
   props: L()("icon", "iconProps", "id", "isActive", "isDisabled", "label", "class"),
   emits: aP,
@@ -10971,7 +10971,7 @@ const lP = "TabList", lc = {
   }, oP(n) ? n : {
     default: () => [n]
   })]);
-}, aS = /* @__PURE__ */ k((e) => {
+}, aS = /* @__PURE__ */ I((e) => {
   const t = B(), n = Me(), a = K(), o = R(() => e.class), r = D(null), s = be(ts, void 0) === void 0 ? "navigation" : "tablist";
   return bd({
     containerRef: s === "navigation" ? D(null) : r,
@@ -10990,7 +10990,7 @@ const lP = "TabList", lc = {
     }), null);
   };
 }, {
-  name: I(lP),
+  name: M(lP),
   inheritAttrs: !1,
   props: L()("layout", "position", "theme", "class")
 }), uP = "TabPanel", dP = "lumx-tab-panel", {
@@ -11020,7 +11020,7 @@ const lP = "TabList", lc = {
   }, {
     "aria-labelledby": r
   }), [(!s || a) && t]);
-}, oS = /* @__PURE__ */ k((e) => {
+}, oS = /* @__PURE__ */ I((e) => {
   const t = B(), n = Me(), a = R(() => e.class), o = jd("tabPanel", e.id), r = C(() => e.isActive || o.value?.isActive);
   return () => m(hP, N(t, {
     className: a.value,
@@ -11032,7 +11032,7 @@ const lP = "TabList", lc = {
     children: n.default?.()
   }), null);
 }, {
-  name: I(uP),
+  name: M(uP),
   inheritAttrs: !1,
   props: L()("isActive", "id", "class")
 }), cc = {
@@ -11040,7 +11040,7 @@ const lP = "TabList", lc = {
   shouldActivateOnFocus: St.shouldActivateOnFocus
 }, mP = {
   change: (e) => typeof e == "number"
-}, rS = /* @__PURE__ */ k((e, {
+}, rS = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -11072,7 +11072,7 @@ const lP = "TabList", lc = {
     e.activeTabIndex !== r && t("change", r);
   }), () => n.default?.();
 }, {
-  name: I(XO),
+  name: M(XO),
   props: {
     activeTabIndex: {
       required: !1
@@ -11149,12 +11149,12 @@ const yP = "UserBlock", NP = "lumx-user-block", {
     linkProps: o
   }), F = E !== V.s && E !== V.xs, H = a && F && m("p", {
     className: Fe("fields")
-  }, [a.map((M, j) => m(T, {
+  }, [a.map((k, j) => m(T, {
     as: "span",
     key: j,
     className: Fe("field")
-  }, bP(M) ? M : {
-    default: () => [M]
+  }, bP(k) ? k : {
+    default: () => [k]
   }))]), z = {
     ...f && {
       [l]: f
@@ -11198,7 +11198,7 @@ const CP = {
   click: () => !0,
   mouseenter: () => !0,
   mouseleave: () => !0
-}, sS = /* @__PURE__ */ k((e, {
+}, sS = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n
 }) => {
@@ -11283,7 +11283,7 @@ const CP = {
     }), null);
   };
 }, {
-  name: I(yP),
+  name: M(yP),
   inheritAttrs: !1,
   props: L()("avatarProps", "class", "fields", "linkAs", "linkProps", "name", "nameProps", "orientation", "size", "theme"),
   emits: CP
@@ -11506,7 +11506,7 @@ const EP = {
   "load-more": () => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, iS = /* @__PURE__ */ k((e, {
+}, iS = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11579,7 +11579,7 @@ const EP = {
     });
   };
 }, {
-  name: I(Vd),
+  name: M(Vd),
   inheritAttrs: !1,
   slots: Object,
   props: L()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "label", "labelDisplayMode", "popoverProps", "listStatus", "translations", "class"),
@@ -11614,7 +11614,7 @@ const EP = {
     afterOptions: E,
     onLoadMore: _,
     infiniteScrollOptions: S
-  } = e, F = b === "loading", H = b === "loadingMore", z = b === "error", M = !b || b === "idle";
+  } = e, F = b === "loading", H = b === "loadingMore", z = b === "error", k = !b || b === "idle";
   return m(t.Provider, {
     onOpen: T
   }, {
@@ -11646,7 +11646,7 @@ const EP = {
         }, {
           Combobox: t
         }), E, _ && n && m(n, {
-          callback: M ? _ : void 0,
+          callback: k ? _ : void 0,
           options: S
         }, null), H && m(t.OptionSkeleton, {
           count: 1
@@ -11688,7 +11688,7 @@ const IP = {
   clear: (e) => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, MP = /* @__PURE__ */ k((e, {
+}, MP = /* @__PURE__ */ I((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11797,7 +11797,7 @@ const IP = {
     });
   };
 }, {
-  name: I(Gd),
+  name: M(Gd),
   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: IP
@@ -11913,7 +11913,7 @@ const VP = () => navigator.languages?.[0] || navigator.language, WP = {
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, hS = /* @__PURE__ */ k((e, {
+}, hS = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
   const n = R(() => e.class), a = C(() => e.locale ?? VP()), o = C(() => e.step ?? hc.step), r = C(() => e.boundsMode ?? hc.boundsMode), s = C(() => DP({
@@ -11984,7 +11984,7 @@ const VP = () => navigator.languages?.[0] || navigator.language, WP = {
     });
   };
 }, {
-  name: I(Kd),
+  name: M(Kd),
   inheritAttrs: !1,
   props: L()(
     "value",