@lumx/vue 4.3.2-alpha.32 → 4.3.2-alpha.34

package/index.js

@@ -1,35 +1,35 @@
-import { ColorVariant as Sa, Theme as ka, AspectRatio as Pa, Size as Ta } from "@lumx/core/js/constants";
+import { ColorVariant as $a, Theme as Ta, AspectRatio as Ca, Size as _a } 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 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 { createVNode as l, mergeProps as h, defineComponent as y, useAttrs as P, isVNode as ee, inject as It, computed as $, unref as kt, provide as Kr, getCurrentScope as xa, onScopeDispose as Ea, watch as V, toValue as Lt, shallowRef as wa, getCurrentInstance as Yr, onMounted as Ia, ref as ie, useSlots as Ot, Fragment as H, useTemplateRef as La, toRefs as Oa, reactive as Ba, createTextVNode as pe, onBeforeUnmount as Ra, nextTick as ja, toRef as X } from "vue";
+import { getDisabledState as Ma } from "@lumx/core/js/utils/disabledState";
+import { mdiAlertCircle as Jr } from "@lumx/icons/esm/alert-circle.js";
 import { classNames as Z } from "@lumx/core/js/utils";
-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";
+import { mdiCheck as qa } from "@lumx/icons/esm/check.js";
+import { mdiMinus as Da } from "@lumx/icons/esm/minus.js";
+import { mdiAlert as Fa } from "@lumx/icons/esm/alert.js";
+import { mdiCheckCircle as za } from "@lumx/icons/esm/check-circle.js";
+import { mdiClose as Ga } from "@lumx/icons/esm/close.js";
+import { mdiInformation as Ha } from "@lumx/icons/esm/information.js";
+import { mdiArrowDown as Ua } from "@lumx/icons/esm/arrow-down.js";
+import { mdiArrowUp as Va } from "@lumx/icons/esm/arrow-up.js";
+import { mdiImageBroken as Wa } from "@lumx/icons/esm/image-broken.js";
 const ve = {
   light: "light",
   dark: "dark"
-}, E = {
+}, w = {
   xxs: "xxs",
   xs: "xs",
   s: "s",
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Va = {
+}, Ka = {
   horizontal: "horizontal"
-}, V = {
+}, U = {
   low: "low",
   high: "high"
-}, Wa = {
+}, Ya = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -40,8 +40,8 @@ const ve = {
   headline: "headline",
   display1: "display1"
 }, Q = {
-  ...Wa
-}, Kr = {
+  ...Ya
+}, Xr = {
   /** Intrinsic content ratio. */
   original: "original"
 }, D = {
@@ -49,7 +49,7 @@ const ve = {
   success: "success",
   warning: "warning",
   error: "error"
-}, x = {
+}, E = {
   primary: "primary",
   blue: "blue",
   dark: "dark",
@@ -59,34 +59,34 @@ const ve = {
   light: "light"
 };
 var be = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ne(e) {
+function Ae(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var xe = { exports: {} };
-var Gt;
-function Ua() {
-  return Gt || (Gt = 1, (function(e) {
+var Ee = { exports: {} };
+var Ut;
+function Ja() {
+  return Ut || (Ut = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
         for (var a = [], n = 0; n < arguments.length; n++) {
-          var o = arguments[n];
-          if (o) {
-            var s = typeof o;
-            if (s === "string" || s === "number")
-              a.push(o);
-            else if (Array.isArray(o)) {
-              if (o.length) {
-                var i = r.apply(null, o);
+          var s = arguments[n];
+          if (s) {
+            var o = typeof s;
+            if (o === "string" || o === "number")
+              a.push(s);
+            else if (Array.isArray(s)) {
+              if (s.length) {
+                var i = r.apply(null, s);
                 i && a.push(i);
               }
-            } else if (s === "object") {
-              if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
-                a.push(o.toString());
+            } else if (o === "object") {
+              if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
+                a.push(s.toString());
                 continue;
               }
-              for (var u in o)
-                t.call(o, u) && o[u] && a.push(u);
+              for (var u in s)
+                t.call(s, u) && s[u] && a.push(u);
             }
           }
         }
@@ -94,24 +94,24 @@ function Ua() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(xe)), xe.exports;
+  })(Ee)), Ee.exports;
 }
-var Ka = Ua();
-const A = /* @__PURE__ */ Ne(Ka);
-function Ot(e, t) {
+var Xa = Ja();
+const N = /* @__PURE__ */ Ae(Xa);
+function Bt(e, t) {
   if (!e) return [void 0, t];
   const [r, a] = e.split("-");
   return [r, t || a];
 }
-function Ya(e, t, r) {
-  const [a, n = Sa.N] = Ot(t, r);
+function Qa(e, t, r) {
+  const [a, n = $a.N] = Bt(t, r);
   return `lumx-color-${e}-${a}-${n}`;
 }
-const Ja = (e, t) => Ya("font", e, t);
-function Bt(e) {
+const Za = (e, t) => Qa("font", e, t);
+function Rt(e) {
   return `lumx-typography-${e}`;
 }
-function Yr(e, t) {
+function Qr(e, t) {
   const r = [];
   for (const [a, n] of Object.entries(t))
     n && r.push(`${e}--${a}`);
@@ -119,62 +119,62 @@ function Yr(e, t) {
 }
 function ye(e, t, r) {
   let a, n;
-  return Array.isArray(t) ? n = t : (a = t, n = r), !a && !n ? e : A(
+  return Array.isArray(t) ? n = t : (a = t, n = r), !a && !n ? e : N(
     // Additional classes
     n,
     // Base class
     e,
     // Modifier(s)
-    a ? Yr(e, a) : null
+    a ? Qr(e, a) : null
   );
 }
 function Vt(e, t, r, a) {
   return Array.isArray(r) ? ye(`${e}__${t}`, r) : ye(`${e}__${t}`, r, a);
 }
-function $(e) {
+function T(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) ? Vt(e, a, n) : Vt(e, a, n, o);
+  function r(a, n, s) {
+    return Array.isArray(n) ? Vt(e, a, n) : Vt(e, a, n, s);
   }
   return {
     block: t,
     element: r,
-    modifier: (a) => Yr(e, a)
+    modifier: (a) => Qr(e, a)
   };
 }
-const Xa = "Badge", Jr = "lumx-badge", {
-  block: Qa
-} = $(Jr), Xr = {
-  color: x.primary
-}, Ae = (e) => {
+const en = "Badge", Zr = "lumx-badge", {
+  block: tn
+} = T(Zr), ea = {
+  color: E.primary
+}, Se = (e) => {
   const {
     children: t,
     className: r,
-    color: a = Xr.color,
+    color: a = ea.color,
     ref: n,
-    ...o
+    ...s
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: n
-  }, o, {
-    className: A(r, Qa({
+  }, s, {
+    className: N(r, tn({
       [`color-${a}`]: !!a
     }))
   }), [t]);
 };
-Ae.displayName = Xa;
-Ae.className = Jr;
-Ae.defaultProps = Xr;
-const S = () => (...e) => e.reduce(
+Se.displayName = en;
+Se.className = Zr;
+Se.defaultProps = ea;
+const A = () => (...e) => e.reduce(
   (t, r) => (t[r] = { required: !1 }, t),
   {}
-), mi = /* @__PURE__ */ y((e, {
+), Si = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(Ae, h(e, r, {
+  const r = P();
+  return () => l(Se, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -182,30 +182,30 @@ const S = () => (...e) => e.reduce(
   name: "LumxBadge",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("color", "class")
-}), Za = "lumx-badge-wrapper", {
-  block: en,
-  element: tn
-} = $(Za), rn = (e) => {
+  props: A()("color", "class")
+}), rn = "lumx-badge-wrapper", {
+  block: an,
+  element: nn
+} = T(rn), sn = (e) => {
   const {
     badge: t,
     children: r,
     className: a,
     ref: n,
-    ...o
+    ...s
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: n
-  }, o, {
-    className: A(a, en())
-  }), [r, t && c("div", {
-    className: tn("badge")
+  }, s, {
+    className: N(a, an())
+  }), [r, t && l("div", {
+    className: nn("badge")
   }, [t])]);
-}, hi = /* @__PURE__ */ y((e, {
+}, Pi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(rn, h(e, r, {
+  const r = P();
+  return () => l(sn, h(e, r, {
     className: e.class,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -213,10 +213,10 @@ const S = () => (...e) => e.reduce(
 }, {
   name: "LumxBadgeWrapper",
   inheritAttrs: !1,
-  props: S()("badge", "class")
+  props: A()("badge", "class")
 });
 var we, Wt;
-function Qr() {
+function ta() {
   if (Wt) return we;
   Wt = 1;
   var e = Object.prototype;
@@ -226,10 +226,10 @@ function Qr() {
   }
   return we = t, we;
 }
-var Ie, Ut;
-function an() {
-  if (Ut) return Ie;
-  Ut = 1;
+var Ie, Kt;
+function on() {
+  if (Kt) return Ie;
+  Kt = 1;
   function e(t, r) {
     return function(a) {
       return t(r(a));
@@ -237,133 +237,133 @@ function an() {
   }
   return Ie = e, Ie;
 }
-var Ee, Kt;
-function nn() {
-  if (Kt) return Ee;
-  Kt = 1;
-  var e = an(), t = e(Object.keys, Object);
-  return Ee = t, Ee;
-}
 var Le, Yt;
-function on() {
+function ln() {
   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);
-    var s = [];
-    for (var i in Object(o))
-      a.call(o, i) && i != "constructor" && s.push(i);
-    return s;
-  }
-  return Le = n, Le;
+  var e = on(), t = e(Object.keys, Object);
+  return Le = t, Le;
 }
 var Oe, Jt;
-function Zr() {
+function cn() {
   if (Jt) return Oe;
   Jt = 1;
-  var e = typeof be == "object" && be && be.Object === Object && be;
-  return Oe = e, Oe;
+  var e = ta(), t = ln(), r = Object.prototype, a = r.hasOwnProperty;
+  function n(s) {
+    if (!e(s))
+      return t(s);
+    var o = [];
+    for (var i in Object(s))
+      a.call(s, i) && i != "constructor" && o.push(i);
+    return o;
+  }
+  return Oe = n, Oe;
 }
 var Be, Xt;
-function F() {
+function ra() {
   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 e = typeof be == "object" && be && be.Object === Object && be;
+  return Be = e, Be;
 }
-var je, Qt;
-function ea() {
-  if (Qt) return je;
+var Re, Qt;
+function F() {
+  if (Qt) return Re;
   Qt = 1;
+  var e = ra(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  return Re = r, Re;
+}
+var je, Zt;
+function aa() {
+  if (Zt) return je;
+  Zt = 1;
   var e = F(), t = e.Symbol;
   return je = t, je;
 }
-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];
+var Me, er;
+function un() {
+  if (er) return Me;
+  er = 1;
+  var e = aa(), t = Object.prototype, r = t.hasOwnProperty, a = t.toString, n = e ? e.toStringTag : void 0;
+  function s(o) {
+    var i = r.call(o, n), u = o[n];
     try {
-      s[n] = void 0;
-      var l = !0;
+      o[n] = void 0;
+      var c = !0;
     } catch {
     }
-    var d = a.call(s);
-    return l && (i ? s[n] = u : delete s[n]), d;
+    var d = a.call(o);
+    return c && (i ? o[n] = u : delete o[n]), d;
   }
-  return Re = o, Re;
+  return Me = s, Me;
 }
-var Me, er;
-function ln() {
-  if (er) return Me;
-  er = 1;
+var qe, tr;
+function dn() {
+  if (tr) return qe;
+  tr = 1;
   var e = Object.prototype, t = e.toString;
   function r(a) {
     return t.call(a);
   }
-  return Me = r, Me;
+  return qe = r, qe;
 }
-var qe, tr;
+var De, rr;
 function le() {
-  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);
+  if (rr) return De;
+  rr = 1;
+  var e = aa(), t = un(), r = dn(), a = "[object Null]", n = "[object Undefined]", s = e ? e.toStringTag : void 0;
+  function o(i) {
+    return i == null ? i === void 0 ? n : a : s && s in Object(i) ? t(i) : r(i);
   }
-  return qe = s, qe;
+  return De = o, De;
 }
-var De, rr;
+var Fe, ar;
 function jt() {
-  if (rr) return De;
-  rr = 1;
+  if (ar) return Fe;
+  ar = 1;
   function e(t) {
     var r = typeof t;
     return t != null && (r == "object" || r == "function");
   }
-  return De = e, De;
+  return Fe = e, Fe;
 }
-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) {
+var ze, nr;
+function na() {
+  if (nr) return ze;
+  nr = 1;
+  var e = le(), t = jt(), r = "[object AsyncFunction]", a = "[object Function]", n = "[object GeneratorFunction]", s = "[object Proxy]";
+  function o(i) {
     if (!t(i))
       return !1;
     var u = e(i);
-    return u == a || u == n || u == r || u == o;
+    return u == a || u == n || u == r || u == s;
   }
-  return Fe = s, Fe;
+  return ze = o, ze;
 }
-var He, nr;
-function cn() {
-  if (nr) return He;
-  nr = 1;
+var Ge, sr;
+function fn() {
+  if (sr) return Ge;
+  sr = 1;
   var e = F(), t = e["__core-js_shared__"];
-  return He = t, He;
+  return Ge = t, Ge;
 }
-var ze, or;
-function un() {
-  if (or) return ze;
+var He, or;
+function mn() {
+  if (or) return He;
   or = 1;
-  var e = cn(), t = (function() {
+  var e = fn(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return a ? "Symbol(src)_1." + a : "";
   })();
   function r(a) {
     return !!t && t in a;
   }
-  return ze = r, ze;
+  return He = r, He;
 }
-var Ge, sr;
-function ra() {
-  if (sr) return Ge;
-  sr = 1;
+var Ue, ir;
+function sa() {
+  if (ir) return Ue;
+  ir = 1;
   var e = Function.prototype, t = e.toString;
   function r(a) {
     if (a != null) {
@@ -378,85 +378,85 @@ function ra() {
     }
     return "";
   }
-  return Ge = r, Ge;
+  return Ue = r, Ue;
 }
-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, l = i.hasOwnProperty, d = RegExp(
-    "^" + u.call(l).replace(n, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var Ve, lr;
+function hn() {
+  if (lr) return Ve;
+  lr = 1;
+  var e = na(), t = mn(), r = jt(), a = sa(), n = /[\\^$.*+?()[\]{}|]/g, s = /^\[object .+?Constructor\]$/, o = Function.prototype, i = Object.prototype, u = o.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))
       return !1;
-    var p = e(m) ? d : o;
+    var p = e(m) ? d : s;
     return p.test(a(m));
   }
   return Ve = f, Ve;
 }
-var We, lr;
-function fn() {
-  if (lr) return We;
-  lr = 1;
+var We, cr;
+function pn() {
+  if (cr) return We;
+  cr = 1;
   function e(t, r) {
     return t?.[r];
   }
   return We = e, We;
 }
-var Ue, cr;
-function ce() {
-  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, ur;
-function mn() {
+function ce() {
   if (ur) return Ke;
   ur = 1;
-  var e = ce(), t = F(), r = e(t, "DataView");
+  var e = hn(), t = pn();
+  function r(a, n) {
+    var s = t(a, n);
+    return e(s) ? s : void 0;
+  }
   return Ke = r, Ke;
 }
 var Ye, dr;
-function hn() {
+function bn() {
   if (dr) return Ye;
   dr = 1;
-  var e = ce(), t = F(), r = e(t, "Map");
+  var e = ce(), t = F(), r = e(t, "DataView");
   return Ye = r, Ye;
 }
 var Je, fr;
-function pn() {
+function gn() {
   if (fr) return Je;
   fr = 1;
-  var e = ce(), t = F(), r = e(t, "Promise");
+  var e = ce(), t = F(), r = e(t, "Map");
   return Je = r, Je;
 }
 var Xe, mr;
-function bn() {
+function vn() {
   if (mr) return Xe;
   mr = 1;
-  var e = ce(), t = F(), r = e(t, "Set");
+  var e = ce(), t = F(), r = e(t, "Promise");
   return Xe = r, Xe;
 }
 var Qe, hr;
-function gn() {
+function yn() {
   if (hr) return Qe;
   hr = 1;
-  var e = ce(), t = F(), r = e(t, "WeakMap");
+  var e = ce(), t = F(), r = e(t, "Set");
   return Qe = r, Qe;
 }
 var Ze, pr;
-function vn() {
+function Nn() {
   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]", l = "[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()) != l || 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) : "";
+  var e = ce(), t = F(), r = e(t, "WeakMap");
+  return Ze = r, Ze;
+}
+var et, br;
+function An() {
+  if (br) return et;
+  br = 1;
+  var e = bn(), t = gn(), r = vn(), a = yn(), n = Nn(), s = le(), o = sa(), i = "[object Map]", u = "[object Object]", c = "[object Promise]", d = "[object Set]", f = "[object WeakMap]", m = "[object DataView]", p = o(e), g = o(t), b = o(r), v = o(a), C = o(n), k = s;
+  return (e && k(new e(new ArrayBuffer(1))) != m || t && k(new t()) != i || r && k(r.resolve()) != c || a && k(new a()) != d || n && k(new n()) != f) && (k = function(_) {
+    var O = s(_), L = O == u ? _.constructor : void 0, B = L ? o(L) : "";
     if (B)
       switch (B) {
         case p:
@@ -464,177 +464,177 @@ function vn() {
         case g:
           return i;
         case b:
-          return l;
+          return c;
         case v:
           return d;
         case C:
           return f;
       }
     return O;
-  }), Ze = P, Ze;
-}
-var et, br;
-function Se() {
-  if (br) return et;
-  br = 1;
-  function e(t) {
-    return t != null && typeof t == "object";
-  }
-  return et = e, et;
+  }), et = k, et;
 }
 var tt, gr;
-function yn() {
+function Pe() {
   if (gr) return tt;
   gr = 1;
-  var e = le(), t = Se(), r = "[object Arguments]";
-  function a(n) {
-    return t(n) && e(n) == r;
+  function e(t) {
+    return t != null && typeof t == "object";
   }
-  return tt = a, tt;
+  return tt = e, tt;
 }
 var rt, vr;
-function Nn() {
+function Sn() {
   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 e = le(), t = Pe(), r = "[object Arguments]";
+  function a(n) {
+    return t(n) && e(n) == r;
+  }
+  return rt = a, rt;
 }
 var at, yr;
-function aa() {
+function Pn() {
   if (yr) return at;
   yr = 1;
-  var e = Array.isArray;
-  return at = e, at;
+  var e = Sn(), t = Pe(), r = Object.prototype, a = r.hasOwnProperty, n = r.propertyIsEnumerable, s = e(/* @__PURE__ */ (function() {
+    return arguments;
+  })()) ? e : function(o) {
+    return t(o) && a.call(o, "callee") && !n.call(o, "callee");
+  };
+  return at = s, at;
 }
 var nt, Nr;
-function na() {
+function oa() {
   if (Nr) return nt;
   Nr = 1;
+  var e = Array.isArray;
+  return nt = e, nt;
+}
+var st, Ar;
+function ia() {
+  if (Ar) return st;
+  Ar = 1;
   var e = 9007199254740991;
   function t(r) {
     return typeof r == "number" && r > -1 && r % 1 == 0 && r <= e;
   }
-  return nt = t, nt;
+  return st = t, st;
 }
-var ot, Ar;
-function An() {
-  if (Ar) return ot;
-  Ar = 1;
-  var e = ta(), t = na();
+var ot, Sr;
+function kn() {
+  if (Sr) return ot;
+  Sr = 1;
+  var e = na(), t = ia();
   function r(a) {
     return a != null && t(a.length) && !e(a);
   }
   return ot = r, ot;
 }
-var ne = { exports: {} }, st, Sr;
-function Sn() {
-  if (Sr) return st;
-  Sr = 1;
+var ne = { exports: {} }, it, Pr;
+function $n() {
+  if (Pr) return it;
+  Pr = 1;
   function e() {
     return !1;
   }
-  return st = e, st;
+  return it = e, it;
 }
 ne.exports;
 var kr;
-function kn() {
+function Tn() {
   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, l = u || a;
-    e.exports = l;
+    var r = F(), a = $n(), n = t && !t.nodeType && t, s = n && !0 && e && !e.nodeType && e, o = s && s.exports === n, i = o ? r.Buffer : void 0, u = i ? i.isBuffer : void 0, c = u || a;
+    e.exports = c;
   })(ne, ne.exports)), ne.exports;
 }
-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]", l = "[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[l] = 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)];
+var lt, $r;
+function Cn() {
+  if ($r) return lt;
+  $r = 1;
+  var e = le(), t = ia(), r = Pe(), a = "[object Arguments]", n = "[object Array]", s = "[object Boolean]", o = "[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]", k = "[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]", S = {};
+  S[k] = S[_] = S[O] = S[L] = S[B] = S[me] = S[Y] = S[he] = S[te] = !0, S[a] = S[n] = S[v] = S[s] = S[C] = S[o] = S[i] = S[u] = S[c] = S[d] = S[f] = S[m] = S[p] = S[g] = S[b] = !1;
+  function J(R) {
+    return r(R) && t(R.length) && !!S[e(R)];
   }
-  return it = J, it;
+  return lt = J, lt;
 }
-var lt, Tr;
-function Tn() {
-  if (Tr) return lt;
+var ct, Tr;
+function _n() {
+  if (Tr) return ct;
   Tr = 1;
   function e(t) {
     return function(r) {
       return t(r);
     };
   }
-  return lt = e, lt;
-}
-var oe = { exports: {} };
-oe.exports;
-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() {
+  return ct = e, ct;
+}
+var se = { exports: {} };
+se.exports;
+var Cr;
+function xn() {
+  return Cr || (Cr = 1, (function(e, t) {
+    var r = ra(), a = t && !t.nodeType && t, n = a && !0 && e && !e.nodeType && e, s = n && n.exports === a, o = s && r.process, i = (function() {
       try {
         var u = n && n.require && n.require("util").types;
-        return u || s && s.binding && s.binding("util");
+        return u || o && o.binding && o.binding("util");
       } catch {
       }
     })();
     e.exports = i;
-  })(oe, oe.exports)), oe.exports;
-}
-var ct, Cr;
-function Cn() {
-  if (Cr) return ct;
-  Cr = 1;
-  var e = Pn(), t = Tn(), r = $n(), a = r && r.isTypedArray, n = a ? t(a) : e;
-  return ct = n, ct;
+  })(se, se.exports)), se.exports;
 }
 var ut, _r;
-function _n() {
+function En() {
   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]", l = "[object Set]", d = Object.prototype, f = d.hasOwnProperty;
+  var e = Cn(), t = _n(), r = xn(), a = r && r.isTypedArray, n = a ? t(a) : e;
+  return ut = n, ut;
+}
+var dt, xr;
+function wn() {
+  if (xr) return dt;
+  xr = 1;
+  var e = cn(), t = An(), r = Pn(), a = oa(), n = kn(), s = Tn(), o = ta(), i = En(), 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)))
+    if (n(p) && (a(p) || typeof p == "string" || typeof p.splice == "function" || s(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))
+    if (o(p))
       return !e(p).length;
     for (var b in p)
       if (f.call(p, b))
         return !1;
     return !0;
   }
-  return ut = m, ut;
+  return dt = m, dt;
 }
-var xn = _n();
-const xr = /* @__PURE__ */ Ne(xn);
-function wn(e) {
+var In = wn();
+const Er = /* @__PURE__ */ Ae(In);
+function Ln(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const oa = (e) => {
+const la = (e) => {
   const {
     children: t,
     onClick: r,
     disabled: a,
     isDisabled: n = a,
-    "aria-disabled": o,
-    as: s,
+    "aria-disabled": s,
+    as: o,
     ...i
-  } = e, u = n || o === "true" || o === !0, l = s;
+  } = e, u = n || s === "true" || s === !0, c = o;
   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,29 +644,29 @@ const oa = (e) => {
       }
       r?.(f);
     }
-  }), wn(t) ? t : {
+  }), Ln(t) ? t : {
     default: () => [t]
   });
-}, In = "ButtonRoot", En = "lumx-button-wrapper", {
-  block: Ln
-} = $(En), On = "lumx-button", {
-  block: Bn
-} = $(On), jn = (e) => {
+}, On = "ButtonRoot", Bn = "lumx-button-wrapper", {
+  block: Rn
+} = T(Bn), jn = "lumx-button", {
+  block: Mn
+} = T(jn), qn = (e) => {
   const {
     color: t,
     emphasis: r,
     variant: a,
     fullWidth: n
-  } = e, o = r === V.low && (t === x.light ? x.dark : x.light), s = Ln({
-    [`color-${o}`]: !!o,
+  } = e, s = r === U.low && (t === E.light ? E.dark : E.light), o = Rn({
+    [`color-${s}`]: !!s,
     [`variant-${a}`]: !!a,
     "is-full-width": n
   }), i = {
     ...e,
     hasBackground: !1
   };
-  return c("div", {
-    className: s
+  return l("div", {
+    className: o
   }, [ue(i)]);
 }, ue = (e) => {
   const {
@@ -674,11 +674,11 @@ const oa = (e) => {
     "aria-disabled": r,
     children: a,
     className: n,
-    color: o,
-    emphasis: s,
+    color: s,
+    emphasis: o,
     hasBackground: i,
     isSelected: u,
-    isActive: l,
+    isActive: c,
     isFocused: d,
     isHovered: f,
     linkAs: m,
@@ -687,31 +687,31 @@ const oa = (e) => {
     variant: b,
     fullWidth: v,
     ref: C,
-    ...P
-  } = e, _ = o || s !== V.high && g === ve.dark && x.light || s === V.high && x.primary || x.dark;
+    ...k
+  } = e, _ = s || o !== U.high && g === ve.dark && E.light || o === U.high && E.primary || E.dark;
   if (i)
-    return jn({
+    return qn({
       ...e,
       ref: C,
       variant: b,
       color: _
     });
-  const O = A(n, Bn({
+  const O = N(n, Mn({
     [`color-${_}`]: !!_,
-    [`emphasis-${s}`]: !!s,
+    [`emphasis-${o}`]: !!o,
     "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),
+    [`theme-${g}`]: !!(o === U.high && g),
     [`variant-${b}`]: !!b,
     "is-full-width": v
   }));
-  return oa({
-    as: m || (P.href ? "a" : "button"),
-    ...P,
+  return la({
+    as: m || (k.href ? "a" : "button"),
+    ...k,
     "aria-disabled": r,
     "aria-label": t,
     ref: C,
@@ -719,113 +719,104 @@ const oa = (e) => {
     children: a
   });
 };
-ue.displayName = In;
+ue.displayName = On;
 ue.defaultProps = {};
-const Rn = "Button", sa = "lumx-button", {
-  modifier: Mn
-} = $(sa), Pt = {
-  emphasis: V.high,
-  size: E.m
+const Dn = "Button", ca = "lumx-button", {
+  modifier: Fn
+} = T(ca), $t = {
+  emphasis: U.high,
+  size: w.m
 }, ke = (e) => {
   const {
     className: t,
-    emphasis: r = Pt.emphasis,
+    emphasis: r = $t.emphasis,
     leftIcon: a,
     rightIcon: n,
-    size: o = Pt.size,
-    ...s
-  } = e, i = A(t, Mn({
+    size: s = $t.size,
+    ...o
+  } = e, i = N(t, Fn({
     "has-left-icon": !!a,
     "has-right-icon": !!n
   }));
   return ue({
     emphasis: r,
-    size: o,
-    ...s,
+    size: s,
+    ...o,
     className: i,
     variant: "button"
   });
 };
-ke.displayName = Rn;
-ke.className = sa;
-ke.defaultProps = Pt;
-function w(e = { defaultTheme: ka.light }) {
+ke.displayName = Dn;
+ke.className = ca;
+ke.defaultProps = $t;
+function x(e = { defaultTheme: Ta.light }) {
   const { defaultTheme: t } = e, r = It("theme", void 0);
-  return T(() => kt(r) || t);
-}
-const qn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function Dn() {
-  return It(qn, { state: null });
-}
-function H(e) {
-  const t = Dn(), r = T(() => {
-    const o = typeof e == "function" ? e() : kt(e);
-    return Ba(t, {
-      disabled: o.disabled,
-      isDisabled: o.isDisabled,
-      "aria-disabled": o["aria-disabled"] ?? o.ariaDisabled
+  return $(() => kt(r) || t);
+}
+const zn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Gn() {
+  return It(zn, { state: null });
+}
+function z(e) {
+  const t = Gn(), r = $(() => {
+    const s = typeof e == "function" ? e() : kt(e);
+    return Ma(t, {
+      disabled: s.disabled,
+      isDisabled: s.isDisabled,
+      "aria-disabled": s["aria-disabled"] ?? s.ariaDisabled
     });
-  }), a = T(
+  }), a = $(
     () => r.value["aria-disabled"] || r.value.disabled || void 0
-  ), n = T(() => {
-    const o = typeof e == "function" ? e() : kt(e), {
-      disabled: s,
-      isDisabled: i,
-      "aria-disabled": u,
-      ariaDisabled: l,
-      onClick: d,
-      onChange: f,
-      onKeyPress: m,
-      ...p
-    } = o;
-    return p;
+  ), n = $(() => {
+    const s = typeof e == "function" ? e() : kt(e), { disabled: o, isDisabled: i, "aria-disabled": u, ariaDisabled: c, onClick: d, onChange: f, ...m } = s;
+    return a.value || (d && (m.onClick = d), f && (m.onChange = f)), m;
   });
   return { disabledStateProps: r, isAnyDisabled: a, otherProps: n };
 }
 const wr = y({
   name: "ResetTheme",
   setup(e, { slots: t }) {
-    return Vr("theme", void 0), () => t.default?.();
+    return Kr("theme", void 0), () => t.default?.();
   }
-}), Fn = "Icon", Hn = "lumx-icon", ia = Hn, {
-  block: zn
-} = $(ia), Gn = {}, I = (e) => {
+}), Hn = "Icon", Un = "lumx-icon", ua = Un, {
+  block: Vn
+} = T(ua), Wn = {}, I = (e) => {
   const {
     className: t,
     color: r,
     colorVariant: a,
     hasShape: n,
-    icon: o,
-    size: s,
+    icon: s,
+    size: o,
     ref: i,
     theme: u,
-    alt: l,
+    alt: c,
     verticalAlign: d,
     ...f
-  } = e, [m, p] = Ot(r, a);
+  } = e, [m, p] = Bt(r, a);
   let g = m;
-  !g && (n || u) && (g = u === ve.dark ? x.light : x.dark);
+  !g && (n || u) && (g = u === ve.dark ? E.light : E.dark);
   let b = p;
-  !b && n && g === x.dark && (b = "L2");
-  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), c("i", h({
+  !b && n && g === E.dark && (b = "L2");
+  let v = o;
+  return o && n ? o === w.xxs || o === w.xs ? v = w.s : o === w.xxl && (v = w.xl) : n && (v = w.m), l("i", h({
     ref: i
   }, f, {
-    className: A(t, zn({
+    className: N(t, Vn({
       [`color-${g}`]: !!g,
       [`color-variant-${b}`]: !!b,
       "has-shape": n,
       [`theme-${u}`]: !!u,
       [`size-${v}`]: !!v,
       "no-shape": !n,
-      "has-dark-layer": !n && g === x.yellow && o === Ur,
+      "has-dark-layer": !n && g === E.yellow && s === Jr,
       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: {
@@ -833,19 +824,19 @@ const wr = y({
     },
     viewBox: "0 0 24 24",
     width: "1em"
-  }, [c("path", {
-    d: o,
+  }, [l("path", {
+    d: s,
     fill: "currentColor"
   }, null)])]);
 };
-I.displayName = Fn;
-I.className = ia;
-I.defaultProps = Gn;
+I.displayName = Hn;
+I.className = ua;
+I.defaultProps = Wn;
 const Tt = /* @__PURE__ */ y((e) => {
-  const t = k(), r = w({
+  const t = P(), r = x({
     defaultTheme: void 0
   });
-  return () => c(I, h(e, t, {
+  return () => l(I, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -853,130 +844,130 @@ const Tt = /* @__PURE__ */ y((e) => {
   name: "Icon",
   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")
-}), Vn = "lumx-text", {
-  block: Wn
-} = $(Vn), Un = (e) => {
+  props: A()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
+}), Kn = "lumx-text", {
+  block: Yn
+} = T(Kn), Jn = (e) => {
   const {
     className: t,
     color: r,
     colorVariant: a,
     noWrap: n,
-    typography: o,
-    truncate: s,
+    typography: s,
+    truncate: o,
     whiteSpace: i,
     style: u
-  } = e, l = typeof s == "object" && s.lines > 1 && {
-    "--lumx-text-truncate-lines": s.lines
-  }, d = !!l, f = !!s, m = !n && !(f && !d) && i && {
+  } = e, c = typeof o == "object" && o.lines > 1 && {
+    "--lumx-text-truncate-lines": o.lines
+  }, d = !!c, f = !!o, m = !n && !(f && !d) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: A(t, Wn({
+    className: N(t, Yn({
       "is-truncated": f && !d,
       "is-truncated-multiline": d,
       "no-wrap": n
-    }), o && Bt(o), r && Ja(r, a)),
+    }), s && Rt(s), r && Za(r, a)),
     style: {
-      ...l,
+      ...c,
       ...m,
       ...u
     }
   };
 };
-function la(e, t) {
-  return $a() ? (Ca(e, t), !0) : !1;
+function da(e, t) {
+  return xa() ? (Ea(e, t), !0) : !1;
 }
-const Kn = typeof window < "u" && typeof document < "u";
+const Xn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Yn = (e) => e != null;
-function Jn(e) {
+const Qn = (e) => e != null;
+function Zn(e) {
   return Array.isArray(e) ? e : [e];
 }
-const ca = Kn ? window : void 0;
-function $t(e) {
+const fa = Xn ? window : void 0;
+function Ct(e) {
   var t;
-  const r = Et(e);
+  const r = Lt(e);
   return (t = r?.$el) !== null && t !== void 0 ? t : r;
 }
 // @__NO_SIDE_EFFECTS__
-function Xn() {
-  const e = _a(!1), t = Wr();
-  return t && xa(() => {
+function es() {
+  const e = wa(!1), t = Yr();
+  return t && Ia(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function ua(e) {
-  const t = /* @__PURE__ */ Xn();
-  return T(() => (t.value, !!e()));
-}
-function Qn(e, t, r = {}) {
-  const { window: a = ca, ...n } = r;
-  let o;
-  const s = /* @__PURE__ */ ua(() => a && "MutationObserver" in a), i = () => {
-    o && (o.disconnect(), o = void 0);
-  }, u = W(T(() => {
-    const f = Jn(Et(e)).map($t).filter(Yn);
+function ma(e) {
+  const t = /* @__PURE__ */ es();
+  return $(() => (t.value, !!e()));
+}
+function ts(e, t, r = {}) {
+  const { window: a = fa, ...n } = r;
+  let s;
+  const o = /* @__PURE__ */ ma(() => a && "MutationObserver" in a), i = () => {
+    s && (s.disconnect(), s = void 0);
+  }, u = V($(() => {
+    const f = Zn(Lt(e)).map(Ct).filter(Qn);
     return new Set(f);
   }), (f) => {
-    i(), s.value && f.size && (o = new MutationObserver(t), f.forEach((m) => o.observe(m, n)));
+    i(), o.value && f.size && (s = new MutationObserver(t), f.forEach((m) => s.observe(m, n)));
   }, {
     immediate: !0,
     flush: "post"
-  }), l = () => o?.takeRecords(), d = () => {
+  }), c = () => s?.takeRecords(), d = () => {
     u(), i();
   };
-  return la(d), {
-    isSupported: s,
+  return da(d), {
+    isSupported: o,
     stop: d,
-    takeRecords: l
+    takeRecords: c
   };
 }
-function Zn(e, t, r = {}) {
-  const { window: a = ca, ...n } = r;
-  let o;
-  const s = /* @__PURE__ */ ua(() => a && "ResizeObserver" in a), i = () => {
-    o && (o.disconnect(), o = void 0);
-  }, u = W(T(() => {
-    const d = Et(e);
-    return Array.isArray(d) ? d.map((f) => $t(f)) : [$t(d)];
+function rs(e, t, r = {}) {
+  const { window: a = fa, ...n } = r;
+  let s;
+  const o = /* @__PURE__ */ ma(() => a && "ResizeObserver" in a), i = () => {
+    s && (s.disconnect(), s = void 0);
+  }, u = V($(() => {
+    const d = Lt(e);
+    return Array.isArray(d) ? d.map((f) => Ct(f)) : [Ct(d)];
   }), (d) => {
-    if (i(), s.value && a) {
-      o = new ResizeObserver(t);
-      for (const f of d) f && o.observe(f, n);
+    if (i(), o.value && a) {
+      s = new ResizeObserver(t);
+      for (const f of d) f && s.observe(f, n);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), l = () => {
+  }), c = () => {
     i(), u();
   };
-  return la(l), {
-    isSupported: s,
-    stop: l
+  return da(c), {
+    isSupported: o,
+    stop: c
   };
 }
-function eo(e) {
+function as(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 Qn(e, r, {
+  return ts(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), Zn(e, r), W(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), rs(e, r), V(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const to = (e = "default") => {
-  const t = Lt();
+const ns = (e = "default") => {
+  const t = Ot();
   return () => {
     const r = t?.[e];
     return r ? r() : null;
   };
 };
-function Ct(e) {
+function _t(e) {
   if (!e) return;
   const t = [];
   for (const r of e) {
@@ -988,50 +979,50 @@ function Ct(e) {
       t.push(" "), t.push(r), t.push(" ");
       continue;
     }
-    if (r.type === G && Array.isArray(r.children)) {
-      const a = Ct(r.children);
+    if (r.type === H && Array.isArray(r.children)) {
+      const a = _t(r.children);
       a && t.push(...a);
       continue;
     }
     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));
+      const a = _t(r.children), n = { ...r.props || {} };
+      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 ro(e) {
+function ss(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Rt = /* @__PURE__ */ y((e, {
+const Mt = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = to(), n = wa("tooltip-label"), {
-    tooltipLabel: o
-  } = eo(n), s = T(() => Un({
+  const r = P(), a = ns(), n = La("tooltip-label"), {
+    tooltipLabel: s
+  } = as(n), o = $(() => Jn({
     ...e,
     className: e.class || r.class || r.className
-  })), i = T(() => {
+  })), i = $(() => {
     const {
       children: u,
-      ...l
+      ...c
     } = r;
     return {
-      ...l,
-      ...s.value
+      ...c,
+      ...o.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 ? _t(c) : null;
+    return l(u, h({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
-      title: o.value
-    }), ro(d) ? d : {
+      title: s.value
+    }), ss(d) ? d : {
       default: () => [d]
     });
   };
@@ -1039,36 +1030,36 @@ const Rt = /* @__PURE__ */ y((e, {
   name: "LumxText",
   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")
-}), ao = {
+  props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), os = {
   click: (e) => e instanceof MouseEvent
-}, pi = /* @__PURE__ */ y((e, {
+}, ki = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = Lt(), a = k(), n = w(), {
-    isAnyDisabled: o,
-    disabledStateProps: s,
+  const r = Ot(), a = P(), n = x(), {
+    isAnyDisabled: s,
+    disabledStateProps: o,
     otherProps: i
-  } = H(T(() => ({
+  } = z($(() => ({
     ...e,
     ...a
   }))), u = (d) => {
-    o.value || (d.stopImmediatePropagation(), t("click", d));
-  }, l = () => {
+    s.value || (d.stopImmediatePropagation(), t("click", d));
+  }, c = () => {
     const d = r.default?.();
-    return !d || d.length === 0 ? null : d.length === 1 && d[0].type === Rt ? d[0] : c("span", null, [d]);
+    return !d || d.length === 0 ? null : d.length === 1 && d[0].type === Mt ? d[0] : l("span", null, [d]);
   };
   return () => {
-    const d = c(G, null, [e.leftIcon && !xr(e.leftIcon) && c(wr, null, {
-      default: () => [c(Tt, {
+    const d = l(H, null, [e.leftIcon && !Er(e.leftIcon) && l(wr, null, {
+      default: () => [l(Tt, {
         icon: e.leftIcon
       }, null)]
-    }), l(), e.rightIcon && !xr(e.rightIcon) && c(wr, null, {
-      default: () => [c(Tt, {
+    }), c(), e.rightIcon && !Er(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, o.value, {
       className: e.class,
       theme: e.theme || n.value,
       onClick: u,
@@ -1079,20 +1070,20 @@ const Rt = /* @__PURE__ */ y((e, {
   name: "LumxButton",
   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: ao
-}), no = "IconButton", oo = "lumx-icon-button", _t = {
-  emphasis: V.high,
-  size: E.m
+  props: A()("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: os
+}), is = "IconButton", ls = "lumx-icon-button", xt = {
+  emphasis: U.high,
+  size: w.m
 }, de = (e) => {
   const {
-    emphasis: t = _t.emphasis,
+    emphasis: t = xt.emphasis,
     image: r,
     icon: a,
     label: n,
-    size: o = _t.size,
-    ...s
-  } = e, i = r ? c("img", {
+    size: s = xt.size,
+    ...o
+  } = e, i = r ? l("img", {
     alt: "",
     src: r
   }, null) : I({
@@ -1100,32 +1091,32 @@ const Rt = /* @__PURE__ */ y((e, {
   });
   return ue({
     emphasis: t,
-    size: o,
-    ...s,
+    size: s,
+    ...o,
     "aria-label": n,
     variant: "icon",
     children: i
   });
 };
-de.displayName = no;
-de.className = oo;
-de.defaultProps = _t;
-const so = {
+de.displayName = is;
+de.className = ls;
+de.defaultProps = xt;
+const cs = {
   click: (e) => e instanceof MouseEvent
-}, bi = /* @__PURE__ */ y((e, {
+}, $i = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = w(), {
+  const r = P(), a = x(), {
     isAnyDisabled: n,
-    disabledStateProps: o,
-    otherProps: s
-  } = H(T(() => ({
+    disabledStateProps: s,
+    otherProps: o
+  } = z($(() => ({
     ...e,
     ...r
   }))), i = (u) => {
     n.value || (u.stopImmediatePropagation(), t("click", u));
   };
-  return () => c(de, h(s.value, o.value, {
+  return () => l(de, h(o.value, s.value, {
     className: e.class,
     theme: e.theme || a.value,
     title: e.label,
@@ -1136,26 +1127,26 @@ const so = {
   name: "IconButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  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) => {
+  props: A()("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: cs
+}), us = "ButtonGroup", ha = "lumx-button-group", ds = {}, $e = (e) => {
   const {
     children: t,
     className: r,
     ...a
   } = e;
-  return c("div", h(a, {
-    className: A(r, da)
+  return l("div", h(a, {
+    className: N(r, ha)
   }), [t]);
 };
-Pe.displayName = io;
-Pe.className = da;
-Pe.defaultProps = lo;
-const gi = /* @__PURE__ */ y((e, {
+$e.displayName = us;
+$e.className = ha;
+$e.defaultProps = ds;
+const Ti = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(Pe, h(e, r, {
+  const r = P();
+  return () => l($e, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1163,81 +1154,81 @@ const gi = /* @__PURE__ */ y((e, {
   name: "ButtonGroup",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("class")
-}), co = "InputLabel", uo = "lumx-input-label", fa = uo, {
-  block: fo
-} = $(fa), mo = {};
-function U(e) {
+  props: A()("class")
+}), fs = "InputLabel", ms = "lumx-input-label", pa = ms, {
+  block: hs
+} = T(pa), ps = {};
+function W(e) {
   const {
     children: t,
     className: r,
     htmlFor: a,
     isRequired: n,
-    theme: o,
-    typography: s,
+    theme: s,
+    typography: o,
     ref: i,
     ...u
   } = e;
-  return c("label", h({
+  return l("label", h({
     ref: i
   }, u, {
     htmlFor: a,
-    className: A(r, fo({
+    className: N(r, hs({
       "is-required": n,
-      [`theme-${o}`]: !!o,
-      "has-custom-typography": !!s
-    }), s && Bt(s))
+      [`theme-${s}`]: !!s,
+      "has-custom-typography": !!o
+    }), o && Rt(o))
   }), [t]);
 }
-U.displayName = co;
-U.className = fa;
-U.defaultProps = mo;
-const ho = {
+W.displayName = fs;
+W.className = pa;
+W.defaultProps = ps;
+const bs = {
   [D.error]: { color: "red" },
   [D.success]: { color: "green" },
   [D.warning]: { color: "yellow" }
-}, po = "InputHelper", bo = "lumx-input-helper", ma = bo, {
-  block: go
-} = $(ma), ha = {
+}, gs = "InputHelper", vs = "lumx-input-helper", ba = vs, {
+  block: ys
+} = T(ba), ga = {
   kind: D.info
 };
 function K(e) {
   const {
     children: t,
     className: r,
-    kind: a = ha.kind,
+    kind: a = ga.kind,
     theme: n,
-    ref: o,
-    ...s
+    ref: s,
+    ...o
   } = e, {
     color: i
-  } = ho[a] || {};
-  return c("p", h({
-    ref: o
-  }, s, {
-    className: A(r, go({
+  } = bs[a] || {};
+  return l("p", h({
+    ref: s
+  }, o, {
+    className: N(r, ys({
       [`color-${i}`]: !!i,
       [`theme-${n}`]: !!n
     }))
   }), [t]);
 }
-K.displayName = po;
-K.className = ma;
-K.defaultProps = ha;
-const pa = "intermediate", vo = "lumx-checkbox", {
-  block: yo,
-  element: R
-} = $(vo), No = (e) => {
+K.displayName = gs;
+K.className = ba;
+K.defaultProps = ga;
+const va = "intermediate", Ns = "lumx-checkbox", {
+  block: As,
+  element: j
+} = T(Ns), Ss = (e) => {
   const {
     checked: t,
     className: r,
     helper: a,
     id: n,
-    inputRef: o,
-    isChecked: s = t,
+    inputRef: s,
+    isChecked: o = t,
     label: i,
     name: u,
-    ref: l,
+    ref: c,
     onChange: d,
     theme: f,
     value: m,
@@ -1245,86 +1236,86 @@ const pa = "intermediate", vo = "lumx-checkbox", {
     isDisabled: g,
     inputId: b,
     ...v
-  } = e, C = s === pa, P = (_) => {
-    d && d(!s, m, u, _);
+  } = e, C = o === va, k = (_) => {
+    d && d(!o, m, u, _);
   };
-  return c("div", h({
-    ref: l
+  return l("div", h({
+    ref: c
   }, v, {
-    className: A(r, yo({
+    className: N(r, As({
       // Whether state is intermediate class name will "-checked"
-      "is-checked": C ? !0 : s,
+      "is-checked": C ? !0 : o,
       "is-disabled": g,
-      "is-unchecked": !s,
+      "is-unchecked": !o,
       [`theme-${f}`]: !!f
     }))
-  }), [c("div", {
-    className: R("input-wrapper")
-  }, [c("input", h({
-    ref: o,
+  }), [l("div", {
+    className: j("input-wrapper")
+  }, [l("input", h({
+    ref: s,
     type: "checkbox",
     id: b,
-    className: R("input-native"),
+    className: j("input-native"),
     name: u,
     value: m,
-    checked: s,
-    onChange: P,
+    checked: o,
+    onChange: k,
     "aria-describedby": a ? `${b}-helper` : void 0,
-    "aria-checked": C ? "mixed" : !!s
+    "aria-checked": C ? "mixed" : !!o
   }, p?.readOnly ? {
     readOnly: p.readOnly
-  } : {}, p), null), c("div", {
-    className: R("input-placeholder")
-  }, [c("div", {
-    className: R("input-background")
-  }, null), c("div", {
-    className: R("input-indicator")
+  } : {}, p), null), l("div", {
+    className: j("input-placeholder")
+  }, [l("div", {
+    className: j("input-background")
+  }, null), l("div", {
+    className: j("input-indicator")
   }, [I({
-    icon: C ? Ra : ja
-  })])])]), c("div", {
-    className: R("content")
-  }, [i && U({
+    icon: C ? Da : qa
+  })])])]), l("div", {
+    className: j("content")
+  }, [i && W({
     htmlFor: b,
-    className: R("label"),
+    className: j("label"),
     theme: f,
     children: i
   }), a && K({
     id: `${b}-helper`,
-    className: R("helper"),
+    className: j("helper"),
     theme: f,
     children: a
   })])]);
 };
 let Ir = 0;
-function Mt() {
+function qt() {
   return Ir += 1, `:lumx${Ir}:`;
 }
-const Ao = {
+const Ps = {
   change: (e, t, r, a) => typeof e == "boolean" && a instanceof Event
-}, vi = /* @__PURE__ */ y((e, {
+}, Ci = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = w(), n = Mt(), o = T(() => e.id || n), s = ie(null), {
+  const r = P(), a = x(), n = qt(), s = $(() => e.id || n), o = ie(null), {
     isAnyDisabled: i,
     disabledStateProps: u,
-    otherProps: l
-  } = H(T(() => ({
+    otherProps: c
+  } = z($(() => ({
     ...e,
     ...r
-  }))), d = T(() => e.isChecked === pa);
-  W(d, (m) => {
-    s.value && (s.value.indeterminate = m);
+  }))), d = $(() => e.isChecked === va);
+  V(d, (m) => {
+    o.value && (o.value.indeterminate = m);
   }, {
     immediate: !0
   });
   const f = (m, p, g, b) => {
     i.value || (b?.stopImmediatePropagation?.(), t("change", m, p, g, b));
   };
-  return () => c(No, h(l.value, {
+  return () => l(Ss, h(c.value, {
     className: e.class,
     theme: e.theme || a.value,
-    inputId: o.value,
-    inputRef: s,
+    inputId: s.value,
+    inputRef: o,
     isDisabled: i.value,
     onChange: f,
     label: e.label,
@@ -1338,27 +1329,27 @@ const Ao = {
   name: "Checkbox",
   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: Ao
-}), So = "lumx-divider", {
-  block: ko
-} = $(So), Po = (e) => {
+  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
+  emits: Ps
+}), ks = "lumx-divider", {
+  block: $s
+} = T(ks), Ts = (e) => {
   const {
     className: t,
     theme: r,
     ref: a,
     ...n
   } = e;
-  return c("hr", h({
+  return l("hr", h({
     ref: a
   }, n, {
-    className: A(t, ko({
+    className: N(t, $s({
       [`theme-${r}`]: !!r
     }))
   }), null);
-}, yi = /* @__PURE__ */ y((e) => {
-  const t = k(), r = w();
-  return () => c(Po, h(t, e, {
+}, _i = /* @__PURE__ */ y((e) => {
+  const t = P(), r = x();
+  return () => l(Ts, h(t, e, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -1366,113 +1357,113 @@ const Ao = {
   name: "LumxDivider",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("class", "theme")
+  props: A()("class", "theme")
 });
-function To(e) {
+function Cs(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const $o = "lumx-flag", {
-  block: Co,
-  element: Er
-} = $($o), _o = (e) => {
+const _s = "lumx-flag", {
+  block: xs,
+  element: Lr
+} = T(_s), Es = (e) => {
   const {
     children: t,
     icon: r,
     color: a,
     className: n,
-    theme: o,
-    truncate: s,
+    theme: s,
+    truncate: o,
     Text: i,
     ...u
-  } = e, l = a || (o === ve.light ? x.dark : x.light), d = !!s;
-  return c("div", h(u, {
-    className: A(n, Co({
-      [`color-${l}`]: !!l,
+  } = e, c = a || (s === ve.light ? E.dark : E.light), d = !!o;
+  return l("div", h(u, {
+    className: N(n, xs({
+      [`color-${c}`]: !!c,
       "is-truncated": d
     }))
   }), [r && I({
     icon: r,
-    size: E.xxs,
-    className: Er("icon")
-  }), c(i, {
+    size: w.xxs,
+    className: Lr("icon")
+  }), l(i, {
     as: "span",
-    truncate: !!s,
+    truncate: !!o,
     typography: "overline",
-    className: Er("label")
-  }, To(t) ? t : {
+    className: Lr("label")
+  }, Cs(t) ? t : {
     default: () => [t]
   })]);
-}, Ni = /* @__PURE__ */ y((e, {
+}, xi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = w();
-  return () => c(_o, h(e, r, {
+  const r = P(), a = x();
+  return () => l(Es, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.(),
-    Text: Rt
+    Text: Mt
   }), null);
 }, {
   name: "Flag",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("color", "icon", "truncate", "theme", "class")
+  props: A()("color", "icon", "truncate", "theme", "class")
 });
-var dt, Lr;
-function xo() {
-  if (Lr) return dt;
-  Lr = 1;
-  var e = aa();
+var ft, Or;
+function ws() {
+  if (Or) return ft;
+  Or = 1;
+  var e = oa();
   function t() {
     if (!arguments.length)
       return [];
     var r = arguments[0];
     return e(r) ? r : [r];
   }
-  return dt = t, dt;
+  return ft = t, ft;
 }
-var wo = xo();
-const Io = /* @__PURE__ */ Ne(wo), Eo = "lumx-flex-box", {
-  block: Lo
-} = $(Eo);
-function Oo(e) {
+var Is = ws();
+const Ls = /* @__PURE__ */ Ae(Is), Os = "lumx-flex-box", {
+  block: Bs
+} = T(Os);
+function Rs(e) {
   const {
     className: t,
     fillSpace: r,
     gap: a,
     hAlign: n,
-    marginAuto: o,
-    noShrink: s,
+    marginAuto: s,
+    noShrink: o,
     vAlign: i,
     wrap: u,
-    orientation: l,
+    orientation: c,
     ...d
-  } = e, f = l ?? (u || n || i ? Va.horizontal : null);
+  } = e, f = c ?? (u || n || i ? Ka.horizontal : null);
   return {
     ...d,
-    className: A(t, Lo({
+    className: N(t, Bs({
       [`orientation-${f}`]: !!f,
       [`v-align-${i}`]: !!i,
       [`h-align-${n}`]: !!n,
       [`gap-${a}`]: !!a,
       wrap: !!u,
       "fill-space": r,
-      "no-shrink": s,
-      ...Object.fromEntries(Io(o).filter(Boolean).map((m) => [`margin-auto-${m}`, !0]))
+      "no-shrink": o,
+      ...Object.fromEntries(Ls(s).filter(Boolean).map((m) => [`margin-auto-${m}`, !0]))
     }))
   };
 }
-const Ai = /* @__PURE__ */ y((e, {
+const Ei = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
+  const r = P();
   return () => {
-    const a = e.as || "div", n = Oo({
+    const a = e.as || "div", n = Rs({
       ...e,
       ...r,
       className: e.class
     });
-    return c(a, n, {
+    return l(a, n, {
       default: () => [t.default?.()]
     });
   };
@@ -1480,205 +1471,205 @@ const Ai = /* @__PURE__ */ y((e, {
   name: "FlexBox",
   inheritAttrs: !1,
   // 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")
+  props: A()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
 });
-var ft, Or;
-function Bo() {
-  if (Or) return ft;
-  Or = 1;
+var mt, Br;
+function js() {
+  if (Br) return mt;
+  Br = 1;
   var e = /\s/;
   function t(r) {
     for (var a = r.length; a-- && e.test(r.charAt(a)); )
       ;
     return a;
   }
-  return ft = t, ft;
+  return mt = t, mt;
 }
-var mt, Br;
-function jo() {
-  if (Br) return mt;
-  Br = 1;
-  var e = Bo(), t = /^\s+/;
+var ht, Rr;
+function Ms() {
+  if (Rr) return ht;
+  Rr = 1;
+  var e = js(), t = /^\s+/;
   function r(a) {
     return a && a.slice(0, e(a) + 1).replace(t, "");
   }
-  return mt = r, mt;
+  return ht = r, ht;
 }
-var ht, jr;
-function Ro() {
-  if (jr) return ht;
+var pt, jr;
+function qs() {
+  if (jr) return pt;
   jr = 1;
-  var e = le(), t = Se(), r = "[object Symbol]";
+  var e = le(), t = Pe(), r = "[object Symbol]";
   function a(n) {
     return typeof n == "symbol" || t(n) && e(n) == r;
   }
-  return ht = a, ht;
+  return pt = a, pt;
 }
-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(l) {
-    if (typeof l == "number")
-      return l;
-    if (r(l))
+var bt, Mr;
+function Ds() {
+  if (Mr) return bt;
+  Mr = 1;
+  var e = Ms(), t = jt(), r = qs(), a = NaN, n = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, o = /^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 = s.test(c);
+    return f || o.test(c) ? i(c.slice(2), f ? 2 : 8) : n.test(c) ? a : +c;
   }
-  return pt = u, pt;
+  return bt = u, bt;
 }
-var bt, Mr;
-function qo() {
-  if (Mr) return bt;
-  Mr = 1;
-  var e = Mo(), t = 1 / 0, r = 17976931348623157e292;
+var gt, qr;
+function Fs() {
+  if (qr) return gt;
+  qr = 1;
+  var e = Ds(), t = 1 / 0, r = 17976931348623157e292;
   function a(n) {
     if (!n)
       return n === 0 ? n : 0;
     if (n = e(n), n === t || n === -t) {
-      var o = n < 0 ? -1 : 1;
-      return o * r;
+      var s = n < 0 ? -1 : 1;
+      return s * r;
     }
     return n === n ? n : 0;
   }
-  return bt = a, bt;
+  return gt = a, gt;
 }
-var gt, qr;
-function Do() {
-  if (qr) return gt;
-  qr = 1;
-  var e = qo();
+var vt, Dr;
+function zs() {
+  if (Dr) return vt;
+  Dr = 1;
+  var e = Fs();
   function t(r) {
     var a = e(r), n = a % 1;
     return a === a ? n ? a - n : a : 0;
   }
-  return gt = t, gt;
+  return vt = t, vt;
 }
-var vt, Dr;
-function Fo() {
-  if (Dr) return vt;
-  Dr = 1;
-  var e = Do();
+var yt, Fr;
+function Gs() {
+  if (Fr) return yt;
+  Fr = 1;
+  var e = zs();
   function t(r) {
     return typeof r == "number" && r == e(r);
   }
-  return vt = t, vt;
+  return yt = t, yt;
 }
-var Ho = Fo();
-const zo = /* @__PURE__ */ Ne(Ho);
-function Go(e) {
+var Hs = Gs();
+const Us = /* @__PURE__ */ Ae(Hs);
+function Vs(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Vo = "GridColumn", ba = "lumx-grid-column", Wo = {}, Te = (e) => {
+const Ws = "GridColumn", ya = "lumx-grid-column", Ks = {}, Te = (e) => {
   const {
     as: t = "div",
     gap: r,
     maxColumns: a,
     itemMinWidth: n,
-    children: o,
-    className: s,
+    children: s,
+    className: o,
     style: i = {},
     ref: u,
-    ...l
+    ...c
   } = e;
-  return c(t, h(l, {
+  return l(t, h(c, {
     ref: u,
-    className: A(s, ba),
+    className: N(o, ya),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": zo(n) && `${n}px`,
+      "--lumx-grid-column-item-min-width": Us(n) && `${n}px`,
       "--lumx-grid-column-columns": a,
       "--lumx-grid-column-gap": r && `var(--lumx-spacing-unit-${r})`
     }
-  }), Go(o) ? o : {
-    default: () => [o]
+  }), Vs(s) ? s : {
+    default: () => [s]
   });
 };
-Te.displayName = Vo;
-Te.className = ba;
-Te.defaultProps = Wo;
-const Si = /* @__PURE__ */ y((e, {
+Te.displayName = Ws;
+Te.className = ya;
+Te.defaultProps = Ks;
+const wi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(Te, h(e, r, {
+  const r = P();
+  return () => l(Te, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
 }, {
   name: "LumxGridColumn",
   inheritAttrs: !1,
-  props: S()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), Fr = 6, Uo = {
+  props: A()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
+}), zr = 6, Ys = {
   h1: Q.display1,
   h2: Q.headline,
   h3: Q.title,
   h4: Q.subtitle2,
   h5: Q.subtitle1,
   h6: Q.body2
-}, Ko = { level: 1, headingElement: "h1" }, Yo = "lumx-heading", Jo = (e, t) => {
-  const { as: r, className: a, typography: n, ...o } = e, s = r || t || "h1";
+}, Js = { level: 1, headingElement: "h1" }, Xs = "lumx-heading", Qs = (e, t) => {
+  const { as: r, className: a, typography: n, ...s } = e, o = r || t || "h1";
   return {
-    ...o,
-    as: s,
-    className: A(a, Yo),
-    typography: n || Uo[s]
+    ...s,
+    as: o,
+    className: N(a, Xs),
+    typography: n || Ys[o]
   };
-}, ga = /* @__PURE__ */ Symbol("HeadingLevelContext"), va = () => It(ga, Ko), ki = /* @__PURE__ */ y((e, {
+}, Na = /* @__PURE__ */ Symbol("HeadingLevelContext"), Aa = () => It(Na, Js), Ii = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = va(), n = T(() => {
+  const r = P(), a = Aa(), n = $(() => {
     const {
-      className: o,
-      ...s
-    } = Jo({
+      className: s,
+      ...o
+    } = Qs({
       ...r,
       ...e,
       className: e.class || r.class || r.className
     }, a.headingElement);
     return {
-      ...s,
-      class: o
+      ...o,
+      class: s
     };
   });
-  return () => c(Rt, n.value, {
+  return () => l(Mt, n.value, {
     default: () => [t.default?.()]
   });
 }, {
   name: "Heading",
   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")
-}), Xo = (e, t) => {
+  props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), Zs = (e, t) => {
   const r = e || t + 1;
-  return r > Fr ? Fr : r;
-}, Pi = /* @__PURE__ */ y((e, {
+  return r > zr ? zr : r;
+}, Li = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const {
     level: r
-  } = Ia(e), a = va(), n = T(() => Xo(r?.value, a.level)), o = T(() => `h${n.value}`), s = Ea({
+  } = Oa(e), a = Aa(), n = $(() => Zs(r?.value, a.level)), s = $(() => `h${n.value}`), o = Ba({
     level: n,
-    headingElement: o
+    headingElement: s
   });
-  return Vr(ga, s), () => t.default?.();
+  return Kr(Na, o), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
-  props: S()("level")
-}), Ti = /* @__PURE__ */ y((e, {
+  props: A()("level")
+}), Oi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = w();
-  return () => c(K, h(e, r, {
+  const r = P(), a = x();
+  return () => l(K, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -1687,12 +1678,12 @@ const Si = /* @__PURE__ */ y((e, {
   name: "InputHelper",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("kind", "theme", "class", "id")
-}), $i = /* @__PURE__ */ y((e, {
+  props: A()("kind", "theme", "class", "id")
+}), Bi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = w();
-  return () => c(U, h(e, r, {
+  const r = P(), a = x();
+  return () => l(W, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -1701,77 +1692,77 @@ const Si = /* @__PURE__ */ y((e, {
   name: "InputLabel",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("htmlFor", "isRequired", "typography", "theme", "class")
+  props: A()("htmlFor", "isRequired", "typography", "theme", "class")
 });
-function Qo(e) {
+function eo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Zo = "lumx-link", {
-  block: es,
-  element: yt
-} = $(Zo), ts = (e) => {
+const to = "lumx-link", {
+  block: ro,
+  element: Nt
+} = T(to), ao = (e) => {
   const {
     label: t,
     className: r,
     color: a,
     colorVariant: n,
-    leftIcon: o,
-    rightIcon: s,
+    leftIcon: s,
+    rightIcon: o,
     typography: i,
     as: u,
-    ref: l,
+    ref: c,
     isDisabled: d,
     theme: f,
     href: m,
     target: p,
-    onClick: g,
+    handleClick: g,
     ...b
-  } = 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({
+  } = e, [v, C] = Bt(a, n), k = u || (m ? "a" : "button"), _ = {};
+  d && (k === "button" || !m && !u ? _.disabled = !0 : (_["aria-disabled"] = !0, _.tabIndex = -1));
+  const O = N(r, ro({
     [`color-${v}`]: !!v,
     [`color-variant-${C}`]: !!C,
     "has-typography": !!i
-  }), i && Bt(i)), L = c(G, null, [o && c(G, null, [pe(" "), I({
-    icon: o,
-    className: yt("left-icon")
-  }), pe(" ")]), t && c("span", {
-    className: yt("content")
-  }, [t]), s && c(G, null, [pe(" "), I({
+  }), i && Rt(i)), L = l(H, null, [s && l(H, null, [pe(" "), I({
     icon: s,
-    className: yt("right-icon")
+    className: Nt("left-icon")
+  }), pe(" ")]), t && l("span", {
+    className: Nt("content")
+  }, [t]), o && l(H, null, [pe(" "), I({
+    icon: o,
+    className: Nt("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(P, B, Qo(L) ? L : {
+  return m && (B.href = m), p && (B.target = p), l(k, B, eo(L) ? L : {
     default: () => [L]
   });
-}, rs = {
+}, no = {
   click: (e) => e instanceof Event
-}, Ci = /* @__PURE__ */ y((e, {
+}, Ri = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = Lt(), n = w(), {
-    class: o,
-    ...s
+  const r = P(), a = Ot(), n = x(), {
+    class: s,
+    ...o
   } = e, {
     isAnyDisabled: i,
     disabledStateProps: u,
-    otherProps: l
-  } = H(T(() => ({
-    ...s,
+    otherProps: c
+  } = z($(() => ({
+    ...o,
     ...r
   }))), d = (f) => {
     i.value || (f?.stopImmediatePropagation?.(), t("click", f));
   };
   return () => {
-    const m = a.default?.() || l.value.label;
-    return c(ts, h(l.value, u.value, {
-      className: o,
+    const m = a.default?.() || c.value.label;
+    return l(ao, h(c.value, u.value, {
+      className: s,
       theme: e.theme || n.value,
       isDisabled: i.value,
       onClick: d,
@@ -1782,81 +1773,76 @@ const Zo = "lumx-link", {
   name: "LumxLink",
   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: rs,
-  // Enable compatibility with @vue/compat for event listeners
-  compatConfig: {
-    MODE: 3
-    // Use Vue 3 behavior for this component
-  }
-}), as = "Message", ya = "lumx-message", {
-  block: ns,
-  element: Nt
-} = $(ya), os = {
+  props: A()("as", "class", "color", "colorVariant", "disabled", "href", "isDisabled", "leftIcon", "rightIcon", "target", "theme", "typography", "aria-disabled"),
+  emits: no
+}), so = "Message", Sa = "lumx-message", {
+  block: oo,
+  element: At
+} = T(Sa), io = {
   [D.error]: {
-    color: x.red,
-    icon: Ma
+    color: E.red,
+    icon: Fa
   },
   [D.info]: {
-    color: x.blue,
-    icon: Fa
+    color: E.blue,
+    icon: Ha
   },
   [D.success]: {
-    color: x.green,
-    icon: qa
+    color: E.green,
+    icon: za
   },
   [D.warning]: {
-    color: x.yellow,
-    icon: Ur
+    color: E.yellow,
+    icon: Jr
   }
-}, qt = (e) => {
+}, Dt = (e) => {
   const {
     children: t,
     className: r,
     hasBackground: a,
     kind: n,
-    icon: o,
-    closeButtonProps: s,
+    icon: s,
+    closeButtonProps: o,
     ref: i,
     ...u
   } = e, {
-    color: l,
+    color: c,
     icon: d
-  } = os[n] || {}, {
+  } = io[n] || {}, {
     onClick: f,
     label: m
-  } = s || {}, p = a && n === "info" && f && m;
-  return c("div", h(u, {
+  } = o || {}, p = a && n === "info" && f && m;
+  return l("div", h(u, {
     ref: i,
-    className: A(r, ns({
-      [`color-${l}`]: !!l,
+    className: N(r, oo({
+      [`color-${c}`]: !!c,
       "has-background": a
     }))
-  }), [(o || d) && I({
-    className: Nt("icon"),
-    icon: o || d,
-    size: E.xs,
-    color: l
-  }), c("div", {
-    className: Nt("text")
+  }), [(s || d) && I({
+    className: At("icon"),
+    icon: s || d,
+    size: w.xs,
+    color: c
+  }), l("div", {
+    className: At("text")
   }, [t]), p && de({
-    className: Nt("close-button"),
-    icon: Da,
+    className: At("close-button"),
+    icon: Ga,
     onClick: f,
     label: m,
-    emphasis: V.low
+    emphasis: U.low
   })]);
 };
-qt.displayName = as;
-qt.className = ya;
-const _i = /* @__PURE__ */ y((e, {
+Dt.displayName = so;
+Dt.className = Sa;
+const ji = /* @__PURE__ */ y((e, {
   slots: t,
   emit: r
 }) => {
-  const a = k(), {
+  const a = P(), {
     closeButtonLabel: n
   } = e;
-  return () => c(qt, h(e, a, {
+  return () => l(Dt, h(e, a, {
     className: e.class,
     children: t.default?.(),
     closeButtonProps: n ? {
@@ -1868,22 +1854,109 @@ const _i = /* @__PURE__ */ y((e, {
   name: "Message",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: S()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
+  props: A()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
-}), ss = "lumx-radio-button", {
-  block: is,
+}), Mi = "ProgressCircular", lo = "lumx-progress-circular", {
+  block: co,
+  element: Ne
+} = T(lo), Gr = {
+  size: w.m,
+  display: "block"
+}, uo = (e) => {
+  const {
+    className: t,
+    theme: r,
+    size: a = Gr.size,
+    display: n = Gr.display,
+    ref: s,
+    circleProps: o,
+    svgProps: i,
+    ...u
+  } = e, c = n === "block" ? "div" : "span";
+  return l(c, h({
+    ref: s
+  }, u, {
+    className: N(t, co({
+      [`theme-${r}`]: !!r,
+      [`size-${a}`]: !!a,
+      [`display-${n}`]: !!n
+    }))
+  }), {
+    default: () => [l(c, {
+      className: Ne("double-bounce1")
+    }, null), l(c, {
+      className: Ne("double-bounce2")
+    }, null), l("svg", h(i, {
+      viewBox: "25 25 50 50"
+    }), [l("circle", h(o, {
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none"
+    }), null)])]
+  });
+}, qi = /* @__PURE__ */ y((e) => {
+  const t = P(), r = x();
+  return () => l(uo, h(e, t, {
+    className: e.class,
+    theme: e.theme || r.value,
+    circleProps: {
+      class: Ne("path"),
+      "stroke-width": "5"
+    },
+    svgProps: {
+      class: Ne("svg")
+    }
+  }), null);
+}, {
+  name: "LumxProgressCircular",
+  inheritAttrs: !1,
+  props: A()("class", "size", "display", "theme")
+}), Di = "ProgressLinear", fo = "lumx-progress-linear", {
+  block: mo,
+  element: Hr
+} = T(fo), ho = (e) => {
+  const {
+    className: t,
+    theme: r,
+    ref: a,
+    ...n
+  } = e;
+  return l("div", h({
+    ref: a
+  }, n, {
+    className: N(t, mo({
+      [`theme-${r}`]: !!r
+    }))
+  }), [l("div", {
+    className: Hr("line1")
+  }, null), l("div", {
+    className: Hr("line2")
+  }, null)]);
+}, Fi = /* @__PURE__ */ y((e) => {
+  const t = P(), r = x();
+  return () => l(ho, h(e, t, {
+    className: e.class,
+    theme: e.theme || r.value
+  }), null);
+}, {
+  name: "LumxProgressLinear",
+  inheritAttrs: !1,
+  props: A()("class", "theme")
+}), po = "lumx-radio-button", {
+  block: bo,
   element: M
-} = $(ss), ls = (e) => {
+} = T(po), go = (e) => {
   const {
     checked: t,
     className: r,
     helper: a,
     id: n,
-    inputRef: o,
-    isChecked: s = t,
+    inputRef: s,
+    isChecked: o = t,
     label: i,
     name: u,
-    ref: l,
+    ref: c,
     onChange: d,
     theme: f,
     value: m,
@@ -1891,41 +1964,41 @@ const _i = /* @__PURE__ */ y((e, {
     isDisabled: g,
     inputId: b,
     ...v
-  } = e, C = (P) => {
-    d && d(m, u, P);
+  } = e, C = (k) => {
+    d && d(m, u, k);
   };
-  return c("div", h({
-    ref: l
+  return l("div", h({
+    ref: c
   }, v, {
-    className: A(r, is({
-      "is-checked": s,
+    className: N(r, bo({
+      "is-checked": o,
       "is-disabled": g,
-      "is-unchecked": !s,
+      "is-unchecked": !o,
       [`theme-${f}`]: !!f
     }))
-  }), [c("div", {
+  }), [l("div", {
     className: M("input-wrapper")
-  }, [c("input", h({
-    ref: o,
+  }, [l("input", h({
+    ref: s,
     className: M("input-native"),
     id: b,
     type: "radio",
     name: u,
     value: m,
-    checked: s,
+    checked: o,
     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({
+  }, [i && W({
     htmlFor: b,
     className: M("label"),
     theme: f,
@@ -1936,27 +2009,27 @@ const _i = /* @__PURE__ */ y((e, {
     theme: f,
     children: a
   })])]);
-}, cs = {
+}, vo = {
   change: (e, t, r) => r instanceof Event
-}, xi = /* @__PURE__ */ y((e, {
+}, zi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = k(), a = w(), n = Mt(), o = T(() => e.id || n), {
-    isAnyDisabled: s,
+  const r = P(), a = x(), n = qt(), s = $(() => e.id || n), {
+    isAnyDisabled: o,
     disabledStateProps: i,
     otherProps: u
-  } = H(T(() => ({
+  } = z($(() => ({
     ...e,
     ...r
-  }))), l = (d, f, m) => {
-    s.value || (m?.stopImmediatePropagation?.(), t("change", d, f, m));
+  }))), c = (d, f, m) => {
+    o.value || (m?.stopImmediatePropagation?.(), t("change", d, f, m));
   };
-  return () => c(ls, h(u.value, {
+  return () => l(go, h(u.value, {
     className: e.class,
     theme: e.theme || a.value,
-    inputId: o.value,
-    isDisabled: s.value,
-    onChange: l,
+    inputId: s.value,
+    isDisabled: o.value,
+    onChange: c,
     label: e.label,
     inputProps: {
       ...e.inputProps,
@@ -1968,211 +2041,211 @@ const _i = /* @__PURE__ */ y((e, {
   name: "RadioButton",
   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: cs
-}), us = "RadioGroup", Na = "lumx-radio-group", ds = {}, $e = (e) => {
+  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
+  emits: vo
+}), yo = "RadioGroup", Pa = "lumx-radio-group", No = {}, Ce = (e) => {
   const {
     children: t,
     className: r,
     ref: a,
     ...n
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: a
   }, n, {
-    className: A(r, Na)
+    className: N(r, Pa)
   }), [t]);
 };
-$e.displayName = us;
-$e.className = Na;
-$e.defaultProps = ds;
-const wi = /* @__PURE__ */ y((e, {
+Ce.displayName = yo;
+Ce.className = Pa;
+Ce.defaultProps = No;
+const Gi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c($e, h(e, r, {
+  const r = P();
+  return () => l(Ce, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
 }, {
   name: "RadioGroup",
   inheritAttrs: !1,
-  props: S()("class")
-}), fs = "lumx-skeleton-circle", {
-  block: ms
-} = $(fs), hs = (e) => {
+  props: A()("class")
+}), Ao = "lumx-skeleton-circle", {
+  block: So
+} = T(Ao), Po = (e) => {
   const {
     className: t,
     size: r,
     color: a,
     theme: n,
-    ref: o,
-    ...s
+    ref: s,
+    ...o
   } = e;
-  return c("div", h({
-    ref: o
-  }, s, {
-    className: A(t, ms({
+  return l("div", h({
+    ref: s
+  }, o, {
+    className: N(t, So({
       [`size-${r}`]: !!r,
       [`color-${a}`]: !!a,
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, ps = {
+}, ko = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, bs = "lumx-skeleton-rectangle", {
-  block: gs,
-  element: vs
-} = $(bs), ys = {
-  variant: ps.squared
-}, Ns = (e) => {
+}, $o = "lumx-skeleton-rectangle", {
+  block: To,
+  element: Co
+} = T($o), _o = {
+  variant: ko.squared
+}, xo = (e) => {
   const {
     aspectRatio: t,
     className: r,
     height: a,
     theme: n,
-    variant: o = ys.variant,
-    width: s,
+    variant: s = _o.variant,
+    width: o,
     color: i,
     ref: u,
-    ...l
+    ...c
   } = e;
-  return c("div", h({
+  return l("div", h({
     ref: u
-  }, l, {
-    className: A(r, gs({
+  }, c, {
+    className: N(r, To({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${a}`]: !!(!t && a),
       [`theme-${n}`]: !!n,
-      [`variant-${o}`]: !!o,
-      [`width-${s}`]: !!s,
+      [`variant-${s}`]: !!s,
+      [`width-${o}`]: !!o,
       [`color-${i}`]: !!i
     }))
-  }), [c("div", {
-    className: vs("inner")
+  }), [l("div", {
+    className: Co("inner")
   }, null)]);
-}, As = "lumx-skeleton-typography", {
-  block: Ss,
-  element: ks
-} = $(As), Ps = (e) => {
+}, Eo = "lumx-skeleton-typography", {
+  block: wo,
+  element: Io
+} = T(Eo), Lo = (e) => {
   const {
     className: t,
     theme: r,
     typography: a,
     width: n,
-    color: o,
-    ref: s,
+    color: s,
+    ref: o,
     ...i
   } = e;
-  return c("div", h({
-    ref: s
+  return l("div", h({
+    ref: o
   }, i, {
-    className: A(t, Ss({
+    className: N(t, wo({
       [`theme-${r}`]: !!r,
       [`typography-${a}`]: !!a,
-      [`color-${o}`]: !!o
+      [`color-${s}`]: !!s
     })),
     style: {
       ...i.style,
       width: n
     }
-  }), [c("div", {
-    className: ks("inner")
+  }), [l("div", {
+    className: Io("inner")
   }, null)]);
-}, Ii = /* @__PURE__ */ y((e) => {
-  const t = k(), r = w();
-  return () => c(hs, h(e, t, {
+}, Hi = /* @__PURE__ */ y((e) => {
+  const t = P(), r = x();
+  return () => l(Po, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
 }, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
-  props: S()("class", "size", "color", "theme")
-}), Ei = /* @__PURE__ */ y((e) => {
-  const t = k(), r = w();
-  return () => c(Ns, h(e, t, {
+  props: A()("class", "size", "color", "theme")
+}), Ui = /* @__PURE__ */ y((e) => {
+  const t = P(), r = x();
+  return () => l(xo, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
 }, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
-  props: S()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), Li = /* @__PURE__ */ y((e) => {
-  const t = k(), r = w();
-  return () => c(Ps, h(e, t, {
+  props: A()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
+}), Vi = /* @__PURE__ */ y((e) => {
+  const t = P(), r = x();
+  return () => l(Lo, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
 }, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
-  props: S()("class", "typography", "width", "color", "theme", "style")
-}), Oi = "Switch", Ts = "lumx-switch", {
-  block: $s,
+  props: A()("class", "typography", "width", "color", "theme", "style")
+}), Wi = "Switch", Oo = "lumx-switch", {
+  block: Bo,
   element: q
-} = $(Ts), Cs = {
+} = T(Oo), Ro = {
   position: "left"
-}, _s = (e) => {
+}, jo = (e) => {
   const {
     checked: t,
     className: r,
     helper: a,
     id: n,
-    inputRef: o,
-    isChecked: s = t,
+    inputRef: s,
+    isChecked: o = t,
     label: i,
     name: u,
-    ref: l,
+    ref: c,
     onChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
     isDisabled: g,
     inputId: b,
-    position: v = Cs.position,
+    position: v = Ro.position,
     ...C
-  } = e, P = (_) => {
-    d && d(!s, m, u, _);
+  } = e, k = (_) => {
+    d && d(!o, m, u, _);
   };
-  return c("div", h({
-    ref: l
+  return l("div", h({
+    ref: c
   }, C, {
-    className: A(r, $s({
-      "is-checked": s,
+    className: N(r, Bo({
+      "is-checked": o,
       "is-disabled": g,
-      "is-unchecked": !s,
+      "is-unchecked": !o,
       [`position-${v}`]: !!v,
       [`theme-${f}`]: !!f
     }))
-  }), [c("div", {
+  }), [l("div", {
     className: q("input-wrapper")
-  }, [c("input", h({
-    ref: o,
+  }, [l("input", h({
+    ref: s,
     type: "checkbox",
     role: "switch",
     id: b,
     className: q("input-native"),
     name: u,
     value: m,
-    checked: !!s,
-    onChange: P,
+    checked: !!o,
+    onChange: k,
     "aria-describedby": a ? `${b}-helper` : void 0,
-    "aria-checked": !!s
+    "aria-checked": !!o
   }, 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({
+  }, [i && W({
     htmlFor: b,
     className: q("label"),
     theme: f,
@@ -2183,26 +2256,26 @@ const wi = /* @__PURE__ */ y((e, {
     theme: f,
     children: a
   })])]);
-}, xs = {
+}, Mo = {
   change: (e, t, r, a) => typeof e == "boolean" && a instanceof Event
-}, Bi = /* @__PURE__ */ y((e, {
+}, Ki = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r
 }) => {
-  const a = k(), n = w(), o = Mt(), s = T(() => e.id || o), {
+  const a = P(), n = x(), s = qt(), o = $(() => e.id || s), {
     isAnyDisabled: i,
     disabledStateProps: u,
-    otherProps: l
-  } = H(T(() => ({
+    otherProps: c
+  } = z($(() => ({
     ...e,
     ...a
   }))), d = (f, m, p, g) => {
     i.value || (g.stopImmediatePropagation(), t("change", f, m, p, g));
   };
-  return () => c(_s, h(l.value, {
+  return () => l(jo, h(c.value, {
     className: e.class,
     theme: e.theme || n.value,
-    inputId: s.value,
+    inputId: o.value,
     isDisabled: i.value,
     onChange: d,
     label: e.label || r.default?.(),
@@ -2216,34 +2289,34 @@ const wi = /* @__PURE__ */ y((e, {
   name: "LumxSwitch",
   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: xs
+  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
+  emits: Mo
 }), fe = "lumx-table", {
-  block: ws
-} = $(fe), Is = (e) => {
+  block: qo
+} = T(fe), Do = (e) => {
   const {
     children: t,
     className: r,
     hasBefore: a,
     hasDividers: n,
-    ref: o,
-    theme: s,
+    ref: s,
+    theme: o,
     ...i
   } = e;
-  return c("table", h({
-    ref: o
+  return l("table", h({
+    ref: s
   }, i, {
-    className: A(r, ws({
+    className: N(r, qo({
       "has-before": a,
       "has-dividers": n,
-      [`theme-${s}`]: !!s
+      [`theme-${o}`]: !!o
     }))
   }), [t]);
-}, ji = /* @__PURE__ */ y((e, {
+}, Yi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), a = w();
-  return () => c(Is, h(e, r, {
+  const r = P(), a = x();
+  return () => l(Do, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -2251,197 +2324,173 @@ const wi = /* @__PURE__ */ y((e, {
 }, {
   name: "LumxTable",
   inheritAttrs: !1,
-  props: S()("class", "hasBefore", "hasDividers", "theme")
-}), Es = `${fe}__body`, Ls = (e) => {
+  props: A()("class", "hasBefore", "hasDividers", "theme")
+}), Fo = `${fe}__body`, zo = (e) => {
   const {
     children: t,
     className: r,
     ref: a,
     ...n
   } = e;
-  return c("tbody", h({
+  return l("tbody", h({
     ref: a
   }, n, {
-    className: A(r, Es)
+    className: N(r, Fo)
   }), [t]);
-}, Ri = /* @__PURE__ */ y((e, {
+}, Ji = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(Ls, h(e, r, {
+  const r = P();
+  return () => l(zo, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
 }, {
   name: "LumxTableBody",
   inheritAttrs: !1,
-  props: S()("class")
+  props: A()("class")
 }), ge = {
   asc: "asc",
   desc: "desc"
-}, xt = {
+}, Et = {
   body: "body",
   head: "head"
-}, z = `${fe}__cell`, {
-  block: Hr
-} = $(z), Os = {
-  variant: xt.body
-}, Bs = (e) => {
+}, G = `${fe}__cell`, {
+  block: Ur
+} = T(G), Go = {
+  variant: Et.body
+}, Ho = (e) => {
   const {
     children: t,
     className: r,
     icon: a,
     isSortable: n,
-    onHeaderClick: o,
-    ref: s,
+    onHeaderClick: s,
+    ref: o,
     sortOrder: i,
-    variant: u = Os.variant,
-    ...l
-  } = e;
-  console.log({
-    onHeaderClick: o,
-    isSortable: n
-  });
-  const d = o ? "button" : "div", f = d === "button" ? {
+    variant: u = Go.variant,
+    ...c
+  } = e, d = s ? "button" : "div", f = d === "button" ? {
     type: "button",
-    onClick: o
+    onClick: s
   } : 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({
-    ref: s
-  }, l, {
-    className: A(r, Hr({
+  return n && (m = "none", i === ge.asc && (m = "ascending"), i === ge.desc && (m = "descending")), l(H, null, [u === Et.head && l("th", h({
+    ref: o
+  }, c, {
+    className: N(r, Ur({
       "is-sortable": n,
       "is-sorted": n && !!i,
       head: !0
     })),
     "aria-sort": m
-  }), [c(d, h({
-    className: `${z}-wrapper`
+  }), [l(d, h({
+    className: `${G}-wrapper`
   }, f), {
     default: () => [a && !n && I({
-      className: `${z}-icon`,
+      className: `${G}-icon`,
       icon: a,
-      size: E.xxs
+      size: w.xxs
     }), n && i === ge.asc && I({
-      className: `${z}-icon`,
-      icon: za,
-      size: E.xxs
+      className: `${G}-icon`,
+      icon: Va,
+      size: w.xxs
     }), n && i === ge.desc && I({
-      className: `${z}-icon`,
-      icon: Ha,
-      size: E.xxs
-    }), c("div", {
-      className: `${z}-content`
+      className: `${G}-icon`,
+      icon: Ua,
+      size: w.xxs
+    }), l("div", {
+      className: `${G}-content`
     }, [t])]
-  })]), u === xt.body && c("td", h({
-    ref: s
-  }, l, {
-    className: A(r, Hr({
+  })]), u === Et.body && l("td", h({
+    ref: o
+  }, c, {
+    className: N(r, Ur({
       body: !0
     }))
-  }), [c("div", {
-    className: `${z}-content`
+  }), [l("div", {
+    className: `${G}-content`
   }, [t])])]);
-}, wt = (e) => {
-  const t = Wr();
-  return console.log({ eventName: e }), console.log(t?.vnode.props), t?.vnode.props?.[e] !== void 0;
-}, js = {
+}, wt = (e) => Yr()?.vnode.props?.[e] !== void 0, Uo = {
   headerClick: () => !0
-}, Mi = /* @__PURE__ */ y((e, {
+}, Xi = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r,
   attrs: a
 }) => {
   const n = () => {
     t("headerClick");
-  };
-  return () => {
-    const o = wt("onHeaderClick");
-    console.log({
-      hasClickListener: o
-    });
-    const {
-      onHeaderClick: s,
-      ...i
-    } = e, {
-      onHeaderClick: u,
-      ...l
-    } = a;
-    return console.log({
-      onHeaderClick: n,
-      isSortable: e.isSortable
-    }), c(Bs, h(i, l, {
-      className: e.class,
-      onHeaderClick: o || e.isSortable ? n : void 0,
-      children: r.default?.()
-    }), null);
-  };
+  }, s = wt("onHeaderClick");
+  return () => l(Ho, h(e, a, {
+    className: e.class,
+    onHeaderClick: s ? n : void 0,
+    children: r.default?.()
+  }), null);
 }, {
   name: "LumxTableCell",
   inheritAttrs: !1,
-  props: S()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: js
-}), Rs = `${fe}__header`, Ms = (e) => {
+  props: A()("class", "icon", "isSortable", "sortOrder", "variant"),
+  emits: Uo
+}), Vo = `${fe}__header`, Wo = (e) => {
   const {
     children: t,
     className: r,
     ref: a,
     ...n
   } = e;
-  return c("thead", h({
+  return l("thead", h({
     ref: a
   }, n, {
-    className: A(r, Rs)
+    className: N(r, Vo)
   }), [t]);
-}, qi = /* @__PURE__ */ y((e, {
+}, Qi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(Ms, h(e, r, {
+  const r = P();
+  return () => l(Wo, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
 }, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
-  props: S()("class")
-}), qs = `${fe}__row`, {
-  block: Ds
-} = $(qs), Fs = (e) => {
+  props: A()("class")
+}), Ko = `${fe}__row`, {
+  block: Yo
+} = T(Ko), Jo = (e) => {
   const {
     children: t,
     className: r,
     isClickable: a,
     isSelected: n,
-    ref: o,
-    tabIndex: s,
+    ref: s,
+    tabIndex: o,
     "aria-disabled": i,
     ...u
-  } = e, l = !!i;
-  return c("tr", h({
-    ref: o,
+  } = e, c = !!i;
+  return l("tr", h({
+    ref: s,
     "aria-disabled": i
-  }, s !== void 0 ? {
-    tabIndex: s
+  }, o !== void 0 ? {
+    tabIndex: o
   } : {}, u, {
-    className: A(r, Ds({
-      "is-clickable": a && !l,
-      "is-disabled": l,
-      "is-selected": n && !l
+    className: N(r, Yo({
+      "is-clickable": a && !c,
+      "is-disabled": c,
+      "is-selected": n && !c
     }))
   }), [t]);
-}, Di = /* @__PURE__ */ y((e, {
+}, Zi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k(), {
+  const r = P(), {
     isAnyDisabled: a,
     otherProps: n
-  } = H(T(() => ({
+  } = z($(() => ({
     ...e,
     ...r
   })));
-  return () => c(Fs, h(n.value, {
+  return () => l(Jo, h(n.value, {
     className: e.class,
     tabIndex: e.isClickable && !a.value ? 0 : -1,
     "aria-disabled": a.value,
@@ -2450,28 +2499,28 @@ const wi = /* @__PURE__ */ y((e, {
 }, {
   name: "LumxTableRow",
   inheritAttrs: !1,
-  props: S()("class", "isClickable", "isDisabled", "isSelected")
+  props: A()("class", "isClickable", "isDisabled", "isSelected")
 });
-function At(e, t) {
+function St(e, t) {
   return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
 }
-function Hs({
+function Xo({
   image: e,
   aspectRatio: t,
   focusPoint: r,
   width: a,
   height: n,
-  element: o,
-  isLoaded: s
+  element: s,
+  isLoaded: o
 }) {
-  if (!(!e || t === Kr.original || !r?.x && !r?.y)) {
+  if (!(!e || t === Xr.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 };
+    if (s && o)
+      return { width: s.naturalWidth, height: s.naturalHeight };
   }
 }
-function zr({
+function Vr({
   scale: e,
   focusPoint: t,
   imageSize: r,
@@ -2482,59 +2531,59 @@ function zr({
   const i = (t * n - a / 2) / (n - a);
   return Math.floor(Math.max(Math.min(i, 1), 0) * 100);
 }
-function zs({
+function Qo({
   image: e,
   aspectRatio: t,
   focusPoint: r,
   element: a,
   imageSize: n,
-  containerSize: o
+  containerSize: s
 }) {
-  if (!e || t === Kr.original || !r?.x && !r?.y)
+  if (!e || t === Xr.original || !r?.x && !r?.y)
     return {};
   if (!a || !n)
     return { visibility: "hidden" };
-  if (!o || !n.height || !n.width)
+  if (!s || !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 = zr({
+  const o = n.height / s.height, i = n.width / s.width, u = Math.min(i, o), c = Math.abs((r?.y || 0) - 1) / 2, d = Vr({
     scale: u,
-    focusPoint: l,
+    focusPoint: c,
     imageSize: n.height,
-    containerSize: o.height
+    containerSize: s.height
   }), f = Math.abs((r?.x || 0) + 1) / 2;
-  return { objectPosition: `${zr({
+  return { objectPosition: `${Vr({
     scale: u,
     focusPoint: f,
     imageSize: n.width,
-    containerSize: o.width
+    containerSize: s.width
   })}% ${d}%` };
 }
-const Gs = "lumx-thumbnail", {
-  block: Vs,
-  element: se
-} = Z.bem(Gs), Gr = {
-  fallback: Ga,
+const Zo = "lumx-thumbnail", {
+  block: ei,
+  element: oe
+} = Z.bem(Zo), Wr = {
+  fallback: Wa,
   loading: "lazy"
-}, Ws = (e) => {
+}, ti = (e) => {
   const {
     align: t,
     alt: r,
-    aspectRatio: a = Pa.original,
+    aspectRatio: a = Ca.original,
     badge: n,
-    className: o,
-    crossOrigin: s,
+    className: s,
+    crossOrigin: o,
     ref: i,
-    fallback: u = Gr.fallback,
-    focusPointStyle: l,
+    fallback: u = Wr.fallback,
+    focusPointStyle: c,
     fillHeight: d,
     image: f,
     imgProps: m,
     imgRef: p,
     isLoading: g,
     objectFit: b,
-    loading: v = Gr.loading,
+    loading: v = Wr.loading,
     loadingPlaceholderImageRef: C,
-    isAnyDisabled: P,
+    isAnyDisabled: k,
     disabledStateProps: _,
     size: O,
     theme: L,
@@ -2543,149 +2592,149 @@ const Gs = "lumx-thumbnail", {
     linkProps: Y,
     linkAs: he,
     ...te
-  } = 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 = {
+  } = e, S = g || B === "isLoading", J = B === "hasError", R = J && typeof u == "string", Ft = J && !R, _e = {};
+  R ? _e.visibility = "hidden" : Ft && (_e.display = "none");
+  const zt = !!(Y?.href || he), xe = !k && !!(zt || te.onClick), re = {
     ...te
   };
-  _e && (Object.assign(re, {
+  xe && (Object.assign(re, {
     as: he || (Y?.href ? "a" : "button")
-  }, _), Ft ? Object.assign(re, Y) : re["aria-label"] = te["aria-label"] || r);
-  const Ht = Z.join(Y?.className, o, Vs({
+  }, _), zt ? Object.assign(re, Y) : re["aria-label"] = te["aria-label"] || r);
+  const Gt = Z.join(Y?.className, s, ei({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${O}`]: !!O,
     [`theme-${L}`]: !!L,
     [`variant-${me}`]: !!me,
-    "is-clickable": _e,
+    "is-clickable": xe,
     "has-error": J,
-    "has-icon-error-fallback": j,
-    "has-custom-error-fallback": Dt,
-    "is-loading": N,
+    "has-icon-error-fallback": R,
+    "has-custom-error-fallback": Ft,
+    "is-loading": S,
     [`object-fit-${b}`]: !!b,
     "has-badge": !!n,
     "fill-height": d
-  })), ae = N && C?.current?.complete && C?.current || void 0, Aa = ae ? {
+  })), ae = S && C?.current?.complete && C?.current || void 0, ka = ae ? {
     backgroundImage: `url(${ae.src})`
-  } : void 0, zt = c(G, null, [c("span", {
-    className: se("background")
-  }, [c("img", h({
+  } : void 0, Ht = l(H, null, [l("span", {
+    className: oe("background")
+  }, [l("img", h({
     width: ae?.naturalWidth,
     height: ae?.naturalHeight
   }, m, {
     style: {
       // Reserve space while loading (when possible)
-      width: N ? m?.width || ae?.naturalWidth : void 0,
+      width: S ? m?.width || ae?.naturalWidth : void 0,
       ...m?.style,
-      ...Ce,
-      ...l,
-      ...Aa
+      ..._e,
+      ...c,
+      ...ka
     },
     ref: p,
-    className: Z.join(se("image", {
-      "is-loading": N,
+    className: Z.join(oe("image", {
+      "is-loading": S,
       "has-defined-size": !!(m?.height && m.width)
     }), m?.className),
-    crossOrigin: s,
+    crossOrigin: o,
     src: f,
     alt: r,
     loading: v
-  }), null), !N && J && c("span", {
-    className: se("fallback")
-  }, [j ? I({
+  }), null), !S && J && l("span", {
+    className: oe("fallback")
+  }, [R ? I({
     icon: u,
-    size: Ta.xxs,
+    size: _a.xxs,
     theme: L
   }) : u])]), n]);
-  return _e ? oa({
+  return xe ? la({
     ref: i,
     ...re,
-    className: Ht,
-    children: zt
-  }) : c("div", h({
+    className: Gt,
+    children: Ht
+  }) : l("div", h({
     ref: i
   }, re, {
-    className: Ht
-  }), [zt]);
+    className: Gt
+  }), [Ht]);
 };
-function Us(e, t) {
-  const r = ie(At(t.value));
-  W(
+function ri(e, t) {
+  const r = ie(St(t.value));
+  V(
     [e, t],
     () => {
-      r.value = At(t.value);
+      r.value = St(t.value);
     },
     { immediate: !0 }
   );
   const a = (n) => {
-    t.value && (r.value = At(t.value, n));
+    t.value && (r.value = St(t.value, n));
   };
-  return W(
+  return V(
     t,
-    (n, o) => {
-      o && (o.removeEventListener("load", a), o.removeEventListener("error", a)), n && (n.addEventListener("load", a), n.addEventListener("error", a));
+    (n, s) => {
+      s && (s.removeEventListener("load", a), s.removeEventListener("error", a)), n && (n.addEventListener("load", a), n.addEventListener("error", a));
     },
     { immediate: !0 }
-  ), La(() => {
+  ), Ra(() => {
     t.value && (t.value.removeEventListener("load", a), t.value.removeEventListener("error", a));
   }), r;
 }
-function Ks(e) {
-  const { image: t, aspectRatio: r, focusPoint: a, width: n, height: o, element: s, isLoaded: i } = e, u = T(
-    () => Hs({
+function ai(e) {
+  const { image: t, aspectRatio: r, focusPoint: a, width: n, height: s, element: o, isLoaded: i } = e, u = $(
+    () => Xo({
       image: t.value,
       aspectRatio: r.value,
       focusPoint: a.value,
       width: n.value,
-      height: o.value,
-      element: s.value,
+      height: s.value,
+      element: o.value,
       isLoaded: i.value
     })
-  ), l = ie(void 0), d = () => {
-    const m = s.value?.offsetWidth, p = s.value?.offsetHeight;
+  ), c = ie(void 0), d = () => {
+    const m = o.value?.offsetWidth, p = o.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],
+  return V(
+    [() => o.value?.offsetWidth, () => o.value?.offsetHeight, u],
     () => {
-      Oa(d);
+      ja(d);
     },
     { immediate: !0 }
-  ), T(
-    () => zs({
+  ), $(
+    () => Qo({
       image: t.value,
       aspectRatio: r.value,
       focusPoint: a.value,
-      element: s.value,
+      element: o.value,
       imageSize: u.value,
-      containerSize: l.value
+      containerSize: c.value
     })
   );
 }
-const Ys = {
+const ni = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, Fi = /* @__PURE__ */ y((e, {
+}, el = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r
 }) => {
-  const a = k(), n = w(), o = ie(), s = wt("onClick"), i = wt("onKeyPress"), {
+  const a = P(), n = x(), s = ie(), o = wt("onClick"), i = wt("onKeyPress"), {
     isAnyDisabled: u,
-    disabledStateProps: l,
+    disabledStateProps: c,
     otherProps: d
-  } = H(T(() => ({
+  } = z($(() => ({
     ...e,
     ...a
-  }))), f = Us(X(() => e.image), o), m = T(() => f.value === "isLoaded"), p = Ks({
+  }))), f = ri(X(() => e.image), s), m = $(() => f.value === "isLoaded"), p = ai({
     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,
+    element: s,
     isLoaded: m
   }), g = (v) => {
     u.value || (v.stopImmediatePropagation(), t("click", v));
@@ -2694,29 +2743,29 @@ const Ys = {
   };
   return () => {
     const v = r.badge?.(), C = r.fallback?.();
-    return c(Ws, h(d.value, {
+    return l(ti, h(d.value, {
       className: e.class,
       theme: e.theme || n.value,
       isAnyDisabled: u.value,
-      disabledStateProps: l.value,
+      disabledStateProps: c.value,
       focusPointStyle: p.value,
       loadingState: f.value,
-      imgRef: o,
+      imgRef: s,
       image: e.image,
-      onClick: s ? g : void 0,
+      onClick: o ? g : void 0,
       onKeyPress: i ? b : void 0,
       fallback: C,
-      badge: v && (Array.isArray(v) ? v.map((P) => ({
-        ...P,
+      badge: v && (Array.isArray(v) ? v.map((k) => ({
+        ...k,
         props: {
-          ...P.props,
-          class: Z.join(se("badge"), P.props?.class)
+          ...k.props,
+          class: Z.join(oe("badge"), k.props?.class)
         }
       })) : {
         ...v,
         props: {
           ...v.props,
-          class: Z.join(se("badge"), v.props?.class)
+          class: Z.join(oe("badge"), v.props?.class)
         }
       })
     }), null);
@@ -2724,46 +2773,46 @@ const Ys = {
 }, {
   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: Ys
-}), Hi = {
+  props: A()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
+  emits: ni
+}), tl = {
   squared: "squared",
   rounded: "rounded"
-}, zi = {
+}, rl = {
   cover: "cover",
   contain: "contain"
-}, Gi = "Toolbar", Js = "lumx-toolbar", {
-  block: Xs,
-  element: St
-} = $(Js), Qs = (e) => {
+}, al = "Toolbar", si = "lumx-toolbar", {
+  block: oi,
+  element: Pt
+} = T(si), ii = (e) => {
   const {
     after: t,
     before: r,
     className: a,
     label: n,
-    ref: o,
-    ...s
+    ref: s,
+    ...o
   } = e;
-  return c("div", h({
-    ref: o
-  }, s, {
-    className: A(a, Xs({
+  return l("div", h({
+    ref: s
+  }, o, {
+    className: N(a, oi({
       "has-after": !!t,
       "has-before": !!r,
       "has-label": !!n
     }))
-  }), [r && c("div", {
-    className: St("before")
-  }, [r]), n && c("div", {
-    className: St("label")
-  }, [n]), t && c("div", {
-    className: St("after")
+  }), [r && l("div", {
+    className: Pt("before")
+  }, [r]), n && l("div", {
+    className: Pt("label")
+  }, [n]), t && l("div", {
+    className: Pt("after")
   }, [t])]);
-}, Vi = /* @__PURE__ */ y((e, {
+}, nl = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = k();
-  return () => c(Qs, h(e, r, {
+  const r = P();
+  return () => l(ii, h(e, r, {
     className: e.class,
     label: t.default?.(),
     before: t.before?.(),
@@ -2772,52 +2821,58 @@ const Ys = {
 }, {
   name: "LumxToolbar",
   inheritAttrs: !1,
-  props: S()("class")
+  props: A()("class")
 });
 export {
-  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,
+  Si as Badge,
+  Pi as BadgeWrapper,
+  ki as Button,
+  Ti as ButtonGroup,
+  Oo as CLASSNAME,
+  Wi as COMPONENT_NAME,
+  Ci as Checkbox,
+  Ro as DEFAULT_PROPS,
+  _i as Divider,
+  xi as Flag,
+  Ei as FlexBox,
+  ya as GRID_COLUMN_CLASSNAME,
+  Ws as GRID_COLUMN_COMPONENT_NAME,
+  wi as GridColumn,
+  Ii as Heading,
+  Li as HeadingLevelProvider,
   Tt as Icon,
-  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,
-  qi as TableHeader,
-  Di as TableRow,
-  Rt as Text,
+  $i as IconButton,
+  Oi as InputHelper,
+  Bi as InputLabel,
+  Ri as Link,
+  ji as Message,
+  lo as PROGRESS_CIRCULAR_CLASSNAME,
+  Mi as PROGRESS_CIRCULAR_COMPONENT_NAME,
+  fo as PROGRESS_LINEAR_CLASSNAME,
+  Di as PROGRESS_LINEAR_COMPONENT_NAME,
+  qi as ProgressCircular,
+  Fi as ProgressLinear,
+  zi as RadioButton,
+  Gi as RadioGroup,
+  Hi as SkeletonCircle,
+  Ui as SkeletonRectangle,
+  ko as SkeletonRectangleVariant,
+  Vi as SkeletonTypography,
+  Ki as Switch,
+  al as TOOLBAR_NAME,
+  Yi as Table,
+  Ji as TableBody,
+  Xi as TableCell,
+  Et as TableCellVariant,
+  Qi as TableHeader,
+  Zi as TableRow,
+  Mt as Text,
   ge as ThOrder,
-  Fi as Thumbnail,
-  zi as ThumbnailObjectFit,
-  Hi as ThumbnailVariant,
-  Vi as Toolbar,
-  js as emitSchema,
-  va as useHeadingLevel
+  el as Thumbnail,
+  rl as ThumbnailObjectFit,
+  tl as ThumbnailVariant,
+  nl as Toolbar,
+  Uo as emitSchema,
+  Aa as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map