@lumx/vue 4.3.2-alpha.25 → 4.3.2-alpha.27

package/index.js

@@ -1,19 +1,19 @@
-import { ColorVariant as Aa, Theme as Sa, AspectRatio as ka, Size as Pa } from "@lumx/core/js/constants";
+import { ColorVariant as Sa, Theme as ka, AspectRatio as Pa, Size as Ta } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as c, mergeProps as h, defineComponent as y, useAttrs as k, isVNode as ee, inject as wt, computed as P, unref as kt, provide as Gr, getCurrentScope as Ta, onScopeDispose as $a, watch as W, toValue as It, shallowRef as Ca, getCurrentInstance as Vr, onMounted as _a, ref as ie, useSlots as Et, Fragment as G, useTemplateRef as xa, toRefs as wa, reactive as Ia, createTextVNode as pe, onBeforeUnmount as Ea, nextTick as La, toRef as X } from "vue";
-import { getDisabledState as Oa } from "@lumx/core/js/utils/disabledState";
-import { mdiAlertCircle as Wr } from "@lumx/icons/esm/alert-circle.js";
+import { createVNode as l, mergeProps as h, defineComponent as y, useAttrs as k, isVNode as ee, inject as It, computed as T, unref as kt, provide as Vr, getCurrentScope as $a, onScopeDispose as Ca, watch as W, toValue as Et, shallowRef as _a, getCurrentInstance as Wr, onMounted as xa, ref as ie, useSlots as Lt, Fragment as G, useTemplateRef as wa, toRefs as Ia, reactive as Ea, createTextVNode as pe, onBeforeUnmount as La, nextTick as Oa, toRef as X } from "vue";
+import { getDisabledState as Ba } from "@lumx/core/js/utils/disabledState";
+import { mdiAlertCircle as Ur } from "@lumx/icons/esm/alert-circle.js";
 import { classNames as Z } from "@lumx/core/js/utils";
-import { mdiCheck as Ba } from "@lumx/icons/esm/check.js";
-import { mdiMinus as ja } from "@lumx/icons/esm/minus.js";
-import { mdiAlert as Ra } from "@lumx/icons/esm/alert.js";
-import { mdiCheckCircle as Ma } from "@lumx/icons/esm/check-circle.js";
-import { mdiClose as qa } from "@lumx/icons/esm/close.js";
-import { mdiInformation as Da } from "@lumx/icons/esm/information.js";
-import { mdiArrowDown as Fa } from "@lumx/icons/esm/arrow-down.js";
-import { mdiArrowUp as Ha } from "@lumx/icons/esm/arrow-up.js";
-import { mdiImageBroken as za } from "@lumx/icons/esm/image-broken.js";
+import { mdiCheck as ja } from "@lumx/icons/esm/check.js";
+import { mdiMinus as Ra } from "@lumx/icons/esm/minus.js";
+import { mdiAlert as Ma } from "@lumx/icons/esm/alert.js";
+import { mdiCheckCircle as qa } from "@lumx/icons/esm/check-circle.js";
+import { mdiClose as Da } from "@lumx/icons/esm/close.js";
+import { mdiInformation as Fa } from "@lumx/icons/esm/information.js";
+import { mdiArrowDown as Ha } from "@lumx/icons/esm/arrow-down.js";
+import { mdiArrowUp as za } from "@lumx/icons/esm/arrow-up.js";
+import { mdiImageBroken as Ga } from "@lumx/icons/esm/image-broken.js";
 const ve = {
   light: "light",
   dark: "dark"
@@ -24,12 +24,12 @@ const ve = {
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Ga = {
+}, Va = {
   horizontal: "horizontal"
 }, V = {
   low: "low",
   high: "high"
-}, Va = {
+}, Wa = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -40,8 +40,8 @@ const ve = {
   headline: "headline",
   display1: "display1"
 }, Q = {
-  ...Va
-}, Ur = {
+  ...Wa
+}, Kr = {
   /** Intrinsic content ratio. */
   original: "original"
 }, D = {
@@ -63,9 +63,9 @@ function Ne(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var xe = { exports: {} };
-var zt;
-function Wa() {
-  return zt || (zt = 1, (function(e) {
+var Gt;
+function Ua() {
+  return Gt || (Gt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -96,22 +96,22 @@ function Wa() {
     })();
   })(xe)), xe.exports;
 }
-var Ua = Wa();
-const A = /* @__PURE__ */ Ne(Ua);
-function Lt(e, t) {
+var Ka = Ua();
+const A = /* @__PURE__ */ Ne(Ka);
+function Ot(e, t) {
   if (!e) return [void 0, t];
   const [r, a] = e.split("-");
   return [r, t || a];
 }
-function Ka(e, t, r) {
-  const [a, n = Aa.N] = Lt(t, r);
+function Ya(e, t, r) {
+  const [a, n = Sa.N] = Ot(t, r);
   return `lumx-color-${e}-${a}-${n}`;
 }
-const Ya = (e, t) => Ka("font", e, t);
-function Ot(e) {
+const Ja = (e, t) => Ya("font", e, t);
+function Bt(e) {
   return `lumx-typography-${e}`;
 }
-function Kr(e, t) {
+function Yr(e, t) {
   const r = [];
   for (const [a, n] of Object.entries(t))
     n && r.push(`${e}--${a}`);
@@ -125,56 +125,56 @@ function ye(e, t, r) {
     // Base class
     e,
     // Modifier(s)
-    a ? Kr(e, a) : null
+    a ? Yr(e, a) : null
   );
 }
-function Gt(e, t, r, a) {
+function Vt(e, t, r, a) {
   return Array.isArray(r) ? ye(`${e}__${t}`, r) : ye(`${e}__${t}`, r, a);
 }
-function C(e) {
+function $(e) {
   function t(a, n) {
     return Array.isArray(a) ? ye(e, a) : ye(e, a, n);
   }
   function r(a, n, o) {
-    return Array.isArray(n) ? Gt(e, a, n) : Gt(e, a, n, o);
+    return Array.isArray(n) ? Vt(e, a, n) : Vt(e, a, n, o);
   }
   return {
     block: t,
     element: r,
-    modifier: (a) => Kr(e, a)
+    modifier: (a) => Yr(e, a)
   };
 }
-const Ja = "Badge", Yr = "lumx-badge", {
-  block: Xa
-} = C(Yr), Jr = {
+const Xa = "Badge", Jr = "lumx-badge", {
+  block: Qa
+} = $(Jr), Xr = {
   color: x.primary
 }, Ae = (e) => {
   const {
     children: t,
     className: r,
-    color: a = Jr.color,
+    color: a = Xr.color,
     ref: n,
     ...o
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: n
   }, o, {
-    className: A(r, Xa({
+    className: A(r, Qa({
       [`color-${a}`]: !!a
     }))
   }), [t]);
 };
-Ae.displayName = Ja;
-Ae.className = Yr;
-Ae.defaultProps = Jr;
+Ae.displayName = Xa;
+Ae.className = Jr;
+Ae.defaultProps = Xr;
 const S = () => (...e) => e.reduce(
   (t, r) => (t[r] = { required: !1 }, t),
   {}
-), fi = /* @__PURE__ */ y((e, {
+), mi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(Ae, h(e, r, {
+  return () => l(Ae, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -183,10 +183,10 @@ const S = () => (...e) => e.reduce(
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("color", "class")
-}), Qa = "lumx-badge-wrapper", {
-  block: Za,
-  element: en
-} = C(Qa), tn = (e) => {
+}), Za = "lumx-badge-wrapper", {
+  block: en,
+  element: tn
+} = $(Za), rn = (e) => {
   const {
     badge: t,
     children: r,
@@ -194,18 +194,18 @@ const S = () => (...e) => e.reduce(
     ref: n,
     ...o
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: n
   }, o, {
-    className: A(a, Za())
-  }), [r, t && c("div", {
-    className: en("badge")
+    className: A(a, en())
+  }), [r, t && l("div", {
+    className: tn("badge")
   }, [t])]);
-}, mi = /* @__PURE__ */ y((e, {
+}, hi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(tn, h(e, r, {
+  return () => l(rn, h(e, r, {
     className: e.class,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -215,10 +215,10 @@ const S = () => (...e) => e.reduce(
   inheritAttrs: !1,
   props: S()("badge", "class")
 });
-var we, Vt;
-function Xr() {
-  if (Vt) return we;
-  Vt = 1;
+var we, Wt;
+function Qr() {
+  if (Wt) return we;
+  Wt = 1;
   var e = Object.prototype;
   function t(r) {
     var a = r && r.constructor, n = typeof a == "function" && a.prototype || e;
@@ -226,10 +226,10 @@ function Xr() {
   }
   return we = t, we;
 }
-var Ie, Wt;
-function rn() {
-  if (Wt) return Ie;
-  Wt = 1;
+var Ie, Ut;
+function an() {
+  if (Ut) return Ie;
+  Ut = 1;
   function e(t, r) {
     return function(a) {
       return t(r(a));
@@ -237,18 +237,18 @@ function rn() {
   }
   return Ie = e, Ie;
 }
-var Ee, Ut;
-function an() {
-  if (Ut) return Ee;
-  Ut = 1;
-  var e = rn(), t = e(Object.keys, Object);
-  return Ee = t, Ee;
-}
-var Le, Kt;
+var Ee, Kt;
 function nn() {
-  if (Kt) return Le;
+  if (Kt) return Ee;
   Kt = 1;
-  var e = Xr(), t = an(), r = Object.prototype, a = r.hasOwnProperty;
+  var e = an(), t = e(Object.keys, Object);
+  return Ee = t, Ee;
+}
+var Le, Yt;
+function on() {
+  if (Yt) return Le;
+  Yt = 1;
+  var e = Qr(), t = nn(), r = Object.prototype, a = r.hasOwnProperty;
   function n(o) {
     if (!e(o))
       return t(o);
@@ -259,79 +259,79 @@ function nn() {
   }
   return Le = n, Le;
 }
-var Oe, Yt;
-function Qr() {
-  if (Yt) return Oe;
-  Yt = 1;
+var Oe, Jt;
+function Zr() {
+  if (Jt) return Oe;
+  Jt = 1;
   var e = typeof be == "object" && be && be.Object === Object && be;
   return Oe = e, Oe;
 }
-var Be, Jt;
+var Be, Xt;
 function F() {
-  if (Jt) return Be;
-  Jt = 1;
-  var e = Qr(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  if (Xt) return Be;
+  Xt = 1;
+  var e = Zr(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
   return Be = r, Be;
 }
-var je, Xt;
-function Zr() {
-  if (Xt) return je;
-  Xt = 1;
+var je, Qt;
+function ea() {
+  if (Qt) return je;
+  Qt = 1;
   var e = F(), t = e.Symbol;
   return je = t, je;
 }
-var Re, Qt;
-function on() {
-  if (Qt) return Re;
-  Qt = 1;
-  var e = Zr(), t = Object.prototype, r = t.hasOwnProperty, a = t.toString, n = e ? e.toStringTag : void 0;
+var Re, Zt;
+function sn() {
+  if (Zt) return Re;
+  Zt = 1;
+  var e = ea(), t = Object.prototype, r = t.hasOwnProperty, a = t.toString, n = e ? e.toStringTag : void 0;
   function o(s) {
     var i = r.call(s, n), u = s[n];
     try {
       s[n] = void 0;
-      var l = !0;
+      var c = !0;
     } catch {
     }
     var d = a.call(s);
-    return l && (i ? s[n] = u : delete s[n]), d;
+    return c && (i ? s[n] = u : delete s[n]), d;
   }
   return Re = o, Re;
 }
-var Me, Zt;
-function sn() {
-  if (Zt) return Me;
-  Zt = 1;
+var Me, er;
+function ln() {
+  if (er) return Me;
+  er = 1;
   var e = Object.prototype, t = e.toString;
   function r(a) {
     return t.call(a);
   }
   return Me = r, Me;
 }
-var qe, er;
+var qe, tr;
 function le() {
-  if (er) return qe;
-  er = 1;
-  var e = Zr(), t = on(), r = sn(), a = "[object Null]", n = "[object Undefined]", o = e ? e.toStringTag : void 0;
+  if (tr) return qe;
+  tr = 1;
+  var e = ea(), t = sn(), r = ln(), a = "[object Null]", n = "[object Undefined]", o = e ? e.toStringTag : void 0;
   function s(i) {
     return i == null ? i === void 0 ? n : a : o && o in Object(i) ? t(i) : r(i);
   }
   return qe = s, qe;
 }
-var De, tr;
-function Bt() {
-  if (tr) return De;
-  tr = 1;
+var De, rr;
+function jt() {
+  if (rr) return De;
+  rr = 1;
   function e(t) {
     var r = typeof t;
     return t != null && (r == "object" || r == "function");
   }
   return De = e, De;
 }
-var Fe, rr;
-function ea() {
-  if (rr) return Fe;
-  rr = 1;
-  var e = le(), t = Bt(), r = "[object AsyncFunction]", a = "[object Function]", n = "[object GeneratorFunction]", o = "[object Proxy]";
+var Fe, ar;
+function ta() {
+  if (ar) return Fe;
+  ar = 1;
+  var e = le(), t = jt(), r = "[object AsyncFunction]", a = "[object Function]", n = "[object GeneratorFunction]", o = "[object Proxy]";
   function s(i) {
     if (!t(i))
       return !1;
@@ -340,18 +340,18 @@ function ea() {
   }
   return Fe = s, Fe;
 }
-var He, ar;
-function ln() {
-  if (ar) return He;
-  ar = 1;
+var He, nr;
+function cn() {
+  if (nr) return He;
+  nr = 1;
   var e = F(), t = e["__core-js_shared__"];
   return He = t, He;
 }
-var ze, nr;
-function cn() {
-  if (nr) return ze;
-  nr = 1;
-  var e = ln(), t = (function() {
+var ze, or;
+function un() {
+  if (or) return ze;
+  or = 1;
+  var e = cn(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return a ? "Symbol(src)_1." + a : "";
   })();
@@ -360,10 +360,10 @@ function cn() {
   }
   return ze = r, ze;
 }
-var Ge, or;
-function ta() {
-  if (or) return Ge;
-  or = 1;
+var Ge, sr;
+function ra() {
+  if (sr) return Ge;
+  sr = 1;
   var e = Function.prototype, t = e.toString;
   function r(a) {
     if (a != null) {
@@ -380,12 +380,12 @@ function ta() {
   }
   return Ge = r, Ge;
 }
-var Ve, sr;
-function un() {
-  if (sr) return Ve;
-  sr = 1;
-  var e = ea(), t = cn(), r = Bt(), a = ta(), n = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, u = s.toString, l = i.hasOwnProperty, d = RegExp(
-    "^" + u.call(l).replace(n, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var Ve, ir;
+function dn() {
+  if (ir) return Ve;
+  ir = 1;
+  var e = ta(), t = un(), r = jt(), a = ra(), n = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, u = s.toString, c = i.hasOwnProperty, d = RegExp(
+    "^" + u.call(c).replace(n, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function f(m) {
     if (!r(m) || t(m))
@@ -395,67 +395,67 @@ function un() {
   }
   return Ve = f, Ve;
 }
-var We, ir;
-function dn() {
-  if (ir) return We;
-  ir = 1;
+var We, lr;
+function fn() {
+  if (lr) return We;
+  lr = 1;
   function e(t, r) {
     return t?.[r];
   }
   return We = e, We;
 }
-var Ue, lr;
+var Ue, cr;
 function ce() {
-  if (lr) return Ue;
-  lr = 1;
-  var e = un(), t = dn();
+  if (cr) return Ue;
+  cr = 1;
+  var e = dn(), t = fn();
   function r(a, n) {
     var o = t(a, n);
     return e(o) ? o : void 0;
   }
   return Ue = r, Ue;
 }
-var Ke, cr;
-function fn() {
-  if (cr) return Ke;
-  cr = 1;
+var Ke, ur;
+function mn() {
+  if (ur) return Ke;
+  ur = 1;
   var e = ce(), t = F(), r = e(t, "DataView");
   return Ke = r, Ke;
 }
-var Ye, ur;
-function mn() {
-  if (ur) return Ye;
-  ur = 1;
+var Ye, dr;
+function hn() {
+  if (dr) return Ye;
+  dr = 1;
   var e = ce(), t = F(), r = e(t, "Map");
   return Ye = r, Ye;
 }
-var Je, dr;
-function hn() {
-  if (dr) return Je;
-  dr = 1;
+var Je, fr;
+function pn() {
+  if (fr) return Je;
+  fr = 1;
   var e = ce(), t = F(), r = e(t, "Promise");
   return Je = r, Je;
 }
-var Xe, fr;
-function pn() {
-  if (fr) return Xe;
-  fr = 1;
+var Xe, mr;
+function bn() {
+  if (mr) return Xe;
+  mr = 1;
   var e = ce(), t = F(), r = e(t, "Set");
   return Xe = r, Xe;
 }
-var Qe, mr;
-function bn() {
-  if (mr) return Qe;
-  mr = 1;
+var Qe, hr;
+function gn() {
+  if (hr) return Qe;
+  hr = 1;
   var e = ce(), t = F(), r = e(t, "WeakMap");
   return Qe = r, Qe;
 }
-var Ze, hr;
-function gn() {
-  if (hr) return Ze;
-  hr = 1;
-  var e = fn(), t = mn(), r = hn(), a = pn(), n = bn(), o = le(), s = ta(), i = "[object Map]", u = "[object Object]", l = "[object Promise]", d = "[object Set]", f = "[object WeakMap]", m = "[object DataView]", p = s(e), g = s(t), b = s(r), T = s(a), v = s(n), $ = o;
-  return (e && $(new e(new ArrayBuffer(1))) != m || t && $(new t()) != i || r && $(r.resolve()) != l || a && $(new a()) != d || n && $(new n()) != f) && ($ = function(_) {
+var Ze, pr;
+function vn() {
+  if (pr) return Ze;
+  pr = 1;
+  var e = mn(), t = hn(), r = pn(), a = bn(), n = gn(), o = le(), s = ra(), i = "[object Map]", u = "[object Object]", c = "[object Promise]", d = "[object Set]", f = "[object WeakMap]", m = "[object DataView]", p = s(e), g = s(t), b = s(r), v = s(a), C = s(n), P = o;
+  return (e && P(new e(new ArrayBuffer(1))) != m || t && P(new t()) != i || r && P(r.resolve()) != c || a && P(new a()) != d || n && P(new n()) != f) && (P = function(_) {
     var O = o(_), L = O == u ? _.constructor : void 0, B = L ? s(L) : "";
     if (B)
       switch (B) {
@@ -464,104 +464,104 @@ function gn() {
         case g:
           return i;
         case b:
-          return l;
-        case T:
-          return d;
+          return c;
         case v:
+          return d;
+        case C:
           return f;
       }
     return O;
-  }), Ze = $, Ze;
+  }), Ze = P, Ze;
 }
-var et, pr;
+var et, br;
 function Se() {
-  if (pr) return et;
-  pr = 1;
+  if (br) return et;
+  br = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
   return et = e, et;
 }
-var tt, br;
-function vn() {
-  if (br) return tt;
-  br = 1;
+var tt, gr;
+function yn() {
+  if (gr) return tt;
+  gr = 1;
   var e = le(), t = Se(), r = "[object Arguments]";
   function a(n) {
     return t(n) && e(n) == r;
   }
   return tt = a, tt;
 }
-var rt, gr;
-function yn() {
-  if (gr) return rt;
-  gr = 1;
-  var e = vn(), t = Se(), r = Object.prototype, a = r.hasOwnProperty, n = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
+var rt, vr;
+function Nn() {
+  if (vr) return rt;
+  vr = 1;
+  var e = yn(), t = Se(), r = Object.prototype, a = r.hasOwnProperty, n = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return t(s) && a.call(s, "callee") && !n.call(s, "callee");
   };
   return rt = o, rt;
 }
-var at, vr;
-function ra() {
-  if (vr) return at;
-  vr = 1;
+var at, yr;
+function aa() {
+  if (yr) return at;
+  yr = 1;
   var e = Array.isArray;
   return at = e, at;
 }
-var nt, yr;
-function aa() {
-  if (yr) return nt;
-  yr = 1;
+var nt, Nr;
+function na() {
+  if (Nr) return nt;
+  Nr = 1;
   var e = 9007199254740991;
   function t(r) {
     return typeof r == "number" && r > -1 && r % 1 == 0 && r <= e;
   }
   return nt = t, nt;
 }
-var ot, Nr;
-function Nn() {
-  if (Nr) return ot;
-  Nr = 1;
-  var e = ea(), t = aa();
+var ot, Ar;
+function An() {
+  if (Ar) return ot;
+  Ar = 1;
+  var e = ta(), t = na();
   function r(a) {
     return a != null && t(a.length) && !e(a);
   }
   return ot = r, ot;
 }
-var ne = { exports: {} }, st, Ar;
-function An() {
-  if (Ar) return st;
-  Ar = 1;
+var ne = { exports: {} }, st, Sr;
+function Sn() {
+  if (Sr) return st;
+  Sr = 1;
   function e() {
     return !1;
   }
   return st = e, st;
 }
 ne.exports;
-var Sr;
-function Sn() {
-  return Sr || (Sr = 1, (function(e, t) {
-    var r = F(), a = An(), n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, s = o && o.exports === n, i = s ? r.Buffer : void 0, u = i ? i.isBuffer : void 0, l = u || a;
-    e.exports = l;
+var kr;
+function kn() {
+  return kr || (kr = 1, (function(e, t) {
+    var r = F(), a = Sn(), n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, s = o && o.exports === n, i = s ? r.Buffer : void 0, u = i ? i.isBuffer : void 0, c = u || a;
+    e.exports = c;
   })(ne, ne.exports)), ne.exports;
 }
-var it, kr;
-function kn() {
-  if (kr) return it;
-  kr = 1;
-  var e = le(), t = aa(), r = Se(), a = "[object Arguments]", n = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", u = "[object Function]", l = "[object Map]", d = "[object Number]", f = "[object Object]", m = "[object RegExp]", p = "[object Set]", g = "[object String]", b = "[object WeakMap]", T = "[object ArrayBuffer]", v = "[object DataView]", $ = "[object Float32Array]", _ = "[object Float64Array]", O = "[object Int8Array]", L = "[object Int16Array]", B = "[object Int32Array]", me = "[object Uint8Array]", Y = "[object Uint8ClampedArray]", he = "[object Uint16Array]", te = "[object Uint32Array]", N = {};
-  N[$] = N[_] = N[O] = N[L] = N[B] = N[me] = N[Y] = N[he] = N[te] = !0, N[a] = N[n] = N[T] = N[o] = N[v] = N[s] = N[i] = N[u] = N[l] = N[d] = N[f] = N[m] = N[p] = N[g] = N[b] = !1;
+var it, Pr;
+function Pn() {
+  if (Pr) return it;
+  Pr = 1;
+  var e = le(), t = na(), r = Se(), a = "[object Arguments]", n = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", u = "[object Function]", c = "[object Map]", d = "[object Number]", f = "[object Object]", m = "[object RegExp]", p = "[object Set]", g = "[object String]", b = "[object WeakMap]", v = "[object ArrayBuffer]", C = "[object DataView]", P = "[object Float32Array]", _ = "[object Float64Array]", O = "[object Int8Array]", L = "[object Int16Array]", B = "[object Int32Array]", me = "[object Uint8Array]", Y = "[object Uint8ClampedArray]", he = "[object Uint16Array]", te = "[object Uint32Array]", N = {};
+  N[P] = N[_] = N[O] = N[L] = N[B] = N[me] = N[Y] = N[he] = N[te] = !0, N[a] = N[n] = N[v] = N[o] = N[C] = N[s] = N[i] = N[u] = N[c] = N[d] = N[f] = N[m] = N[p] = N[g] = N[b] = !1;
   function J(j) {
     return r(j) && t(j.length) && !!N[e(j)];
   }
   return it = J, it;
 }
-var lt, Pr;
-function Pn() {
-  if (Pr) return lt;
-  Pr = 1;
+var lt, Tr;
+function Tn() {
+  if (Tr) return lt;
+  Tr = 1;
   function e(t) {
     return function(r) {
       return t(r);
@@ -571,10 +571,10 @@ function Pn() {
 }
 var oe = { exports: {} };
 oe.exports;
-var Tr;
-function Tn() {
-  return Tr || (Tr = 1, (function(e, t) {
-    var r = Qr(), a = t && !t.nodeType && t, n = a && !0 && e && !e.nodeType && e, o = n && n.exports === a, s = o && r.process, i = (function() {
+var $r;
+function $n() {
+  return $r || ($r = 1, (function(e, t) {
+    var r = Zr(), a = t && !t.nodeType && t, n = a && !0 && e && !e.nodeType && e, o = n && n.exports === a, s = o && r.process, i = (function() {
       try {
         var u = n && n.require && n.require("util").types;
         return u || s && s.binding && s.binding("util");
@@ -584,25 +584,25 @@ function Tn() {
     e.exports = i;
   })(oe, oe.exports)), oe.exports;
 }
-var ct, $r;
-function $n() {
-  if ($r) return ct;
-  $r = 1;
-  var e = kn(), t = Pn(), r = Tn(), a = r && r.isTypedArray, n = a ? t(a) : e;
-  return ct = n, ct;
-}
-var ut, Cr;
+var ct, Cr;
 function Cn() {
-  if (Cr) return ut;
+  if (Cr) return ct;
   Cr = 1;
-  var e = nn(), t = gn(), r = yn(), a = ra(), n = Nn(), o = Sn(), s = Xr(), i = $n(), u = "[object Map]", l = "[object Set]", d = Object.prototype, f = d.hasOwnProperty;
+  var e = Pn(), t = Tn(), r = $n(), a = r && r.isTypedArray, n = a ? t(a) : e;
+  return ct = n, ct;
+}
+var ut, _r;
+function _n() {
+  if (_r) return ut;
+  _r = 1;
+  var e = on(), t = vn(), r = Nn(), a = aa(), n = An(), o = kn(), s = Qr(), i = Cn(), u = "[object Map]", c = "[object Set]", d = Object.prototype, f = d.hasOwnProperty;
   function m(p) {
     if (p == null)
       return !0;
     if (n(p) && (a(p) || typeof p == "string" || typeof p.splice == "function" || o(p) || i(p) || r(p)))
       return !p.length;
     var g = t(p);
-    if (g == u || g == l)
+    if (g == u || g == c)
       return !p.size;
     if (s(p))
       return !e(p).length;
@@ -613,12 +613,12 @@ function Cn() {
   }
   return ut = m, ut;
 }
-var _n = Cn();
-const _r = /* @__PURE__ */ Ne(_n);
-function xn(e) {
+var xn = _n();
+const xr = /* @__PURE__ */ Ne(xn);
+function wn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const na = (e) => {
+const oa = (e) => {
   const {
     children: t,
     onClick: r,
@@ -627,14 +627,14 @@ const na = (e) => {
     "aria-disabled": o,
     as: s,
     ...i
-  } = e, u = n || o === "true" || o === !0, l = s;
+  } = e, u = n || o === "true" || o === !0, c = s;
   let d;
-  return l === "button" ? d = {
+  return c === "button" ? d = {
     type: i.type || "button",
     disabled: n
   } : d = {
     tabIndex: n ? "-1" : i.tabIndex
-  }, c(l, h({
+  }, l(c, h({
     "aria-disabled": u || void 0
   }, i, d, {
     onClick: (f) => {
@@ -644,20 +644,20 @@ const na = (e) => {
       }
       r?.(f);
     }
-  }), xn(t) ? t : {
+  }), wn(t) ? t : {
     default: () => [t]
   });
-}, wn = "ButtonRoot", In = "lumx-button-wrapper", {
-  block: En
-} = C(In), Ln = "lumx-button", {
-  block: On
-} = C(Ln), Bn = (e) => {
+}, In = "ButtonRoot", En = "lumx-button-wrapper", {
+  block: Ln
+} = $(En), On = "lumx-button", {
+  block: Bn
+} = $(On), jn = (e) => {
   const {
     color: t,
     emphasis: r,
     variant: a,
     fullWidth: n
-  } = e, o = r === V.low && (t === x.light ? x.dark : x.light), s = En({
+  } = e, o = r === V.low && (t === x.light ? x.dark : x.light), s = Ln({
     [`color-${o}`]: !!o,
     [`variant-${a}`]: !!a,
     "is-full-width": n
@@ -665,7 +665,7 @@ const na = (e) => {
     ...e,
     hasBackground: !1
   };
-  return c("div", {
+  return l("div", {
     className: s
   }, [ue(i)]);
 }, ue = (e) => {
@@ -678,52 +678,52 @@ const na = (e) => {
     emphasis: s,
     hasBackground: i,
     isSelected: u,
-    isActive: l,
+    isActive: c,
     isFocused: d,
     isHovered: f,
     linkAs: m,
     size: p,
     theme: g = ve.light,
     variant: b,
-    fullWidth: T,
-    ref: v,
-    ...$
+    fullWidth: v,
+    ref: C,
+    ...P
   } = e, _ = o || s !== V.high && g === ve.dark && x.light || s === V.high && x.primary || x.dark;
   if (i)
-    return Bn({
+    return jn({
       ...e,
-      ref: v,
+      ref: C,
       variant: b,
       color: _
     });
-  const O = A(n, On({
+  const O = A(n, Bn({
     [`color-${_}`]: !!_,
     [`emphasis-${s}`]: !!s,
     "is-selected": u,
     "is-disabled": !!(e.isDisabled || e["aria-disabled"]),
-    "is-active": l,
+    "is-active": c,
     "is-focused": d,
     "is-hovered": f,
     [`size-${p}`]: !!p,
     [`theme-${g}`]: !!(s === V.high && g),
     [`variant-${b}`]: !!b,
-    "is-full-width": T
+    "is-full-width": v
   }));
-  return na({
-    as: m || ($.href ? "a" : "button"),
-    ...$,
+  return oa({
+    as: m || (P.href ? "a" : "button"),
+    ...P,
     "aria-disabled": r,
     "aria-label": t,
-    ref: v,
+    ref: C,
     className: O,
     children: a
   });
 };
-ue.displayName = wn;
+ue.displayName = In;
 ue.defaultProps = {};
-const jn = "Button", oa = "lumx-button", {
-  modifier: Rn
-} = C(oa), Pt = {
+const Rn = "Button", sa = "lumx-button", {
+  modifier: Mn
+} = $(sa), Pt = {
   emphasis: V.high,
   size: E.m
 }, ke = (e) => {
@@ -734,7 +734,7 @@ const jn = "Button", oa = "lumx-button", {
     rightIcon: n,
     size: o = Pt.size,
     ...s
-  } = e, i = A(t, Rn({
+  } = e, i = A(t, Mn({
     "has-left-icon": !!a,
     "has-right-icon": !!n
   }));
@@ -746,41 +746,41 @@ const jn = "Button", oa = "lumx-button", {
     variant: "button"
   });
 };
-ke.displayName = jn;
-ke.className = oa;
+ke.displayName = Rn;
+ke.className = sa;
 ke.defaultProps = Pt;
-function w(e = { defaultTheme: Sa.light }) {
-  const { defaultTheme: t } = e, r = wt("theme", void 0);
-  return P(() => kt(r) || t);
+function w(e = { defaultTheme: ka.light }) {
+  const { defaultTheme: t } = e, r = It("theme", void 0);
+  return T(() => kt(r) || t);
 }
-const Mn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function qn() {
-  return wt(Mn, { state: null });
+const qn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Dn() {
+  return It(qn, { state: null });
 }
 function H(e) {
-  const t = qn(), r = P(() => {
+  const t = Dn(), r = T(() => {
     const o = typeof e == "function" ? e() : kt(e);
-    return Oa(t, {
+    return Ba(t, {
       disabled: o.disabled,
       isDisabled: o.isDisabled,
       "aria-disabled": o["aria-disabled"] ?? o.ariaDisabled
     });
-  }), a = P(
+  }), a = T(
     () => r.value["aria-disabled"] || r.value.disabled || void 0
-  ), n = P(() => {
-    const o = typeof e == "function" ? e() : kt(e), { disabled: s, isDisabled: i, "aria-disabled": u, ariaDisabled: l, onClick: d, onChange: f, ...m } = o;
+  ), n = T(() => {
+    const o = typeof e == "function" ? e() : kt(e), { disabled: s, isDisabled: i, "aria-disabled": u, ariaDisabled: c, onClick: d, onChange: f, ...m } = o;
     return a.value || (d && (m.onClick = d), f && (m.onChange = f)), m;
   });
   return { disabledStateProps: r, isAnyDisabled: a, otherProps: n };
 }
-const xr = y({
+const wr = y({
   name: "ResetTheme",
   setup(e, { slots: t }) {
-    return Gr("theme", void 0), () => t.default?.();
+    return Vr("theme", void 0), () => t.default?.();
   }
-}), Dn = "Icon", Fn = "lumx-icon", sa = Fn, {
-  block: Hn
-} = C(sa), zn = {}, I = (e) => {
+}), Fn = "Icon", Hn = "lumx-icon", ia = Hn, {
+  block: zn
+} = $(ia), Gn = {}, I = (e) => {
   const {
     className: t,
     color: r,
@@ -790,33 +790,33 @@ const xr = y({
     size: s,
     ref: i,
     theme: u,
-    alt: l,
+    alt: c,
     verticalAlign: d,
     ...f
-  } = e, [m, p] = Lt(r, a);
+  } = e, [m, p] = Ot(r, a);
   let g = m;
   !g && (n || u) && (g = u === ve.dark ? x.light : x.dark);
   let b = p;
   !b && n && g === x.dark && (b = "L2");
-  let T = s;
-  return s && n ? s === E.xxs || s === E.xs ? T = E.s : s === E.xxl && (T = E.xl) : n && (T = E.m), c("i", h({
+  let v = s;
+  return s && n ? s === E.xxs || s === E.xs ? v = E.s : s === E.xxl && (v = E.xl) : n && (v = E.m), l("i", h({
     ref: i
   }, f, {
-    className: A(t, Hn({
+    className: A(t, zn({
       [`color-${g}`]: !!g,
       [`color-variant-${b}`]: !!b,
       "has-shape": n,
       [`theme-${u}`]: !!u,
-      [`size-${T}`]: !!T,
+      [`size-${v}`]: !!v,
       "no-shape": !n,
-      "has-dark-layer": !n && g === x.yellow && o === Wr,
+      "has-dark-layer": !n && g === x.yellow && o === Ur,
       path: !0,
       "vertical-align-middle": d === "middle"
     }))
-  }), [c("svg", {
-    "aria-hidden": l ? void 0 : "true",
-    role: l ? "img" : void 0,
-    "aria-label": l,
+  }), [l("svg", {
+    "aria-hidden": c ? void 0 : "true",
+    role: c ? "img" : void 0,
+    "aria-label": c,
     height: "1em",
     preserveAspectRatio: "xMidYMid meet",
     style: {
@@ -824,19 +824,19 @@ const xr = y({
     },
     viewBox: "0 0 24 24",
     width: "1em"
-  }, [c("path", {
+  }, [l("path", {
     d: o,
     fill: "currentColor"
   }, null)])]);
 };
-I.displayName = Dn;
-I.className = sa;
-I.defaultProps = zn;
+I.displayName = Fn;
+I.className = ia;
+I.defaultProps = Gn;
 const Tt = /* @__PURE__ */ y((e) => {
   const t = k(), r = w({
     defaultTheme: void 0
   });
-  return () => c(I, h(e, t, {
+  return () => l(I, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -845,9 +845,9 @@ const Tt = /* @__PURE__ */ y((e) => {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
-}), Gn = "lumx-text", {
-  block: Vn
-} = C(Gn), Wn = (e) => {
+}), Vn = "lumx-text", {
+  block: Wn
+} = $(Vn), Un = (e) => {
   const {
     className: t,
     color: r,
@@ -857,80 +857,80 @@ const Tt = /* @__PURE__ */ y((e) => {
     truncate: s,
     whiteSpace: i,
     style: u
-  } = e, l = typeof s == "object" && s.lines > 1 && {
+  } = e, c = typeof s == "object" && s.lines > 1 && {
     "--lumx-text-truncate-lines": s.lines
-  }, d = !!l, f = !!s, m = !n && !(f && !d) && i && {
+  }, d = !!c, f = !!s, m = !n && !(f && !d) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: A(t, Vn({
+    className: A(t, Wn({
       "is-truncated": f && !d,
       "is-truncated-multiline": d,
       "no-wrap": n
-    }), o && Ot(o), r && Ya(r, a)),
+    }), o && Bt(o), r && Ja(r, a)),
     style: {
-      ...l,
+      ...c,
       ...m,
       ...u
     }
   };
 };
-function ia(e, t) {
-  return Ta() ? ($a(e, t), !0) : !1;
+function la(e, t) {
+  return $a() ? (Ca(e, t), !0) : !1;
 }
-const Un = typeof window < "u" && typeof document < "u";
+const Kn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Kn = (e) => e != null;
-function Yn(e) {
+const Yn = (e) => e != null;
+function Jn(e) {
   return Array.isArray(e) ? e : [e];
 }
-const la = Un ? window : void 0;
+const ca = Kn ? window : void 0;
 function $t(e) {
   var t;
-  const r = It(e);
+  const r = Et(e);
   return (t = r?.$el) !== null && t !== void 0 ? t : r;
 }
 // @__NO_SIDE_EFFECTS__
-function Jn() {
-  const e = Ca(!1), t = Vr();
-  return t && _a(() => {
+function Xn() {
+  const e = _a(!1), t = Wr();
+  return t && xa(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function ca(e) {
-  const t = /* @__PURE__ */ Jn();
-  return P(() => (t.value, !!e()));
+function ua(e) {
+  const t = /* @__PURE__ */ Xn();
+  return T(() => (t.value, !!e()));
 }
-function Xn(e, t, r = {}) {
-  const { window: a = la, ...n } = r;
+function Qn(e, t, r = {}) {
+  const { window: a = ca, ...n } = r;
   let o;
-  const s = /* @__PURE__ */ ca(() => a && "MutationObserver" in a), i = () => {
+  const s = /* @__PURE__ */ ua(() => a && "MutationObserver" in a), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, u = W(P(() => {
-    const f = Yn(It(e)).map($t).filter(Kn);
+  }, u = W(T(() => {
+    const f = Jn(Et(e)).map($t).filter(Yn);
     return new Set(f);
   }), (f) => {
     i(), s.value && f.size && (o = new MutationObserver(t), f.forEach((m) => o.observe(m, n)));
   }, {
     immediate: !0,
     flush: "post"
-  }), l = () => o?.takeRecords(), d = () => {
+  }), c = () => o?.takeRecords(), d = () => {
     u(), i();
   };
-  return ia(d), {
+  return la(d), {
     isSupported: s,
     stop: d,
-    takeRecords: l
+    takeRecords: c
   };
 }
-function Qn(e, t, r = {}) {
-  const { window: a = la, ...n } = r;
+function Zn(e, t, r = {}) {
+  const { window: a = ca, ...n } = r;
   let o;
-  const s = /* @__PURE__ */ ca(() => a && "ResizeObserver" in a), i = () => {
+  const s = /* @__PURE__ */ ua(() => a && "ResizeObserver" in a), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, u = W(P(() => {
-    const d = It(e);
+  }, u = W(T(() => {
+    const d = Et(e);
     return Array.isArray(d) ? d.map((f) => $t(f)) : [$t(d)];
   }), (d) => {
     if (i(), s.value && a) {
@@ -940,28 +940,28 @@ function Qn(e, t, r = {}) {
   }, {
     immediate: !0,
     flush: "post"
-  }), l = () => {
+  }), c = () => {
     i(), u();
   };
-  return ia(l), {
+  return la(c), {
     isSupported: s,
-    stop: l
+    stop: c
   };
 }
-function Zn(e) {
+function eo(e) {
   const t = ie(void 0), r = () => {
     const a = e.value;
     a && !a.closest(`.${Z.visuallyHidden()}`) && a.offsetWidth < a.scrollWidth ? t.value = a.innerText : t.value = void 0;
   };
-  return Xn(e, r, {
+  return Qn(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), Qn(e, r), W(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), Zn(e, r), W(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const eo = (e = "default") => {
-  const t = Et();
+const to = (e = "default") => {
+  const t = Lt();
   return () => {
     const r = t?.[e];
     return r ? r() : null;
@@ -986,43 +986,43 @@ function Ct(e) {
     }
     if (typeof r.type == "string" && Array.isArray(r.children)) {
       const a = Ct(r.children), n = { ...r.props || {} };
-      r.key != null && (n.key = r.key), r.ref != null && (n.ref = r.ref), t.push(c(r.type, n, a));
+      r.key != null && (n.key = r.key), r.ref != null && (n.ref = r.ref), t.push(l(r.type, n, a));
       continue;
     }
     t.push(r);
   }
   return t;
 }
-function to(e) {
+function ro(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const jt = /* @__PURE__ */ y((e, {
+const Rt = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = eo(), n = xa("tooltip-label"), {
+  const r = k(), a = to(), n = wa("tooltip-label"), {
     tooltipLabel: o
-  } = Zn(n), s = P(() => Wn({
+  } = eo(n), s = T(() => Un({
     ...e,
     className: e.class || r.class || r.className
-  })), i = P(() => {
+  })), i = T(() => {
     const {
       children: u,
-      ...l
+      ...c
     } = r;
     return {
-      ...l,
+      ...c,
       ...s.value
     };
   });
   return () => {
-    const u = e.as || "div", l = a() || t.default?.(), d = l ? Ct(l) : null;
-    return c(u, h({
+    const u = e.as || "div", c = a() || t.default?.(), d = c ? Ct(c) : null;
+    return l(u, h({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
       title: o.value
-    }), to(d) ? d : {
+    }), ro(d) ? d : {
       default: () => [d]
     });
   };
@@ -1031,35 +1031,35 @@ const jt = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), ro = {
+}), ao = {
   click: (e) => e instanceof MouseEvent
-}, hi = /* @__PURE__ */ y((e, {
+}, pi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = Et(), a = k(), n = w(), {
+  const r = Lt(), a = k(), n = w(), {
     isAnyDisabled: o,
     disabledStateProps: s,
     otherProps: i
-  } = H(P(() => ({
+  } = H(T(() => ({
     ...e,
     ...a
   }))), u = (d) => {
     o.value || (d.stopImmediatePropagation(), t("click", d));
-  }, l = () => {
+  }, c = () => {
     const d = r.default?.();
-    return !d || d.length === 0 ? null : d.length === 1 && d[0].type === jt ? d[0] : c("span", null, [d]);
+    return !d || d.length === 0 ? null : d.length === 1 && d[0].type === Rt ? d[0] : l("span", null, [d]);
   };
   return () => {
-    const d = c(G, null, [e.leftIcon && !_r(e.leftIcon) && c(xr, null, {
-      default: () => [c(Tt, {
+    const d = l(G, null, [e.leftIcon && !xr(e.leftIcon) && l(wr, null, {
+      default: () => [l(Tt, {
         icon: e.leftIcon
       }, null)]
-    }), l(), e.rightIcon && !_r(e.rightIcon) && c(xr, null, {
-      default: () => [c(Tt, {
+    }), c(), e.rightIcon && !xr(e.rightIcon) && l(wr, null, {
+      default: () => [l(Tt, {
         icon: e.rightIcon
       }, null)]
     })]);
-    return c(ke, h(i.value, s.value, {
+    return l(ke, h(i.value, s.value, {
       className: e.class,
       theme: e.theme || n.value,
       onClick: u,
@@ -1071,8 +1071,8 @@ const jt = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("leftIcon", "rightIcon", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-expanded", "aria-disabled", "aria-haspopup", "aria-label", "aria-pressed", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "linkAs", "target", "type"),
-  emits: ro
-}), ao = "IconButton", no = "lumx-icon-button", _t = {
+  emits: ao
+}), no = "IconButton", oo = "lumx-icon-button", _t = {
   emphasis: V.high,
   size: E.m
 }, de = (e) => {
@@ -1083,7 +1083,7 @@ const jt = /* @__PURE__ */ y((e, {
     label: n,
     size: o = _t.size,
     ...s
-  } = e, i = r ? c("img", {
+  } = e, i = r ? l("img", {
     alt: "",
     src: r
   }, null) : I({
@@ -1098,54 +1098,55 @@ const jt = /* @__PURE__ */ y((e, {
     children: i
   });
 };
-de.displayName = ao;
-de.className = no;
+de.displayName = no;
+de.className = oo;
 de.defaultProps = _t;
-const oo = {
+const so = {
   click: (e) => e instanceof MouseEvent
-}, pi = /* @__PURE__ */ y((e, {
+}, bi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
   const r = k(), a = w(), {
     isAnyDisabled: n,
     disabledStateProps: o,
     otherProps: s
-  } = H(P(() => ({
+  } = H(T(() => ({
     ...e,
     ...r
   }))), i = (u) => {
     n.value || (u.stopImmediatePropagation(), t("click", u));
   };
-  return () => c(de, h(s.value, o.value, {
+  return () => l(de, h(s.value, o.value, {
     className: e.class,
     theme: e.theme || a.value,
     title: e.label,
+    label: e.label,
     onClick: i
   }), null);
 }, {
   name: "IconButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("icon", "image", "label", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-expanded", "aria-disabled", "aria-haspopup", "aria-label", "aria-pressed", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "isDisabled", "linkAs", "target", "type", "title"),
-  emits: oo
-}), so = "ButtonGroup", ua = "lumx-button-group", io = {}, Pe = (e) => {
+  props: S()("icon", "image", "color", "label", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-expanded", "aria-disabled", "aria-haspopup", "aria-label", "aria-pressed", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "isDisabled", "linkAs", "target", "type", "title"),
+  emits: so
+}), io = "ButtonGroup", da = "lumx-button-group", lo = {}, Pe = (e) => {
   const {
     children: t,
     className: r,
     ...a
   } = e;
-  return c("div", h(a, {
-    className: A(r, ua)
+  return l("div", h(a, {
+    className: A(r, da)
   }), [t]);
 };
-Pe.displayName = so;
-Pe.className = ua;
-Pe.defaultProps = io;
-const bi = /* @__PURE__ */ y((e, {
+Pe.displayName = io;
+Pe.className = da;
+Pe.defaultProps = lo;
+const gi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(Pe, h(e, r, {
+  return () => l(Pe, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1154,9 +1155,9 @@ const bi = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("class")
-}), lo = "InputLabel", co = "lumx-input-label", da = co, {
-  block: uo
-} = C(da), fo = {};
+}), co = "InputLabel", uo = "lumx-input-label", fa = uo, {
+  block: fo
+} = $(fa), mo = {};
 function U(e) {
   const {
     children: t,
@@ -1168,56 +1169,56 @@ function U(e) {
     ref: i,
     ...u
   } = e;
-  return c("label", h({
+  return l("label", h({
     ref: i
   }, u, {
     htmlFor: a,
-    className: A(r, uo({
+    className: A(r, fo({
       "is-required": n,
       [`theme-${o}`]: !!o,
       "has-custom-typography": !!s
-    }), s && Ot(s))
+    }), s && Bt(s))
   }), [t]);
 }
-U.displayName = lo;
-U.className = da;
-U.defaultProps = fo;
-const mo = {
+U.displayName = co;
+U.className = fa;
+U.defaultProps = mo;
+const ho = {
   [D.error]: { color: "red" },
   [D.success]: { color: "green" },
   [D.warning]: { color: "yellow" }
-}, ho = "InputHelper", po = "lumx-input-helper", fa = po, {
-  block: bo
-} = C(fa), ma = {
+}, po = "InputHelper", bo = "lumx-input-helper", ma = bo, {
+  block: go
+} = $(ma), ha = {
   kind: D.info
 };
 function K(e) {
   const {
     children: t,
     className: r,
-    kind: a = ma.kind,
+    kind: a = ha.kind,
     theme: n,
     ref: o,
     ...s
   } = e, {
     color: i
-  } = mo[a] || {};
-  return c("p", h({
+  } = ho[a] || {};
+  return l("p", h({
     ref: o
   }, s, {
-    className: A(r, bo({
+    className: A(r, go({
       [`color-${i}`]: !!i,
       [`theme-${n}`]: !!n
     }))
   }), [t]);
 }
-K.displayName = ho;
-K.className = fa;
-K.defaultProps = ma;
-const ha = "intermediate", go = "lumx-checkbox", {
-  block: vo,
+K.displayName = po;
+K.className = ma;
+K.defaultProps = ha;
+const pa = "intermediate", vo = "lumx-checkbox", {
+  block: yo,
   element: R
-} = C(go), yo = (e) => {
+} = $(vo), No = (e) => {
   const {
     checked: t,
     className: r,
@@ -1227,30 +1228,30 @@ const ha = "intermediate", go = "lumx-checkbox", {
     isChecked: s = t,
     label: i,
     name: u,
-    ref: l,
+    ref: c,
     onChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
     isDisabled: g,
     inputId: b,
-    ...T
-  } = e, v = s === ha, $ = (_) => {
+    ...v
+  } = e, C = s === pa, P = (_) => {
     d && d(!s, m, u, _);
   };
-  return c("div", h({
-    ref: l
-  }, T, {
-    className: A(r, vo({
+  return l("div", h({
+    ref: c
+  }, v, {
+    className: A(r, yo({
       // Whether state is intermediate class name will "-checked"
-      "is-checked": v ? !0 : s,
+      "is-checked": C ? !0 : s,
       "is-disabled": g,
       "is-unchecked": !s,
       [`theme-${f}`]: !!f
     }))
-  }), [c("div", {
+  }), [l("div", {
     className: R("input-wrapper")
-  }, [c("input", h({
+  }, [l("input", h({
     ref: o,
     type: "checkbox",
     id: b,
@@ -1258,20 +1259,20 @@ const ha = "intermediate", go = "lumx-checkbox", {
     name: u,
     value: m,
     checked: s,
-    onChange: $,
+    onChange: P,
     "aria-describedby": a ? `${b}-helper` : void 0,
-    "aria-checked": v ? "mixed" : !!s
+    "aria-checked": C ? "mixed" : !!s
   }, p?.readOnly ? {
     readOnly: p.readOnly
-  } : {}, p), null), c("div", {
+  } : {}, p), null), l("div", {
     className: R("input-placeholder")
-  }, [c("div", {
+  }, [l("div", {
     className: R("input-background")
-  }, null), c("div", {
+  }, null), l("div", {
     className: R("input-indicator")
   }, [I({
-    icon: v ? ja : Ba
-  })])])]), c("div", {
+    icon: C ? Ra : ja
+  })])])]), l("div", {
     className: R("content")
   }, [i && U({
     htmlFor: b,
@@ -1285,23 +1286,23 @@ const ha = "intermediate", go = "lumx-checkbox", {
     children: a
   })])]);
 };
-let wr = 0;
-function Rt() {
-  return wr += 1, `:lumx${wr}:`;
+let Ir = 0;
+function Mt() {
+  return Ir += 1, `:lumx${Ir}:`;
 }
-const No = {
+const Ao = {
   change: (e, t, r, a) => typeof e == "boolean" && a instanceof Event
-}, gi = /* @__PURE__ */ y((e, {
+}, vi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = w(), n = Rt(), o = P(() => e.id || n), s = ie(null), {
+  const r = k(), a = w(), n = Mt(), o = T(() => e.id || n), s = ie(null), {
     isAnyDisabled: i,
     disabledStateProps: u,
-    otherProps: l
-  } = H(P(() => ({
+    otherProps: c
+  } = H(T(() => ({
     ...e,
     ...r
-  }))), d = P(() => e.isChecked === ha);
+  }))), d = T(() => e.isChecked === pa);
   W(d, (m) => {
     s.value && (s.value.indeterminate = m);
   }, {
@@ -1310,7 +1311,7 @@ const No = {
   const f = (m, p, g, b) => {
     i.value || (b?.stopImmediatePropagation?.(), t("change", m, p, g, b));
   };
-  return () => c(yo, h(l.value, {
+  return () => l(No, h(c.value, {
     className: e.class,
     theme: e.theme || a.value,
     inputId: o.value,
@@ -1329,26 +1330,26 @@ const No = {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: No
-}), Ao = "lumx-divider", {
-  block: So
-} = C(Ao), ko = (e) => {
+  emits: Ao
+}), So = "lumx-divider", {
+  block: ko
+} = $(So), Po = (e) => {
   const {
     className: t,
     theme: r,
     ref: a,
     ...n
   } = e;
-  return c("hr", h({
+  return l("hr", h({
     ref: a
   }, n, {
-    className: A(t, So({
+    className: A(t, ko({
       [`theme-${r}`]: !!r
     }))
   }), null);
-}, vi = /* @__PURE__ */ y((e) => {
+}, yi = /* @__PURE__ */ y((e) => {
   const t = k(), r = w();
-  return () => c(ko, h(t, e, {
+  return () => l(Po, h(t, e, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -1358,13 +1359,13 @@ const No = {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("class", "theme")
 });
-function Po(e) {
+function To(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const To = "lumx-flag", {
-  block: $o,
-  element: Ir
-} = C(To), Co = (e) => {
+const $o = "lumx-flag", {
+  block: Co,
+  element: Er
+} = $($o), _o = (e) => {
   const {
     children: t,
     icon: r,
@@ -1374,33 +1375,33 @@ const To = "lumx-flag", {
     truncate: s,
     Text: i,
     ...u
-  } = e, l = a || (o === ve.light ? x.dark : x.light), d = !!s;
-  return c("div", h(u, {
-    className: A(n, $o({
-      [`color-${l}`]: !!l,
+  } = e, c = a || (o === ve.light ? x.dark : x.light), d = !!s;
+  return l("div", h(u, {
+    className: A(n, Co({
+      [`color-${c}`]: !!c,
       "is-truncated": d
     }))
   }), [r && I({
     icon: r,
     size: E.xxs,
-    className: Ir("icon")
-  }), c(i, {
+    className: Er("icon")
+  }), l(i, {
     as: "span",
     truncate: !!s,
     typography: "overline",
-    className: Ir("label")
-  }, Po(t) ? t : {
+    className: Er("label")
+  }, To(t) ? t : {
     default: () => [t]
   })]);
-}, yi = /* @__PURE__ */ y((e, {
+}, Ni = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k(), a = w();
-  return () => c(Co, h(e, r, {
+  return () => l(_o, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.(),
-    Text: jt
+    Text: Rt
   }), null);
 }, {
   name: "Flag",
@@ -1408,11 +1409,11 @@ const To = "lumx-flag", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("color", "icon", "truncate", "theme", "class")
 });
-var dt, Er;
-function _o() {
-  if (Er) return dt;
-  Er = 1;
-  var e = ra();
+var dt, Lr;
+function xo() {
+  if (Lr) return dt;
+  Lr = 1;
+  var e = aa();
   function t() {
     if (!arguments.length)
       return [];
@@ -1421,11 +1422,11 @@ function _o() {
   }
   return dt = t, dt;
 }
-var xo = _o();
-const wo = /* @__PURE__ */ Ne(xo), Io = "lumx-flex-box", {
-  block: Eo
-} = C(Io);
-function Lo(e) {
+var wo = xo();
+const Io = /* @__PURE__ */ Ne(wo), Eo = "lumx-flex-box", {
+  block: Lo
+} = $(Eo);
+function Oo(e) {
   const {
     className: t,
     fillSpace: r,
@@ -1435,12 +1436,12 @@ function Lo(e) {
     noShrink: s,
     vAlign: i,
     wrap: u,
-    orientation: l,
+    orientation: c,
     ...d
-  } = e, f = l ?? (u || n || i ? Ga.horizontal : null);
+  } = e, f = c ?? (u || n || i ? Va.horizontal : null);
   return {
     ...d,
-    className: A(t, Eo({
+    className: A(t, Lo({
       [`orientation-${f}`]: !!f,
       [`v-align-${i}`]: !!i,
       [`h-align-${n}`]: !!n,
@@ -1448,21 +1449,21 @@ function Lo(e) {
       wrap: !!u,
       "fill-space": r,
       "no-shrink": s,
-      ...Object.fromEntries(wo(o).filter(Boolean).map((m) => [`margin-auto-${m}`, !0]))
+      ...Object.fromEntries(Io(o).filter(Boolean).map((m) => [`margin-auto-${m}`, !0]))
     }))
   };
 }
-const Ni = /* @__PURE__ */ y((e, {
+const Ai = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
   return () => {
-    const a = e.as || "div", n = Lo({
+    const a = e.as || "div", n = Oo({
       ...e,
       ...r,
       className: e.class
     });
-    return c(a, n, {
+    return l(a, n, {
       default: () => [t.default?.()]
     });
   };
@@ -1472,10 +1473,10 @@ const Ni = /* @__PURE__ */ y((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
 });
-var ft, Lr;
-function Oo() {
-  if (Lr) return ft;
-  Lr = 1;
+var ft, Or;
+function Bo() {
+  if (Or) return ft;
+  Or = 1;
   var e = /\s/;
   function t(r) {
     for (var a = r.length; a-- && e.test(r.charAt(a)); )
@@ -1484,53 +1485,53 @@ function Oo() {
   }
   return ft = t, ft;
 }
-var mt, Or;
-function Bo() {
-  if (Or) return mt;
-  Or = 1;
-  var e = Oo(), t = /^\s+/;
+var mt, Br;
+function jo() {
+  if (Br) return mt;
+  Br = 1;
+  var e = Bo(), t = /^\s+/;
   function r(a) {
     return a && a.slice(0, e(a) + 1).replace(t, "");
   }
   return mt = r, mt;
 }
-var ht, Br;
-function jo() {
-  if (Br) return ht;
-  Br = 1;
+var ht, jr;
+function Ro() {
+  if (jr) return ht;
+  jr = 1;
   var e = le(), t = Se(), r = "[object Symbol]";
   function a(n) {
     return typeof n == "symbol" || t(n) && e(n) == r;
   }
   return ht = a, ht;
 }
-var pt, jr;
-function Ro() {
-  if (jr) return pt;
-  jr = 1;
-  var e = Bo(), t = Bt(), r = jo(), a = NaN, n = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
-  function u(l) {
-    if (typeof l == "number")
-      return l;
-    if (r(l))
+var pt, Rr;
+function Mo() {
+  if (Rr) return pt;
+  Rr = 1;
+  var e = jo(), t = jt(), r = Ro(), a = NaN, n = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
+  function u(c) {
+    if (typeof c == "number")
+      return c;
+    if (r(c))
       return a;
-    if (t(l)) {
-      var d = typeof l.valueOf == "function" ? l.valueOf() : l;
-      l = t(d) ? d + "" : d;
+    if (t(c)) {
+      var d = typeof c.valueOf == "function" ? c.valueOf() : c;
+      c = t(d) ? d + "" : d;
     }
-    if (typeof l != "string")
-      return l === 0 ? l : +l;
-    l = e(l);
-    var f = o.test(l);
-    return f || s.test(l) ? i(l.slice(2), f ? 2 : 8) : n.test(l) ? a : +l;
+    if (typeof c != "string")
+      return c === 0 ? c : +c;
+    c = e(c);
+    var f = o.test(c);
+    return f || s.test(c) ? i(c.slice(2), f ? 2 : 8) : n.test(c) ? a : +c;
   }
   return pt = u, pt;
 }
-var bt, Rr;
-function Mo() {
-  if (Rr) return bt;
-  Rr = 1;
-  var e = Ro(), t = 1 / 0, r = 17976931348623157e292;
+var bt, Mr;
+function qo() {
+  if (Mr) return bt;
+  Mr = 1;
+  var e = Mo(), t = 1 / 0, r = 17976931348623157e292;
   function a(n) {
     if (!n)
       return n === 0 ? n : 0;
@@ -1542,33 +1543,33 @@ function Mo() {
   }
   return bt = a, bt;
 }
-var gt, Mr;
-function qo() {
-  if (Mr) return gt;
-  Mr = 1;
-  var e = Mo();
+var gt, qr;
+function Do() {
+  if (qr) return gt;
+  qr = 1;
+  var e = qo();
   function t(r) {
     var a = e(r), n = a % 1;
     return a === a ? n ? a - n : a : 0;
   }
   return gt = t, gt;
 }
-var vt, qr;
-function Do() {
-  if (qr) return vt;
-  qr = 1;
-  var e = qo();
+var vt, Dr;
+function Fo() {
+  if (Dr) return vt;
+  Dr = 1;
+  var e = Do();
   function t(r) {
     return typeof r == "number" && r == e(r);
   }
   return vt = t, vt;
 }
-var Fo = Do();
-const Ho = /* @__PURE__ */ Ne(Fo);
-function zo(e) {
+var Ho = Fo();
+const zo = /* @__PURE__ */ Ne(Ho);
+function Go(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Go = "GridColumn", pa = "lumx-grid-column", Vo = {}, Te = (e) => {
+const Vo = "GridColumn", ba = "lumx-grid-column", Wo = {}, Te = (e) => {
   const {
     as: t = "div",
     gap: r,
@@ -1578,29 +1579,29 @@ const Go = "GridColumn", pa = "lumx-grid-column", Vo = {}, Te = (e) => {
     className: s,
     style: i = {},
     ref: u,
-    ...l
+    ...c
   } = e;
-  return c(t, h(l, {
+  return l(t, h(c, {
     ref: u,
-    className: A(s, pa),
+    className: A(s, ba),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": Ho(n) && `${n}px`,
+      "--lumx-grid-column-item-min-width": zo(n) && `${n}px`,
       "--lumx-grid-column-columns": a,
       "--lumx-grid-column-gap": r && `var(--lumx-spacing-unit-${r})`
     }
-  }), zo(o) ? o : {
+  }), Go(o) ? o : {
     default: () => [o]
   });
 };
-Te.displayName = Go;
-Te.className = pa;
-Te.defaultProps = Vo;
-const Ai = /* @__PURE__ */ y((e, {
+Te.displayName = Vo;
+Te.className = ba;
+Te.defaultProps = Wo;
+const Si = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(Te, h(e, r, {
+  return () => l(Te, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1608,29 +1609,29 @@ const Ai = /* @__PURE__ */ y((e, {
   name: "LumxGridColumn",
   inheritAttrs: !1,
   props: S()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), Dr = 6, Wo = {
+}), Fr = 6, Uo = {
   h1: Q.display1,
   h2: Q.headline,
   h3: Q.title,
   h4: Q.subtitle2,
   h5: Q.subtitle1,
   h6: Q.body2
-}, Uo = { level: 1, headingElement: "h1" }, Ko = "lumx-heading", Yo = (e, t) => {
+}, Ko = { level: 1, headingElement: "h1" }, Yo = "lumx-heading", Jo = (e, t) => {
   const { as: r, className: a, typography: n, ...o } = e, s = r || t || "h1";
   return {
     ...o,
     as: s,
-    className: A(a, Ko),
-    typography: n || Wo[s]
+    className: A(a, Yo),
+    typography: n || Uo[s]
   };
-}, ba = /* @__PURE__ */ Symbol("HeadingLevelContext"), ga = () => wt(ba, Uo), Si = /* @__PURE__ */ y((e, {
+}, ga = /* @__PURE__ */ Symbol("HeadingLevelContext"), va = () => It(ga, Ko), ki = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = ga(), n = P(() => {
+  const r = k(), a = va(), n = T(() => {
     const {
       className: o,
       ...s
-    } = Yo({
+    } = Jo({
       ...r,
       ...e,
       className: e.class || r.class || r.className
@@ -1640,7 +1641,7 @@ const Ai = /* @__PURE__ */ y((e, {
       class: o
     };
   });
-  return () => c(jt, n.value, {
+  return () => l(Rt, n.value, {
     default: () => [t.default?.()]
   });
 }, {
@@ -1648,27 +1649,27 @@ const Ai = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), Jo = (e, t) => {
+}), Xo = (e, t) => {
   const r = e || t + 1;
-  return r > Dr ? Dr : r;
-}, ki = /* @__PURE__ */ y((e, {
+  return r > Fr ? Fr : r;
+}, Pi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const {
     level: r
-  } = wa(e), a = ga(), n = P(() => Jo(r?.value, a.level)), o = P(() => `h${n.value}`), s = Ia({
+  } = Ia(e), a = va(), n = T(() => Xo(r?.value, a.level)), o = T(() => `h${n.value}`), s = Ea({
     level: n,
     headingElement: o
   });
-  return Gr(ba, s), () => t.default?.();
+  return Vr(ga, s), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
   props: S()("level")
-}), Pi = /* @__PURE__ */ y((e, {
+}), Ti = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k(), a = w();
-  return () => c(K, h(e, r, {
+  return () => l(K, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -1678,11 +1679,11 @@ const Ai = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("kind", "theme", "class", "id")
-}), Ti = /* @__PURE__ */ y((e, {
+}), $i = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k(), a = w();
-  return () => c(U, h(e, r, {
+  return () => l(U, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -1693,13 +1694,13 @@ const Ai = /* @__PURE__ */ y((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("htmlFor", "isRequired", "typography", "theme", "class")
 });
-function Xo(e) {
+function Qo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Qo = "lumx-link", {
-  block: Zo,
+const Zo = "lumx-link", {
+  block: es,
   element: yt
-} = C(Qo), es = (e) => {
+} = $(Zo), ts = (e) => {
   const {
     label: t,
     className: r,
@@ -1709,58 +1710,58 @@ const Qo = "lumx-link", {
     rightIcon: s,
     typography: i,
     as: u,
-    ref: l,
+    ref: c,
     isDisabled: d,
     theme: f,
     href: m,
     target: p,
     onClick: g,
     ...b
-  } = e, [T, v] = Lt(a, n), $ = u || (m ? "a" : "button"), _ = {};
-  d && ($ === "button" || !m && !u ? _.disabled = !0 : (_["aria-disabled"] = !0, _.tabIndex = -1));
-  const O = A(r, Zo({
-    [`color-${T}`]: !!T,
-    [`color-variant-${v}`]: !!v,
+  } = e, [v, C] = Ot(a, n), P = u || (m ? "a" : "button"), _ = {};
+  d && (P === "button" || !m && !u ? _.disabled = !0 : (_["aria-disabled"] = !0, _.tabIndex = -1));
+  const O = A(r, es({
+    [`color-${v}`]: !!v,
+    [`color-variant-${C}`]: !!C,
     "has-typography": !!i
-  }), i && Ot(i)), L = c(G, null, [o && c(G, null, [pe(" "), I({
+  }), i && Bt(i)), L = l(G, null, [o && l(G, null, [pe(" "), I({
     icon: o,
     className: yt("left-icon")
-  }), pe(" ")]), t && c("span", {
+  }), pe(" ")]), t && l("span", {
     className: yt("content")
-  }, [t]), s && c(G, null, [pe(" "), I({
+  }, [t]), s && l(G, null, [pe(" "), I({
     icon: s,
     className: yt("right-icon")
   }), pe(" ")])]), B = {
-    ref: l,
+    ref: c,
     className: O,
     onClick: d ? void 0 : g,
     ...b,
     ..._
   };
-  return m && (B.href = m), p && (B.target = p), c($, B, Xo(L) ? L : {
+  return m && (B.href = m), p && (B.target = p), l(P, B, Qo(L) ? L : {
     default: () => [L]
   });
-}, ts = {
+}, rs = {
   click: (e) => e instanceof Event
-}, $i = /* @__PURE__ */ y((e, {
+}, Ci = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = Et(), n = w(), {
+  const r = k(), a = Lt(), n = w(), {
     class: o,
     ...s
   } = e, {
     isAnyDisabled: i,
     disabledStateProps: u,
-    otherProps: l
-  } = H(P(() => ({
+    otherProps: c
+  } = H(T(() => ({
     ...s,
     ...r
   }))), d = (f) => {
     i.value || (f?.stopImmediatePropagation?.(), t("click", f));
   };
   return () => {
-    const m = a.default?.() || l.value.label;
-    return c(es, h(l.value, u.value, {
+    const m = a.default?.() || c.value.label;
+    return l(ts, h(c.value, u.value, {
       className: o,
       theme: e.theme || n.value,
       isDisabled: i.value,
@@ -1773,28 +1774,28 @@ const Qo = "lumx-link", {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("as", "class", "color", "colorVariant", "disabled", "href", "isDisabled", "leftIcon", "rightIcon", "target", "theme", "typography", "aria-disabled"),
-  emits: ts
-}), rs = "Message", va = "lumx-message", {
-  block: as,
+  emits: rs
+}), as = "Message", ya = "lumx-message", {
+  block: ns,
   element: Nt
-} = C(va), ns = {
+} = $(ya), os = {
   [D.error]: {
     color: x.red,
-    icon: Ra
+    icon: Ma
   },
   [D.info]: {
     color: x.blue,
-    icon: Da
+    icon: Fa
   },
   [D.success]: {
     color: x.green,
-    icon: Ma
+    icon: qa
   },
   [D.warning]: {
     color: x.yellow,
-    icon: Wr
+    icon: Ur
   }
-}, Mt = (e) => {
+}, qt = (e) => {
   const {
     children: t,
     className: r,
@@ -1805,43 +1806,43 @@ const Qo = "lumx-link", {
     ref: i,
     ...u
   } = e, {
-    color: l,
+    color: c,
     icon: d
-  } = ns[n] || {}, {
+  } = os[n] || {}, {
     onClick: f,
     label: m
   } = s || {}, p = a && n === "info" && f && m;
-  return c("div", h(u, {
+  return l("div", h(u, {
     ref: i,
-    className: A(r, as({
-      [`color-${l}`]: !!l,
+    className: A(r, ns({
+      [`color-${c}`]: !!c,
       "has-background": a
     }))
   }), [(o || d) && I({
     className: Nt("icon"),
     icon: o || d,
     size: E.xs,
-    color: l
-  }), c("div", {
+    color: c
+  }), l("div", {
     className: Nt("text")
   }, [t]), p && de({
     className: Nt("close-button"),
-    icon: qa,
+    icon: Da,
     onClick: f,
     label: m,
     emphasis: V.low
   })]);
 };
-Mt.displayName = rs;
-Mt.className = va;
-const Ci = /* @__PURE__ */ y((e, {
+qt.displayName = as;
+qt.className = ya;
+const _i = /* @__PURE__ */ y((e, {
   slots: t,
   emit: r
 }) => {
   const a = k(), {
     closeButtonLabel: n
   } = e;
-  return () => c(Mt, h(e, a, {
+  return () => l(qt, h(e, a, {
     className: e.class,
     children: t.default?.(),
     closeButtonProps: n ? {
@@ -1855,10 +1856,10 @@ const Ci = /* @__PURE__ */ y((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
-}), os = "lumx-radio-button", {
-  block: ss,
+}), ss = "lumx-radio-button", {
+  block: is,
   element: M
-} = C(os), is = (e) => {
+} = $(ss), ls = (e) => {
   const {
     checked: t,
     className: r,
@@ -1868,29 +1869,29 @@ const Ci = /* @__PURE__ */ y((e, {
     isChecked: s = t,
     label: i,
     name: u,
-    ref: l,
+    ref: c,
     onChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
     isDisabled: g,
     inputId: b,
-    ...T
-  } = e, v = ($) => {
-    d && d(m, u, $);
+    ...v
+  } = e, C = (P) => {
+    d && d(m, u, P);
   };
-  return c("div", h({
-    ref: l
-  }, T, {
-    className: A(r, ss({
+  return l("div", h({
+    ref: c
+  }, v, {
+    className: A(r, is({
       "is-checked": s,
       "is-disabled": g,
       "is-unchecked": !s,
       [`theme-${f}`]: !!f
     }))
-  }), [c("div", {
+  }), [l("div", {
     className: M("input-wrapper")
-  }, [c("input", h({
+  }, [l("input", h({
     ref: o,
     className: M("input-native"),
     id: b,
@@ -1898,17 +1899,17 @@ const Ci = /* @__PURE__ */ y((e, {
     name: u,
     value: m,
     checked: s,
-    onChange: v,
+    onChange: C,
     "aria-describedby": a ? `${b}-helper` : void 0
   }, p?.readOnly ? {
     readOnly: p.readOnly
-  } : {}, p), null), c("div", {
+  } : {}, p), null), l("div", {
     className: M("input-placeholder")
-  }, [c("div", {
+  }, [l("div", {
     className: M("input-background")
-  }, null), c("div", {
+  }, null), l("div", {
     className: M("input-indicator")
-  }, null)])]), c("div", {
+  }, null)])]), l("div", {
     className: M("content")
   }, [i && U({
     htmlFor: b,
@@ -1921,27 +1922,27 @@ const Ci = /* @__PURE__ */ y((e, {
     theme: f,
     children: a
   })])]);
-}, ls = {
+}, cs = {
   change: (e, t, r) => r instanceof Event
-}, _i = /* @__PURE__ */ y((e, {
+}, xi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = w(), n = Rt(), o = P(() => e.id || n), {
+  const r = k(), a = w(), n = Mt(), o = T(() => e.id || n), {
     isAnyDisabled: s,
     disabledStateProps: i,
     otherProps: u
-  } = H(P(() => ({
+  } = H(T(() => ({
     ...e,
     ...r
-  }))), l = (d, f, m) => {
+  }))), c = (d, f, m) => {
     s.value || (m?.stopImmediatePropagation?.(), t("change", d, f, m));
   };
-  return () => c(is, h(u.value, {
+  return () => l(ls, h(u.value, {
     className: e.class,
     theme: e.theme || a.value,
     inputId: o.value,
     isDisabled: s.value,
-    onChange: l,
+    onChange: c,
     label: e.label,
     inputProps: {
       ...e.inputProps,
@@ -1954,28 +1955,28 @@ const Ci = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: ls
-}), cs = "RadioGroup", ya = "lumx-radio-group", us = {}, $e = (e) => {
+  emits: cs
+}), us = "RadioGroup", Na = "lumx-radio-group", ds = {}, $e = (e) => {
   const {
     children: t,
     className: r,
     ref: a,
     ...n
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: a
   }, n, {
-    className: A(r, ya)
+    className: A(r, Na)
   }), [t]);
 };
-$e.displayName = cs;
-$e.className = ya;
-$e.defaultProps = us;
-const xi = /* @__PURE__ */ y((e, {
+$e.displayName = us;
+$e.className = Na;
+$e.defaultProps = ds;
+const wi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c($e, h(e, r, {
+  return () => l($e, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1983,9 +1984,9 @@ const xi = /* @__PURE__ */ y((e, {
   name: "RadioGroup",
   inheritAttrs: !1,
   props: S()("class")
-}), ds = "lumx-skeleton-circle", {
-  block: fs
-} = C(ds), ms = (e) => {
+}), fs = "lumx-skeleton-circle", {
+  block: ms
+} = $(fs), hs = (e) => {
   const {
     className: t,
     size: r,
@@ -1994,40 +1995,40 @@ const xi = /* @__PURE__ */ y((e, {
     ref: o,
     ...s
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: o
   }, s, {
-    className: A(t, fs({
+    className: A(t, ms({
       [`size-${r}`]: !!r,
       [`color-${a}`]: !!a,
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, hs = {
+}, ps = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, ps = "lumx-skeleton-rectangle", {
-  block: bs,
-  element: gs
-} = C(ps), vs = {
-  variant: hs.squared
-}, ys = (e) => {
+}, bs = "lumx-skeleton-rectangle", {
+  block: gs,
+  element: vs
+} = $(bs), ys = {
+  variant: ps.squared
+}, Ns = (e) => {
   const {
     aspectRatio: t,
     className: r,
     height: a,
     theme: n,
-    variant: o = vs.variant,
+    variant: o = ys.variant,
     width: s,
     color: i,
     ref: u,
-    ...l
+    ...c
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: u
-  }, l, {
-    className: A(r, bs({
+  }, c, {
+    className: A(r, gs({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${a}`]: !!(!t && a),
       [`theme-${n}`]: !!n,
@@ -2035,13 +2036,13 @@ const xi = /* @__PURE__ */ y((e, {
       [`width-${s}`]: !!s,
       [`color-${i}`]: !!i
     }))
-  }), [c("div", {
-    className: gs("inner")
+  }), [l("div", {
+    className: vs("inner")
   }, null)]);
-}, Ns = "lumx-skeleton-typography", {
-  block: As,
-  element: Ss
-} = C(Ns), ks = (e) => {
+}, As = "lumx-skeleton-typography", {
+  block: Ss,
+  element: ks
+} = $(As), Ps = (e) => {
   const {
     className: t,
     theme: r,
@@ -2051,10 +2052,10 @@ const xi = /* @__PURE__ */ y((e, {
     ref: s,
     ...i
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: s
   }, i, {
-    className: A(t, As({
+    className: A(t, Ss({
       [`theme-${r}`]: !!r,
       [`typography-${a}`]: !!a,
       [`color-${o}`]: !!o
@@ -2063,12 +2064,12 @@ const xi = /* @__PURE__ */ y((e, {
       ...i.style,
       width: n
     }
-  }), [c("div", {
-    className: Ss("inner")
+  }), [l("div", {
+    className: ks("inner")
   }, null)]);
-}, wi = /* @__PURE__ */ y((e) => {
+}, Ii = /* @__PURE__ */ y((e) => {
   const t = k(), r = w();
-  return () => c(ms, h(e, t, {
+  return () => l(hs, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -2076,9 +2077,9 @@ const xi = /* @__PURE__ */ y((e, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
   props: S()("class", "size", "color", "theme")
-}), Ii = /* @__PURE__ */ y((e) => {
+}), Ei = /* @__PURE__ */ y((e) => {
   const t = k(), r = w();
-  return () => c(ys, h(e, t, {
+  return () => l(Ns, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -2086,9 +2087,9 @@ const xi = /* @__PURE__ */ y((e, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
   props: S()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), Ei = /* @__PURE__ */ y((e) => {
+}), Li = /* @__PURE__ */ y((e) => {
   const t = k(), r = w();
-  return () => c(ks, h(e, t, {
+  return () => l(Ps, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -2096,12 +2097,12 @@ const xi = /* @__PURE__ */ y((e, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
   props: S()("class", "typography", "width", "color", "theme", "style")
-}), Li = "Switch", Ps = "lumx-switch", {
-  block: Ts,
+}), Oi = "Switch", Ts = "lumx-switch", {
+  block: $s,
   element: q
-} = C(Ps), $s = {
+} = $(Ts), Cs = {
   position: "left"
-}, Cs = (e) => {
+}, _s = (e) => {
   const {
     checked: t,
     className: r,
@@ -2111,31 +2112,31 @@ const xi = /* @__PURE__ */ y((e, {
     isChecked: s = t,
     label: i,
     name: u,
-    ref: l,
+    ref: c,
     onChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
     isDisabled: g,
     inputId: b,
-    position: T = $s.position,
-    ...v
-  } = e, $ = (_) => {
+    position: v = Cs.position,
+    ...C
+  } = e, P = (_) => {
     d && d(!s, m, u, _);
   };
-  return c("div", h({
-    ref: l
-  }, v, {
-    className: A(r, Ts({
+  return l("div", h({
+    ref: c
+  }, C, {
+    className: A(r, $s({
       "is-checked": s,
       "is-disabled": g,
       "is-unchecked": !s,
-      [`position-${T}`]: !!T,
+      [`position-${v}`]: !!v,
       [`theme-${f}`]: !!f
     }))
-  }), [c("div", {
+  }), [l("div", {
     className: q("input-wrapper")
-  }, [c("input", h({
+  }, [l("input", h({
     ref: o,
     type: "checkbox",
     role: "switch",
@@ -2144,18 +2145,18 @@ const xi = /* @__PURE__ */ y((e, {
     name: u,
     value: m,
     checked: !!s,
-    onChange: $,
+    onChange: P,
     "aria-describedby": a ? `${b}-helper` : void 0,
     "aria-checked": !!s
   }, p?.readOnly ? {
     readOnly: p.readOnly
-  } : {}, p), null), c("div", {
+  } : {}, p), null), l("div", {
     className: q("input-placeholder")
-  }, [c("div", {
+  }, [l("div", {
     className: q("input-background")
-  }, null), c("div", {
+  }, null), l("div", {
     className: q("input-indicator")
-  }, null)])]), c("div", {
+  }, null)])]), l("div", {
     className: q("content")
   }, [i && U({
     htmlFor: b,
@@ -2168,23 +2169,23 @@ const xi = /* @__PURE__ */ y((e, {
     theme: f,
     children: a
   })])]);
-}, _s = {
+}, xs = {
   change: (e, t, r, a) => typeof e == "boolean" && a instanceof Event
-}, Oi = /* @__PURE__ */ y((e, {
+}, Bi = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r
 }) => {
-  const a = k(), n = w(), o = Rt(), s = P(() => e.id || o), {
+  const a = k(), n = w(), o = Mt(), s = T(() => e.id || o), {
     isAnyDisabled: i,
     disabledStateProps: u,
-    otherProps: l
-  } = H(P(() => ({
+    otherProps: c
+  } = H(T(() => ({
     ...e,
     ...a
   }))), d = (f, m, p, g) => {
     i.value || (g.stopImmediatePropagation(), t("change", f, m, p, g));
   };
-  return () => c(Cs, h(l.value, {
+  return () => l(_s, h(c.value, {
     className: e.class,
     theme: e.theme || n.value,
     inputId: s.value,
@@ -2202,10 +2203,10 @@ const xi = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: S()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
-  emits: _s
+  emits: xs
 }), fe = "lumx-table", {
-  block: xs
-} = C(fe), ws = (e) => {
+  block: ws
+} = $(fe), Is = (e) => {
   const {
     children: t,
     className: r,
@@ -2215,20 +2216,20 @@ const xi = /* @__PURE__ */ y((e, {
     theme: s,
     ...i
   } = e;
-  return c("table", h({
+  return l("table", h({
     ref: o
   }, i, {
-    className: A(r, xs({
+    className: A(r, ws({
       "has-before": a,
       "has-dividers": n,
       [`theme-${s}`]: !!s
     }))
   }), [t]);
-}, Bi = /* @__PURE__ */ y((e, {
+}, ji = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k(), a = w();
-  return () => c(ws, h(e, r, {
+  return () => l(Is, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -2237,23 +2238,23 @@ const xi = /* @__PURE__ */ y((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: S()("class", "hasBefore", "hasDividers", "theme")
-}), Is = `${fe}__body`, Es = (e) => {
+}), Es = `${fe}__body`, Ls = (e) => {
   const {
     children: t,
     className: r,
     ref: a,
     ...n
   } = e;
-  return c("tbody", h({
+  return l("tbody", h({
     ref: a
   }, n, {
-    className: A(r, Is)
+    className: A(r, Es)
   }), [t]);
-}, ji = /* @__PURE__ */ y((e, {
+}, Ri = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(Es, h(e, r, {
+  return () => l(Ls, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -2268,10 +2269,10 @@ const xi = /* @__PURE__ */ y((e, {
   body: "body",
   head: "head"
 }, z = `${fe}__cell`, {
-  block: Fr
-} = C(z), Ls = {
+  block: Hr
+} = $(z), Os = {
   variant: xt.body
-}, Os = (e) => {
+}, Bs = (e) => {
   const {
     children: t,
     className: r,
@@ -2280,23 +2281,23 @@ const xi = /* @__PURE__ */ y((e, {
     onHeaderClick: o,
     ref: s,
     sortOrder: i,
-    variant: u = Ls.variant,
-    ...l
+    variant: u = Os.variant,
+    ...c
   } = e, d = o ? "button" : "div", f = d === "button" ? {
     type: "button",
     onClick: o
   } : void 0;
   let m;
-  return n && (m = "none", i === ge.asc && (m = "ascending"), i === ge.desc && (m = "descending")), c(G, null, [u === xt.head && c("th", h({
+  return n && (m = "none", i === ge.asc && (m = "ascending"), i === ge.desc && (m = "descending")), l(G, null, [u === xt.head && l("th", h({
     ref: s
-  }, l, {
-    className: A(r, Fr({
+  }, c, {
+    className: A(r, Hr({
       "is-sortable": n,
       "is-sorted": n && !!i,
       head: !0
     })),
     "aria-sort": m
-  }), [c(d, h({
+  }), [l(d, h({
     className: `${z}-wrapper`
   }, f), {
     default: () => [a && !n && I({
@@ -2305,64 +2306,61 @@ const xi = /* @__PURE__ */ y((e, {
       size: E.xxs
     }), n && i === ge.asc && I({
       className: `${z}-icon`,
-      icon: Ha,
+      icon: za,
       size: E.xxs
     }), n && i === ge.desc && I({
       className: `${z}-icon`,
-      icon: Fa,
+      icon: Ha,
       size: E.xxs
-    }), c("div", {
+    }), l("div", {
       className: `${z}-content`
     }, [t])]
-  })]), u === xt.body && c("td", h({
+  })]), u === xt.body && l("td", h({
     ref: s
-  }, l, {
-    className: A(r, Fr({
+  }, c, {
+    className: A(r, Hr({
       body: !0
     }))
-  }), [c("div", {
+  }), [l("div", {
     className: `${z}-content`
   }, [t])])]);
-}, Bs = {
+}, wt = (e) => Wr()?.vnode.props?.[e] !== void 0, js = {
   headerClick: () => !0
-}, Ri = /* @__PURE__ */ y((e, {
+}, Mi = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r,
   attrs: a
 }) => {
   const n = () => {
-    event?.stopImmediatePropagation(), t("headerClick");
-  };
-  return () => {
-    const o = "onHeaderClick" in a;
-    return c(Os, h(e, a, {
-      className: e.class,
-      onHeaderClick: o ? n : void 0,
-      children: r.default?.()
-    }), null);
-  };
+    t("headerClick");
+  }, o = wt("onHeaderClick");
+  return () => l(Bs, h(e, a, {
+    className: e.class,
+    onHeaderClick: o ? n : void 0,
+    children: r.default?.()
+  }), null);
 }, {
   name: "LumxTableCell",
   inheritAttrs: !1,
   props: S()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: Bs
-}), js = `${fe}__header`, Rs = (e) => {
+  emits: js
+}), Rs = `${fe}__header`, Ms = (e) => {
   const {
     children: t,
     className: r,
     ref: a,
     ...n
   } = e;
-  return c("thead", h({
+  return l("thead", h({
     ref: a
   }, n, {
-    className: A(r, js)
+    className: A(r, Rs)
   }), [t]);
-}, Mi = /* @__PURE__ */ y((e, {
+}, qi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(Rs, h(e, r, {
+  return () => l(Ms, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -2370,9 +2368,9 @@ const xi = /* @__PURE__ */ y((e, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
   props: S()("class")
-}), Ms = `${fe}__row`, {
-  block: qs
-} = C(Ms), Ds = (e) => {
+}), qs = `${fe}__row`, {
+  block: Ds
+} = $(qs), Fs = (e) => {
   const {
     children: t,
     className: r,
@@ -2382,30 +2380,30 @@ const xi = /* @__PURE__ */ y((e, {
     tabIndex: s,
     "aria-disabled": i,
     ...u
-  } = e, l = !!i;
-  return c("tr", h({
+  } = e, c = !!i;
+  return l("tr", h({
     ref: o,
     "aria-disabled": i
   }, s !== void 0 ? {
     tabIndex: s
   } : {}, u, {
-    className: A(r, qs({
-      "is-clickable": a && !l,
-      "is-disabled": l,
-      "is-selected": n && !l
+    className: A(r, Ds({
+      "is-clickable": a && !c,
+      "is-disabled": c,
+      "is-selected": n && !c
     }))
   }), [t]);
-}, qi = /* @__PURE__ */ y((e, {
+}, Di = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k(), {
     isAnyDisabled: a,
     otherProps: n
-  } = H(P(() => ({
+  } = H(T(() => ({
     ...e,
     ...r
   })));
-  return () => c(Ds, h(n.value, {
+  return () => l(Fs, h(n.value, {
     className: e.class,
     tabIndex: e.isClickable && !a.value ? 0 : -1,
     "aria-disabled": a.value,
@@ -2419,7 +2417,7 @@ const xi = /* @__PURE__ */ y((e, {
 function At(e, t) {
   return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
 }
-function Fs({
+function Hs({
   image: e,
   aspectRatio: t,
   focusPoint: r,
@@ -2428,14 +2426,14 @@ function Fs({
   element: o,
   isLoaded: s
 }) {
-  if (!(!e || t === Ur.original || !r?.x && !r?.y)) {
+  if (!(!e || t === Kr.original || !r?.x && !r?.y)) {
     if (typeof a == "number" && typeof n == "number")
       return { width: a, height: n };
     if (o && s)
       return { width: o.naturalWidth, height: o.naturalHeight };
   }
 }
-function Hr({
+function zr({
   scale: e,
   focusPoint: t,
   imageSize: r,
@@ -2446,7 +2444,7 @@ function Hr({
   const i = (t * n - a / 2) / (n - a);
   return Math.floor(Math.max(Math.min(i, 1), 0) * 100);
 }
-function Hs({
+function zs({
   image: e,
   aspectRatio: t,
   focusPoint: r,
@@ -2454,51 +2452,51 @@ function Hs({
   imageSize: n,
   containerSize: o
 }) {
-  if (!e || t === Ur.original || !r?.x && !r?.y)
+  if (!e || t === Kr.original || !r?.x && !r?.y)
     return {};
   if (!a || !n)
     return { visibility: "hidden" };
   if (!o || !n.height || !n.width)
     return {};
-  const s = n.height / o.height, i = n.width / o.width, u = Math.min(i, s), l = Math.abs((r?.y || 0) - 1) / 2, d = Hr({
+  const s = n.height / o.height, i = n.width / o.width, u = Math.min(i, s), c = Math.abs((r?.y || 0) - 1) / 2, d = zr({
     scale: u,
-    focusPoint: l,
+    focusPoint: c,
     imageSize: n.height,
     containerSize: o.height
   }), f = Math.abs((r?.x || 0) + 1) / 2;
-  return { objectPosition: `${Hr({
+  return { objectPosition: `${zr({
     scale: u,
     focusPoint: f,
     imageSize: n.width,
     containerSize: o.width
   })}% ${d}%` };
 }
-const zs = "lumx-thumbnail", {
-  block: Gs,
+const Gs = "lumx-thumbnail", {
+  block: Vs,
   element: se
-} = Z.bem(zs), zr = {
-  fallback: za,
+} = Z.bem(Gs), Gr = {
+  fallback: Ga,
   loading: "lazy"
-}, Vs = (e) => {
+}, Ws = (e) => {
   const {
     align: t,
     alt: r,
-    aspectRatio: a = ka.original,
+    aspectRatio: a = Pa.original,
     badge: n,
     className: o,
     crossOrigin: s,
     ref: i,
-    fallback: u = zr.fallback,
-    focusPointStyle: l,
+    fallback: u = Gr.fallback,
+    focusPointStyle: c,
     fillHeight: d,
     image: f,
     imgProps: m,
     imgRef: p,
     isLoading: g,
     objectFit: b,
-    loading: T = zr.loading,
-    loadingPlaceholderImageRef: v,
-    isAnyDisabled: $,
+    loading: v = Gr.loading,
+    loadingPlaceholderImageRef: C,
+    isAnyDisabled: P,
     disabledStateProps: _,
     size: O,
     theme: L,
@@ -2507,15 +2505,15 @@ const zs = "lumx-thumbnail", {
     linkProps: Y,
     linkAs: he,
     ...te
-  } = e, N = g || B === "isLoading", J = B === "hasError", j = J && typeof u == "string", qt = J && !j, Ce = {};
-  j ? Ce.visibility = "hidden" : qt && (Ce.display = "none");
-  const Dt = !!(Y?.href || he), _e = !$ && !!(Dt || te.onClick), re = {
+  } = e, N = g || B === "isLoading", J = B === "hasError", j = J && typeof u == "string", Dt = J && !j, Ce = {};
+  j ? Ce.visibility = "hidden" : Dt && (Ce.display = "none");
+  const Ft = !!(Y?.href || he), _e = !P && !!(Ft || te.onClick), re = {
     ...te
   };
   _e && (Object.assign(re, {
     as: he || (Y?.href ? "a" : "button")
-  }, _), Dt ? Object.assign(re, Y) : re["aria-label"] = te["aria-label"] || r);
-  const Ft = Z.join(Y?.className, o, Gs({
+  }, _), Ft ? Object.assign(re, Y) : re["aria-label"] = te["aria-label"] || r);
+  const Ht = Z.join(Y?.className, o, Vs({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${O}`]: !!O,
@@ -2524,16 +2522,16 @@ const zs = "lumx-thumbnail", {
     "is-clickable": _e,
     "has-error": J,
     "has-icon-error-fallback": j,
-    "has-custom-error-fallback": qt,
+    "has-custom-error-fallback": Dt,
     "is-loading": N,
     [`object-fit-${b}`]: !!b,
     "has-badge": !!n,
     "fill-height": d
-  })), ae = N && v?.current?.complete && v?.current || void 0, Na = ae ? {
+  })), ae = N && C?.current?.complete && C?.current || void 0, Aa = ae ? {
     backgroundImage: `url(${ae.src})`
-  } : void 0, Ht = c(G, null, [c("span", {
+  } : void 0, zt = l(G, null, [l("span", {
     className: se("background")
-  }, [c("img", h({
+  }, [l("img", h({
     width: ae?.naturalWidth,
     height: ae?.naturalHeight
   }, m, {
@@ -2542,8 +2540,8 @@ const zs = "lumx-thumbnail", {
       width: N ? m?.width || ae?.naturalWidth : void 0,
       ...m?.style,
       ...Ce,
-      ...l,
-      ...Na
+      ...c,
+      ...Aa
     },
     ref: p,
     className: Z.join(se("image", {
@@ -2553,26 +2551,26 @@ const zs = "lumx-thumbnail", {
     crossOrigin: s,
     src: f,
     alt: r,
-    loading: T
-  }), null), !N && J && c("span", {
+    loading: v
+  }), null), !N && J && l("span", {
     className: se("fallback")
   }, [j ? I({
     icon: u,
-    size: Pa.xxs,
+    size: Ta.xxs,
     theme: L
   }) : u])]), n]);
-  return _e ? na({
+  return _e ? oa({
     ref: i,
     ...re,
-    className: Ft,
-    children: Ht
-  }) : c("div", h({
+    className: Ht,
+    children: zt
+  }) : l("div", h({
     ref: i
   }, re, {
-    className: Ft
-  }), [Ht]);
+    className: Ht
+  }), [zt]);
 };
-function Ws(e, t) {
+function Us(e, t) {
   const r = ie(At(t.value));
   W(
     [e, t],
@@ -2590,13 +2588,13 @@ function Ws(e, t) {
       o && (o.removeEventListener("load", a), o.removeEventListener("error", a)), n && (n.addEventListener("load", a), n.addEventListener("error", a));
     },
     { immediate: !0 }
-  ), Ea(() => {
+  ), La(() => {
     t.value && (t.value.removeEventListener("load", a), t.value.removeEventListener("error", a));
   }), r;
 }
-function Us(e) {
-  const { image: t, aspectRatio: r, focusPoint: a, width: n, height: o, element: s, isLoaded: i } = e, u = P(
-    () => Fs({
+function Ks(e) {
+  const { image: t, aspectRatio: r, focusPoint: a, width: n, height: o, element: s, isLoaded: i } = e, u = T(
+    () => Hs({
       image: t.value,
       aspectRatio: r.value,
       focusPoint: a.value,
@@ -2605,76 +2603,76 @@ function Us(e) {
       element: s.value,
       isLoaded: i.value
     })
-  ), l = ie(void 0), d = () => {
+  ), c = ie(void 0), d = () => {
     const m = s.value?.offsetWidth, p = s.value?.offsetHeight;
     if (m && p) {
-      const g = l.value;
-      (g?.width !== m || g?.height !== p) && (l.value = { width: m, height: p });
+      const g = c.value;
+      (g?.width !== m || g?.height !== p) && (c.value = { width: m, height: p });
     } else u.value && requestAnimationFrame(d);
   };
   return W(
     [() => s.value?.offsetWidth, () => s.value?.offsetHeight, u],
     () => {
-      La(d);
+      Oa(d);
     },
     { immediate: !0 }
-  ), P(
-    () => Hs({
+  ), T(
+    () => zs({
       image: t.value,
       aspectRatio: r.value,
       focusPoint: a.value,
       element: s.value,
       imageSize: u.value,
-      containerSize: l.value
+      containerSize: c.value
     })
   );
 }
-const Ks = {
+const Ys = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, Di = /* @__PURE__ */ y((e, {
+}, Fi = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r
 }) => {
-  const a = k(), n = w(), o = ie(), s = Vr(), i = s?.vnode.props?.onClick !== void 0, u = s?.vnode.props?.onKeyPress !== void 0, {
-    isAnyDisabled: l,
-    disabledStateProps: d,
-    otherProps: f
-  } = H(P(() => ({
+  const a = k(), n = w(), o = ie(), s = wt("onClick"), i = wt("onKeyPress"), {
+    isAnyDisabled: u,
+    disabledStateProps: c,
+    otherProps: d
+  } = H(T(() => ({
     ...e,
     ...a
-  }))), m = Ws(X(() => e.image), o), p = P(() => m.value === "isLoaded"), g = Us({
+  }))), f = Us(X(() => e.image), o), m = T(() => f.value === "isLoaded"), p = Ks({
     image: X(() => e.image),
     aspectRatio: X(() => e.aspectRatio),
     focusPoint: X(() => e.focusPoint),
     width: X(() => typeof e.imgProps?.width == "number" ? e.imgProps.width : void 0),
     height: X(() => typeof e.imgProps?.height == "number" ? e.imgProps.height : void 0),
     element: o,
-    isLoaded: p
-  }), b = (v) => {
-    l.value || (v.stopImmediatePropagation(), t("click", v));
-  }, T = (v) => {
-    l.value || (v.stopImmediatePropagation(), t("keyPress", v));
+    isLoaded: m
+  }), g = (v) => {
+    u.value || (v.stopImmediatePropagation(), t("click", v));
+  }, b = (v) => {
+    u.value || (v.stopImmediatePropagation(), t("keyPress", v));
   };
   return () => {
-    const v = r.badge?.(), $ = r.fallback?.();
-    return c(Vs, h(f.value, {
+    const v = r.badge?.(), C = r.fallback?.();
+    return l(Ws, h(d.value, {
       className: e.class,
       theme: e.theme || n.value,
-      isAnyDisabled: l.value,
-      disabledStateProps: d.value,
-      focusPointStyle: g.value,
-      loadingState: m.value,
+      isAnyDisabled: u.value,
+      disabledStateProps: c.value,
+      focusPointStyle: p.value,
+      loadingState: f.value,
       imgRef: o,
       image: e.image,
-      onClick: i ? b : void 0,
-      onKeyPress: u ? T : void 0,
-      fallback: $,
-      badge: v && (Array.isArray(v) ? v.map((_) => ({
-        ..._,
+      onClick: s ? g : void 0,
+      onKeyPress: i ? b : void 0,
+      fallback: C,
+      badge: v && (Array.isArray(v) ? v.map((P) => ({
+        ...P,
         props: {
-          ..._.props,
-          class: Z.join(se("badge"), _.props?.class)
+          ...P.props,
+          class: Z.join(se("badge"), P.props?.class)
         }
       })) : {
         ...v,
@@ -2689,17 +2687,17 @@ const Ks = {
   name: "LumxThumbnail",
   inheritAttrs: !1,
   props: S()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
-  emits: Ks
-}), Fi = {
+  emits: Ys
+}), Hi = {
   squared: "squared",
   rounded: "rounded"
-}, Hi = {
+}, zi = {
   cover: "cover",
   contain: "contain"
-}, zi = "Toolbar", Ys = "lumx-toolbar", {
-  block: Js,
+}, Gi = "Toolbar", Js = "lumx-toolbar", {
+  block: Xs,
   element: St
-} = C(Ys), Xs = (e) => {
+} = $(Js), Qs = (e) => {
   const {
     after: t,
     before: r,
@@ -2708,26 +2706,26 @@ const Ks = {
     ref: o,
     ...s
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: o
   }, s, {
-    className: A(a, Js({
+    className: A(a, Xs({
       "has-after": !!t,
       "has-before": !!r,
       "has-label": !!n
     }))
-  }), [r && c("div", {
+  }), [r && l("div", {
     className: St("before")
-  }, [r]), n && c("div", {
+  }, [r]), n && l("div", {
     className: St("label")
-  }, [n]), t && c("div", {
+  }, [n]), t && l("div", {
     className: St("after")
   }, [t])]);
-}, Gi = /* @__PURE__ */ y((e, {
+}, Vi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const r = k();
-  return () => c(Xs, h(e, r, {
+  return () => l(Qs, h(e, r, {
     className: e.class,
     label: t.default?.(),
     before: t.before?.(),
@@ -2739,49 +2737,49 @@ const Ks = {
   props: S()("class")
 });
 export {
-  fi as Badge,
-  mi as BadgeWrapper,
-  hi as Button,
-  bi as ButtonGroup,
-  Ps as CLASSNAME,
-  Li as COMPONENT_NAME,
-  gi as Checkbox,
-  $s as DEFAULT_PROPS,
-  vi as Divider,
-  yi as Flag,
-  Ni as FlexBox,
-  pa as GRID_COLUMN_CLASSNAME,
-  Go as GRID_COLUMN_COMPONENT_NAME,
-  Ai as GridColumn,
-  Si as Heading,
-  ki as HeadingLevelProvider,
+  mi as Badge,
+  hi as BadgeWrapper,
+  pi as Button,
+  gi as ButtonGroup,
+  Ts as CLASSNAME,
+  Oi as COMPONENT_NAME,
+  vi as Checkbox,
+  Cs as DEFAULT_PROPS,
+  yi as Divider,
+  Ni as Flag,
+  Ai as FlexBox,
+  ba as GRID_COLUMN_CLASSNAME,
+  Vo as GRID_COLUMN_COMPONENT_NAME,
+  Si as GridColumn,
+  ki as Heading,
+  Pi as HeadingLevelProvider,
   Tt as Icon,
-  pi as IconButton,
-  Pi as InputHelper,
-  Ti as InputLabel,
-  $i as Link,
-  Ci as Message,
-  _i as RadioButton,
-  xi as RadioGroup,
-  wi as SkeletonCircle,
-  Ii as SkeletonRectangle,
-  hs as SkeletonRectangleVariant,
-  Ei as SkeletonTypography,
-  Oi as Switch,
-  zi as TOOLBAR_NAME,
-  Bi as Table,
-  ji as TableBody,
-  Ri as TableCell,
+  bi as IconButton,
+  Ti as InputHelper,
+  $i as InputLabel,
+  Ci as Link,
+  _i as Message,
+  xi as RadioButton,
+  wi as RadioGroup,
+  Ii as SkeletonCircle,
+  Ei as SkeletonRectangle,
+  ps as SkeletonRectangleVariant,
+  Li as SkeletonTypography,
+  Bi as Switch,
+  Gi as TOOLBAR_NAME,
+  ji as Table,
+  Ri as TableBody,
+  Mi as TableCell,
   xt as TableCellVariant,
-  Mi as TableHeader,
-  qi as TableRow,
-  jt as Text,
+  qi as TableHeader,
+  Di as TableRow,
+  Rt as Text,
   ge as ThOrder,
-  Di as Thumbnail,
-  Hi as ThumbnailObjectFit,
-  Fi as ThumbnailVariant,
-  Gi as Toolbar,
-  Bs as emitSchema,
-  ga as useHeadingLevel
+  Fi as Thumbnail,
+  zi as ThumbnailObjectFit,
+  Hi as ThumbnailVariant,
+  Vi as Toolbar,
+  js as emitSchema,
+  va as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map