@lumx/vue 4.21.0 → 4.22.0-next.0

package/index.js

@@ -1,27 +1,27 @@
-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";
+import { ColorVariant as qd, Size as lt, VISUALLY_HIDDEN as jd, DIALOG_TRANSITION_DURATION as hc, AspectRatio as mc, Typography as Hd, IS_BROWSER as rs, ColorPalette as zd } 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 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 { 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 Vd, customRef as Wd, ref as D, shallowRef as je, watch as Z, getCurrentInstance as gc, onMounted as Ze, inject as be, defineComponent as E, toRefs as Ud, reactive as vc, provide as Ie, watchEffect as We, onUnmounted as Ce, isRef as dt, watchPostEffect as Gd, onBeforeUnmount as nn, Comment as br, unref as wt, useSlots as Me, useTemplateRef as Kd, toRaw as Je, Text as bc, nextTick as yc, shallowReadonly as rt, h as ss, cloneVNode as Yd, onWatcherCleanup as Xd, createTextVNode as Zd, withDirectives as Jd, resolveDirective as Qd } 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 { getDisabledState as Qd } from "@lumx/core/js/utils/disabledState";
+import { getDisabledState as ef } 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";
 import { mdiChevronDown as Oc } from "@lumx/icons/esm/chevron-down.js";
 import { mdiCheckCircle as Ar } from "@lumx/icons/esm/check-circle.js";
-import { mdiCloseCircle as ef } from "@lumx/icons/esm/close-circle.js";
-import { mdiInformationOutline as tf } from "@lumx/icons/esm/information-outline.js";
+import { mdiCloseCircle as tf } from "@lumx/icons/esm/close-circle.js";
+import { mdiInformationOutline as nf } from "@lumx/icons/esm/information-outline.js";
 import { mdiAlert as Pc } from "@lumx/icons/esm/alert.js";
 import { mdiInformation as Cc } from "@lumx/icons/esm/information.js";
-import { mdiImageBroken as nf } from "@lumx/icons/esm/image-broken.js";
-import { mdiCheck as af } from "@lumx/icons/esm/check.js";
-import { mdiMinus as of } from "@lumx/icons/esm/minus.js";
-import { mdiDragVertical as rf } from "@lumx/icons/esm/drag-vertical.js";
+import { mdiImageBroken as af } from "@lumx/icons/esm/image-broken.js";
+import { mdiCheck as of } from "@lumx/icons/esm/check.js";
+import { mdiMinus as rf } from "@lumx/icons/esm/minus.js";
+import { mdiDragVertical as sf } from "@lumx/icons/esm/drag-vertical.js";
 import { mdiClose as Or } from "@lumx/icons/esm/close.js";
-import { mdiDotsVertical as sf } from "@lumx/icons/esm/dots-vertical.js";
-import { mdiMenuDown as lf } from "@lumx/icons/esm/menu-down.js";
-import { mdiArrowDown as cf } from "@lumx/icons/esm/arrow-down.js";
-import { mdiArrowUp as uf } from "@lumx/icons/esm/arrow-up.js";
+import { mdiDotsVertical as lf } from "@lumx/icons/esm/dots-vertical.js";
+import { mdiMenuDown as cf } from "@lumx/icons/esm/menu-down.js";
+import { mdiArrowDown as uf } from "@lumx/icons/esm/arrow-down.js";
+import { mdiArrowUp as df } from "@lumx/icons/esm/arrow-up.js";
 const is = {
   open: 500,
   close: 500
@@ -53,7 +53,7 @@ const is = {
   low: "low",
   medium: "medium",
   high: "high"
-}, df = {
+}, ff = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -64,7 +64,7 @@ const is = {
   headline: "headline",
   display1: "display1"
 }, st = {
-  ...df
+  ...ff
 }, mt = {
   /** Intrinsic content ratio. */
   original: "original",
@@ -89,14 +89,14 @@ const is = {
   light: "light"
 }, cs = {
   N: "N"
-}, ff = typeof window < "u" && !window.navigator.userAgent.includes("jsdom");
+}, hf = typeof window < "u" && !window.navigator.userAgent.includes("jsdom");
 var Bt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function $e(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var $n = { exports: {} };
 var us;
-function hf() {
+function mf() {
   return us || (us = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -128,8 +128,8 @@ function hf() {
     })();
   })($n)), $n.exports;
 }
-var mf = hf();
-const $ = /* @__PURE__ */ $e(mf);
+var pf = mf();
+const $ = /* @__PURE__ */ $e(pf);
 function Sc(e, t) {
   const n = [];
   for (const [a, o] of Object.entries(t))
@@ -147,12 +147,12 @@ function Cr(e, t, n) {
     a ? Sc(e, a) : null
   );
 }
-const wc = "lumx-action-area", pf = `${wc}__action`, gf = Object.assign(
+const wc = "lumx-action-area", gf = `${wc}__action`, vf = Object.assign(
   /** Action area container class. Sets `position: relative`. */
   () => wc,
   {
     /** Action element class. Adds a `::before` pseudo-element with `position: absolute; inset: 0` to expand the click area. */
-    action: (e) => Cr(pf, e)
+    action: (e) => Cr(gf, e)
   }
 );
 function Sr(e, t) {
@@ -160,28 +160,28 @@ function Sr(e, t) {
   const [n, a] = e.split("-");
   return [n, t || a];
 }
-function vf(e, t, n) {
-  const [a, o = Fd.N] = Sr(t, n);
+function bf(e, t, n) {
+  const [a, o = qd.N] = Sr(t, n);
   return `lumx-color-${e}-${a}-${o}`;
 }
-const xc = (e, t) => vf("font", e, t);
+const xc = (e, t) => bf("font", e, t);
 function on(e) {
   return `lumx-typography-${e}`;
 }
-const bf = /* @__PURE__ */ new Set([lt.tiny, lt.regular, lt.medium, lt.big, lt.huge]);
+const yf = /* @__PURE__ */ new Set([lt.tiny, lt.regular, lt.medium, lt.big, lt.huge]);
 function Tc(e) {
-  return bf.has(e);
+  return yf.has(e);
 }
 function ds(e, t, n) {
   const a = Tc(t) || t === null, o = a ? void 0 : t, r = a ? t : n;
   let s = `lumx-spacing-${e}`;
   return o && o !== "all" && (s = `${s}-${o}`), r ? s = `${s}-${r}` : r === null && (s = `${s}-none`), s;
 }
-function yf(e, t) {
+function Nf(e, t) {
   return Tc(e) || e === null ? ds("padding", e) : ds("padding", e, t);
 }
-const rn = () => qd;
-function Nf(e, t, n, a) {
+const rn = () => jd;
+function Af(e, t, n, a) {
   return Cr(`${e}__${t}`, n, a);
 }
 function F(e) {
@@ -189,7 +189,7 @@ function F(e) {
     return Cr(e, a, o);
   }
   function n(a, o, r) {
-    return Nf(e, a, o, r);
+    return Af(e, a, o, r);
   }
   return {
     block: t,
@@ -197,18 +197,18 @@ function F(e) {
     modifier: (a) => Sc(e, a)
   };
 }
-function Af(e) {
+function Of(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function Of(e) {
+function Pf(e) {
   return (t) => {
     t.key === "Escape" && e(t);
   };
 }
 const ie = (e, t) => typeof e == "function" ? e(t) : typeof e == "string" ? t[e] : String(t);
-function Pf(e, t) {
+function Cf(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const a of e) {
     const o = ie(t, a);
@@ -220,7 +220,7 @@ function Pf(e, t) {
 function Ln(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const Cf = {
+const Sf = {
   [le.error]: {
     color: Y.red,
     icon: Pc
@@ -237,12 +237,12 @@ const Cf = {
     color: Y.yellow,
     icon: xt
   }
-}, Sf = "AlertDialog", wf = "lumx-alert-dialog", {
-  block: xf
-} = F(wf), fs = {
+}, wf = "AlertDialog", xf = "lumx-alert-dialog", {
+  block: Tf
+} = F(xf), fs = {
   size: V.tiny,
   kind: le.info
-}, Tf = (e) => {
+}, _f = (e) => {
   const {
     id: t,
     title: n,
@@ -266,7 +266,7 @@ const Cf = {
   } = e, {
     color: O,
     icon: T
-  } = Cf[i] || {}, C = `${t}-title`, x = `${t}-description`, {
+  } = Sf[i] || {}, C = `${t}-title`, x = `${t}-description`, {
     label: P,
     onClick: k,
     ..._
@@ -286,7 +286,7 @@ const Cf = {
       "aria-describedby": x,
       ...c
     },
-    className: $(a, xf({
+    className: $(a, Tf({
       [`kind-${i}`]: !!i
     }))
   }, N), {
@@ -346,14 +346,14 @@ function R(e) {
 function sn(e, t) {
   return pc() ? (vr(e, t), !0) : !1;
 }
-const _f = typeof window < "u" && typeof document < "u";
+const kf = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const kc = (e) => e != null, Ut = () => {
 };
-function kf(...e) {
+function Ef(...e) {
   if (e.length !== 1) return ee(...e);
   const t = e[0];
-  return typeof t == "function" ? zd(Vd(() => ({
+  return typeof t == "function" ? Vd(Wd(() => ({
     get: t,
     set: Ut
   }))) : D(t);
@@ -361,14 +361,14 @@ function kf(...e) {
 function Ec(e) {
   return Array.isArray(e) ? e : [e];
 }
-const wr = _f ? window : void 0;
+const wr = kf ? window : void 0;
 function ct(e) {
   var t;
   const n = qe(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ef() {
+function If() {
   const e = je(!1), t = gc();
   return t && Ze(() => {
     e.value = !0;
@@ -376,10 +376,10 @@ function Ef() {
 }
 // @__NO_SIDE_EFFECTS__
 function xr(e) {
-  const t = /* @__PURE__ */ Ef();
+  const t = /* @__PURE__ */ If();
   return w(() => (t.value, !!e()));
 }
-function If(e, t, n = {}) {
+function Mf(e, t, n = {}) {
   const { window: a = wr, ...o } = n;
   let r;
   const s = /* @__PURE__ */ xr(() => a && "MutationObserver" in a), i = () => {
@@ -401,7 +401,7 @@ function If(e, t, n = {}) {
     takeRecords: c
   };
 }
-function Mf(e, t, n = {}) {
+function $f(e, t, n = {}) {
   const { window: a = wr, ...o } = n;
   let r;
   const s = /* @__PURE__ */ xr(() => a && "ResizeObserver" in a), i = () => {
@@ -464,10 +464,10 @@ function Rn(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 const Dn = /* @__PURE__ */ new WeakMap();
-function $f(e, t = !1) {
+function Lf(e, t = !1) {
   const n = je(t);
   let a = "";
-  Z(kf(e), (s) => {
+  Z(Ef(e), (s) => {
     const i = Rn(qe(s));
     if (i) {
       const l = i;
@@ -491,13 +491,13 @@ function $f(e, t = !1) {
     }
   });
 }
-const ln = "dialog-label", Lf = "Dialog", Rf = "DialogHeading", Df = "lumx-dialog", { block: Bf, element: Te } = F(Df);
-function Ff(e) {
+const ln = "dialog-label", Rf = "Dialog", Df = "DialogHeading", Bf = "lumx-dialog", { block: Ff, element: Te } = F(Bf);
+function qf(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 const Ic = {
   size: V.big
-}, qf = (e) => {
+}, jf = (e) => {
   const {
     className: t,
     ref: n,
@@ -517,7 +517,7 @@ const Ic = {
     default: () => [m("div", A({
       ref: n
     }, h, {
-      className: $(t, Bf({
+      className: $(t, Ff({
         "is-hidden": !a,
         "is-loading": o,
         "is-shown": a || r,
@@ -534,7 +534,7 @@ const Ic = {
       default: () => [m(d, {
         value: void 0
       }, {
-        default: () => [m(f, null, Ff(l) ? l : {
+        default: () => [m(f, null, qf(l) ? l : {
           default: () => [l]
         })]
       })]
@@ -547,7 +547,7 @@ function Tr(e, t) {
   if (t)
     return { "aria-labelledby": t };
 }
-const jf = "DialogContent", Hf = (e) => {
+const Hf = "DialogContent", zf = (e) => {
   const {
     labelId: t,
     dialogProps: n,
@@ -615,22 +615,22 @@ const jf = "DialogContent", Hf = (e) => {
       className: Te("progress-overlay")
     }, [m(x, null, null)])])]
   })]);
-}, ps = 6, zf = {
+}, ps = 6, Vf = {
   h1: st.display1,
   h2: st.headline,
   h3: st.title,
   h4: st.subtitle2,
   h5: st.subtitle1,
   h6: st.body2
-}, Vf = { level: 1, headingElement: "h1" }, Wf = (e, t) => {
+}, Wf = { level: 1, headingElement: "h1" }, Uf = (e, t) => {
   const n = e || t + 1;
   return n > ps ? ps : n;
-}, Mc = /* @__PURE__ */ Symbol("HeadingLevelContext"), $c = () => be(Mc, Vf), _r = /* @__PURE__ */ E((e, {
+}, Mc = /* @__PURE__ */ Symbol("HeadingLevelContext"), $c = () => be(Mc, Wf), _r = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const {
     level: n
-  } = Wd(e), a = $c(), o = w(() => Wf(n?.value, a.level)), r = w(() => `h${o.value}`), s = vc({
+  } = Ud(e), a = $c(), o = w(() => Uf(n?.value, a.level)), r = w(() => `h${o.value}`), s = vc({
     level: o,
     headingElement: r
   });
@@ -638,13 +638,13 @@ const jf = "DialogContent", Hf = (e) => {
 }, {
   name: M("HeadingLevelProvider"),
   props: L()("level")
-}), Uf = "ProgressCircular", Gf = "lumx-progress-circular", {
-  block: Kf,
+}), Gf = "ProgressCircular", Kf = "lumx-progress-circular", {
+  block: Yf,
   element: Yt
-} = F(Gf), gs = {
+} = F(Kf), gs = {
   size: V.m,
   display: "block"
-}, Yf = (e) => {
+}, Xf = (e) => {
   const {
     className: t,
     theme: n,
@@ -658,7 +658,7 @@ const jf = "DialogContent", Hf = (e) => {
   return m(c, A({
     ref: r
   }, l, {
-    className: $(t, Kf({
+    className: $(t, Yf({
       [`theme-${n}`]: !!n,
       [`size-${a}`]: !!a,
       [`display-${o}`]: !!o
@@ -677,9 +677,9 @@ const jf = "DialogContent", Hf = (e) => {
       fill: "none"
     }), null)])]
   });
-}, Xf = /* @__PURE__ */ E((e) => {
+}, Zf = /* @__PURE__ */ E((e) => {
   const t = B(), n = K(), a = R(() => e.class);
-  return () => m(Yf, A(e, t, {
+  return () => m(Xf, A(e, t, {
     className: a.value,
     theme: e.theme || n.value,
     circleProps: {
@@ -691,11 +691,11 @@ const jf = "DialogContent", Hf = (e) => {
     }
   }), null);
 }, {
-  name: M(Uf),
+  name: M(Gf),
   inheritAttrs: !1,
   props: L()("class", "size", "display", "theme")
 });
-function Zf() {
+function Jf() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = (a) => {
     const o = e.get(a);
     return o?.[o.length - 1]?.id;
@@ -720,13 +720,13 @@ function Zf() {
     }
   };
 }
-const Jf = "IdsRegistryProvider", kr = /* @__PURE__ */ Symbol("LumxIdsRegistry"), Er = E({
-  name: M(Jf),
+const Qf = "IdsRegistryProvider", kr = /* @__PURE__ */ Symbol("LumxIdsRegistry"), Er = E({
+  name: M(Qf),
   setup(e, { slots: t }) {
-    return Ie(kr, Zf()), () => t.default?.();
+    return Ie(kr, Jf()), () => t.default?.();
   }
 });
-function Qf(e, t) {
+function eh(e, t) {
   const n = be(kr, void 0);
   if (!n) return;
   const a = {};
@@ -744,18 +744,18 @@ function Ir(e) {
     })
   ), n;
 }
-const eh = /* @__PURE__ */ E((e) => {
+const th = /* @__PURE__ */ E((e) => {
   const t = Ir(ln);
-  return () => Hf({
+  return () => zf({
     ...e,
     labelId: t.value
   });
 }, {
-  name: M(jf),
+  name: M(Hf),
   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")
 });
 var Bn, vs;
-function th() {
+function nh() {
   if (vs) return Bn;
   vs = 1;
   function e(t) {
@@ -764,8 +764,8 @@ function th() {
   }
   return Bn = e, Bn;
 }
-var nh = th();
-const bs = /* @__PURE__ */ $e(nh);
+var ah = nh();
+const bs = /* @__PURE__ */ $e(ah);
 var Fn, ys;
 function Lc() {
   if (ys) return Fn;
@@ -776,7 +776,7 @@ function Lc() {
   return Fn = e, Fn;
 }
 var qn, Ns;
-function ah() {
+function oh() {
   if (Ns) return qn;
   Ns = 1;
   function e(t, n, a) {
@@ -798,7 +798,7 @@ var jn, As;
 function Rc() {
   if (As) return jn;
   As = 1;
-  var e = ah(), t = Math.max;
+  var e = oh(), t = Math.max;
   function n(a, o, r) {
     return o = t(o === void 0 ? a.length - 1 : o, 0), function() {
       for (var s = arguments, i = -1, l = t(s.length - o, 0), c = Array(l); ++i < l; )
@@ -812,7 +812,7 @@ function Rc() {
   return jn = n, jn;
 }
 var Hn, Os;
-function oh() {
+function rh() {
   if (Os) return Hn;
   Os = 1;
   function e(t) {
@@ -844,7 +844,7 @@ function cn() {
   return Wn = t, Wn;
 }
 var Un, ws;
-function rh() {
+function sh() {
   if (ws) return Un;
   ws = 1;
   var e = cn(), t = Object.prototype, n = t.hasOwnProperty, a = t.toString, o = e ? e.toStringTag : void 0;
@@ -861,7 +861,7 @@ function rh() {
   return Un = r, Un;
 }
 var Gn, xs;
-function sh() {
+function ih() {
   if (xs) return Gn;
   xs = 1;
   var e = Object.prototype, t = e.toString;
@@ -874,7 +874,7 @@ var Kn, Ts;
 function Et() {
   if (Ts) return Kn;
   Ts = 1;
-  var e = cn(), t = rh(), n = sh(), a = "[object Null]", o = "[object Undefined]", r = e ? e.toStringTag : void 0;
+  var e = cn(), t = sh(), n = ih(), a = "[object Null]", o = "[object Undefined]", r = e ? e.toStringTag : void 0;
   function s(i) {
     return i == null ? i === void 0 ? o : a : r && r in Object(i) ? t(i) : n(i);
   }
@@ -904,17 +904,17 @@ function Bc() {
   return Xn = s, Xn;
 }
 var Zn, Es;
-function ih() {
+function lh() {
   if (Es) return Zn;
   Es = 1;
   var e = Ue(), t = e["__core-js_shared__"];
   return Zn = t, Zn;
 }
 var Jn, Is;
-function lh() {
+function ch() {
   if (Is) return Jn;
   Is = 1;
-  var e = ih(), t = (function() {
+  var e = lh(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return a ? "Symbol(src)_1." + a : "";
   })();
@@ -944,10 +944,10 @@ function Fc() {
   return Qn = n, Qn;
 }
 var ea, $s;
-function ch() {
+function uh() {
   if ($s) return ea;
   $s = 1;
-  var e = Bc(), t = lh(), n = un(), a = Fc(), o = /[\\^$.*+?()[\]{}|]/g, r = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, c = i.hasOwnProperty, u = RegExp(
+  var e = Bc(), t = ch(), n = un(), a = Fc(), o = /[\\^$.*+?()[\]{}|]/g, r = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, c = i.hasOwnProperty, u = RegExp(
     "^" + l.call(c).replace(o, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function d(f) {
@@ -959,7 +959,7 @@ function ch() {
   return ea = d, ea;
 }
 var ta, Ls;
-function uh() {
+function dh() {
   if (Ls) return ta;
   Ls = 1;
   function e(t, n) {
@@ -971,7 +971,7 @@ var na, Rs;
 function Qe() {
   if (Rs) return na;
   Rs = 1;
-  var e = ch(), t = uh();
+  var e = uh(), t = dh();
   function n(a, o) {
     var r = t(a, o);
     return e(r) ? r : void 0;
@@ -992,10 +992,10 @@ function qc() {
   return aa = t, aa;
 }
 var oa, Bs;
-function dh() {
+function fh() {
   if (Bs) return oa;
   Bs = 1;
-  var e = oh(), t = qc(), n = Lc(), a = t ? function(o, r) {
+  var e = rh(), t = qc(), n = Lc(), a = t ? function(o, r) {
     return t(o, "toString", {
       configurable: !0,
       enumerable: !1,
@@ -1006,7 +1006,7 @@ function dh() {
   return oa = a, oa;
 }
 var ra, Fs;
-function fh() {
+function hh() {
   if (Fs) return ra;
   Fs = 1;
   var e = 800, t = 16, n = Date.now;
@@ -1028,11 +1028,11 @@ var sa, qs;
 function jc() {
   if (qs) return sa;
   qs = 1;
-  var e = dh(), t = fh(), n = t(e);
+  var e = fh(), t = hh(), n = t(e);
   return sa = n, sa;
 }
 var ia, js;
-function hh() {
+function mh() {
   if (js) return ia;
   js = 1;
   var e = Lc(), t = Rc(), n = jc();
@@ -1053,7 +1053,7 @@ function Hc() {
   return la = e, la;
 }
 var ca, zs;
-function mh() {
+function ph() {
   if (zs) return ca;
   zs = 1;
   function e(t, n, a, o) {
@@ -1065,7 +1065,7 @@ function mh() {
   return ca = e, ca;
 }
 var ua, Vs;
-function ph() {
+function gh() {
   if (Vs) return ua;
   Vs = 1;
   function e(t) {
@@ -1074,7 +1074,7 @@ function ph() {
   return ua = e, ua;
 }
 var da, Ws;
-function gh() {
+function vh() {
   if (Ws) return da;
   Ws = 1;
   function e(t, n, a) {
@@ -1086,17 +1086,17 @@ function gh() {
   return da = e, da;
 }
 var fa, Us;
-function vh() {
+function bh() {
   if (Us) return fa;
   Us = 1;
-  var e = mh(), t = ph(), n = gh();
+  var e = ph(), t = gh(), n = vh();
   function a(o, r, s) {
     return r === r ? n(o, r, s) : e(o, t, s);
   }
   return fa = a, fa;
 }
 var ha, Gs;
-function bh() {
+function yh() {
   if (Gs) return ha;
   Gs = 1;
   function e(t, n, a, o) {
@@ -1119,7 +1119,7 @@ function zc() {
   return ma = e, ma;
 }
 var pa, Ys;
-function yh() {
+function Nh() {
   if (Ys) return pa;
   Ys = 1;
   function e(t, n) {
@@ -1131,10 +1131,10 @@ function yh() {
   return pa = e, pa;
 }
 var ga, Xs;
-function Nh() {
+function Ah() {
   if (Xs) return ga;
   Xs = 1;
-  var e = Hc(), t = vh(), n = bh(), a = zc(), o = yh(), r = Array.prototype, s = r.splice;
+  var e = Hc(), t = bh(), n = yh(), a = zc(), o = Nh(), r = Array.prototype, s = r.splice;
   function i(l, c, u, d) {
     var f = d ? n : t, h = -1, g = c.length, p = l;
     for (l === c && (c = o(c)), u && (p = e(l, a(u))); ++h < g; )
@@ -1145,24 +1145,24 @@ function Nh() {
   return ga = i, ga;
 }
 var va, Zs;
-function Ah() {
+function Oh() {
   if (Zs) return va;
   Zs = 1;
-  var e = Nh();
+  var e = Ah();
   function t(n, a) {
     return n && n.length && a && a.length ? e(n, a) : n;
   }
   return va = t, va;
 }
 var ba, Js;
-function Oh() {
+function Ph() {
   if (Js) return ba;
   Js = 1;
-  var e = hh(), t = Ah(), n = e(t);
+  var e = mh(), t = Oh(), n = e(t);
   return ba = n, ba;
 }
-var Ph = Oh();
-const Ch = /* @__PURE__ */ $e(Ph);
+var Ch = Ph();
+const Sh = /* @__PURE__ */ $e(Ch);
 function Vc() {
   const e = [];
   return {
@@ -1170,7 +1170,7 @@ function Vc() {
       bs(e)?.disable(), e.push(t), t.enable();
     },
     unregister(t) {
-      t.disable(), Ch(e, t), bs(e)?.enable();
+      t.disable(), Sh(e, t), bs(e)?.enable();
     }
   };
 }
@@ -1180,7 +1180,7 @@ function dn(e, t = !0) {
   We((a) => {
     const o = dt(e) ? e.value : e;
     if (!(dt(t) ? t.value : t) || !o) return;
-    const s = Of(() => o()), i = {
+    const s = Pf(() => o()), i = {
       enable: () => document.body.addEventListener("keydown", s),
       disable: () => document.body.removeEventListener("keydown", s)
     };
@@ -1191,16 +1191,16 @@ function dn(e, t = !0) {
     n && (ya.unregister(n), n = void 0);
   });
 }
-const Wc = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]', Uc = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"])', Sh = (e) => !e.matches(Uc);
-function wh(e) {
-  return Array.from(e.querySelectorAll(Wc)).filter(Sh);
+const Wc = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]', Uc = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"])', wh = (e) => !e.matches(Uc);
+function xh(e) {
+  return Array.from(e.querySelectorAll(Wc)).filter(wh);
 }
 function nr(e) {
-  const t = wh(e), n = t[0], a = t[t.length - 1];
+  const t = xh(e), n = t[0], a = t[t.length - 1];
   return a && n ? { first: n, last: a } : {};
 }
 const Qs = Vc();
-function xh(e, t) {
+function Th(e, t) {
   const { focusZoneElement: n, focusElement: a } = e;
   if (!n || t.aborted)
     return;
@@ -1254,11 +1254,11 @@ function Mr(e, t) {
   const a = () => {
     n && (n.abort(), n = void 0);
   };
-  Ud((o) => {
+  Gd((o) => {
     const r = dt(e) ? e.value : e, s = dt(t) ? t.value : t;
     if (!r) return;
     const i = new AbortController();
-    n = i, xh({ focusZoneElement: r, focusElement: s }, i.signal), o(a);
+    n = i, Th({ focusZoneElement: r, focusElement: s }, i.signal), o(a);
   }), vr(a);
 }
 function $r(e, t, n, a, o) {
@@ -1308,12 +1308,12 @@ function Gc(e, t, n) {
   }), w(() => e.value || a.value);
 }
 function Kc(e) {
-  const t = $f(typeof document < "u" ? document.body : null);
+  const t = Lf(typeof document < "u" ? document.body : null);
   Z(e, (n) => {
     t.value = n;
   });
 }
-const Th = {
+const _h = {
   close: () => !0,
   visibilityChange: (e) => typeof e == "boolean"
 }, ei = (e) => {
@@ -1328,7 +1328,7 @@ const Th = {
       className: t
     } : {}
   };
-}, _h = /* @__PURE__ */ E((e, {
+}, kh = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -1356,7 +1356,7 @@ const Th = {
   return () => {
     if (!y.value) return null;
     const C = n.default?.() ?? [], x = C.find((S) => S.type === "header"), P = C.find((S) => S.type === "footer"), _ = !!(x || P) ? C.filter((S) => S.type !== "header" && S.type !== "footer" && S.type !== br) : C;
-    return qf({
+    return jf({
       ...a,
       Portal: an,
       HeadingLevelProvider: _r,
@@ -1369,9 +1369,9 @@ const Th = {
       size: e.size ?? Ic.size,
       zIndex: e.zIndex,
       ref: r,
-      children: m(eh, {
+      children: m(th, {
         ClickAwayProvider: yr,
-        ProgressCircular: Xf,
+        ProgressCircular: Zf,
         clickAwayRefs: N,
         content: _.length ? _ : void 0,
         contentRef: T,
@@ -1395,10 +1395,10 @@ const Th = {
     });
   };
 }, {
-  name: M(Lf),
+  name: M(Rf),
   inheritAttrs: !1,
   props: L()("class", "closeMode", "contentRef", "dialogProps", "disableBodyScroll", "focusElement", "forceFooterDivider", "forceHeaderDivider", "isLoading", "isOpen", "parentElement", "preventAutoClose", "preventCloseOnClick", "preventCloseOnEscape", "size", "zIndex"),
-  emits: Th
+  emits: _h
 });
 var Na, ti;
 function Yc() {
@@ -1412,7 +1412,7 @@ function Yc() {
   return Na = t, Na;
 }
 var Aa, ni;
-function kh() {
+function Eh() {
   if (ni) return Aa;
   ni = 1;
   function e(t, n) {
@@ -1423,17 +1423,17 @@ function kh() {
   return Aa = e, Aa;
 }
 var Oa, ai;
-function Eh() {
+function Ih() {
   if (ai) return Oa;
   ai = 1;
-  var e = kh(), t = e(Object.keys, Object);
+  var e = Eh(), t = e(Object.keys, Object);
   return Oa = t, Oa;
 }
 var Pa, oi;
-function Ih() {
+function Mh() {
   if (oi) return Pa;
   oi = 1;
-  var e = Yc(), t = Eh(), n = Object.prototype, a = n.hasOwnProperty;
+  var e = Yc(), t = Ih(), n = Object.prototype, a = n.hasOwnProperty;
   function o(r) {
     if (!e(r))
       return t(r);
@@ -1445,7 +1445,7 @@ function Ih() {
   return Pa = o, Pa;
 }
 var Ca, ri;
-function Mh() {
+function $h() {
   if (ri) return Ca;
   ri = 1;
   var e = Qe(), t = Ue(), n = e(t, "DataView");
@@ -1459,31 +1459,31 @@ function Xc() {
   return Sa = n, Sa;
 }
 var wa, ii;
-function $h() {
+function Lh() {
   if (ii) return wa;
   ii = 1;
   var e = Qe(), t = Ue(), n = e(t, "Promise");
   return wa = n, wa;
 }
 var xa, li;
-function Lh() {
+function Rh() {
   if (li) return xa;
   li = 1;
   var e = Qe(), t = Ue(), n = e(t, "Set");
   return xa = n, xa;
 }
 var Ta, ci;
-function Rh() {
+function Dh() {
   if (ci) return Ta;
   ci = 1;
   var e = Qe(), t = Ue(), n = e(t, "WeakMap");
   return Ta = n, Ta;
 }
 var _a, ui;
-function Dh() {
+function Bh() {
   if (ui) return _a;
   ui = 1;
-  var e = Mh(), t = Xc(), n = $h(), a = Lh(), o = Rh(), r = Et(), s = Fc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", f = "[object DataView]", h = s(e), g = s(t), p = s(n), b = s(a), v = s(o), y = r;
+  var e = $h(), t = Xc(), n = Lh(), a = Rh(), o = Dh(), r = Et(), s = Fc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", f = "[object DataView]", h = s(e), g = s(t), p = s(n), b = s(a), v = s(o), y = r;
   return (e && y(new e(new ArrayBuffer(1))) != f || t && y(new t()) != i || n && y(n.resolve()) != c || a && y(new a()) != u || o && y(new o()) != d) && (y = function(N) {
     var O = r(N), T = O == l ? N.constructor : void 0, C = T ? s(T) : "";
     if (C)
@@ -1512,7 +1512,7 @@ function fn() {
   return ka = e, ka;
 }
 var Ea, fi;
-function Bh() {
+function Fh() {
   if (fi) return Ea;
   fi = 1;
   var e = Et(), t = fn(), n = "[object Arguments]";
@@ -1525,7 +1525,7 @@ var Ia, hi;
 function Lr() {
   if (hi) return Ia;
   hi = 1;
-  var e = Bh(), t = fn(), n = Object.prototype, a = n.hasOwnProperty, o = n.propertyIsEnumerable, r = e(/* @__PURE__ */ (function() {
+  var e = Fh(), t = fn(), n = Object.prototype, a = n.hasOwnProperty, o = n.propertyIsEnumerable, r = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return t(s) && a.call(s, "callee") && !o.call(s, "callee");
@@ -1550,7 +1550,7 @@ function Rr() {
   return $a = t, $a;
 }
 var La, gi;
-function Fh() {
+function qh() {
   if (gi) return La;
   gi = 1;
   var e = Bc(), t = Rr();
@@ -1560,7 +1560,7 @@ function Fh() {
   return La = n, La;
 }
 var Ot = { exports: {} }, Ra, vi;
-function qh() {
+function jh() {
   if (vi) return Ra;
   vi = 1;
   function e() {
@@ -1570,14 +1570,14 @@ function qh() {
 }
 Ot.exports;
 var bi;
-function jh() {
+function Hh() {
   return bi || (bi = 1, (function(e, t) {
-    var n = Ue(), a = qh(), o = t && !t.nodeType && t, r = o && !0 && e && !e.nodeType && e, s = r && r.exports === o, i = s ? n.Buffer : void 0, l = i ? i.isBuffer : void 0, c = l || a;
+    var n = Ue(), a = jh(), o = t && !t.nodeType && t, r = o && !0 && e && !e.nodeType && e, s = r && r.exports === o, i = s ? n.Buffer : void 0, l = i ? i.isBuffer : void 0, c = l || a;
     e.exports = c;
   })(Ot, Ot.exports)), Ot.exports;
 }
 var Da, yi;
-function Hh() {
+function zh() {
   if (yi) return Da;
   yi = 1;
   var e = Et(), t = Rr(), n = fn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", f = "[object RegExp]", h = "[object Set]", g = "[object String]", p = "[object WeakMap]", b = "[object ArrayBuffer]", v = "[object DataView]", y = "[object Float32Array]", N = "[object Float64Array]", O = "[object Int8Array]", T = "[object Int16Array]", C = "[object Int32Array]", x = "[object Uint8Array]", P = "[object Uint8ClampedArray]", k = "[object Uint16Array]", _ = "[object Uint32Array]", S = {};
@@ -1590,7 +1590,7 @@ function Hh() {
 var Pt = { exports: {} };
 Pt.exports;
 var Ni;
-function zh() {
+function Vh() {
   return Ni || (Ni = 1, (function(e, t) {
     var n = Dc(), a = t && !t.nodeType && t, o = a && !0 && e && !e.nodeType && e, r = o && o.exports === a, s = r && n.process, i = (function() {
       try {
@@ -1603,17 +1603,17 @@ function zh() {
   })(Pt, Pt.exports)), Pt.exports;
 }
 var Ba, Ai;
-function Vh() {
+function Wh() {
   if (Ai) return Ba;
   Ai = 1;
-  var e = Hh(), t = zc(), n = zh(), a = n && n.isTypedArray, o = a ? t(a) : e;
+  var e = zh(), t = zc(), n = Vh(), a = n && n.isTypedArray, o = a ? t(a) : e;
   return Ba = o, Ba;
 }
 var Fa, Oi;
-function Wh() {
+function Uh() {
   if (Oi) return Fa;
   Oi = 1;
-  var e = Ih(), t = Dh(), n = Lr(), a = et(), o = Fh(), r = jh(), s = Yc(), i = Vh(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
+  var e = Mh(), t = Bh(), n = Lr(), a = et(), o = qh(), r = Hh(), s = Yc(), i = Wh(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
   function f(h) {
     if (h == null)
       return !0;
@@ -1631,9 +1631,9 @@ function Wh() {
   }
   return Fa = f, Fa;
 }
-var Uh = Wh();
-const Xt = /* @__PURE__ */ $e(Uh);
-function Gh(e) {
+var Gh = Uh();
+const Xt = /* @__PURE__ */ $e(Gh);
+function Kh(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 const tt = (e) => {
@@ -1664,20 +1664,20 @@ const tt = (e) => {
       }
       n?.(f);
     }
-  }), Gh(t) ? t : {
+  }), Kh(t) ? t : {
     default: () => [t]
   });
-}, Kh = "ButtonRoot", Yh = "lumx-button-wrapper", {
-  block: Xh
-} = F(Yh), Zh = "lumx-button", {
-  block: Jh
-} = F(Zh), Qh = (e) => {
+}, Yh = "ButtonRoot", Xh = "lumx-button-wrapper", {
+  block: Zh
+} = F(Xh), Jh = "lumx-button", {
+  block: Qh
+} = F(Jh), em = (e) => {
   const {
     color: t,
     emphasis: n,
     variant: a,
     fullWidth: o
-  } = e, r = n === ye.low && (t === Y.light ? Y.dark : Y.light), s = Xh({
+  } = e, r = n === ye.low && (t === Y.light ? Y.dark : Y.light), s = Zh({
     [`color-${r}`]: !!r,
     [`variant-${a}`]: !!a,
     "is-full-width": o
@@ -1710,13 +1710,13 @@ const tt = (e) => {
     ...y
   } = e, N = r || s !== ye.high && g === me.dark && Y.light || s === ye.high && Y.primary || Y.dark;
   if (i)
-    return Qh({
+    return em({
       ...e,
       ref: v,
       variant: p,
       color: N
     });
-  const O = $(o, Jh({
+  const O = $(o, Qh({
     [`color-${N}`]: !!N,
     [`emphasis-${s}`]: !!s,
     "is-selected": l,
@@ -1739,10 +1739,10 @@ const tt = (e) => {
     children: a
   });
 };
-It.displayName = Kh;
+It.displayName = Yh;
 It.defaultProps = {};
 const Zc = "Button", Jc = "lumx-button", {
-  modifier: em
+  modifier: tm
 } = F(Jc), ar = {
   emphasis: ye.high,
   size: V.m
@@ -1754,7 +1754,7 @@ const Zc = "Button", Jc = "lumx-button", {
     rightIcon: o,
     size: r = ar.size,
     ...s
-  } = e, i = $(t, em({
+  } = e, i = $(t, tm({
     "has-left-icon": !!a,
     "has-right-icon": !!o
   }));
@@ -1769,14 +1769,14 @@ const Zc = "Button", Jc = "lumx-button", {
 hn.displayName = Zc;
 hn.className = Jc;
 hn.defaultProps = ar;
-const tm = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function nm() {
-  return be(tm, { state: null });
+const nm = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function am() {
+  return be(nm, { state: null });
 }
 function ae(e) {
-  const t = nm(), n = w(() => {
+  const t = am(), n = w(() => {
     const r = typeof e == "function" ? e() : wt(e);
-    return Qd(t, {
+    return ef(t, {
       disabled: r.disabled,
       isDisabled: r.isDisabled,
       "aria-disabled": r["aria-disabled"] ?? r.ariaDisabled
@@ -1794,9 +1794,9 @@ const Pi = E({
   setup(e, { slots: t }) {
     return Ie("theme", void 0), () => t.default?.();
   }
-}), Qc = "Icon", am = "lumx-icon", eu = am, {
-  block: om
-} = F(eu), rm = {}, te = (e) => {
+}), Qc = "Icon", om = "lumx-icon", eu = om, {
+  block: rm
+} = F(eu), sm = {}, te = (e) => {
   const {
     className: t,
     color: n,
@@ -1818,7 +1818,7 @@ const Pi = E({
   return s && o ? s === V.xxs || s === V.xs ? b = V.s : s === V.xxl && (b = V.xl) : o && (b = V.m), m("i", A({
     ref: i
   }, d, {
-    className: $(t, om({
+    className: $(t, rm({
       [`color-${g}`]: !!g,
       [`color-variant-${p}`]: !!p,
       "has-shape": o,
@@ -1847,7 +1847,7 @@ const Pi = E({
 };
 te.displayName = Qc;
 te.className = eu;
-te.defaultProps = rm;
+te.defaultProps = sm;
 const He = /* @__PURE__ */ E((e) => {
   const t = B(), n = K({
     defaultTheme: void 0
@@ -1861,9 +1861,9 @@ const He = /* @__PURE__ */ E((e) => {
   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")
-}), sm = "Text", im = "lumx-text", {
-  block: lm
-} = F(im), tu = (e) => {
+}), im = "Text", lm = "lumx-text", {
+  block: cm
+} = F(lm), tu = (e) => {
   const {
     className: t,
     color: n,
@@ -1879,7 +1879,7 @@ const He = /* @__PURE__ */ E((e) => {
     "--lumx-text-white-space": i
   };
   return {
-    className: $(t, lm({
+    className: $(t, cm({
       "is-truncated": d && !u,
       "is-truncated-multiline": u,
       "no-wrap": o
@@ -1890,27 +1890,27 @@ const He = /* @__PURE__ */ E((e) => {
       ...l
     }
   };
-}, nu = /* @__PURE__ */ Symbol("tooltip-context"), cm = {};
-function um() {
-  Ie(nu, cm);
-}
+}, nu = /* @__PURE__ */ Symbol("tooltip-context"), um = {};
 function dm() {
+  Ie(nu, um);
+}
+function fm() {
   return be(nu, void 0);
 }
-function fm(e) {
+function hm(e) {
   const t = D(void 0);
-  if (dm())
+  if (fm())
     return { tooltipLabel: t };
   const a = () => {
     const o = e.value;
     o && !o.closest(`.${fe.visuallyHidden()}`) && o.offsetWidth < o.scrollWidth ? t.value = o.innerText : t.value = void 0;
   };
-  return If(e, a, {
+  return Mf(e, a, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), Mf(e, a), Z(e, a, { immediate: !0 }), { tooltipLabel: t };
+  }), $f(e, a), Z(e, a, { immediate: !0 }), { tooltipLabel: t };
 }
 const au = (e = "default") => {
   const t = Me();
@@ -1945,15 +1945,15 @@ function or(e) {
   }
   return t;
 }
-function hm(e) {
+function mm(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 const pe = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
-  const n = B(), a = au(), o = Gd("tooltip-label"), {
+  const n = B(), a = au(), o = Kd("tooltip-label"), {
     tooltipLabel: r
-  } = fm(o), s = R(() => e.class), i = w(() => tu({
+  } = hm(o), s = R(() => e.class), i = w(() => tu({
     ...e,
     className: s.value
   })), l = w(() => {
@@ -1975,16 +1975,16 @@ const pe = /* @__PURE__ */ E((e, {
       class: l.value.className,
       style: l.value.style,
       title: r.value
-    }), hm(d) ? d : {
+    }), mm(d) ? d : {
       default: () => [d]
     });
   };
 }, {
-  name: M(sm),
+  name: M(im),
   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")
-}), mm = {
+}), pm = {
   click: (e) => e instanceof MouseEvent
 }, Mt = /* @__PURE__ */ E((e, {
   emit: t
@@ -2029,11 +2029,11 @@ const pe = /* @__PURE__ */ E((e, {
   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"),
-  emits: mm
-}), pm = "Toolbar", gm = "lumx-toolbar", {
-  block: vm,
+  emits: pm
+}), gm = "Toolbar", vm = "lumx-toolbar", {
+  block: bm,
   element: qa
-} = F(gm), bm = (e) => {
+} = F(vm), ym = (e) => {
   const {
     after: t,
     before: n,
@@ -2045,7 +2045,7 @@ const pe = /* @__PURE__ */ E((e, {
   return m("div", A({
     ref: r
   }, s, {
-    className: $(a, vm({
+    className: $(a, bm({
       "has-after": !!t,
       "has-before": !!n,
       "has-label": !!o
@@ -2057,21 +2057,21 @@ const pe = /* @__PURE__ */ E((e, {
   }, [o]), t && m("div", {
     className: qa("after")
   }, [t])]);
-}, ym = /* @__PURE__ */ E((e, {
+}, Nm = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class);
-  return () => m(bm, A(e, n, {
+  return () => m(ym, A(e, n, {
     className: a.value,
     label: t.default?.() ?? n.label,
     before: t.before?.() ?? n.before,
     after: t.after?.() ?? n.after
   }), null);
 }, {
-  name: M(pm),
+  name: M(gm),
   inheritAttrs: !1,
   props: L()("class")
-}), Nm = {
+}), Am = {
   close: () => !0
 }, YP = /* @__PURE__ */ E((e, {
   emit: t,
@@ -2100,13 +2100,13 @@ const pe = /* @__PURE__ */ E((e, {
         i.value = void 0;
       }
     };
-    return Tf({
+    return _f({
       ...a,
       ...f,
       Button: Mt,
-      Dialog: _h,
+      Dialog: kh,
       Icon: He,
-      Toolbar: ym,
+      Toolbar: Nm,
       DescriptionElement: d,
       focusElement: e.cancelProps ? i.value : l.value,
       className: o.value,
@@ -2121,16 +2121,16 @@ const pe = /* @__PURE__ */ E((e, {
     });
   };
 }, {
-  name: M(Sf),
+  name: M(wf),
   inheritAttrs: !1,
   props: L()("class", "kind", "title", "size", "isOpen", "parentElement", "dialogProps", "confirmProps", "cancelProps", "id"),
-  emits: Nm
-}), Am = "Avatar", Om = "lumx-avatar", {
-  block: Pm,
+  emits: Am
+}), Om = "Avatar", Pm = "lumx-avatar", {
+  block: Cm,
   element: rr
-} = F(Om), ou = {
+} = F(Pm), ou = {
   size: V.m
-}, Cm = (e) => {
+}, Sm = (e) => {
   const {
     actions: t,
     badge: n,
@@ -2144,7 +2144,7 @@ const pe = /* @__PURE__ */ E((e, {
   return m("div", A({
     ref: i
   }, l, {
-    className: $(a, Pm({
+    className: $(a, Cm({
       [`size-${r}`]: !!r,
       [`theme-${s}`]: !!s
     }))
@@ -2157,7 +2157,7 @@ const pe = /* @__PURE__ */ E((e, {
 function ja(e, t) {
   return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
 }
-function Sm({
+function wm({
   image: e,
   aspectRatio: t,
   focusPoint: n,
@@ -2184,7 +2184,7 @@ function Ci({
   const i = (t * o - a / 2) / (o - a);
   return Math.floor(Math.max(Math.min(i, 1), 0) * 100);
 }
-function wm({
+function xm({
   image: e,
   aspectRatio: t,
   focusPoint: n,
@@ -2211,13 +2211,13 @@ function wm({
     containerSize: r.width
   })}% ${u}%` };
 }
-const xm = "Thumbnail", Tm = "lumx-thumbnail", {
-  block: _m,
+const Tm = "Thumbnail", _m = "lumx-thumbnail", {
+  block: km,
   element: Ct
-} = fe.bem(Tm), Si = {
-  fallback: nf,
+} = fe.bem(_m), Si = {
+  fallback: af,
   loading: "lazy"
-}, km = (e) => {
+}, Em = (e) => {
   const {
     align: t,
     alt: n,
@@ -2255,7 +2255,7 @@ const xm = "Thumbnail", Tm = "lumx-thumbnail", {
   U && (Object.assign(J, {
     as: k || (P?.href ? "a" : "button")
   }, N), X ? Object.assign(J, P) : J["aria-label"] = q["aria-label"] || n);
-  const xe = fe.join(P?.className, r, _m({
+  const xe = fe.join(P?.className, r, km({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${O}`]: !!O,
@@ -2314,7 +2314,7 @@ const xm = "Thumbnail", Tm = "lumx-thumbnail", {
     className: xe
   }), [os]);
 }, se = (e) => gc()?.vnode.props?.[e] !== void 0;
-function Em(e, t) {
+function Im(e, t) {
   const n = D(ja(t.value));
   Z(
     [e, t],
@@ -2336,9 +2336,9 @@ function Em(e, t) {
     t.value && (t.value.removeEventListener("load", a), t.value.removeEventListener("error", a));
   }), n;
 }
-function Im(e) {
+function Mm(e) {
   const { image: t, aspectRatio: n, focusPoint: a, width: o, height: r, element: s, isLoaded: i } = e, l = w(
-    () => Sm({
+    () => wm({
       image: t.value,
       aspectRatio: n.value,
       focusPoint: a.value,
@@ -2361,7 +2361,7 @@ function Im(e) {
     },
     { immediate: !0 }
   ), w(
-    () => wm({
+    () => xm({
       image: t.value,
       aspectRatio: n.value,
       focusPoint: a.value,
@@ -2371,7 +2371,7 @@ function Im(e) {
     })
   );
 }
-const Mm = {
+const $m = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
 }, mn = /* @__PURE__ */ E((e, {
@@ -2385,7 +2385,7 @@ const Mm = {
   } = ae(w(() => ({
     ...e,
     ...a
-  }))), f = Em(ee(() => e.image), s), h = w(() => f.value === "isLoaded"), g = Im({
+  }))), f = Im(ee(() => e.image), s), h = w(() => f.value === "isLoaded"), g = Mm({
     image: ee(() => e.image),
     aspectRatio: ee(() => e.aspectRatio),
     focusPoint: ee(() => e.focusPoint),
@@ -2403,7 +2403,7 @@ const Mm = {
       linkAs: N,
       ...O
     } = d.value;
-    return m(km, A(O, {
+    return m(Em, A(O, {
       linkAs: Je(N),
       className: r.value,
       theme: e.theme || o.value,
@@ -2432,22 +2432,22 @@ const Mm = {
     }), null);
   };
 }, {
-  name: M(xm),
+  name: M(Tm),
   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
+  emits: $m
 }), XP = {
   squared: "squared",
   rounded: "rounded"
 }, ZP = {
   cover: "cover",
   contain: "contain"
-}, $m = {
+}, Lm = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   click: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, Lm = /* @__PURE__ */ E((e, {
+}, Rm = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -2462,7 +2462,7 @@ const Mm = {
       linkAs: h,
       thumbnailProps: g
     } = e, p = d || o.value, b = n.actions?.(), v = n.badge?.();
-    return m(Cm, A(a, {
+    return m(Sm, A(a, {
       className: r.value,
       theme: p,
       size: u,
@@ -2484,15 +2484,15 @@ const Mm = {
     }), null);
   };
 }, {
-  name: M(Am),
+  name: M(Om),
   inheritAttrs: !1,
   props: L()("image", "alt", "size", "theme", "linkProps", "linkAs", "thumbnailProps", "class"),
-  emits: $m
+  emits: Lm
 });
-function Rm(e) {
+function Dm(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const Dm = "ComboboxButton", Bm = "lumx-combobox-button", Fm = (e, {
+const Bm = "ComboboxButton", Fm = "lumx-combobox-button", qm = (e, {
   Button: t,
   Tooltip: n
 }) => {
@@ -2509,7 +2509,7 @@ const Dm = "ComboboxButton", Bm = "lumx-combobox-button", Fm = (e, {
   } = e, p = s === "show-tooltip" ? null : (s === "show-selection" && r ? r : null) || o, b = o === p || l, v = {
     ref: c,
     ...d,
-    className: $(a, Bm),
+    className: $(a, Fm),
     role: "combobox",
     "aria-controls": i,
     "aria-haspopup": "listbox",
@@ -2523,7 +2523,7 @@ const Dm = "ComboboxButton", Bm = "lumx-combobox-button", Fm = (e, {
     closeMode: "hide",
     ariaLinkMode: "aria-labelledby"
   }, {
-    default: () => [u ? u(v) : m(t, v, Rm(p) ? p : {
+    default: () => [u ? u(v) : m(t, v, Dm(p) ? p : {
       default: () => [p]
     })]
   });
@@ -2531,13 +2531,13 @@ const Dm = "ComboboxButton", Bm = "lumx-combobox-button", Fm = (e, {
 function Ft(e) {
   return e.dataset.value !== void 0 ? e.dataset.value : e.textContent?.trim() ?? "";
 }
-function qm(e) {
+function jm(e) {
   return e.textContent?.trim() ?? "";
 }
 function ru(e) {
   return e.getAttribute("aria-disabled") === "true";
 }
-function jm(e) {
+function Hm(e) {
   const t = e.closest('[role="row"]');
   return t ? t.querySelector('[role="gridcell"]') !== e : !1;
 }
@@ -2695,7 +2695,7 @@ function Dr(e, t, n) {
     }
   };
 }
-function Hm(e, t, n) {
+function zm(e, t, n) {
   let a = n ?? null;
   function o() {
     a && (e.onDeactivate(a), a = null), e.onClear?.();
@@ -2710,7 +2710,7 @@ function Hm(e, t, n) {
     clear: o
   };
 }
-function zm(e) {
+function Vm(e) {
   let t = e;
   for (; t.lastElementChild; ) t = t.lastElementChild;
   return t;
@@ -2719,11 +2719,11 @@ function Le(e) {
   const { value: t, done: n } = e[Symbol.iterator]().next();
   return n ? null : t;
 }
-function Vm(e, t, n) {
-  const { container: a, rowSelector: o, cellSelector: r, wrap: s = !1 } = e, i = Hm(t, n), l = (P) => P.querySelector(r) !== null, c = (P) => P.querySelector(r), u = (P) => Array.from(P.querySelectorAll(r));
+function Wm(e, t, n) {
+  const { container: a, rowSelector: o, cellSelector: r, wrap: s = !1 } = e, i = zm(t, n), l = (P) => P.querySelector(r) !== null, c = (P) => P.querySelector(r), u = (P) => Array.from(P.querySelectorAll(r));
   function* d(P = "first", k = "next", _) {
     const S = $t(a, o);
-    P instanceof HTMLElement ? S.currentNode = P : P === "last" && (S.currentNode = zm(a));
+    P instanceof HTMLElement ? S.currentNode = P : P === "last" && (S.currentNode = Vm(a));
     let q;
     do
       if (q = k === "next" ? S.nextNode() : S.previousNode(), q && l(q)) {
@@ -2848,7 +2848,7 @@ function Vm(e, t, n) {
 function* xi(e, t) {
   e instanceof HTMLElement && (e.matches(t) && (yield e), yield* e.querySelectorAll(t));
 }
-function Wm(e, t) {
+function Um(e, t) {
   let n = e.contains(document.activeElement);
   return e.addEventListener(
     "focusin",
@@ -2872,7 +2872,7 @@ function Wm(e, t) {
     }
   };
 }
-function Um(e, t) {
+function Gm(e, t) {
   const {
     container: n,
     itemSelector: a,
@@ -2883,7 +2883,7 @@ function Um(e, t) {
   } = e, l = `${a}[tabindex="0"]`;
   let c = `${a}[${s}=true]`;
   r && (c += `:not(${r})`);
-  const u = Wm(n, t), d = Dr(
+  const u = Um(n, t), d = Dr(
     {
       container: n,
       itemSelector: a,
@@ -3028,7 +3028,7 @@ function Ti(e, t, n, a) {
     }
   };
   let c;
-  s ? (c = Vm(
+  s ? (c = Wm(
     {
       container: r,
       rowSelector: '[role="row"]',
@@ -3060,7 +3060,7 @@ function Ti(e, t, n, a) {
           d.stopPropagation();
           return;
         }
-        s && jm(f) || (e.select(f), o.focus());
+        s && Hm(f) || (e.select(f), o.focus());
       }
     },
     { signal: t }
@@ -3262,7 +3262,7 @@ function iu(e, t, n) {
     }
   }, S;
 }
-const Gm = 500;
+const Km = 500;
 function lu(e, t, n) {
   let a = "", o;
   function r() {
@@ -3296,7 +3296,7 @@ function lu(e, t, n) {
     }
   }
   function i(c, u) {
-    return o !== void 0 && clearTimeout(o), a += c.toLowerCase(), o = setTimeout(r, Gm), s(u);
+    return o !== void 0 && clearTimeout(o), a += c.toLowerCase(), o = setTimeout(r, Km), s(u);
   }
   function l(c) {
     return s(c);
@@ -3306,7 +3306,7 @@ function lu(e, t, n) {
 function sr({ key: e, altKey: t, ctrlKey: n, metaKey: a }) {
   return e.length === 1 && e !== " " && !t && !n && !a;
 }
-function Km(e, t) {
+function Ym(e, t) {
   const n = iu(t, void 0, (a, o) => {
     const r = lu(
       () => {
@@ -3314,7 +3314,7 @@ function Km(e, t) {
         const s = a.focusNav?.type === "grid" ? '[role="gridcell"]' : '[role="option"]';
         return $t(a.listbox, s);
       },
-      qm,
+      jm,
       o
     );
     return e.addEventListener("click", () => a.setIsOpen(!a.isOpen), { signal: o }), (s) => {
@@ -3343,7 +3343,7 @@ function Km(e, t) {
   });
   return n.registerTrigger(e), n;
 }
-const cu = "IconButton", Ym = "lumx-icon-button", ir = {
+const cu = "IconButton", Xm = "lumx-icon-button", ir = {
   emphasis: ye.high,
   size: V.m
 }, Lt = (e) => {
@@ -3370,17 +3370,17 @@ const cu = "IconButton", Ym = "lumx-icon-button", ir = {
   });
 };
 Lt.displayName = cu;
-Lt.className = Ym;
+Lt.className = Xm;
 Lt.defaultProps = ir;
-const Xm = ["top", "right", "bottom", "left"], _i = ["start", "end"], ki = /* @__PURE__ */ Xm.reduce((e, t) => e.concat(t, t + "-" + _i[0], t + "-" + _i[1]), []), ze = Math.min, ce = Math.max, Zt = Math.round, jt = Math.floor, Ne = (e) => ({
+const Zm = ["top", "right", "bottom", "left"], _i = ["start", "end"], ki = /* @__PURE__ */ Zm.reduce((e, t) => e.concat(t, t + "-" + _i[0], t + "-" + _i[1]), []), ze = Math.min, ce = Math.max, Zt = Math.round, jt = Math.floor, Ne = (e) => ({
   x: e,
   y: e
-}), Zm = {
+}), Jm = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Jm = {
+}, Qm = {
   start: "end",
   end: "start"
 };
@@ -3402,9 +3402,9 @@ function uu(e) {
 function Br(e) {
   return e === "y" ? "height" : "width";
 }
-const Qm = /* @__PURE__ */ new Set(["top", "bottom"]);
+const ep = /* @__PURE__ */ new Set(["top", "bottom"]);
 function ke(e) {
-  return Qm.has(Oe(e)) ? "y" : "x";
+  return ep.has(Oe(e)) ? "y" : "x";
 }
 function Fr(e) {
   return uu(ke(e));
@@ -3415,35 +3415,35 @@ function du(e, t, n) {
   let s = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (s = Qt(s)), [s, Qt(s)];
 }
-function ep(e) {
+function tp(e) {
   const t = Qt(e);
   return [Jt(e), t, Jt(t)];
 }
 function Jt(e) {
-  return e.replace(/start|end/g, (t) => Jm[t]);
+  return e.replace(/start|end/g, (t) => Qm[t]);
 }
-const Ei = ["left", "right"], Ii = ["right", "left"], tp = ["top", "bottom"], np = ["bottom", "top"];
-function ap(e, t, n) {
+const Ei = ["left", "right"], Ii = ["right", "left"], np = ["top", "bottom"], ap = ["bottom", "top"];
+function op(e, t, n) {
   switch (e) {
     case "top":
     case "bottom":
       return n ? t ? Ii : Ei : t ? Ei : Ii;
     case "left":
     case "right":
-      return t ? tp : np;
+      return t ? np : ap;
     default:
       return [];
   }
 }
-function op(e, t, n, a) {
+function rp(e, t, n, a) {
   const o = he(e);
-  let r = ap(Oe(e), n === "start", a);
+  let r = op(Oe(e), n === "start", a);
   return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(Jt)))), r;
 }
 function Qt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Zm[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => Jm[t]);
 }
-function rp(e) {
+function sp(e) {
   return {
     top: 0,
     right: 0,
@@ -3453,7 +3453,7 @@ function rp(e) {
   };
 }
 function fu(e) {
-  return typeof e != "number" ? rp(e) : {
+  return typeof e != "number" ? sp(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -3526,7 +3526,7 @@ function Mi(e, t, n) {
   }
   return h;
 }
-async function sp(e, t) {
+async function ip(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -3571,7 +3571,7 @@ async function sp(e, t) {
     right: (T.right - v.right + g.right) / O.x
   };
 }
-const ip = async (e, t, n) => {
+const lp = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
@@ -3606,7 +3606,7 @@ const ip = async (e, t, n) => {
       rects: c,
       platform: {
         ...s,
-        detectOverflow: (p = s.detectOverflow) != null ? p : sp
+        detectOverflow: (p = s.detectOverflow) != null ? p : ip
       },
       elements: {
         reference: e,
@@ -3635,7 +3635,7 @@ const ip = async (e, t, n) => {
     strategy: o,
     middlewareData: h
   };
-}, lp = (e) => ({
+}, cp = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -3673,10 +3673,10 @@ const ip = async (e, t, n) => {
     };
   }
 });
-function cp(e, t, n) {
+function up(e, t, n) {
   return (e ? [...n.filter((o) => he(o) === e), ...n.filter((o) => he(o) !== e)] : n.filter((o) => Oe(o) === o)).filter((o) => e ? he(o) === e || (t ? Jt(o) !== o : !1) : !0);
 }
-const up = function(e) {
+const dp = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -3694,7 +3694,7 @@ const up = function(e) {
         allowedPlacements: f = ki,
         autoAlignment: h = !0,
         ...g
-      } = nt(e, t), p = d !== void 0 || f === ki ? cp(d || null, h, f) : f, b = await l.detectOverflow(t, g), v = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[v];
+      } = nt(e, t), p = d !== void 0 || f === ki ? up(d || null, h, f) : f, b = await l.detectOverflow(t, g), v = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[v];
       if (y == null)
         return {};
       const N = du(y, r, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
@@ -3744,7 +3744,7 @@ const up = function(e) {
       } : {};
     }
   };
-}, dp = function(e) {
+}, fp = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -3768,8 +3768,8 @@ const up = function(e) {
       } = nt(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Oe(o), y = ke(i), N = Oe(i) === i, O = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), T = f || (N || !p ? [Qt(i)] : ep(i)), C = g !== "none";
-      !f && C && T.push(...op(i, p, g, O));
+      const v = Oe(o), y = ke(i), N = Oe(i) === i, O = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), T = f || (N || !p ? [Qt(i)] : tp(i)), C = g !== "none";
+      !f && C && T.push(...rp(i, p, g, O));
       const x = [i, ...T], P = await l.detectOverflow(t, b), k = [];
       let _ = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (u && k.push(P[v]), d) {
@@ -3825,13 +3825,13 @@ const up = function(e) {
       return {};
     }
   };
-}, fp = /* @__PURE__ */ new Set(["left", "top"]);
-async function hp(e, t) {
+}, hp = /* @__PURE__ */ new Set(["left", "top"]);
+async function mp(e, t) {
   const {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), s = Oe(n), i = he(n), l = ke(n) === "y", c = fp.has(s) ? -1 : 1, u = r && l ? -1 : 1, d = nt(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), s = Oe(n), i = he(n), l = ke(n) === "y", c = hp.has(s) ? -1 : 1, u = r && l ? -1 : 1, d = nt(t, e);
   let {
     mainAxis: f,
     crossAxis: h,
@@ -3853,7 +3853,7 @@ async function hp(e, t) {
     y: h * u
   };
 }
-const mp = function(e) {
+const pp = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -3864,7 +3864,7 @@ const mp = function(e) {
         y: r,
         placement: s,
         middlewareData: i
-      } = t, l = await hp(t, e);
+      } = t, l = await mp(t, e);
       return s === ((n = i.offset) == null ? void 0 : n.placement) && (a = i.arrow) != null && a.alignmentOffset ? {} : {
         x: o + l.x,
         y: r + l.y,
@@ -3875,7 +3875,7 @@ const mp = function(e) {
       };
     }
   };
-}, pp = function(e) {
+}, gp = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -3932,7 +3932,7 @@ const mp = function(e) {
       };
     }
   };
-}, gp = function(e) {
+}, vp = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -3999,7 +3999,7 @@ function Pe(e) {
 function $i(e) {
   return !pn() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ue(e).ShadowRoot;
 }
-const vp = /* @__PURE__ */ new Set(["inline", "contents"]);
+const bp = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Rt(e) {
   const {
     overflow: t,
@@ -4007,15 +4007,15 @@ function Rt(e) {
     overflowY: a,
     display: o
   } = ve(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !vp.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !bp.has(o);
 }
-const bp = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function yp(e) {
-  return bp.has(at(e));
+const yp = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Np(e) {
+  return yp.has(at(e));
 }
-const Np = [":popover-open", ":modal"];
+const Ap = [":popover-open", ":modal"];
 function gn(e) {
-  return Np.some((t) => {
+  return Ap.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -4023,12 +4023,12 @@ function gn(e) {
     }
   });
 }
-const Ap = ["transform", "translate", "scale", "rotate", "perspective"], Op = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Pp = ["paint", "layout", "strict", "content"];
+const Op = ["transform", "translate", "scale", "rotate", "perspective"], Pp = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Cp = ["paint", "layout", "strict", "content"];
 function jr(e) {
   const t = Hr(), n = ge(e) ? ve(e) : e;
-  return Ap.some((a) => n[a] ? n[a] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Op.some((a) => (n.willChange || "").includes(a)) || Pp.some((a) => (n.contain || "").includes(a));
+  return Op.some((a) => n[a] ? n[a] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Pp.some((a) => (n.willChange || "").includes(a)) || Cp.some((a) => (n.contain || "").includes(a));
 }
-function Cp(e) {
+function Sp(e) {
   let t = Ve(e);
   for (; Pe(t) && !ht(t); ) {
     if (jr(t))
@@ -4042,9 +4042,9 @@ function Cp(e) {
 function Hr() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Sp = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const wp = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function ht(e) {
-  return Sp.has(at(e));
+  return wp.has(at(e));
 }
 function ve(e) {
   return ue(e).getComputedStyle(e);
@@ -4115,15 +4115,15 @@ function ut(e) {
     y: i
   };
 }
-const wp = /* @__PURE__ */ Ne(0);
+const xp = /* @__PURE__ */ Ne(0);
 function pu(e) {
   const t = ue(e);
-  return !Hr() || !t.visualViewport ? wp : {
+  return !Hr() || !t.visualViewport ? xp : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function xp(e, t, n) {
+function Tp(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ue(e) ? !1 : t;
 }
 function Xe(e, t, n, a) {
@@ -4131,7 +4131,7 @@ function Xe(e, t, n, a) {
   const o = e.getBoundingClientRect(), r = zr(e);
   let s = Ne(1);
   t && (a ? ge(a) && (s = ut(a)) : s = ut(e));
-  const i = xp(r, n, a) ? pu(r) : Ne(0);
+  const i = Tp(r, n, a) ? pu(r) : Ne(0);
   let l = (o.left + i.x) / s.x, c = (o.top + i.y) / s.y, u = o.width / s.x, d = o.height / s.y;
   if (r) {
     const f = ue(r), h = a && ge(a) ? ue(a) : a;
@@ -4159,7 +4159,7 @@ function gu(e, t) {
     y: o
   };
 }
-function Tp(e) {
+function _p(e) {
   let {
     elements: t,
     rect: n,
@@ -4186,10 +4186,10 @@ function Tp(e) {
     y: n.y * c.y - l.scrollTop * c.y + u.y + f.y
   };
 }
-function _p(e) {
+function kp(e) {
   return Array.from(e.getClientRects());
 }
-function kp(e) {
+function Ep(e) {
   const t = Se(e), n = vn(e), a = e.ownerDocument.body, o = ce(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = ce(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let s = -n.scrollLeft + bn(e);
   const i = -n.scrollTop;
@@ -4201,7 +4201,7 @@ function kp(e) {
   };
 }
 const Li = 25;
-function Ep(e, t) {
+function Ip(e, t) {
   const n = ue(e), a = Se(e), o = n.visualViewport;
   let r = a.clientWidth, s = a.clientHeight, i = 0, l = 0;
   if (o) {
@@ -4221,8 +4221,8 @@ function Ep(e, t) {
     y: l
   };
 }
-const Ip = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Mp(e, t) {
+const Mp = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function $p(e, t) {
   const n = Xe(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = Pe(e) ? ut(e) : Ne(1), s = e.clientWidth * r.x, i = e.clientHeight * r.y, l = o * r.x, c = a * r.y;
   return {
     width: s,
@@ -4234,11 +4234,11 @@ function Mp(e, t) {
 function Ri(e, t, n) {
   let a;
   if (t === "viewport")
-    a = Ep(e, n);
+    a = Ip(e, n);
   else if (t === "document")
-    a = kp(Se(e));
+    a = Ep(Se(e));
   else if (ge(t))
-    a = Mp(t, n);
+    a = $p(t, n);
   else {
     const o = pu(e);
     a = {
@@ -4254,7 +4254,7 @@ function vu(e, t) {
   const n = Ve(e);
   return n === t || !ge(n) || ht(n) ? !1 : ve(n).position === "fixed" || vu(n, t);
 }
-function $p(e, t) {
+function Lp(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -4263,18 +4263,18 @@ function $p(e, t) {
   let s = r ? Ve(e) : e;
   for (; ge(s) && !ht(s); ) {
     const i = ve(s), l = jr(s);
-    !l && i.position === "fixed" && (o = null), (r ? !l && !o : !l && i.position === "static" && !!o && Ip.has(o.position) || Rt(s) && !l && vu(e, s)) ? a = a.filter((u) => u !== s) : o = i, s = Ve(s);
+    !l && i.position === "fixed" && (o = null), (r ? !l && !o : !l && i.position === "static" && !!o && Mp.has(o.position) || Rt(s) && !l && vu(e, s)) ? a = a.filter((u) => u !== s) : o = i, s = Ve(s);
   }
   return t.set(e, a), a;
 }
-function Lp(e) {
+function Rp(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? gn(t) ? [] : $p(t, this._c) : [].concat(n), a], i = s[0], l = s.reduce((c, u) => {
+  const s = [...n === "clippingAncestors" ? gn(t) ? [] : Lp(t, this._c) : [].concat(n), a], i = s[0], l = s.reduce((c, u) => {
     const d = Ri(t, u, o);
     return c.top = ce(d.top, c.top), c.right = ze(d.right, c.right), c.bottom = ze(d.bottom, c.bottom), c.left = ce(d.left, c.left), c;
   }, Ri(t, i, o));
@@ -4285,7 +4285,7 @@ function Lp(e) {
     y: l.top
   };
 }
-function Rp(e) {
+function Dp(e) {
   const {
     width: t,
     height: n
@@ -4295,7 +4295,7 @@ function Rp(e) {
     height: n
   };
 }
-function Dp(e, t, n) {
+function Bp(e, t, n) {
   const a = Pe(t), o = Se(t), r = n === "fixed", s = Xe(e, !0, r, t);
   let i = {
     scrollLeft: 0,
@@ -4344,14 +4344,14 @@ function bu(e, t) {
     return n;
   }
   let a = Di(e, t);
-  for (; a && yp(a) && Ha(a); )
+  for (; a && Np(a) && Ha(a); )
     a = Di(a, t);
-  return a && ht(a) && Ha(a) && !jr(a) ? n : a || Cp(e) || n;
+  return a && ht(a) && Ha(a) && !jr(a) ? n : a || Sp(e) || n;
 }
-const Bp = async function(e) {
+const Fp = async function(e) {
   const t = this.getOffsetParent || bu, n = this.getDimensions, a = await n(e.floating);
   return {
-    reference: Dp(e.reference, await t(e.floating), e.strategy),
+    reference: Bp(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -4360,25 +4360,25 @@ const Bp = async function(e) {
     }
   };
 };
-function Fp(e) {
+function qp(e) {
   return ve(e).direction === "rtl";
 }
-const qp = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Tp,
+const jp = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: _p,
   getDocumentElement: Se,
-  getClippingRect: Lp,
+  getClippingRect: Rp,
   getOffsetParent: bu,
-  getElementRects: Bp,
-  getClientRects: _p,
-  getDimensions: Rp,
+  getElementRects: Fp,
+  getClientRects: kp,
+  getDimensions: Dp,
   getScale: ut,
   isElement: ge,
-  isRTL: Fp
+  isRTL: qp
 };
 function yu(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function jp(e, t) {
+function Hp(e, t) {
   let n = null, a;
   const o = Se(e);
   function r() {
@@ -4438,7 +4438,7 @@ function Nu(e, t, n, a) {
       passive: !0
     }), r && v.addEventListener("resize", n);
   });
-  const d = c && i ? jp(c, n) : null;
+  const d = c && i ? Hp(c, n) : null;
   let f = -1, h = null;
   s && (h = new ResizeObserver((v) => {
     let [y] = v;
@@ -4460,24 +4460,24 @@ function Nu(e, t, n, a) {
     }), d?.(), (v = h) == null || v.disconnect(), h = null, l && cancelAnimationFrame(g);
   };
 }
-const Au = mp, Hp = up, zp = pp, Vp = dp, Wp = gp, Up = lp, Gp = (e, t, n) => {
+const Au = pp, zp = dp, Vp = gp, Wp = fp, Up = vp, Gp = cp, Kp = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: qp,
+    platform: jp,
     ...n
   }, r = {
     ...o.platform,
     _c: a
   };
-  return ip(e, t, {
+  return lp(e, t, {
     ...o,
     platform: r
   });
 };
-function Kp(e) {
+function Yp(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Bi(e) {
-  if (Kp(e)) {
+  if (Yp(e)) {
     const t = e.$el;
     return qr(t) && at(t) === "#comment" ? null : t;
   }
@@ -4533,7 +4533,7 @@ function Pu(e, t, n) {
     if (c.value == null || u.value == null)
       return;
     const x = o.value;
-    Gp(c.value, u.value, {
+    Kp(c.value, u.value, {
       middleware: r.value,
       placement: s.value,
       strategy: i.value
@@ -4574,13 +4574,13 @@ function Pu(e, t, n) {
     update: N
   };
 }
-const Yp = 8, Cu = 1e4, Ht = {
+const Xp = 8, Cu = 1e4, Ht = {
   placement: "bottom",
   closeMode: "unmount",
   ariaLinkMode: "aria-describedby",
   zIndex: Cu
 }, Su = "Tooltip", wu = "lumx-tooltip", {
-  block: Xp,
+  block: Zp,
   element: qi
 } = F(wu), Vr = (e) => {
   const {
@@ -4600,7 +4600,7 @@ const Yp = 8, Cu = 1e4, Ht = {
   }, c, {
     id: t,
     role: "tooltip",
-    className: $(i, Xp({
+    className: $(i, Zp({
       [`position-${a}`]: !!a
     }), o && rn()),
     style: {
@@ -4618,14 +4618,14 @@ const Yp = 8, Cu = 1e4, Ht = {
 };
 Vr.displayName = Su;
 Vr.className = wu;
-const Zp = (e) => {
+const Jp = (e) => {
   try {
     return e?.matches?.(":focus-visible, [data-focus-visible-added]");
   } catch {
     return !0;
   }
-}, Jp = () => !!window.matchMedia?.("(hover: none)").matches;
-function Qp(e) {
+}, Qp = () => !!window.matchMedia?.("(hover: none)").matches;
+function eg(e) {
   const { delay: t, onStateChange: n } = e;
   let a, o, r, s, i;
   const l = (v) => {
@@ -4633,8 +4633,8 @@ function Qp(e) {
     const y = () => {
       n(!!r);
     };
-    ff ? a = setTimeout(y, v) : y();
-  }, c = Jp(), u = typeof window < "u" && "ontouchstart" in window, d = t || (c ? ls.open : is.open), f = c ? ls.close : is.close, h = () => {
+    hf ? a = setTimeout(y, v) : y();
+  }, c = Qp(), u = typeof window < "u" && "ontouchstart" in window, d = t || (c ? ls.open : is.open), f = c ? ls.close : is.close, h = () => {
     r && !a || (r = !0, o = Date.now(), l(d));
   }, g = (v) => {
     !r && !a || (r = !1, l(v));
@@ -4653,7 +4653,7 @@ function Qp(e) {
       v.addEventListener(
         "focusin",
         (N) => {
-          Zp(N.target) && h();
+          Jp(N.target) && h();
         },
         { signal: y }
       ), v.addEventListener("focusout", b, { signal: y });
@@ -4672,12 +4672,12 @@ function Qp(e) {
     }
   };
 }
-function eg(e, t) {
+function tg(e, t) {
   const n = D(!1), a = je();
   return We((r) => {
     const s = t.value;
     if (!s) return;
-    const i = Qp({
+    const i = eg({
       delay: e.value,
       onStateChange: (l) => {
         n.value = l;
@@ -4693,22 +4693,22 @@ function eg(e, t) {
 function xu(e) {
   return e.flatMap((t) => t.type === ne ? xu(t.children) : [t]);
 }
-function tg(e) {
+function ng(e) {
   const t = e.props || {};
   return t.disabled === !0 || t.isDisabled === !0;
 }
-function ng(e) {
+function ag(e) {
   const { slotContent: t, setAnchorElement: n, isMounted: a, id: o, label: r, ariaLinkMode: s } = e;
   if (!t || !r)
     return ss(ne, t);
   const i = xu(t), l = i.find((d) => d.type !== br), c = a ? o : void 0;
-  if (l && i.length === 1 && l.type !== bc && !tg(l)) {
+  if (l && i.length === 1 && l.type !== bc && !ng(l)) {
     const d = { ref: n };
     if (c && r !== l.props?.["aria-label"]) {
       const f = l.props?.[s];
       d[s] = f ? `${f} ${c}` : c;
     }
-    return Kd(l, d, !0);
+    return Yd(l, d, !0);
   }
   const u = {
     class: "lumx-tooltip-anchor-wrapper",
@@ -4716,7 +4716,7 @@ function ng(e) {
   };
   return c && (u[s] = c), ss("div", u, t);
 }
-function ag(e) {
+function og(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
 const yn = /* @__PURE__ */ E((e, {
@@ -4728,15 +4728,15 @@ const yn = /* @__PURE__ */ E((e, {
   } = Pu(o, r, {
     placement: s,
     whileElementsMounted: Nu,
-    middleware: [Au(Yp)]
+    middleware: [Au(Xp)]
   }), {
     isOpen: f,
     onPopperMount: h,
     manager: g
-  } = eg(w(() => e.delay), o), p = w(() => (f.value || e.forceOpen) && !!e.label), b = w(() => !!e.label && (p.value || i.value === "hide")), v = w(() => !p.value && i.value === "hide");
-  return dn(w(() => p.value ? () => g.value?.close() : void 0)), um(), () => {
+  } = tg(w(() => e.delay), o), p = w(() => (f.value || e.forceOpen) && !!e.label), b = w(() => !!e.label && (p.value || i.value === "hide")), v = w(() => !p.value && i.value === "hide");
+  return dn(w(() => p.value ? () => g.value?.close() : void 0)), dm(), () => {
     let y;
-    const N = d.value ?? s.value, O = ng({
+    const N = d.value ?? s.value, O = ag({
       slotContent: t.default?.(),
       setAnchorElement: (T) => {
         o.value = T?.$el || T;
@@ -4746,7 +4746,7 @@ const yn = /* @__PURE__ */ E((e, {
       label: e.label,
       ariaLinkMode: l.value
     });
-    return m(ne, null, [O, b.value && m(an, null, ag(y = Vr({
+    return m(ne, null, [O, b.value && m(an, null, og(y = Vr({
       ref: (T) => {
         const C = T?.$el || T;
         r.value = C, h(C);
@@ -4766,7 +4766,7 @@ const yn = /* @__PURE__ */ E((e, {
   name: M(Su),
   inheritAttrs: !1,
   props: L()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
-}), og = {
+}), rg = {
   click: (e) => e instanceof MouseEvent
 }, pt = /* @__PURE__ */ E((e, {
   emit: t,
@@ -4817,8 +4817,8 @@ const yn = /* @__PURE__ */ E((e, {
   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"),
-  emits: og
-}), Tu = "ButtonGroup", _u = "lumx-button-group", rg = {}, Nn = (e) => {
+  emits: rg
+}), Tu = "ButtonGroup", _u = "lumx-button-group", sg = {}, Nn = (e) => {
   const {
     children: t,
     className: n,
@@ -4830,7 +4830,7 @@ const yn = /* @__PURE__ */ E((e, {
 };
 Nn.displayName = Tu;
 Nn.className = _u;
-Nn.defaultProps = rg;
+Nn.defaultProps = sg;
 const JP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
@@ -4845,7 +4845,7 @@ const JP = /* @__PURE__ */ E((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("class")
 }), ku = /* @__PURE__ */ Symbol("combobox-context");
-function sg(e) {
+function ig(e) {
   Ie(ku, e);
 }
 function we() {
@@ -4896,7 +4896,7 @@ function Wr() {
   const { handle: e } = we();
   return { isOpen: Ae("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
 }
-const ig = /* @__PURE__ */ E((e, {
+const lg = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = R(() => e.class), {
@@ -4910,7 +4910,7 @@ const ig = /* @__PURE__ */ E((e, {
     optionsLength: 0
   }), u = Ae("loadingChange", !1), d = D(null);
   return Z(d, (f) => {
-    f && (s(Km(f, {
+    f && (s(Ym(f, {
       onSelect(h) {
         e.onSelect?.(h), t("select", h);
       }
@@ -4928,7 +4928,7 @@ const ig = /* @__PURE__ */ E((e, {
       class: b,
       ...v
     } = e;
-    return Fm({
+    return qm({
       ...n,
       ...v,
       label: f,
@@ -4947,21 +4947,21 @@ const ig = /* @__PURE__ */ E((e, {
     });
   };
 }, {
-  name: M(Dm),
+  name: M(Bm),
   inheritAttrs: !1,
   props: L()("class", "label", "value", "labelDisplayMode", "renderButton", "listboxId", "isOpen", "onSelect"),
   emits: {
     select: (e) => !!e
   }
 });
-function lg(e, t) {
+function cg(e, t) {
   const { disabled: n, isDisabled: a = n, "aria-disabled": o } = t;
   return {
     disabled: !!a,
     "aria-disabled": o === !0 || o === "true"
   };
 }
-const cg = "ComboboxInput", ug = (e, {
+const ug = "ComboboxInput", dg = (e, {
   TextField: t,
   IconButton: n
 }) => {
@@ -4976,7 +4976,7 @@ const cg = "ComboboxInput", ug = (e, {
     filter: u,
     theme: d,
     ...f
-  } = e, h = lg(void 0, e), g = h.disabled || h["aria-disabled"] || void 0;
+  } = e, h = cg(void 0, e), g = h.disabled || h["aria-disabled"] || void 0;
   return m(t, A({
     autoComplete: "off",
     readOnly: u === "off" || void 0
@@ -5002,7 +5002,7 @@ const cg = "ComboboxInput", ug = (e, {
     }), null) : void 0
   }), null);
 };
-function dg(e, t) {
+function fg(e, t) {
   let n;
   const {
     filter: a = "auto",
@@ -5057,11 +5057,11 @@ function dg(e, t) {
     };
   }), n.registerTrigger(e), n;
 }
-const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
-  block: hg
-} = F(Iu), mg = {
+const hg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
+  block: mg
+} = F(Iu), pg = {
   type: "text"
-}, pg = (e) => {
+}, gg = (e) => {
   const {
     className: t,
     theme: n,
@@ -5070,7 +5070,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
     handleInput: r,
     handleFocus: s,
     handleBlur: i,
-    type: l = mg.type,
+    type: l = pg.type,
     name: c,
     ref: u,
     ...d
@@ -5083,7 +5083,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
     name: c,
     type: l,
     ref: u,
-    className: $(t, hg({
+    className: $(t, mg({
       [`theme-${n}`]: !!n,
       text: !0
     })),
@@ -5093,7 +5093,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
     onBlur: i,
     value: a
   }), null);
-}, gg = {
+}, vg = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t, n) => typeof e == "string",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -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__ */ E((e, {
+}, bg = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = B(), a = K(), o = R(() => e.class), r = (c, u, d) => {
@@ -5114,7 +5114,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
   }, l = (c) => {
     t("blur", c);
   };
-  return () => m(pg, A(n, {
+  return () => m(gg, A(n, {
     value: e.value,
     type: e.type,
     name: e.name,
@@ -5129,12 +5129,12 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
   name: M("RawInputText"),
   inheritAttrs: !1,
   props: L()("class", "theme", "value", "type", "name"),
-  emits: gg
+  emits: vg
 }), {
-  block: bg
+  block: yg
 } = F(Iu), Mu = {
   rows: 2
-}, yg = (e) => {
+}, Ng = (e) => {
   const {
     className: t,
     theme: n,
@@ -5155,7 +5155,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
   return m("textarea", A(d, {
     name: c,
     ref: u,
-    className: $(t, bg({
+    className: $(t, yg({
       [`theme-${n}`]: !!n,
       textarea: !0
     })),
@@ -5167,7 +5167,7 @@ const fg = "TextField", Eu = "lumx-text-field", Iu = `${Eu}__input-native`, {
     rows: l
   }), null);
 };
-function Ng(e, t, n) {
+function Ag(e, t, n) {
   const a = D(e.value);
   return We(
     () => {
@@ -5187,7 +5187,7 @@ function Ng(e, t, n) {
     { flush: "post" }
   ), a;
 }
-const Ag = {
+const Og = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t, n) => typeof e == "string",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5196,10 +5196,10 @@ const Ag = {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   blur: (e) => !0
-}, Og = /* @__PURE__ */ E((e, {
+}, Pg = /* @__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) => {
+  const n = B(), a = K(), o = R(() => e.class), r = D(null), s = Ag(w(() => e.rows ?? Mu.rows), r, w(() => e.value)), i = (d, f, h) => {
     h?.stopImmediatePropagation(), t("change", d, f, h);
   }, l = (d, f, h) => {
     t("input", d, f, h);
@@ -5208,7 +5208,7 @@ const Ag = {
   }, u = (d) => {
     t("blur", d);
   };
-  return () => m(yg, A(n, {
+  return () => m(Ng, A(n, {
     ref: r,
     value: e.value,
     rows: s.value,
@@ -5224,14 +5224,14 @@ const Ag = {
   name: M("RawInputTextarea"),
   inheritAttrs: !1,
   props: L()("class", "theme", "value", "rows", "name"),
-  emits: Ag
+  emits: Og
 });
-function Pg(e) {
+function Cg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const $u = "InputLabel", Cg = "lumx-input-label", Lu = Cg, {
-  block: Sg
-} = F(Lu), wg = {};
+const $u = "InputLabel", Sg = "lumx-input-label", Lu = Sg, {
+  block: wg
+} = F(Lu), xg = {};
 function Ge(e) {
   const {
     children: t,
@@ -5248,24 +5248,24 @@ function Ge(e) {
     ref: l
   }, c, {
     htmlFor: a,
-    className: $(n, Sg({
+    className: $(n, wg({
       "is-required": o,
       [`theme-${r}`]: !!r,
       "has-custom-typography": !!i
     }), i && on(i))
-  }), Pg(t) ? t : {
+  }), Cg(t) ? t : {
     default: () => [t]
   });
 }
 Ge.displayName = $u;
 Ge.className = Lu;
-Ge.defaultProps = wg;
-const xg = {
+Ge.defaultProps = xg;
+const Tg = {
   [le.error]: { color: "red" },
   [le.success]: { color: "green" },
   [le.warning]: { color: "yellow" }
-}, Ru = "InputHelper", Tg = "lumx-input-helper", Du = Tg, {
-  block: _g
+}, Ru = "InputHelper", _g = "lumx-input-helper", Du = _g, {
+  block: kg
 } = F(Du), Bu = {
   kind: le.info
 };
@@ -5279,11 +5279,11 @@ function Ee(e) {
     ...s
   } = e, {
     color: i
-  } = xg[a] || {};
+  } = Tg[a] || {};
   return m("p", A({
     ref: r
   }, s, {
-    className: $(n, _g({
+    className: $(n, kg({
       [`color-${i}`]: !!i,
       [`theme-${o}`]: !!o
     }))
@@ -5293,10 +5293,10 @@ Ee.displayName = Ru;
 Ee.className = Du;
 Ee.defaultProps = Bu;
 const {
-  block: kg,
+  block: Eg,
   element: de
 } = F(Eu);
-function Eg(e, t, n, a, o) {
+function Ig(e, t, n, a, o) {
   const r = e ? `text-field-helper-${n}` : void 0, s = t ? `text-field-error-${n}` : void 0, i = o ? `text-field-label-${n}` : void 0, l = [s, r, a].filter(Boolean), c = l.length === 0 ? void 0 : l.join(" ");
   return {
     helperId: r,
@@ -5305,7 +5305,7 @@ function Eg(e, t, n, a, o) {
     labelId: i
   };
 }
-const Ig = (e) => {
+const Mg = (e) => {
   const {
     chips: t,
     className: n,
@@ -5345,7 +5345,7 @@ const Ig = (e) => {
   })]) : void 0;
   return m("div", {
     ref: H,
-    className: $(n, kg({
+    className: $(n, Eg({
       "has-chips": !!t,
       "has-error": !d && s,
       "has-icon": !!l,
@@ -5391,7 +5391,7 @@ const Ig = (e) => {
     "aria-describedby": C
   }, a, {
     className: de("input-clear"),
-    icon: ef,
+    icon: tf,
     emphasis: ye.low,
     size: V.s,
     theme: x,
@@ -5410,7 +5410,7 @@ const Ig = (e) => {
     id: O,
     children: i
   })]);
-}, Mg = {
+}, $g = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e, t, n) => typeof e == "string",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5421,7 +5421,7 @@ const Ig = (e) => {
   blur: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   clear: (e) => !0
-}, $g = /* @__PURE__ */ E((e, {
+}, Lg = /* @__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), {
@@ -5437,7 +5437,7 @@ const Ig = (e) => {
   }, {
     flush: "sync"
   });
-  const f = w(() => Eg(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), h = (y, N, O) => {
+  const f = w(() => Ig(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), h = (y, N, O) => {
     t("change", y, N, O);
   }, g = (y, N, O) => {
     t("input", y, N, O);
@@ -5483,16 +5483,16 @@ const Ig = (e) => {
       onInput: g,
       onFocus: p,
       onBlur: b
-    }, xe = e.multiline ? m(Og, A({
+    }, xe = e.multiline ? m(Pg, A({
       ref: d
     }, J, {
       rows: e.minimumRows
-    }), null) : m(vg, A({
+    }), null) : m(bg, A({
       ref: d
     }, J, {
       type: e.type || "text"
     }), null);
-    return m(Ig, {
+    return m(Mg, {
       chips: (a() ?? X) || void 0,
       error: e.error,
       forceFocusStyle: e.forceFocusStyle,
@@ -5527,11 +5527,11 @@ const Ig = (e) => {
     }, null);
   };
 }, {
-  name: M(fg),
+  name: M(hg),
   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__ */ E((e, {
+  emits: $g
+}), Rg = /* @__PURE__ */ E((e, {
   emit: t,
   attrs: n
 }) => {
@@ -5546,7 +5546,7 @@ const Ig = (e) => {
   } = Wr(), u = D(null);
   Ze(() => {
     const g = u.value;
-    g && s(dg(g, {
+    g && s(fg(g, {
       onSelect(p) {
         e.onSelect?.(p), t("select", p);
       },
@@ -5584,7 +5584,7 @@ const Ig = (e) => {
       ariaDisabled: C,
       ...x
     } = O;
-    return ug({
+    return dg({
       ...n,
       ...x,
       "aria-disabled": C ?? n.ariaDisabled,
@@ -5602,12 +5602,12 @@ const Ig = (e) => {
       handleToggle: h,
       className: a.value
     }, {
-      TextField: $g,
+      TextField: Lg,
       IconButton: pt
     });
   };
 }, {
-  name: M(cg),
+  name: M(ug),
   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: {
@@ -5622,8 +5622,8 @@ const Ig = (e) => {
     clear: (e) => !0
   }
 }), Fu = "List", qu = "lumx-list", {
-  block: Rg
-} = F(qu), Dg = {}, vt = (e) => {
+  block: Dg
+} = F(qu), Bg = {}, vt = (e) => {
   const {
     children: t,
     className: n,
@@ -5632,7 +5632,7 @@ const Ig = (e) => {
     ...r
   } = e;
   return m("ul", A(r, {
-    className: $(n, Rg({
+    className: $(n, Dg({
       [`item-padding-${a}`]: !!a
     })),
     ref: o
@@ -5640,8 +5640,8 @@ const Ig = (e) => {
 };
 vt.displayName = Fu;
 vt.className = qu;
-vt.defaultProps = Dg;
-const Bg = "ComboboxList", Fg = "lumx-combobox-list", qg = (e) => {
+vt.defaultProps = Bg;
+const Fg = "ComboboxList", qg = "lumx-combobox-list", jg = (e) => {
   const {
     "aria-label": t,
     "aria-busy": n,
@@ -5654,7 +5654,7 @@ const Bg = "ComboboxList", Fg = "lumx-combobox-list", qg = (e) => {
   } = e;
   return vt({
     ...l,
-    className: $(o, Fg),
+    className: $(o, qg),
     ref: i,
     itemPadding: "big",
     id: r,
@@ -5663,21 +5663,21 @@ const Bg = "ComboboxList", Fg = "lumx-combobox-list", qg = (e) => {
     "aria-busy": n || void 0,
     children: a
   });
-}, ju = /* @__PURE__ */ Symbol("combobox-list-context"), jg = { type: "listbox" };
-function Hg(e) {
+}, ju = /* @__PURE__ */ Symbol("combobox-list-context"), Hg = { type: "listbox" };
+function zg(e) {
   Ie(ju, e);
 }
-function zg() {
-  return be(ju, jg);
+function Vg() {
+  return be(ju, Hg);
 }
-const Vg = /* @__PURE__ */ E((e, {
+const Wg = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = B(), a = R(() => e.class), {
     listboxId: o,
     handle: r
   } = we(), s = D(null);
-  Hg({
+  zg({
     type: e.type || "listbox"
   }), gt([r, s], ([u, d]) => {
     if (!(!u || !d))
@@ -5690,7 +5690,7 @@ const Vg = /* @__PURE__ */ E((e, {
     flush: "post"
   }), () => {
     const u = l.value ? t.default?.() : null, d = n["aria-label"] ?? "", f = n["aria-multiselectable"];
-    return qg({
+    return jg({
       "aria-label": d,
       "aria-multiselectable": f || void 0,
       "aria-busy": i.value || void 0,
@@ -5702,14 +5702,14 @@ const Vg = /* @__PURE__ */ E((e, {
     });
   };
 }, {
-  name: M(Bg),
+  name: M(Fg),
   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
   // via props['aria-label']. Instead, we read it from attrs where Vue keeps the original name.
   props: L()("type", "class")
 }), Hu = "ListItem", zu = "lumx-list-item", {
-  block: Wg,
+  block: Ug,
   element: zt
 } = F(zu), Vu = {
   size: V.regular
@@ -5734,7 +5734,7 @@ const Vg = /* @__PURE__ */ E((e, {
   return m("li", A({
     ref: g
   }, p, {
-    className: $(o, Wg({
+    className: $(o, Ug({
       [`size-${h}`]: !!h
     }))
   }), [tt({
@@ -5761,7 +5761,7 @@ const Vg = /* @__PURE__ */ E((e, {
 ot.displayName = Hu;
 ot.className = zu;
 ot.defaultProps = Vu;
-const Ug = "ListItemAction", Ur = (e) => {
+const Gg = "ListItemAction", Ur = (e) => {
   const {
     children: t,
     className: n,
@@ -5772,7 +5772,7 @@ const Ug = "ListItemAction", Ur = (e) => {
   return tt({
     as: a,
     ...r,
-    className: $(n, gf.action({
+    className: $(n, vf.action({
       "has-overlay": !0,
       "focus-inset": !0
     })),
@@ -5780,13 +5780,13 @@ const Ug = "ListItemAction", Ur = (e) => {
     children: t
   });
 };
-function Gg(e) {
+function Kg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const Kg = "ComboboxOption", Yg = "lumx-combobox-option", {
-  block: Xg,
+const Yg = "ComboboxOption", Xg = "lumx-combobox-option", {
+  block: Zg,
   element: ji
-} = F(Yg), Zg = (e, {
+} = F(Xg), Jg = (e, {
   Tooltip: t
 } = {}) => {
   const {
@@ -5822,7 +5822,7 @@ const Kg = "ComboboxOption", Yg = "lumx-combobox-option", {
     "aria-disabled": u ? "true" : void 0,
     role: N,
     children: o
-  }), C = t && b && !l ? m(t, b, Gg(T) ? T : {
+  }), C = t && b && !l ? m(t, b, Kg(T) ? T : {
     default: () => [T]
   }) : T;
   return ot({
@@ -5830,7 +5830,7 @@ const Kg = "ComboboxOption", Yg = "lumx-combobox-option", {
     size: "tiny",
     ...y,
     hidden: l,
-    className: l ? void 0 : $(r, Xg()),
+    className: l ? void 0 : $(r, Zg()),
     before: n,
     after: a,
     role: O,
@@ -5843,16 +5843,16 @@ const Kg = "ComboboxOption", Yg = "lumx-combobox-option", {
     })), [s])])
   });
 }, Wu = /* @__PURE__ */ Symbol("combobox-option-context");
-function Jg(e) {
+function Qg(e) {
   Ie(Wu, e);
 }
-function Qg() {
+function ev() {
   const e = be(Wu);
   if (!e)
     throw new Error("Combobox.OptionMoreInfo must be used within a Combobox.Option `after` slot");
   return e;
 }
-const ev = {
+const tv = {
   click: () => !0
 }, _t = /* @__PURE__ */ E((e, {
   slots: t,
@@ -5860,10 +5860,10 @@ const ev = {
 }) => {
   const a = B(), o = R(() => e.class), {
     type: r
-  } = zg(), {
+  } = Vg(), {
     handle: s
   } = we(), i = r === "grid", l = re(), c = re(), u = D(null), d = D(!1);
-  Jg({
+  Qg({
     optionId: l
   }), gt([s, u], ([p, b]) => {
     if (!(!p || !b))
@@ -5888,7 +5888,7 @@ const ev = {
   }, g = (p) => t[p]?.() ?? a[p];
   return () => {
     const p = g("before"), b = g("after"), v = t.default?.();
-    return Zg({
+    return Jg({
       ref: f,
       hidden: d.value,
       value: e.value,
@@ -5910,11 +5910,11 @@ const ev = {
     });
   };
 }, {
-  name: M(Kg),
+  name: M(Yg),
   inheritAttrs: !1,
   props: L()("value", "description", "isDisabled", "isSelected", "tooltipProps", "actionProps", "class"),
-  emits: ev
-}), tv = "ComboboxOptionAction", nv = "lumx-combobox-option-action", av = (e) => {
+  emits: tv
+}), nv = "ComboboxOptionAction", av = "lumx-combobox-option-action", ov = (e) => {
   const {
     children: t,
     className: n,
@@ -5926,11 +5926,11 @@ const ev = {
     as: a,
     ...r,
     role: "gridcell",
-    className: $(n, nv),
+    className: $(n, av),
     handleClick: o,
     children: t
   });
-}, ov = /* @__PURE__ */ E((e, {
+}, rv = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -5944,7 +5944,7 @@ const ev = {
       class: c,
       ...u
     } = s.value;
-    return av({
+    return ov({
       as: "button",
       ...u,
       ...n,
@@ -5956,17 +5956,17 @@ const ev = {
     });
   };
 }, {
-  name: M(tv),
+  name: M(nv),
   inheritAttrs: !1,
   props: L()("isDisabled", "onClick", "class")
 });
-function rv(e) {
+function sv(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const sv = "ComboboxOptionMoreInfo", iv = "lumx-combobox-option-more-info", {
-  block: lv,
-  element: cv
-} = F(iv), uv = (e, {
+const iv = "ComboboxOptionMoreInfo", lv = "lumx-combobox-option-more-info", {
+  block: cv,
+  element: uv
+} = F(lv), dv = (e, {
   IconButton: t,
   Popover: n
 }) => {
@@ -5982,10 +5982,10 @@ const sv = "ComboboxOptionMoreInfo", iv = "lumx-combobox-option-more-info", {
   } = e;
   return m(ne, null, [m(t, A({
     ref: i,
-    icon: tf,
+    icon: nf,
     size: "s"
   }, u, {
-    className: lv([o, u?.className]),
+    className: cv([o, u?.className]),
     emphasis: "low",
     onMouseEnter: l,
     onMouseLeave: c,
@@ -5993,7 +5993,7 @@ const sv = "ComboboxOptionMoreInfo", iv = "lumx-combobox-option-more-info", {
     label: ""
   }), null), m(n, {
     id: s,
-    className: cv("popover"),
+    className: uv("popover"),
     anchorRef: i,
     isOpen: r,
     closeMode: "unmount",
@@ -6001,10 +6001,10 @@ const sv = "ComboboxOptionMoreInfo", iv = "lumx-combobox-option-more-info", {
     closeOnClickAway: !0,
     placement: "bottom-end",
     hasArrow: !0
-  }, rv(a) ? a : {
+  }, sv(a) ? a : {
     default: () => [a]
   })]);
-}, dv = {
+}, fv = {
   AUTO: "auto",
   AUTO_END: "auto-end",
   AUTO_START: "auto-start",
@@ -6020,7 +6020,7 @@ const sv = "ComboboxOptionMoreInfo", iv = "lumx-combobox-option-more-info", {
   LEFT: "left",
   LEFT_END: "left-end",
   LEFT_START: "left-start"
-}, fv = {
+}, Uu = {
   MIN_WIDTH: "minWidth"
 }, za = 14, hv = 9999;
 function mv(e) {
@@ -6032,7 +6032,7 @@ const pv = "Popover", gv = "lumx-popover", {
 } = F(gv), Gt = {
   closeMode: "unmount",
   elevation: 3,
-  placement: dv.AUTO,
+  placement: fv.AUTO,
   usePortal: !0
 }, yv = (e, {
   Portal: t,
@@ -6103,15 +6103,15 @@ function Nv(e) {
 }
 function Av(e) {
   if (e)
-    return typeof e == "string" ? e : fv.MIN_WIDTH;
+    return typeof e == "string" ? e : Uu.MIN_WIDTH;
 }
 function it(e) {
   return e && e in V ? `var(--lumx-size-${e})` : e;
 }
-function Uu(e) {
+function Gu(e) {
   return (t, n) => t && n ? `${e}(${t}, ${n})` : t || n || "";
 }
-const Hi = Uu("min"), Ov = Uu("max");
+const Hi = Gu("min"), Ov = Gu("max");
 function Pv(e) {
   const {
     offset: t,
@@ -6129,9 +6129,9 @@ function Pv(e) {
     arrowElement: h
   } = e, g = it(r), p = it(s), b = it(i), v = it(l), y = it(c), N = it(u), O = [], T = (t?.away ?? 0) + (n ? za : 0), C = t?.along ?? 0;
   return O.push(Au({ mainAxis: T, crossAxis: C })), f.isAuto ? O.push(
-    Hp({ ...d ? { boundary: d } : {}, alignment: f.autoAlignment })
-  ) : (O.push(Vp(d ? { boundary: d } : {})), O.push(zp(d ? { boundary: d } : {}))), (a || o || g || p || b || v || y || N) && O.push(
-    Wp({
+    zp({ ...d ? { boundary: d } : {}, alignment: f.autoAlignment })
+  ) : (O.push(Wp(d ? { boundary: d } : {})), O.push(Vp(d ? { boundary: d } : {}))), (a || o || g || p || b || v || y || N) && O.push(
+    Up({
       ...d ? { boundary: d } : {},
       apply({ availableHeight: P, rects: k, elements: _ }) {
         const S = `${k.reference.width}px`;
@@ -6143,7 +6143,7 @@ function Pv(e) {
         );
       }
     })
-  ), n && h && O.push(Up({ element: h, padding: za / 2 })), O;
+  ), n && h && O.push(Gp({ element: h, padding: za / 2 })), O;
 }
 function Cv(e) {
   if (e)
@@ -6276,12 +6276,12 @@ const Tv = {
 function _v(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const Gu = /* @__PURE__ */ E((e, {
+const Ku = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = R(() => e.class), a = D(null), o = w(() => a.value?.$el ?? void 0), r = D(!1), {
     optionId: s
-  } = Qg(), i = Ae("activeDescendantChange", null), l = `${s}-more-info`;
+  } = ev(), i = Ae("activeDescendantChange", null), l = `${s}-more-info`;
   function c(d) {
     const {
       onMouseEnter: f,
@@ -6310,7 +6310,7 @@ const Gu = /* @__PURE__ */ E((e, {
   };
   return () => {
     const d = i.value === s, f = r.value || d, h = t.default?.();
-    return uv({
+    return dv({
       // Pass `undefined` for the core template's `ref` prop. The core template
       // passes `ref` to `<IconButton ref={ref}>`, but if we pass `iconButtonRef`
       // here, Vue would bind the outer functional component's VNode ref to
@@ -6335,7 +6335,7 @@ const Gu = /* @__PURE__ */ E((e, {
     });
   };
 }, {
-  name: M(sv),
+  name: M(iv),
   inheritAttrs: !1,
   props: L()("class", "onToggle"),
   emits: {
@@ -6396,7 +6396,7 @@ const Gu = /* @__PURE__ */ E((e, {
   }, (l, c) => m(ot, A({
     key: c
   }, i), null))]);
-}, Ku = /* @__PURE__ */ E((e, {
+}, Yu = /* @__PURE__ */ E((e, {
   slots: t,
   attrs: n
 }) => {
@@ -6562,7 +6562,7 @@ const On = /* @__PURE__ */ E((e, {
   emit: n
 }) => {
   const a = B(), o = re(), r = D(null), s = je(null);
-  return sg({
+  return ig({
     handle: s,
     setHandle: (l) => {
       s.value = l;
@@ -6574,7 +6574,7 @@ const On = /* @__PURE__ */ E((e, {
     const c = l.subscribe("open", (u) => {
       a.onOpen?.(u), n("open", u);
     });
-    Yd(c);
+    Xd(c);
   }), () => t.default?.();
 }, {
   name: M(Bv),
@@ -6621,7 +6621,7 @@ const Qv = "ComboboxSection", eb = "lumx-combobox-section", tb = (e, {
   name: M(Fu),
   inheritAttrs: !1,
   props: L()("itemPadding", "class")
-}), Yu = "ListDivider", Xu = "lumx-list-divider", nb = {}, Pn = (e) => {
+}), Xu = "ListDivider", Zu = "lumx-list-divider", nb = {}, Pn = (e) => {
   const {
     className: t,
     ref: n,
@@ -6631,19 +6631,19 @@ const Qv = "ComboboxSection", eb = "lumx-combobox-section", tb = (e, {
     ref: n,
     role: "none"
   }, a, {
-    className: $(t, Xu)
+    className: $(t, Zu)
   }), null);
 };
-Pn.displayName = Yu;
-Pn.className = Xu;
+Pn.displayName = Xu;
+Pn.className = Zu;
 Pn.defaultProps = nb;
-const Zu = /* @__PURE__ */ E((e) => {
+const Ju = /* @__PURE__ */ E((e) => {
   const t = B(), n = R(() => e.class);
   return () => m(Pn, A(t, {
     className: n.value
   }), null);
 }, {
-  name: M(Yu),
+  name: M(Xu),
   inheritAttrs: !1,
   props: L()("class")
 }), ab = {
@@ -6676,7 +6676,7 @@ const Zu = /* @__PURE__ */ E((e) => {
     }), null);
   };
 }, {
-  name: M(Ug),
+  name: M(Gg),
   inheritAttrs: !1,
   props: L()("as", "href", "class", "isDisabled", "disabled", "aria-disabled"),
   emits: ab
@@ -6719,10 +6719,10 @@ const Zu = /* @__PURE__ */ E((e) => {
   emits: rb
 }), eC = Object.assign(sb, {
   Action: ob
-}), Ju = "ListSection", Qu = "lumx-list-section", {
+}), Qu = "ListSection", ed = "lumx-list-section", {
   block: ib,
   element: Vi
-} = F(Qu), lb = {}, Cn = (e) => {
+} = F(ed), lb = {}, Cn = (e) => {
   const {
     children: t,
     className: n,
@@ -6752,8 +6752,8 @@ const Zu = /* @__PURE__ */ E((e) => {
     "aria-labelledby": d ? u : void 0
   }), [t])]);
 };
-Cn.displayName = Ju;
-Cn.className = Qu;
+Cn.displayName = Qu;
+Cn.className = ed;
 Cn.defaultProps = lb;
 const cb = /* @__PURE__ */ E((e, {
   slots: t
@@ -6766,10 +6766,10 @@ const cb = /* @__PURE__ */ E((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: M(Ju),
+  name: M(Qu),
   inheritAttrs: !1,
   props: L()("label", "icon", "itemsWrapperProps", "class")
-}), ed = /* @__PURE__ */ E((e, {
+}), td = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = R(() => e.class), {
@@ -6829,7 +6829,7 @@ const ub = "ComboboxState", db = "lumx-combobox-state", {
     vAlign: "center"
   }, N = c;
   return m(t, A({
-    className: $(!v && rn(), fb(), yf("regular")),
+    className: $(!v && rn(), fb(), Nf("regular")),
     orientation: "vertical"
   }, y, {
     role: "status",
@@ -7076,7 +7076,7 @@ function Tb() {
   return no = e, no;
 }
 var ao, nl;
-function td() {
+function nd() {
   if (nl) return ao;
   nl = 1;
   function e(t, n) {
@@ -7088,7 +7088,7 @@ var oo, al;
 function xn() {
   if (al) return oo;
   al = 1;
-  var e = td();
+  var e = nd();
   function t(n, a) {
     for (var o = n.length; o--; )
       if (e(n[o][0], a))
@@ -7374,7 +7374,7 @@ var To, wl;
 function Kb() {
   if (wl) return To;
   wl = 1;
-  var e = Gb(), t = td(), n = Object.prototype, a = n.hasOwnProperty;
+  var e = Gb(), t = nd(), n = Object.prototype, a = n.hasOwnProperty;
   function o(r, s, i) {
     var l = r[s];
     (!(a.call(r, s) && t(l, i)) || i === void 0 && !(s in r)) && e(r, s, i);
@@ -7382,7 +7382,7 @@ function Kb() {
   return To = o, To;
 }
 var _o, xl;
-function nd() {
+function ad() {
   if (xl) return _o;
   xl = 1;
   var e = 9007199254740991, t = /^(?:0|[1-9]\d*)$/;
@@ -7393,10 +7393,10 @@ function nd() {
   return _o = n, _o;
 }
 var ko, Tl;
-function ad() {
+function od() {
   if (Tl) return ko;
   Tl = 1;
-  var e = Kb(), t = _n(), n = nd(), a = un(), o = Yr();
+  var e = Kb(), t = _n(), n = ad(), a = un(), o = Yr();
   function r(s, i, l, c) {
     if (!a(s))
       return s;
@@ -7419,7 +7419,7 @@ var Eo, _l;
 function Yb() {
   if (_l) return Eo;
   _l = 1;
-  var e = Ub(), t = ad(), n = _n();
+  var e = Ub(), t = od(), n = _n();
   function a(o, r, s) {
     for (var i = -1, l = r.length, c = {}; ++i < l; ) {
       var u = r[i], d = e(o, u);
@@ -7442,7 +7442,7 @@ var Mo, El;
 function Zb() {
   if (El) return Mo;
   El = 1;
-  var e = _n(), t = Lr(), n = et(), a = nd(), o = Rr(), r = Yr();
+  var e = _n(), t = Lr(), n = et(), a = ad(), o = Rr(), r = Yr();
   function s(i, l, c) {
     l = e(l, i);
     for (var u = -1, d = l.length, f = !1; ++u < d; ) {
@@ -7583,40 +7583,40 @@ const iy = /* @__PURE__ */ $e(sy), tC = iy(V, ["tiny", "regular", "medium", "big
   name: M(ub),
   inheritAttrs: !1,
   props: L()("emptyMessage", "nbOptionMessage", "errorMessage", "errorTryReloadMessage", "loadingMessage", "class")
-}), od = {
+}), rd = {
   /** Provides shared combobox context (handle, listbox ID, anchor ref) to all sub-components. */
   Provider: Zv,
   /** Button trigger for select-only combobox mode with keyboard navigation and typeahead. */
-  Button: ig,
+  Button: lg,
   /** Text input trigger for autocomplete combobox mode with optional toggle button and filtering. */
-  Input: Lg,
+  Input: Rg,
   /** Listbox container that registers with the combobox handle and tracks loading state. */
-  List: Vg,
+  List: Wg,
   /** Selectable option item with filtering and keyboard navigation support. */
   Option: _t,
   /** Secondary action button within a grid-mode option row, rendered as an independent gridcell. */
-  OptionAction: ov,
+  OptionAction: rv,
   /** Info button on an option that shows a popover on hover or keyboard highlight. */
-  OptionMoreInfo: Gu,
+  OptionMoreInfo: Ku,
   /** Loading placeholder skeleton(s) that auto-register loading state with the combobox handle. */
-  OptionSkeleton: Ku,
+  OptionSkeleton: Yu,
   /** Floating popover container that auto-binds to the combobox anchor and open/close state. */
   Popover: Xv,
   /** Labelled group of options that auto-hides when all its child options are filtered out. */
-  Section: ed,
+  Section: td,
   /** Displays empty, error, and loading state messages for the combobox list. */
   State: ly,
   /** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */
-  Divider: Zu
-}, rd = "Badge", sd = "lumx-badge", {
+  Divider: Ju
+}, sd = "Badge", id = "lumx-badge", {
   block: cy
-} = F(sd), id = {
+} = F(id), ld = {
   color: Y.primary
 }, kn = (e) => {
   const {
     children: t,
     className: n,
-    color: a = id.color,
+    color: a = ld.color,
     ref: o,
     ...r
   } = e;
@@ -7628,9 +7628,9 @@ const iy = /* @__PURE__ */ $e(sy), tC = iy(V, ["tiny", "regular", "medium", "big
     }))
   }), [t]);
 };
-kn.displayName = rd;
-kn.className = sd;
-kn.defaultProps = id;
+kn.displayName = sd;
+kn.className = id;
+kn.defaultProps = ld;
 const nC = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
@@ -7640,7 +7640,7 @@ const nC = /* @__PURE__ */ E((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: M(rd),
+  name: M(sd),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("color", "class")
@@ -7714,7 +7714,7 @@ const gy = "Card", vy = "lumx-card", {
   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", {
+}), cd = "intermediate", Ay = "Checkbox", Oy = "lumx-checkbox", {
   block: Py,
   element: Re
 } = F(Oy), Cy = (e) => {
@@ -7735,7 +7735,7 @@ const gy = "Card", vy = "lumx-card", {
     isDisabled: g,
     inputId: p,
     ...b
-  } = e, v = s === ld, y = (N) => {
+  } = e, v = s === cd, y = (N) => {
     u && u(!s, f, l, N);
   };
   return m("div", A({
@@ -7770,7 +7770,7 @@ const gy = "Card", vy = "lumx-card", {
   }, null), m("div", {
     className: Re("input-indicator")
   }, [te({
-    icon: v ? of : af
+    icon: v ? rf : of
   })])])]), m("div", {
     className: Re("content")
   }, [i && Ge({
@@ -7796,7 +7796,7 @@ const gy = "Card", vy = "lumx-card", {
   } = ae(w(() => ({
     ...e,
     ...n
-  }))), d = w(() => e.isChecked === ld);
+  }))), d = w(() => e.isChecked === cd);
   Z(d, (h) => {
     i.value && (i.value.indeterminate = h);
   }, {
@@ -7857,7 +7857,7 @@ const gy = "Card", vy = "lumx-card", {
     tabIndexProp: x = "tabIndex",
     ...P
   } = e, k = g && !y, _ = !!g || !!y || s, S = r || (b === me.light ? Y.dark : Y.light), q = (z) => {
-    N?.(z), g && d && Af(d)(z);
+    N?.(z), g && d && Of(d)(z);
   }, H = {
     [C]: q,
     [x]: _ && !O.disabled ? 0 : void 0
@@ -8082,7 +8082,7 @@ function Hy(e) {
     t.removeEventListener("click", n), t.removeEventListener("keydown", a), o && r && o.removeEventListener("keydown", r);
   };
 }
-function cd({
+function ud({
   containerRef: e,
   itemSelector: t,
   onItemFocused: n,
@@ -8094,13 +8094,13 @@ function cd({
     const i = e.value;
     if (!i) return;
     const l = new AbortController();
-    Um(
+    Gm(
       { container: i, itemSelector: t, direction: a, itemDisabledSelector: o, itemSelectedAttr: r, onItemFocused: n },
       l.signal
     ), s(() => l.abort());
   });
 }
-const ud = (e) => (t) => G(t) && t.type === e, zy = {
+const dd = (e) => (t) => G(t) && t.type === e, zy = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
 }, Vy = /* @__PURE__ */ E(
@@ -8121,7 +8121,7 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
       c(u);
     });
     const l = w(i);
-    return cd({
+    return ud({
       containerRef: l,
       itemSelector: `.${kt}`,
       itemDisabledSelector: `.${kt}[aria-disabled="true"]`
@@ -8132,7 +8132,7 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
         if (n.chip) {
           const v = n.chip({
             option: f
-          })?.find(ud(dr));
+          })?.find(dd(dr));
           g = v?.props || {};
           const y = v?.children?.before;
           y && (g.before = y());
@@ -8178,7 +8178,7 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
     ...r,
     as: s,
     className: $(a, Uy),
-    typography: o || zf[s]
+    typography: o || Vf[s]
   };
 }, Ky = /* @__PURE__ */ E((e, {
   slots: t
@@ -8209,18 +8209,18 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
   slots: t
 }) => {
   const n = B(), a = re(), o = w(() => e.id || a);
-  Qf(ln, () => o.value);
+  eh(ln, () => o.value);
   const r = w(() => ({
     ...n,
     ...e,
     id: o.value,
-    typography: e.typography ?? jd.title
+    typography: e.typography ?? Hd.title
   }));
   return () => m(Ky, r.value, {
     default: () => [t.default?.()]
   });
 }, {
-  name: M(Rf),
+  name: M(Df),
   inheritAttrs: !1,
   props: L()("id", "as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
 }), Yy = "Lightbox", Xy = "lumx-lightbox", {
@@ -8300,9 +8300,9 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
       })]
     })])]
   });
-}, dd = {
+}, fd = {
   close: () => !0
-}, fd = L()(
+}, hd = L()(
   "class",
   "closeButtonProps",
   "focusElement",
@@ -8349,8 +8349,8 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
 }, {
   name: M("LightboxContent"),
   inheritAttrs: !1,
-  props: fd,
-  emits: dd
+  props: hd,
+  emits: fd
 }), iC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
@@ -8367,8 +8367,8 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
 }, {
   name: M(Yy),
   inheritAttrs: !1,
-  props: fd,
-  emits: dd
+  props: hd,
+  emits: fd
 }), eN = "Divider", tN = "lumx-divider", {
   block: nN
 } = F(tN), aN = (e) => {
@@ -8412,7 +8412,7 @@ const ud = (e) => (t) => G(t) && t.type === e, zy = {
       [`theme-${n}`]: !!n
     }))
   }), [te({
-    icon: rf,
+    icon: sf,
     color: n === me.dark ? Y.light : Y.dark,
     size: V.xs
   })]);
@@ -8674,7 +8674,7 @@ function ON() {
   return Uo = a, Uo;
 }
 var Go, Yl;
-function hd() {
+function md() {
   if (Yl) return Go;
   Yl = 1;
   var e = ON();
@@ -8688,7 +8688,7 @@ var Ko, Xl;
 function PN() {
   if (Xl) return Ko;
   Xl = 1;
-  var e = hd();
+  var e = md();
   function t(n) {
     return typeof n == "number" && n == e(n);
   }
@@ -8699,7 +8699,7 @@ 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", xN = {}, En = (e) => {
+const pd = "GridColumn", gd = "lumx-grid-column", xN = {}, En = (e) => {
   const {
     as: t = "div",
     gap: n,
@@ -8713,7 +8713,7 @@ const md = "GridColumn", pd = "lumx-grid-column", xN = {}, En = (e) => {
   } = e;
   return m(t, A(c, {
     ref: l,
-    className: $(s, pd),
+    className: $(s, gd),
     style: {
       ...i,
       "--lumx-grid-column-item-min-width": SN(o) && `${o}px`,
@@ -8724,8 +8724,8 @@ const md = "GridColumn", pd = "lumx-grid-column", xN = {}, En = (e) => {
     default: () => [r]
   });
 };
-En.displayName = md;
-En.className = pd;
+En.displayName = pd;
+En.className = gd;
 En.defaultProps = xN;
 const fC = /* @__PURE__ */ E((e, {
   slots: t
@@ -8736,7 +8736,7 @@ const fC = /* @__PURE__ */ E((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: M(md),
+  name: M(pd),
   inheritAttrs: !1,
   props: L()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
 }), hC = /* @__PURE__ */ E((e, {
@@ -8767,9 +8767,9 @@ const fC = /* @__PURE__ */ E((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")
-}), TN = "Link", gd = "lumx-link", {
+}), TN = "Link", vd = "lumx-link", {
   block: _N
-} = F(gd), kN = (e) => {
+} = F(vd), kN = (e) => {
   const {
     children: t,
     className: n,
@@ -8799,7 +8799,7 @@ const fC = /* @__PURE__ */ E((e, {
   click: (e) => e instanceof MouseEvent
 }, {
   element: IN
-} = fe.bem(gd), Xr = /* @__PURE__ */ E((e, {
+} = fe.bem(vd), Xr = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = Me(), a = B(), o = R(() => e.class), {
@@ -8839,7 +8839,7 @@ function Zl(e) {
 const MN = "LinkPreview", $N = "lumx-link-preview", {
   block: LN,
   element: Ke
-} = F($N), vd = {
+} = F($N), bd = {
   size: V.regular,
   titleHeading: "h2"
 }, RN = (e) => {
@@ -8849,7 +8849,7 @@ const MN = "LinkPreview", $N = "lumx-link-preview", {
     link: a,
     linkAs: o,
     linkProps: r,
-    size: s = vd.size,
+    size: s = bd.size,
     theme: i,
     thumbnailProps: l,
     ref: c,
@@ -8914,7 +8914,7 @@ const MN = "LinkPreview", $N = "lumx-link-preview", {
   const t = B(), n = K(), a = R(() => e.class);
   return () => {
     const {
-      titleHeading: o = vd.titleHeading,
+      titleHeading: o = bd.titleHeading,
       linkAs: r,
       ...s
     } = e;
@@ -8966,12 +8966,12 @@ const MN = "LinkPreview", $N = "lumx-link-preview", {
     after: o,
     children: d
   });
-}, bd = /* @__PURE__ */ Symbol("LumxMenuContext");
+}, yd = /* @__PURE__ */ Symbol("LumxMenuContext");
 function HN(e) {
-  Ie(bd, e);
+  Ie(yd, e);
 }
 function bt() {
-  const e = be(bd);
+  const e = be(yd);
   if (!e)
     throw new Error("Menu sub-components must be used within a Menu.Provider");
   return e;
@@ -9060,7 +9060,7 @@ const VN = {
   } = e, d = {};
   u === "chip" && (d.isClickable = !0);
   let f;
-  return u === "icon-button" ? (d.label = r, i?.icon || (d.icon = sf)) : f = r, m(t, {
+  return u === "icon-button" ? (d.label = r, i?.icon || (d.icon = lf)) : f = r, m(t, {
     onOpen: c
   }, {
     default: () => [m(n, A(i, d), Jl(f) ? f : {
@@ -9360,22 +9360,23 @@ const sA = "MenuPopover", iA = "lumx-menu-popover", {
     className: o,
     isOpen: r,
     placement: s = "bottom-start",
-    anchorRef: i,
-    handleClose: l,
-    ...c
+    fitToAnchorWidth: i = Uu.MIN_WIDTH,
+    anchorRef: l,
+    handleClose: c,
+    ...u
   } = e;
-  return m(t, A(c, {
+  return m(t, A(u, {
     placement: s,
-    anchorRef: i,
+    anchorRef: l,
     isOpen: r,
-    onClose: l,
+    onClose: c,
     closeOnClickAway: !0,
     closeOnEscape: !0,
     usePortal: !1,
     focusAnchorOnClose: !0,
     withFocusTrap: !1,
     closeMode: "hide",
-    fitToAnchorWidth: !1,
+    fitToAnchorWidth: i,
     className: lA([o])
   }), {
     default: () => [m(n, {
@@ -9402,7 +9403,7 @@ const sA = "MenuPopover", iA = "lumx-menu-popover", {
 }, {
   name: M(sA),
   inheritAttrs: !1,
-  props: L()("placement", "class")
+  props: L()("placement", "fitToAnchorWidth", "class")
 }), fA = "Menu", hA = "lumx-menu", mA = (e) => {
   const {
     "aria-labelledby": t,
@@ -9485,10 +9486,10 @@ const sA = "MenuPopover", iA = "lumx-menu-popover", {
   inheritAttrs: !1,
   props: L()("label", "popoverProps", "class", "variant"),
   emits: ["open"]
-}), yd = "Message", Nd = "lumx-message", {
+}), Nd = "Message", Ad = "lumx-message", {
   block: vA,
   element: Yo
-} = F(Nd), bA = {
+} = F(Ad), bA = {
   [le.error]: {
     color: Y.red,
     icon: Pc
@@ -9543,8 +9544,8 @@ const sA = "MenuPopover", iA = "lumx-menu-popover", {
     emphasis: ye.low
   })]);
 };
-Jr.displayName = yd;
-Jr.className = Nd;
+Jr.displayName = Nd;
+Jr.className = Ad;
 const bC = /* @__PURE__ */ E((e, {
   slots: t,
   emit: n
@@ -9561,7 +9562,7 @@ const bC = /* @__PURE__ */ E((e, {
     } : void 0
   }), null);
 }, {
-  name: M(yd),
+  name: M(Nd),
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: L()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
@@ -9584,7 +9585,7 @@ var Zo, ec;
 function NA() {
   if (ec) return Zo;
   ec = 1;
-  var e = yA(), t = hd();
+  var e = yA(), t = md();
   function n(a, o, r) {
     return a && a.length ? (o = r || o === void 0 ? 1 : t(o), e(a, 0, o < 0 ? 0 : o)) : [];
   }
@@ -9640,7 +9641,7 @@ const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
       onClick: l()?.(u, f) || f
     }), null), a.length > 4 && u === 3 && m("div", {
       className: Jo("overlay")
-    }, [m("span", null, [Xd("+"), a.length - 4])])]);
+    }, [m("span", null, [Zd("+"), a.length - 4])])]);
   })])]);
 }, xA = {
   handleClick: (e) => typeof e == "number"
@@ -9662,9 +9663,9 @@ const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
   inheritAttrs: !1,
   props: L()("thumbnails", "theme", "class"),
   emits: xA
-}), TA = "PopoverDialog", _A = "lumx-popover-dialog", Ad = {
+}), TA = "PopoverDialog", _A = "lumx-popover-dialog", Od = {
   close: () => !0
-}, Od = L()(
+}, Pd = L()(
   "anchorRef",
   "aria-label",
   "aria-labelledby",
@@ -9733,8 +9734,8 @@ const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
 }, {
   name: M("PopoverDialogContent"),
   inheritAttrs: !1,
-  props: Od,
-  emits: Ad
+  props: Pd,
+  emits: Od
 }), NC = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
@@ -9751,8 +9752,8 @@ const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
 }, {
   name: M(TA),
   inheritAttrs: !1,
-  props: Od,
-  emits: Ad
+  props: Pd,
+  emits: Od
 }), EA = "ProgressLinear", IA = "lumx-progress-linear", {
   block: MA,
   element: tc
@@ -9884,7 +9885,7 @@ const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
   // 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: FA
-}), Pd = "RadioGroup", Cd = "lumx-radio-group", qA = {}, In = (e) => {
+}), Cd = "RadioGroup", Sd = "lumx-radio-group", qA = {}, In = (e) => {
   const {
     children: t,
     className: n,
@@ -9894,11 +9895,11 @@ const OA = /* @__PURE__ */ $e(AA), PA = "Mosaic", CA = "lumx-mosaic", {
   return m("div", A({
     ref: a
   }, o, {
-    className: $(n, Cd)
+    className: $(n, Sd)
   }), [t]);
 };
-In.displayName = Pd;
-In.className = Cd;
+In.displayName = Cd;
+In.className = Sd;
 In.defaultProps = qA;
 const PC = /* @__PURE__ */ E((e, {
   slots: t
@@ -9909,7 +9910,7 @@ const PC = /* @__PURE__ */ E((e, {
     children: t.default?.()
   }), null);
 }, {
-  name: M(Pd),
+  name: M(Cd),
   inheritAttrs: !1,
   props: L()("class")
 }), jA = "SkeletonCircle", HA = "lumx-skeleton-circle", {
@@ -10104,7 +10105,7 @@ const PC = /* @__PURE__ */ E((e, {
   // 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: aO
-}), Sd = {
+}), wd = {
   square: "square",
   rounded: "rounded",
   circle: "circle"
@@ -10114,7 +10115,7 @@ const PC = /* @__PURE__ */ E((e, {
 } = F(rO), Qo = {
   aspectRatio: mt.horizontal,
   size: V.xl,
-  variant: Sd.square
+  variant: wd.square
 }, iO = (e) => {
   const {
     aspectRatio: t = Qo.aspectRatio,
@@ -10133,7 +10134,7 @@ const PC = /* @__PURE__ */ E((e, {
     Component: g = "label",
     ref: p,
     ...b
-  } = e, v = i === Sd.circle ? mt.square : t;
+  } = e, v = i === wd.circle ? mt.square : t;
   return m(g, A({
     ref: p
   }, b, {
@@ -10236,10 +10237,10 @@ const PC = /* @__PURE__ */ E((e, {
 }), cO = {
   below: "below",
   over: "over"
-}, uO = "ImageBlock", wd = "lumx-image-block", {
+}, uO = "ImageBlock", xd = "lumx-image-block", {
   block: dO,
   element: nc
-} = F(wd), ac = {
+} = F(xd), ac = {
   captionPosition: cO.below,
   align: Pr.left
 }, fO = (e) => {
@@ -10285,7 +10286,7 @@ const PC = /* @__PURE__ */ E((e, {
     alt: a || b
   }), null), m(N, {
     as: "figcaption",
-    baseClassName: wd,
+    baseClassName: xd,
     theme: g,
     title: b,
     titleProps: v,
@@ -10359,12 +10360,12 @@ const hO = (e) => {
       }), er(s) ? s : {
         default: () => [s]
       }))]
-    }), l && Zd(m(f, {
+    }), l && Jd(m(f, {
       className: $(t && `${t}__tags`),
       orientation: "horizontal"
     }, er(l) ? l : {
       default: () => [l]
-    }), [[Jd("align"), u]])]
+    }), [[Qd("align"), u]])]
   });
 }, mO = /* @__PURE__ */ E((e) => {
   const t = K();
@@ -10415,10 +10416,10 @@ const hO = (e) => {
   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", {
+}), Td = "InlineList", _d = "lumx-inline-list", {
   block: pO,
   element: oc
-} = F(Td), gO = {}, Mn = (e) => {
+} = F(_d), gO = {}, Mn = (e) => {
   const {
     className: t,
     color: n,
@@ -10451,8 +10452,8 @@ const hO = (e) => {
     ))])
   );
 };
-Mn.displayName = xd;
-Mn.className = Td;
+Mn.displayName = Td;
+Mn.className = _d;
 Mn.defaultProps = gO;
 const kC = /* @__PURE__ */ E((e, {
   slots: t
@@ -10463,7 +10464,7 @@ const kC = /* @__PURE__ */ E((e, {
     items: t.default?.()
   }), null);
 }, {
-  name: M(xd),
+  name: M(Td),
   inheritAttrs: !1,
   props: L()("color", "colorVariant", "typography", "wrap", "class")
 }), vO = "Table", Dt = "lumx-table", {
@@ -10568,11 +10569,11 @@ const kC = /* @__PURE__ */ E((e, {
       size: V.xxs
     }), o && i === Wt.asc && te({
       className: `${Ye}-icon`,
-      icon: uf,
+      icon: df,
       size: V.xxs
     }), o && i === Wt.desc && te({
       className: `${Ye}-icon`,
-      icon: cf,
+      icon: uf,
       size: V.xxs
     }), m("div", {
       className: `${Ye}-content`
@@ -10675,11 +10676,11 @@ const kC = /* @__PURE__ */ E((e, {
   name: M(kO),
   inheritAttrs: !1,
   props: L()("class", "isClickable", "isDisabled", "isSelected")
-}), _d = "lumx-tabs", $O = "TabProvider";
+}), kd = "lumx-tabs", $O = "TabProvider";
 function LO(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-const RO = "Tab", DO = `${_d}__link`, {
+const RO = "Tab", DO = `${kd}__link`, {
   block: BO
 } = F(DO), FO = (e) => {
   const {
@@ -10783,7 +10784,7 @@ const RO = "Tab", DO = `${_d}__link`, {
     default:
       return e;
   }
-}, Qr = /* @__PURE__ */ Symbol("LumxTabProvider"), kd = (e, t) => {
+}, Qr = /* @__PURE__ */ Symbol("LumxTabProvider"), Ed = (e, t) => {
   const n = be(Qr, void 0);
   if (!n)
     return w(() => {
@@ -10818,7 +10819,7 @@ const RO = "Tab", DO = `${_d}__link`, {
   } = ae(w(() => ({
     ...e,
     ...a
-  }))), s = kd("tab", e.id), i = w(() => e.isActive || s.value?.isActive), l = (u) => t("focus", u), c = (u) => t("keypress", u);
+  }))), s = Ed("tab", e.id), i = w(() => e.isActive || s.value?.isActive), l = (u) => t("focus", u), c = (u) => t("keypress", u);
   return () => {
     const {
       tabId: u,
@@ -10869,7 +10870,7 @@ function HO(e) {
 const {
   block: zO,
   element: VO
-} = F(_d);
+} = F(kd);
 let WO = /* @__PURE__ */ (function(e) {
   return e.clustered = "clustered", e.fixed = "fixed", e;
 })({});
@@ -10905,7 +10906,7 @@ const UO = "TabList", sc = {
   })]);
 }, 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({
+  return ud({
     containerRef: s === "navigation" ? D(null) : r,
     itemSelector: '[role="tab"]'
   }), () => {
@@ -10953,7 +10954,7 @@ const UO = "TabList", sc = {
     "aria-labelledby": r
   }), [(!s || a) && t]);
 }, 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);
+  const t = B(), n = Me(), a = R(() => e.class), o = Ed("tabPanel", e.id), r = w(() => e.isActive || o.value?.isActive);
   return () => m(ZO, A(t, {
     className: a.value,
     isActive: r.value,
@@ -11022,7 +11023,7 @@ var tr, lc;
 function QO() {
   if (lc) return tr;
   lc = 1;
-  var e = ad();
+  var e = od();
   function t(n, a, o) {
     return n == null ? n : e(n, a, o);
   }
@@ -11156,7 +11157,7 @@ const lP = {
     };
     return p && (b = Xr, Object.assign(v, {
       ...e.linkProps,
-      color: Hd.dark
+      color: zd.dark
     })), m(b, A(v, {
       onClick: s
     }), {
@@ -11204,7 +11205,7 @@ const lP = {
           badge: N,
           ...O
         } = y;
-        return m(Lm, O, {
+        return m(Rm, O, {
           badge: N ? () => N : void 0
         });
       },
@@ -11224,7 +11225,7 @@ function cP(e, t, n) {
   if (n != null)
     return e?.find((a) => ie(t, a) === n);
 }
-function Ed(e, t, n, a, o) {
+function Id(e, t, n, a, o) {
   const r = cP(e, t, a);
   if (!o)
     return r;
@@ -11234,7 +11235,7 @@ function Ed(e, t, n, a, o) {
   const l = [...s];
   return l.splice(i, 1), l;
 }
-function Id(e, t, n) {
+function Md(e, t, n) {
   if (e == null) return "";
   if (t) {
     const a = ie(t, e);
@@ -11259,7 +11260,7 @@ function es(e, t) {
     Combobox: u
   } = t;
   if (l && n) {
-    const f = Pf(n, (h) => ie(l, h));
+    const f = Cf(n, (h) => ie(l, h));
     return Array.from(f.entries()).map(([h, g]) => {
       let p;
       const b = c ? c(h, g) : h;
@@ -11298,7 +11299,7 @@ function es(e, t) {
     });
   });
 }
-const Md = "SelectButton", uP = "lumx-select-button", dP = {
+const $d = "SelectButton", uP = "lumx-select-button", dP = {
   selectionType: "single"
 }, ts = (e, {
   Combobox: t,
@@ -11325,7 +11326,7 @@ const Md = "SelectButton", uP = "lumx-select-button", dP = {
     onOpen: O,
     onLoadMore: T,
     infiniteScrollOptions: C
-  } = e, x = y === "loading", P = y === "loadingMore", k = y === "error", _ = d === "multiple", S = !y || y === "idle", q = u != null ? Kr(u).map((H) => Id(H, r, o)).filter(Boolean).join(", ") : "";
+  } = e, x = y === "loading", P = y === "loadingMore", k = y === "error", _ = d === "multiple", S = !y || y === "idle", q = u != null ? Kr(u).map((H) => Md(H, r, o)).filter(Boolean).join(", ") : "";
   return m(t.Provider, {
     onOpen: O
   }, {
@@ -11372,12 +11373,12 @@ const Md = "SelectButton", uP = "lumx-select-button", dP = {
     })]
   });
 };
-ts.displayName = Md;
+ts.displayName = $d;
 ts.className = uP;
 function fP(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !G(e);
 }
-function $d(e) {
+function Ld(e) {
   const t = B();
   return w(() => {
     const n = t.renderOption;
@@ -11392,7 +11393,7 @@ function $d(e) {
         } = o, u = e?.({
           option: a,
           index: r
-        }) || n?.(a, o), d = Kr(u)?.find(ud(_t));
+        }) || n?.(a, o), d = Kr(u)?.find(dd(_t));
         if (!d) return u;
         const f = d.props || {}, h = Object.fromEntries(Object.entries(f).filter(([, y]) => y !== void 0)), {
           before: g,
@@ -11412,7 +11413,7 @@ function $d(e) {
       };
   });
 }
-function Ld(e) {
+function Rd(e) {
   return w(() => {
     if (e)
       return (t, n) => e({
@@ -11448,7 +11449,7 @@ const mP = {
   } = ae(w(() => ({
     ...e,
     ...a
-  }))), l = $d(n.option), c = Ld(n.sectionTitle), u = w(() => ({
+  }))), l = Ld(n.option), c = Rd(n.sectionTitle), u = w(() => ({
     className: g,
     children: p,
     ref: b,
@@ -11464,12 +11465,12 @@ const mP = {
       label: e.label,
       children: p
     }) : m(Mt, A({
-      rightIcon: lf
+      rightIcon: cf
     }, y), hP(p) ? p : {
       default: () => [p]
     });
   }), d = (g) => {
-    const p = Ed(e.options, e.getOptionId, e.value, g?.value, e.selectionType === "multiple");
+    const p = Id(e.options, e.getOptionId, e.value, g?.value, e.selectionType === "multiple");
     t("change", p);
   }, f = se("onLoadMore") || se("onLoad-more"), h = () => t("load-more");
   return () => {
@@ -11506,17 +11507,17 @@ const mP = {
         rootMargin: "100px"
       }
     }, {
-      Combobox: od,
+      Combobox: rd,
       InfiniteScroll: Nc
     });
   };
 }, {
-  name: M(Md),
+  name: M($d),
   inheritAttrs: !1,
   slots: Object,
   props: L()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "label", "labelDisplayMode", "popoverProps", "listStatus", "translations", "class"),
   emits: mP
-}), HC = _t, Rd = "SelectTextField", pP = "lumx-select-text-field", ns = (e, {
+}), HC = _t, Dd = "SelectTextField", pP = "lumx-select-text-field", ns = (e, {
   Combobox: t,
   InfiniteScroll: n
 }) => {
@@ -11593,7 +11594,7 @@ const mP = {
     })]
   });
 };
-ns.displayName = Rd;
+ns.displayName = Dd;
 ns.className = pP;
 const gP = {
   /**
@@ -11635,8 +11636,8 @@ const gP = {
   Z(() => e.searchInputValue, (C) => {
     C !== void 0 && (c.value = C, l.value = !!C);
   });
-  const h = w(() => e.selectionType === "multiple" || l.value ? c.value : Id(e.value, e.getOptionName, e.getOptionId)), g = (C) => {
-    const x = Ed(e.options, e.getOptionId, e.value, C.value, e.selectionType === "multiple");
+  const h = w(() => e.selectionType === "multiple" || l.value ? c.value : Md(e.value, e.getOptionName, e.getOptionId)), g = (C) => {
+    const x = Id(e.options, e.getOptionId, e.value, C.value, e.selectionType === "multiple");
     t("change", x), l.value = !1, c.value = "", t("search", "");
   }, p = (C) => {
     l.value = !0, c.value = C, t("search", C), !o.value && C === "" && e.value !== void 0 && e.value !== null && t("change", void 0);
@@ -11644,7 +11645,7 @@ const gP = {
     t("change", void 0), l.value = !1, c.value = "", t("search", ""), t("clear", C);
   }, v = (C) => {
     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");
+  }, y = Ld(n.option), N = Rd(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(Vy, {
       value: e.value,
@@ -11724,18 +11725,18 @@ const gP = {
         rootMargin: "100px"
       }
     }, {
-      Combobox: od,
+      Combobox: rd,
       InfiniteScroll: Nc
     });
   };
 }, {
-  name: M(Rd),
+  name: M(Dd),
   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: gP
-}), bP = _t, zC = ed, VC = Gu, WC = Ku, UC = Zu, Dd = "TimePickerField", Bd = "lumx-time-picker-field", {
+}), bP = _t, zC = td, VC = Ku, WC = Yu, UC = Ju, Bd = "TimePickerField", Fd = "lumx-time-picker-field", {
   block: yP
-} = F(Bd), dc = {
+} = F(Fd), dc = {
   step: 30,
   boundsMode: "on-blur"
 }, as = (e, {
@@ -11780,8 +11781,8 @@ const gP = {
     translations: o
   }), null);
 };
-as.displayName = Dd;
-as.className = Bd;
+as.displayName = Bd;
+as.className = Fd;
 function pr(e, t) {
   return e.toLocaleTimeString(t, { hour: "numeric", minute: "2-digit" });
 }
@@ -11906,7 +11907,7 @@ const SP = () => navigator.languages?.[0] || navigator.language, wP = {
     });
   };
 }, {
-  name: M(Dd),
+  name: M(Bd),
   inheritAttrs: !1,
   props: L()(
     "value",
@@ -11940,7 +11941,7 @@ const SP = () => navigator.languages?.[0] || navigator.language, wP = {
 });
 export {
   YP as AlertDialog,
-  Lm as Avatar,
+  Rm as Avatar,
   nC as Badge,
   aC as BadgeWrapper,
   Mt as Button,
@@ -11949,8 +11950,8 @@ export {
   rC as Checkbox,
   dr as Chip,
   $y as ChipGroup,
-  od as Combobox,
-  _h as Dialog,
+  rd as Combobox,
+  kh as Dialog,
   sC as DialogHeading,
   lC as Divider,
   cC as DragHandle,
@@ -11973,24 +11974,24 @@ export {
   Xr as Link,
   pC as LinkPreview,
   QP as List,
-  Zu as ListDivider,
+  Ju as ListDivider,
   eC as ListItem,
   ob as ListItemAction,
   cb as ListSection,
   vC as MenuButton,
-  Zu as MenuDivider,
+  Ju as MenuDivider,
   gC as MenuItem,
   bC as Message,
   yC as Mosaic,
-  dv as Placement,
+  fv as Placement,
   An as Popover,
   NC as PopoverDialog,
-  Xf as ProgressCircular,
+  Zf as ProgressCircular,
   AC as ProgressLinear,
   OC as RadioButton,
   PC as RadioGroup,
-  vg as RawInputText,
-  Og as RawInputTextarea,
+  bg as RawInputText,
+  Pg as RawInputTextarea,
   jC as SelectButton,
   HC as SelectButtonOption,
   vP as SelectTextField,
@@ -12017,16 +12018,16 @@ export {
   $C as TableHeader,
   LC as TableRow,
   pe as Text,
-  $g as TextField,
+  Lg as TextField,
   Wt as ThOrder,
   mn as Thumbnail,
   ZP as ThumbnailObjectFit,
   XP as ThumbnailVariant,
   GC as TimePickerField,
-  ym as Toolbar,
+  Nm as Toolbar,
   yn as Tooltip,
   TC as Uploader,
-  Sd as UploaderVariant,
+  wd as UploaderVariant,
   qC as UserBlock,
   wO as emitSchema,
   $c as useHeadingLevel