@lumx/vue 4.3.2-alpha.36 → 4.3.2-alpha.37

package/index.js

@@ -1,20 +1,20 @@
-import { ColorVariant as $a, Theme as Ta, AspectRatio as Ca, Size as _a } from "@lumx/core/js/constants";
+import { ColorVariant as Ca, Theme as _a, AspectRatio as xa, Size as Ea } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-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 U, 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 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 Ua } from "@lumx/icons/esm/information.js";
-import { mdiArrowDown as Ha } 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 = {
+import { createVNode as l, mergeProps as h, defineComponent as y, useAttrs as S, isVNode as Z, inject as Ot, computed as $, unref as Tt, provide as Jr, getCurrentScope as wa, onScopeDispose as Ia, watch as V, toValue as Bt, shallowRef as La, getCurrentInstance as Xr, onMounted as Oa, ref as se, useSlots as Rt, Fragment as U, useTemplateRef as Ba, toRefs as Ra, reactive as ja, createTextVNode as ge, onBeforeUnmount as Ma, nextTick as qa, toRef as J } from "vue";
+import { getDisabledState as Da } from "@lumx/core/js/utils/disabledState";
+import { mdiAlertCircle as Qr } from "@lumx/icons/esm/alert-circle.js";
+import { classNames as Q } from "@lumx/core/js/utils";
+import { mdiCheck as Fa } from "@lumx/icons/esm/check.js";
+import { mdiMinus as za } from "@lumx/icons/esm/minus.js";
+import { mdiAlert as Ga } from "@lumx/icons/esm/alert.js";
+import { mdiCheckCircle as Ua } from "@lumx/icons/esm/check-circle.js";
+import { mdiClose as Ha } from "@lumx/icons/esm/close.js";
+import { mdiInformation as Va } from "@lumx/icons/esm/information.js";
+import { mdiArrowDown as Wa } from "@lumx/icons/esm/arrow-down.js";
+import { mdiArrowUp as Ka } from "@lumx/icons/esm/arrow-up.js";
+import { mdiImageBroken as Ya } from "@lumx/icons/esm/image-broken.js";
+const Ne = {
   light: "light",
   dark: "dark"
 }, w = {
@@ -24,12 +24,12 @@ const ve = {
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Ka = {
+}, Ja = {
   horizontal: "horizontal"
 }, H = {
   low: "low",
   high: "high"
-}, Ya = {
+}, Xa = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -39,9 +39,9 @@ const ve = {
   title: "title",
   headline: "headline",
   display1: "display1"
-}, Q = {
-  ...Ya
-}, Xr = {
+}, X = {
+  ...Xa
+}, Zr = {
   /** Intrinsic content ratio. */
   original: "original"
 }, D = {
@@ -58,14 +58,14 @@ const ve = {
   red: "red",
   light: "light"
 };
-var be = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ae(e) {
+var ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Pe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ee = { exports: {} };
-var Ht;
-function Ja() {
-  return Ht || (Ht = 1, (function(e) {
+var Ie = { exports: {} };
+var Wt;
+function Qa() {
+  return Wt || (Wt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -94,30 +94,30 @@ function Ja() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Ee)), Ee.exports;
+  })(Ie)), Ie.exports;
 }
-var Xa = Ja();
-const N = /* @__PURE__ */ Ae(Xa);
-function Bt(e, t) {
+var Za = Qa();
+const N = /* @__PURE__ */ Pe(Za);
+function jt(e, t) {
   if (!e) return [void 0, t];
   const [r, a] = e.split("-");
   return [r, t || a];
 }
-function Qa(e, t, r) {
-  const [a, n = $a.N] = Bt(t, r);
+function en(e, t, r) {
+  const [a, n = Ca.N] = jt(t, r);
   return `lumx-color-${e}-${a}-${n}`;
 }
-const Za = (e, t) => Qa("font", e, t);
-function Rt(e) {
+const tn = (e, t) => en("font", e, t);
+function Mt(e) {
   return `lumx-typography-${e}`;
 }
-function Qr(e, t) {
+function ea(e, t) {
   const r = [];
   for (const [a, n] of Object.entries(t))
     n && r.push(`${e}--${a}`);
   return r.join(" ");
 }
-function ye(e, t, r) {
+function Ae(e, t, r) {
   let a, n;
   return Array.isArray(t) ? n = t : (a = t, n = r), !a && !n ? e : N(
     // Additional classes
@@ -125,56 +125,56 @@ function ye(e, t, r) {
     // Base class
     e,
     // Modifier(s)
-    a ? Qr(e, a) : null
+    a ? ea(e, a) : null
   );
 }
-function Vt(e, t, r, a) {
-  return Array.isArray(r) ? ye(`${e}__${t}`, r) : ye(`${e}__${t}`, r, a);
+function Kt(e, t, r, a) {
+  return Array.isArray(r) ? Ae(`${e}__${t}`, r) : Ae(`${e}__${t}`, r, a);
 }
 function T(e) {
   function t(a, n) {
-    return Array.isArray(a) ? ye(e, a) : ye(e, a, n);
+    return Array.isArray(a) ? Ae(e, a) : Ae(e, a, n);
   }
   function r(a, n, s) {
-    return Array.isArray(n) ? Vt(e, a, n) : Vt(e, a, n, s);
+    return Array.isArray(n) ? Kt(e, a, n) : Kt(e, a, n, s);
   }
   return {
     block: t,
     element: r,
-    modifier: (a) => Qr(e, a)
+    modifier: (a) => ea(e, a)
   };
 }
-const en = "Badge", Zr = "lumx-badge", {
-  block: tn
-} = T(Zr), ea = {
+const rn = "Badge", ta = "lumx-badge", {
+  block: an
+} = T(ta), ra = {
   color: E.primary
-}, Se = (e) => {
+}, ke = (e) => {
   const {
     children: t,
     className: r,
-    color: a = ea.color,
+    color: a = ra.color,
     ref: n,
     ...s
   } = e;
   return l("div", h({
     ref: n
   }, s, {
-    className: N(r, tn({
+    className: N(r, an({
       [`color-${a}`]: !!a
     }))
   }), [t]);
 };
-Se.displayName = en;
-Se.className = Zr;
-Se.defaultProps = ea;
+ke.displayName = rn;
+ke.className = ta;
+ke.defaultProps = ra;
 const A = () => (...e) => e.reduce(
   (t, r) => (t[r] = { required: !1 }, t),
   {}
-), Si = /* @__PURE__ */ y((e, {
+), ki = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(Se, h(e, r, {
+  const r = S();
+  return () => l(ke, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -183,10 +183,10 @@ const A = () => (...e) => e.reduce(
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("color", "class")
-}), rn = "lumx-badge-wrapper", {
-  block: an,
-  element: nn
-} = T(rn), sn = (e) => {
+}), nn = "lumx-badge-wrapper", {
+  block: sn,
+  element: on
+} = T(nn), ln = (e) => {
   const {
     badge: t,
     children: r,
@@ -197,15 +197,15 @@ const A = () => (...e) => e.reduce(
   return l("div", h({
     ref: n
   }, s, {
-    className: N(a, an())
+    className: N(a, sn())
   }), [r, t && l("div", {
-    className: nn("badge")
+    className: on("badge")
   }, [t])]);
-}, Pi = /* @__PURE__ */ y((e, {
+}, $i = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(sn, h(e, r, {
+  const r = S();
+  return () => l(ln, h(e, r, {
     className: e.class,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -215,40 +215,40 @@ const A = () => (...e) => e.reduce(
   inheritAttrs: !1,
   props: A()("badge", "class")
 });
-var we, Wt;
-function ta() {
-  if (Wt) return we;
-  Wt = 1;
+var Le, Yt;
+function aa() {
+  if (Yt) return Le;
+  Yt = 1;
   var e = Object.prototype;
   function t(r) {
     var a = r && r.constructor, n = typeof a == "function" && a.prototype || e;
     return r === n;
   }
-  return we = t, we;
+  return Le = t, Le;
 }
-var Ie, Kt;
-function on() {
-  if (Kt) return Ie;
-  Kt = 1;
+var Oe, Jt;
+function cn() {
+  if (Jt) return Oe;
+  Jt = 1;
   function e(t, r) {
     return function(a) {
       return t(r(a));
     };
   }
-  return Ie = e, Ie;
+  return Oe = e, Oe;
 }
-var Le, Yt;
-function ln() {
-  if (Yt) return Le;
-  Yt = 1;
-  var e = on(), t = e(Object.keys, Object);
-  return Le = t, Le;
+var Be, Xt;
+function un() {
+  if (Xt) return Be;
+  Xt = 1;
+  var e = cn(), t = e(Object.keys, Object);
+  return Be = t, Be;
 }
-var Oe, Jt;
-function cn() {
-  if (Jt) return Oe;
-  Jt = 1;
-  var e = ta(), t = ln(), r = Object.prototype, a = r.hasOwnProperty;
+var Re, Qt;
+function dn() {
+  if (Qt) return Re;
+  Qt = 1;
+  var e = aa(), t = un(), r = Object.prototype, a = r.hasOwnProperty;
   function n(s) {
     if (!e(s))
       return t(s);
@@ -257,34 +257,34 @@ function cn() {
       a.call(s, i) && i != "constructor" && o.push(i);
     return o;
   }
-  return Oe = n, Oe;
-}
-var Be, Xt;
-function ra() {
-  if (Xt) return Be;
-  Xt = 1;
-  var e = typeof be == "object" && be && be.Object === Object && be;
-  return Be = e, Be;
-}
-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;
+  return Re = n, Re;
 }
 var je, Zt;
-function aa() {
+function na() {
   if (Zt) return je;
   Zt = 1;
-  var e = F(), t = e.Symbol;
-  return je = t, je;
+  var e = typeof ve == "object" && ve && ve.Object === Object && ve;
+  return je = e, je;
 }
 var Me, er;
-function un() {
+function F() {
   if (er) return Me;
   er = 1;
-  var e = aa(), t = Object.prototype, r = t.hasOwnProperty, a = t.toString, n = e ? e.toStringTag : void 0;
+  var e = na(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  return Me = r, Me;
+}
+var qe, tr;
+function sa() {
+  if (tr) return qe;
+  tr = 1;
+  var e = F(), t = e.Symbol;
+  return qe = t, qe;
+}
+var De, rr;
+function fn() {
+  if (rr) return De;
+  rr = 1;
+  var e = sa(), 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 {
@@ -295,75 +295,75 @@ function un() {
     var d = a.call(o);
     return c && (i ? o[n] = u : delete o[n]), d;
   }
-  return Me = s, Me;
+  return De = s, De;
 }
-var qe, tr;
-function dn() {
-  if (tr) return qe;
-  tr = 1;
+var Fe, ar;
+function mn() {
+  if (ar) return Fe;
+  ar = 1;
   var e = Object.prototype, t = e.toString;
   function r(a) {
     return t.call(a);
   }
-  return qe = r, qe;
+  return Fe = r, Fe;
 }
-var De, rr;
-function le() {
-  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;
+var ze, nr;
+function oe() {
+  if (nr) return ze;
+  nr = 1;
+  var e = sa(), t = fn(), r = mn(), 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 De = o, De;
+  return ze = o, ze;
 }
-var Fe, ar;
-function jt() {
-  if (ar) return Fe;
-  ar = 1;
+var Ge, sr;
+function qt() {
+  if (sr) return Ge;
+  sr = 1;
   function e(t) {
     var r = typeof t;
     return t != null && (r == "object" || r == "function");
   }
-  return Fe = e, Fe;
+  return Ge = e, Ge;
 }
-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]";
+var Ue, or;
+function oa() {
+  if (or) return Ue;
+  or = 1;
+  var e = oe(), t = qt(), 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 == s;
   }
-  return ze = o, ze;
+  return Ue = o, Ue;
 }
-var Ge, sr;
-function fn() {
-  if (sr) return Ge;
-  sr = 1;
+var He, ir;
+function hn() {
+  if (ir) return He;
+  ir = 1;
   var e = F(), t = e["__core-js_shared__"];
-  return Ge = t, Ge;
+  return He = t, He;
 }
-var Ue, or;
-function mn() {
-  if (or) return Ue;
-  or = 1;
-  var e = fn(), t = (function() {
+var Ve, lr;
+function pn() {
+  if (lr) return Ve;
+  lr = 1;
+  var e = hn(), 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 Ue = r, Ue;
+  return Ve = r, Ve;
 }
-var He, ir;
-function sa() {
-  if (ir) return He;
-  ir = 1;
+var We, cr;
+function ia() {
+  if (cr) return We;
+  cr = 1;
   var e = Function.prototype, t = e.toString;
   function r(a) {
     if (a != null) {
@@ -378,13 +378,13 @@ function sa() {
     }
     return "";
   }
-  return He = r, He;
+  return We = r, We;
 }
-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(
+var Ke, ur;
+function bn() {
+  if (ur) return Ke;
+  ur = 1;
+  var e = oa(), t = pn(), r = qt(), a = ia(), 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) {
@@ -393,68 +393,68 @@ function hn() {
     var p = e(m) ? d : s;
     return p.test(a(m));
   }
-  return Ve = f, Ve;
+  return Ke = f, Ke;
 }
-var We, cr;
-function pn() {
-  if (cr) return We;
-  cr = 1;
+var Ye, dr;
+function gn() {
+  if (dr) return Ye;
+  dr = 1;
   function e(t, r) {
     return t?.[r];
   }
-  return We = e, We;
+  return Ye = e, Ye;
 }
-var Ke, ur;
-function ce() {
-  if (ur) return Ke;
-  ur = 1;
-  var e = hn(), t = pn();
+var Je, fr;
+function ie() {
+  if (fr) return Je;
+  fr = 1;
+  var e = bn(), t = gn();
   function r(a, n) {
     var s = t(a, n);
     return e(s) ? s : void 0;
   }
-  return Ke = r, Ke;
-}
-var Ye, dr;
-function bn() {
-  if (dr) return Ye;
-  dr = 1;
-  var e = ce(), t = F(), r = e(t, "DataView");
-  return Ye = r, Ye;
-}
-var Je, fr;
-function gn() {
-  if (fr) return Je;
-  fr = 1;
-  var e = ce(), t = F(), r = e(t, "Map");
   return Je = r, Je;
 }
 var Xe, mr;
 function vn() {
   if (mr) return Xe;
   mr = 1;
-  var e = ce(), t = F(), r = e(t, "Promise");
+  var e = ie(), t = F(), r = e(t, "DataView");
   return Xe = r, Xe;
 }
 var Qe, hr;
 function yn() {
   if (hr) return Qe;
   hr = 1;
-  var e = ce(), t = F(), r = e(t, "Set");
+  var e = ie(), t = F(), r = e(t, "Map");
   return Qe = r, Qe;
 }
 var Ze, pr;
 function Nn() {
   if (pr) return Ze;
   pr = 1;
-  var e = ce(), t = F(), r = e(t, "WeakMap");
+  var e = ie(), t = F(), r = e(t, "Promise");
   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;
+  var e = ie(), t = F(), r = e(t, "Set");
+  return et = r, et;
+}
+var tt, gr;
+function Sn() {
+  if (gr) return tt;
+  gr = 1;
+  var e = ie(), t = F(), r = e(t, "WeakMap");
+  return tt = r, tt;
+}
+var rt, vr;
+function Pn() {
+  if (vr) return rt;
+  vr = 1;
+  var e = vn(), t = yn(), r = Nn(), a = An(), n = Sn(), s = oe(), o = ia(), 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)
@@ -471,110 +471,110 @@ function An() {
           return f;
       }
     return O;
-  }), et = k, et;
+  }), rt = k, rt;
 }
-var tt, gr;
-function Pe() {
-  if (gr) return tt;
-  gr = 1;
+var at, yr;
+function $e() {
+  if (yr) return at;
+  yr = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
-  return tt = e, tt;
+  return at = e, at;
 }
-var rt, vr;
-function Sn() {
-  if (vr) return rt;
-  vr = 1;
-  var e = le(), t = Pe(), r = "[object Arguments]";
+var nt, Nr;
+function kn() {
+  if (Nr) return nt;
+  Nr = 1;
+  var e = oe(), t = $e(), r = "[object Arguments]";
   function a(n) {
     return t(n) && e(n) == r;
   }
-  return rt = a, rt;
+  return nt = a, nt;
 }
-var at, yr;
-function Pn() {
-  if (yr) return at;
-  yr = 1;
-  var e = Sn(), t = Pe(), r = Object.prototype, a = r.hasOwnProperty, n = r.propertyIsEnumerable, s = e(/* @__PURE__ */ (function() {
+var st, Ar;
+function $n() {
+  if (Ar) return st;
+  Ar = 1;
+  var e = kn(), t = $e(), 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;
+  return st = s, st;
 }
-var nt, Nr;
-function oa() {
-  if (Nr) return nt;
-  Nr = 1;
+var ot, Sr;
+function la() {
+  if (Sr) return ot;
+  Sr = 1;
   var e = Array.isArray;
-  return nt = e, nt;
+  return ot = e, ot;
 }
-var st, Ar;
-function ia() {
-  if (Ar) return st;
-  Ar = 1;
+var it, Pr;
+function ca() {
+  if (Pr) return it;
+  Pr = 1;
   var e = 9007199254740991;
   function t(r) {
     return typeof r == "number" && r > -1 && r % 1 == 0 && r <= e;
   }
-  return st = t, st;
+  return it = t, it;
 }
-var ot, Sr;
-function kn() {
-  if (Sr) return ot;
-  Sr = 1;
-  var e = na(), t = ia();
+var lt, kr;
+function Tn() {
+  if (kr) return lt;
+  kr = 1;
+  var e = oa(), t = ca();
   function r(a) {
     return a != null && t(a.length) && !e(a);
   }
-  return ot = r, ot;
+  return lt = r, lt;
 }
-var ne = { exports: {} }, it, Pr;
-function $n() {
-  if (Pr) return it;
-  Pr = 1;
+var re = { exports: {} }, ct, $r;
+function Cn() {
+  if ($r) return ct;
+  $r = 1;
   function e() {
     return !1;
   }
-  return it = e, it;
+  return ct = e, ct;
 }
-ne.exports;
-var kr;
-function Tn() {
-  return kr || (kr = 1, (function(e, t) {
-    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;
+re.exports;
+var Tr;
+function _n() {
+  return Tr || (Tr = 1, (function(e, t) {
+    var r = F(), a = Cn(), 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;
+  })(re, re.exports)), re.exports;
 }
-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)];
+var ut, Cr;
+function xn() {
+  if (Cr) return ut;
+  Cr = 1;
+  var e = oe(), t = ca(), r = $e(), 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]", de = "[object Uint8Array]", Y = "[object Uint8ClampedArray]", fe = "[object Uint16Array]", me = "[object Uint32Array]", P = {};
+  P[k] = P[_] = P[O] = P[L] = P[B] = P[de] = P[Y] = P[fe] = P[me] = !0, P[a] = P[n] = P[v] = P[s] = P[C] = P[o] = P[i] = P[u] = P[c] = P[d] = P[f] = P[m] = P[p] = P[g] = P[b] = !1;
+  function he(R) {
+    return r(R) && t(R.length) && !!P[e(R)];
   }
-  return lt = J, lt;
+  return ut = he, ut;
 }
-var ct, Tr;
-function _n() {
-  if (Tr) return ct;
-  Tr = 1;
+var dt, _r;
+function En() {
+  if (_r) return dt;
+  _r = 1;
   function e(t) {
     return function(r) {
       return t(r);
     };
   }
-  return ct = e, ct;
+  return dt = e, dt;
 }
-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() {
+var ae = { exports: {} };
+ae.exports;
+var xr;
+function wn() {
+  return xr || (xr = 1, (function(e, t) {
+    var r = na(), 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 || o && o.binding && o.binding("util");
@@ -582,20 +582,20 @@ function xn() {
       }
     })();
     e.exports = i;
-  })(se, se.exports)), se.exports;
-}
-var ut, _r;
-function En() {
-  if (_r) return ut;
-  _r = 1;
-  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;
+  })(ae, ae.exports)), ae.exports;
+}
+var ft, Er;
+function In() {
+  if (Er) return ft;
+  Er = 1;
+  var e = xn(), t = En(), r = wn(), a = r && r.isTypedArray, n = a ? t(a) : e;
+  return ft = n, ft;
+}
+var mt, wr;
+function Ln() {
+  if (wr) return mt;
+  wr = 1;
+  var e = dn(), t = Pn(), r = $n(), a = la(), n = Tn(), s = _n(), o = aa(), i = In(), u = "[object Map]", c = "[object Set]", d = Object.prototype, f = d.hasOwnProperty;
   function m(p) {
     if (p == null)
       return !0;
@@ -611,53 +611,55 @@ function wn() {
         return !1;
     return !0;
   }
-  return dt = m, dt;
+  return mt = m, mt;
 }
-var In = wn();
-const Er = /* @__PURE__ */ Ae(In);
-function Ln(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+var On = Ln();
+const Ir = /* @__PURE__ */ Pe(On);
+function Bn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-const la = (e) => {
+const ua = (e) => {
   const {
     children: t,
-    onClick: r,
-    disabled: a,
-    isDisabled: n = a,
-    "aria-disabled": s,
-    as: o,
-    ...i
-  } = e, u = n || s === "true" || s === !0, c = o;
-  let d;
-  return c === "button" ? d = {
-    type: i.type || "button",
-    disabled: n
-  } : d = {
-    tabIndex: n ? "-1" : i.tabIndex
-  }, l(c, h({
-    "aria-disabled": u || void 0
-  }, i, d, {
-    onClick: (f) => {
-      if (u) {
-        f.stopPropagation(), f.preventDefault();
+    handleClick: r,
+    handleKeyPress: a,
+    disabled: n,
+    isDisabled: s = n,
+    "aria-disabled": o,
+    as: i,
+    ...u
+  } = e, c = s || o === "true" || o === !0, d = i;
+  let f;
+  return d === "button" ? f = {
+    type: u.type || "button",
+    disabled: s
+  } : f = {
+    tabIndex: s ? "-1" : u.tabIndex
+  }, l(d, h({
+    "aria-disabled": c || void 0
+  }, u, f, {
+    onKeyPress: a,
+    onClick: (m) => {
+      if (c) {
+        m.stopPropagation(), m.preventDefault();
         return;
       }
-      r?.(f);
+      r?.(m);
     }
-  }), Ln(t) ? t : {
+  }), Bn(t) ? t : {
     default: () => [t]
   });
-}, On = "ButtonRoot", Bn = "lumx-button-wrapper", {
-  block: Rn
-} = T(Bn), jn = "lumx-button", {
+}, Rn = "ButtonRoot", jn = "lumx-button-wrapper", {
   block: Mn
-} = T(jn), qn = (e) => {
+} = T(jn), qn = "lumx-button", {
+  block: Dn
+} = T(qn), Fn = (e) => {
   const {
     color: t,
     emphasis: r,
     variant: a,
     fullWidth: n
-  } = e, s = r === H.low && (t === E.light ? E.dark : E.light), o = Rn({
+  } = e, s = r === H.low && (t === E.light ? E.dark : E.light), o = Mn({
     [`color-${s}`]: !!s,
     [`variant-${a}`]: !!a,
     "is-full-width": n
@@ -667,8 +669,8 @@ const la = (e) => {
   };
   return l("div", {
     className: o
-  }, [ue(i)]);
-}, ue = (e) => {
+  }, [le(i)]);
+}, le = (e) => {
   const {
     "aria-label": t,
     "aria-disabled": r,
@@ -683,20 +685,20 @@ const la = (e) => {
     isHovered: f,
     linkAs: m,
     size: p,
-    theme: g = ve.light,
+    theme: g = Ne.light,
     variant: b,
     fullWidth: v,
     ref: C,
     ...k
-  } = e, _ = s || o !== H.high && g === ve.dark && E.light || o === H.high && E.primary || E.dark;
+  } = e, _ = s || o !== H.high && g === Ne.dark && E.light || o === H.high && E.primary || E.dark;
   if (i)
-    return qn({
+    return Fn({
       ...e,
       ref: C,
       variant: b,
       color: _
     });
-  const O = N(n, Mn({
+  const O = N(n, Dn({
     [`color-${_}`]: !!_,
     [`emphasis-${o}`]: !!o,
     "is-selected": u,
@@ -709,7 +711,7 @@ const la = (e) => {
     [`variant-${b}`]: !!b,
     "is-full-width": v
   }));
-  return la({
+  return ua({
     as: m || (k.href ? "a" : "button"),
     ...k,
     "aria-disabled": r,
@@ -719,26 +721,26 @@ const la = (e) => {
     children: a
   });
 };
-ue.displayName = On;
-ue.defaultProps = {};
-const Dn = "Button", ca = "lumx-button", {
-  modifier: Fn
-} = T(ca), $t = {
+le.displayName = Rn;
+le.defaultProps = {};
+const zn = "Button", da = "lumx-button", {
+  modifier: Gn
+} = T(da), Ct = {
   emphasis: H.high,
   size: w.m
-}, ke = (e) => {
+}, Te = (e) => {
   const {
     className: t,
-    emphasis: r = $t.emphasis,
+    emphasis: r = Ct.emphasis,
     leftIcon: a,
     rightIcon: n,
-    size: s = $t.size,
+    size: s = Ct.size,
     ...o
-  } = e, i = N(t, Fn({
+  } = e, i = N(t, Gn({
     "has-left-icon": !!a,
     "has-right-icon": !!n
   }));
-  return ue({
+  return le({
     emphasis: r,
     size: s,
     ...o,
@@ -746,21 +748,21 @@ const Dn = "Button", ca = "lumx-button", {
     variant: "button"
   });
 };
-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 $(() => kt(r) || t);
+Te.displayName = zn;
+Te.className = da;
+Te.defaultProps = Ct;
+function x(e = { defaultTheme: _a.light }) {
+  const { defaultTheme: t } = e, r = Ot("theme", void 0);
+  return $(() => Tt(r) || t);
 }
-const zn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function Gn() {
-  return It(zn, { state: null });
+const Un = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Hn() {
+  return Ot(Un, { state: null });
 }
 function z(e) {
-  const t = Gn(), r = $(() => {
-    const s = typeof e == "function" ? e() : kt(e);
-    return Ma(t, {
+  const t = Hn(), r = $(() => {
+    const s = typeof e == "function" ? e() : Tt(e);
+    return Da(t, {
       disabled: s.disabled,
       isDisabled: s.isDisabled,
       "aria-disabled": s["aria-disabled"] ?? s.ariaDisabled
@@ -768,19 +770,19 @@ function z(e) {
   }), a = $(
     () => r.value["aria-disabled"] || r.value.disabled || void 0
   ), n = $(() => {
-    const s = typeof e == "function" ? e() : kt(e), { disabled: o, isDisabled: i, "aria-disabled": u, ariaDisabled: c, onClick: d, onChange: f, ...m } = s;
+    const s = typeof e == "function" ? e() : Tt(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({
+const Lr = y({
   name: "ResetTheme",
   setup(e, { slots: t }) {
-    return Kr("theme", void 0), () => t.default?.();
+    return Jr("theme", void 0), () => t.default?.();
   }
-}), Un = "Icon", Hn = "lumx-icon", ua = Hn, {
-  block: Vn
-} = T(ua), Wn = {}, I = (e) => {
+}), Vn = "Icon", Wn = "lumx-icon", fa = Wn, {
+  block: Kn
+} = T(fa), Yn = {}, I = (e) => {
   const {
     className: t,
     color: r,
@@ -793,23 +795,23 @@ const wr = y({
     alt: c,
     verticalAlign: d,
     ...f
-  } = e, [m, p] = Bt(r, a);
+  } = e, [m, p] = jt(r, a);
   let g = m;
-  !g && (n || u) && (g = u === ve.dark ? E.light : E.dark);
+  !g && (n || u) && (g = u === Ne.dark ? E.light : E.dark);
   let b = p;
   !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: N(t, Vn({
+    className: N(t, Kn({
       [`color-${g}`]: !!g,
       [`color-variant-${b}`]: !!b,
       "has-shape": n,
       [`theme-${u}`]: !!u,
       [`size-${v}`]: !!v,
       "no-shape": !n,
-      "has-dark-layer": !n && g === E.yellow && s === Jr,
+      "has-dark-layer": !n && g === E.yellow && s === Qr,
       path: !0,
       "vertical-align-middle": d === "middle"
     }))
@@ -829,11 +831,11 @@ const wr = y({
     fill: "currentColor"
   }, null)])]);
 };
-I.displayName = Un;
-I.className = ua;
-I.defaultProps = Wn;
-const Tt = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x({
+I.displayName = Vn;
+I.className = fa;
+I.defaultProps = Yn;
+const _t = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x({
     defaultTheme: void 0
   });
   return () => l(I, h(e, t, {
@@ -845,9 +847,9 @@ const Tt = /* @__PURE__ */ y((e) => {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
-}), Kn = "lumx-text", {
-  block: Yn
-} = T(Kn), Jn = (e) => {
+}), Jn = "lumx-text", {
+  block: Xn
+} = T(Jn), Qn = (e) => {
   const {
     className: t,
     color: r,
@@ -863,11 +865,11 @@ const Tt = /* @__PURE__ */ y((e) => {
     "--lumx-text-white-space": i
   };
   return {
-    className: N(t, Yn({
+    className: N(t, Xn({
       "is-truncated": f && !d,
       "is-truncated-multiline": d,
       "no-wrap": n
-    }), s && Rt(s), r && Za(r, a)),
+    }), s && Mt(s), r && tn(r, a)),
     style: {
       ...c,
       ...m,
@@ -875,40 +877,40 @@ const Tt = /* @__PURE__ */ y((e) => {
     }
   };
 };
-function da(e, t) {
-  return xa() ? (Ea(e, t), !0) : !1;
+function ma(e, t) {
+  return wa() ? (Ia(e, t), !0) : !1;
 }
-const Xn = typeof window < "u" && typeof document < "u";
+const Zn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Qn = (e) => e != null;
-function Zn(e) {
+const es = (e) => e != null;
+function ts(e) {
   return Array.isArray(e) ? e : [e];
 }
-const fa = Xn ? window : void 0;
-function Ct(e) {
+const ha = Zn ? window : void 0;
+function xt(e) {
   var t;
-  const r = Lt(e);
+  const r = Bt(e);
   return (t = r?.$el) !== null && t !== void 0 ? t : r;
 }
 // @__NO_SIDE_EFFECTS__
-function es() {
-  const e = wa(!1), t = Yr();
-  return t && Ia(() => {
+function rs() {
+  const e = La(!1), t = Xr();
+  return t && Oa(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function ma(e) {
-  const t = /* @__PURE__ */ es();
+function pa(e) {
+  const t = /* @__PURE__ */ rs();
   return $(() => (t.value, !!e()));
 }
-function ts(e, t, r = {}) {
-  const { window: a = fa, ...n } = r;
+function as(e, t, r = {}) {
+  const { window: a = ha, ...n } = r;
   let s;
-  const o = /* @__PURE__ */ ma(() => a && "MutationObserver" in a), i = () => {
+  const o = /* @__PURE__ */ pa(() => a && "MutationObserver" in a), i = () => {
     s && (s.disconnect(), s = void 0);
   }, u = V($(() => {
-    const f = Zn(Lt(e)).map(Ct).filter(Qn);
+    const f = ts(Bt(e)).map(xt).filter(es);
     return new Set(f);
   }), (f) => {
     i(), o.value && f.size && (s = new MutationObserver(t), f.forEach((m) => s.observe(m, n)));
@@ -918,20 +920,20 @@ function ts(e, t, r = {}) {
   }), c = () => s?.takeRecords(), d = () => {
     u(), i();
   };
-  return da(d), {
+  return ma(d), {
     isSupported: o,
     stop: d,
     takeRecords: c
   };
 }
-function rs(e, t, r = {}) {
-  const { window: a = fa, ...n } = r;
+function ns(e, t, r = {}) {
+  const { window: a = ha, ...n } = r;
   let s;
-  const o = /* @__PURE__ */ ma(() => a && "ResizeObserver" in a), i = () => {
+  const o = /* @__PURE__ */ pa(() => 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)];
+    const d = Bt(e);
+    return Array.isArray(d) ? d.map((f) => xt(f)) : [xt(d)];
   }), (d) => {
     if (i(), o.value && a) {
       s = new ResizeObserver(t);
@@ -943,49 +945,49 @@ function rs(e, t, r = {}) {
   }), c = () => {
     i(), u();
   };
-  return da(c), {
+  return ma(c), {
     isSupported: o,
     stop: c
   };
 }
-function as(e) {
-  const t = ie(void 0), r = () => {
+function ss(e) {
+  const t = se(void 0), r = () => {
     const a = e.value;
-    a && !a.closest(`.${Z.visuallyHidden()}`) && a.offsetWidth < a.scrollWidth ? t.value = a.innerText : t.value = void 0;
+    a && !a.closest(`.${Q.visuallyHidden()}`) && a.offsetWidth < a.scrollWidth ? t.value = a.innerText : t.value = void 0;
   };
-  return ts(e, r, {
+  return as(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), rs(e, r), V(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), ns(e, r), V(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const ns = (e = "default") => {
-  const t = Ot();
+const os = (e = "default") => {
+  const t = Rt();
   return () => {
     const r = t?.[e];
     return r ? r() : null;
   };
 };
-function _t(e) {
+function Et(e) {
   if (!e) return;
   const t = [];
   for (const r of e) {
-    if (!ee(r)) {
+    if (!Z(r)) {
       t.push(r);
       continue;
     }
-    if (r.type === Tt) {
+    if (r.type === _t) {
       t.push(" "), t.push(r), t.push(" ");
       continue;
     }
     if (r.type === U && Array.isArray(r.children)) {
-      const a = _t(r.children);
+      const a = Et(r.children);
       a && t.push(...a);
       continue;
     }
     if (typeof r.type == "string" && Array.isArray(r.children)) {
-      const a = _t(r.children), n = { ...r.props || {} };
+      const a = Et(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;
     }
@@ -993,15 +995,15 @@ function _t(e) {
   }
   return t;
 }
-function ss(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+function is(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-const Mt = /* @__PURE__ */ y((e, {
+const Dt = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), a = ns(), n = La("tooltip-label"), {
+  const r = S(), a = os(), n = Ba("tooltip-label"), {
     tooltipLabel: s
-  } = as(n), o = $(() => Jn({
+  } = ss(n), o = $(() => Qn({
     ...e,
     className: e.class || r.class || r.className
   })), i = $(() => {
@@ -1015,14 +1017,14 @@ const Mt = /* @__PURE__ */ y((e, {
     };
   });
   return () => {
-    const u = e.as || "div", c = a() || t.default?.(), d = c ? _t(c) : null;
+    const u = e.as || "div", c = a() || t.default?.(), d = c ? Et(c) : null;
     return l(u, h({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
       title: s.value
-    }), ss(d) ? d : {
+    }), is(d) ? d : {
       default: () => [d]
     });
   };
@@ -1031,12 +1033,12 @@ const Mt = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), os = {
+}), ls = {
   click: (e) => e instanceof MouseEvent
-}, ki = /* @__PURE__ */ y((e, {
+}, Ti = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = Ot(), a = P(), n = x(), {
+  const r = Rt(), a = S(), n = x(), {
     isAnyDisabled: s,
     disabledStateProps: o,
     otherProps: i
@@ -1047,22 +1049,22 @@ const Mt = /* @__PURE__ */ y((e, {
     s.value || (d.stopImmediatePropagation(), t("click", d));
   }, c = () => {
     const d = r.default?.();
-    return !d || d.length === 0 ? null : d.length === 1 && d[0].type === Mt ? d[0] : l("span", null, [d]);
+    return !d || d.length === 0 ? null : d.length === 1 && d[0].type === Dt ? d[0] : l("span", null, [d]);
   };
   return () => {
-    const d = l(U, null, [e.leftIcon && !Er(e.leftIcon) && l(wr, null, {
-      default: () => [l(Tt, {
+    const d = l(U, null, [e.leftIcon && !Ir(e.leftIcon) && l(Lr, null, {
+      default: () => [l(_t, {
         icon: e.leftIcon
       }, null)]
-    }), c(), e.rightIcon && !Er(e.rightIcon) && l(wr, null, {
-      default: () => [l(Tt, {
+    }), c(), e.rightIcon && !Ir(e.rightIcon) && l(Lr, null, {
+      default: () => [l(_t, {
         icon: e.rightIcon
       }, null)]
     })]);
-    return l(ke, h(i.value, o.value, {
+    return l(Te, h(i.value, o.value, {
       className: e.class,
       theme: e.theme || n.value,
-      onClick: u,
+      handleClick: u,
       children: d
     }), null);
   };
@@ -1071,17 +1073,17 @@ const Mt = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   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 = {
+  emits: ls
+}), cs = "IconButton", us = "lumx-icon-button", wt = {
   emphasis: H.high,
   size: w.m
-}, de = (e) => {
+}, ce = (e) => {
   const {
-    emphasis: t = xt.emphasis,
+    emphasis: t = wt.emphasis,
     image: r,
     icon: a,
     label: n,
-    size: s = xt.size,
+    size: s = wt.size,
     ...o
   } = e, i = r ? l("img", {
     alt: "",
@@ -1089,7 +1091,7 @@ const Mt = /* @__PURE__ */ y((e, {
   }, null) : I({
     icon: a
   });
-  return ue({
+  return le({
     emphasis: t,
     size: s,
     ...o,
@@ -1098,15 +1100,15 @@ const Mt = /* @__PURE__ */ y((e, {
     children: i
   });
 };
-de.displayName = is;
-de.className = ls;
-de.defaultProps = xt;
-const cs = {
+ce.displayName = cs;
+ce.className = us;
+ce.defaultProps = wt;
+const ds = {
   click: (e) => e instanceof MouseEvent
-}, $i = /* @__PURE__ */ y((e, {
+}, Ci = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = P(), a = x(), {
+  const r = S(), a = x(), {
     isAnyDisabled: n,
     disabledStateProps: s,
     otherProps: o
@@ -1116,37 +1118,37 @@ const cs = {
   }))), i = (u) => {
     n.value || (u.stopImmediatePropagation(), t("click", u));
   };
-  return () => l(de, h(o.value, s.value, {
+  return () => l(ce, h(o.value, s.value, {
     className: e.class,
     theme: e.theme || a.value,
     title: e.label,
     label: e.label,
-    onClick: i
+    handleClick: i
   }), null);
 }, {
   name: "IconButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   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) => {
+  emits: ds
+}), fs = "ButtonGroup", ba = "lumx-button-group", ms = {}, Ce = (e) => {
   const {
     children: t,
     className: r,
     ...a
   } = e;
   return l("div", h(a, {
-    className: N(r, ha)
+    className: N(r, ba)
   }), [t]);
 };
-$e.displayName = us;
-$e.className = ha;
-$e.defaultProps = ds;
-const Ti = /* @__PURE__ */ y((e, {
+Ce.displayName = fs;
+Ce.className = ba;
+Ce.defaultProps = ms;
+const _i = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l($e, h(e, r, {
+  const r = S();
+  return () => l(Ce, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1155,9 +1157,9 @@ const Ti = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("class")
-}), fs = "InputLabel", ms = "lumx-input-label", pa = ms, {
-  block: hs
-} = T(pa), ps = {};
+}), hs = "InputLabel", ps = "lumx-input-label", ga = ps, {
+  block: bs
+} = T(ga), gs = {};
 function W(e) {
   const {
     children: t,
@@ -1173,52 +1175,52 @@ function W(e) {
     ref: i
   }, u, {
     htmlFor: a,
-    className: N(r, hs({
+    className: N(r, bs({
       "is-required": n,
       [`theme-${s}`]: !!s,
       "has-custom-typography": !!o
-    }), o && Rt(o))
+    }), o && Mt(o))
   }), [t]);
 }
-W.displayName = fs;
-W.className = pa;
-W.defaultProps = ps;
-const bs = {
+W.displayName = hs;
+W.className = ga;
+W.defaultProps = gs;
+const vs = {
   [D.error]: { color: "red" },
   [D.success]: { color: "green" },
   [D.warning]: { color: "yellow" }
-}, gs = "InputHelper", vs = "lumx-input-helper", ba = vs, {
-  block: ys
-} = T(ba), ga = {
+}, ys = "InputHelper", Ns = "lumx-input-helper", va = Ns, {
+  block: As
+} = T(va), ya = {
   kind: D.info
 };
 function K(e) {
   const {
     children: t,
     className: r,
-    kind: a = ga.kind,
+    kind: a = ya.kind,
     theme: n,
     ref: s,
     ...o
   } = e, {
     color: i
-  } = bs[a] || {};
+  } = vs[a] || {};
   return l("p", h({
     ref: s
   }, o, {
-    className: N(r, ys({
+    className: N(r, As({
       [`color-${i}`]: !!i,
       [`theme-${n}`]: !!n
     }))
   }), [t]);
 }
-K.displayName = gs;
-K.className = ba;
-K.defaultProps = ga;
-const va = "intermediate", Ns = "lumx-checkbox", {
-  block: As,
+K.displayName = ys;
+K.className = va;
+K.defaultProps = ya;
+const Na = "intermediate", Ss = "lumx-checkbox", {
+  block: Ps,
   element: j
-} = T(Ns), Ss = (e) => {
+} = T(Ss), ks = (e) => {
   const {
     checked: t,
     className: r,
@@ -1229,20 +1231,20 @@ const va = "intermediate", Ns = "lumx-checkbox", {
     label: i,
     name: u,
     ref: c,
-    onChange: d,
+    handleChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
     isDisabled: g,
     inputId: b,
     ...v
-  } = e, C = o === va, k = (_) => {
+  } = e, C = o === Na, k = (_) => {
     d && d(!o, m, u, _);
   };
   return l("div", h({
     ref: c
   }, v, {
-    className: N(r, As({
+    className: N(r, Ps({
       // Whether state is intermediate class name will "-checked"
       "is-checked": C ? !0 : o,
       "is-disabled": g,
@@ -1271,7 +1273,7 @@ const va = "intermediate", Ns = "lumx-checkbox", {
   }, null), l("div", {
     className: j("input-indicator")
   }, [I({
-    icon: C ? Da : qa
+    icon: C ? za : Fa
   })])])]), l("div", {
     className: j("content")
   }, [i && W({
@@ -1286,23 +1288,23 @@ const va = "intermediate", Ns = "lumx-checkbox", {
     children: a
   })])]);
 };
-let Ir = 0;
-function qt() {
-  return Ir += 1, `:lumx${Ir}:`;
+let Or = 0;
+function Ft() {
+  return Or += 1, `:lumx${Or}:`;
 }
-const Ps = {
+const $s = {
   change: (e, t, r, a) => typeof e == "boolean" && a instanceof Event
-}, Ci = /* @__PURE__ */ y((e, {
+}, xi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = P(), a = x(), n = qt(), s = $(() => e.id || n), o = ie(null), {
+  const r = S(), a = x(), n = Ft(), s = $(() => e.id || n), o = se(null), {
     isAnyDisabled: i,
     disabledStateProps: u,
     otherProps: c
   } = z($(() => ({
     ...e,
     ...r
-  }))), d = $(() => e.isChecked === va);
+  }))), d = $(() => e.isChecked === Na);
   V(d, (m) => {
     o.value && (o.value.indeterminate = m);
   }, {
@@ -1311,13 +1313,13 @@ const Ps = {
   const f = (m, p, g, b) => {
     i.value || (b?.stopImmediatePropagation?.(), t("change", m, p, g, b));
   };
-  return () => l(Ss, h(c.value, {
+  return () => l(ks, h(c.value, {
     className: e.class,
     theme: e.theme || a.value,
     inputId: s.value,
     inputRef: o,
     isDisabled: i.value,
-    onChange: f,
+    handleChange: f,
     label: e.label,
     inputProps: {
       ...e.inputProps,
@@ -1330,10 +1332,10 @@ const Ps = {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   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) => {
+  emits: $s
+}), Ts = "lumx-divider", {
+  block: Cs
+} = T(Ts), _s = (e) => {
   const {
     className: t,
     theme: r,
@@ -1343,13 +1345,13 @@ const Ps = {
   return l("hr", h({
     ref: a
   }, n, {
-    className: N(t, $s({
+    className: N(t, Cs({
       [`theme-${r}`]: !!r
     }))
   }), null);
-}, _i = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x();
-  return () => l(Ts, h(t, e, {
+}, Ei = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x();
+  return () => l(_s, h(t, e, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -1359,13 +1361,13 @@ const Ps = {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("class", "theme")
 });
-function Cs(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+function xs(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-const _s = "lumx-flag", {
-  block: xs,
-  element: Lr
-} = T(_s), Es = (e) => {
+const Es = "lumx-flag", {
+  block: ws,
+  element: Br
+} = T(Es), Is = (e) => {
   const {
     children: t,
     icon: r,
@@ -1375,33 +1377,33 @@ const _s = "lumx-flag", {
     truncate: o,
     Text: i,
     ...u
-  } = e, c = a || (s === ve.light ? E.dark : E.light), d = !!o;
+  } = e, c = a || (s === Ne.light ? E.dark : E.light), d = !!o;
   return l("div", h(u, {
-    className: N(n, xs({
+    className: N(n, ws({
       [`color-${c}`]: !!c,
       "is-truncated": d
     }))
   }), [r && I({
     icon: r,
     size: w.xxs,
-    className: Lr("icon")
+    className: Br("icon")
   }), l(i, {
     as: "span",
     truncate: !!o,
     typography: "overline",
-    className: Lr("label")
-  }, Cs(t) ? t : {
+    className: Br("label")
+  }, xs(t) ? t : {
     default: () => [t]
   })]);
-}, xi = /* @__PURE__ */ y((e, {
+}, wi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), a = x();
-  return () => l(Es, h(e, r, {
+  const r = S(), a = x();
+  return () => l(Is, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.(),
-    Text: Mt
+    Text: Dt
   }), null);
 }, {
   name: "Flag",
@@ -1409,24 +1411,24 @@ const _s = "lumx-flag", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("color", "icon", "truncate", "theme", "class")
 });
-var ft, Or;
-function ws() {
-  if (Or) return ft;
-  Or = 1;
-  var e = oa();
+var ht, Rr;
+function Ls() {
+  if (Rr) return ht;
+  Rr = 1;
+  var e = la();
   function t() {
     if (!arguments.length)
       return [];
     var r = arguments[0];
     return e(r) ? r : [r];
   }
-  return ft = t, ft;
+  return ht = t, ht;
 }
-var Is = ws();
-const Ls = /* @__PURE__ */ Ae(Is), Os = "lumx-flex-box", {
-  block: Bs
-} = T(Os);
-function Rs(e) {
+var Os = Ls();
+const Bs = /* @__PURE__ */ Pe(Os), Rs = "lumx-flex-box", {
+  block: js
+} = T(Rs);
+function Ms(e) {
   const {
     className: t,
     fillSpace: r,
@@ -1438,10 +1440,10 @@ function Rs(e) {
     wrap: u,
     orientation: c,
     ...d
-  } = e, f = c ?? (u || n || i ? Ka.horizontal : null);
+  } = e, f = c ?? (u || n || i ? Ja.horizontal : null);
   return {
     ...d,
-    className: N(t, Bs({
+    className: N(t, js({
       [`orientation-${f}`]: !!f,
       [`v-align-${i}`]: !!i,
       [`h-align-${n}`]: !!n,
@@ -1449,16 +1451,16 @@ function Rs(e) {
       wrap: !!u,
       "fill-space": r,
       "no-shrink": o,
-      ...Object.fromEntries(Ls(s).filter(Boolean).map((m) => [`margin-auto-${m}`, !0]))
+      ...Object.fromEntries(Bs(s).filter(Boolean).map((m) => [`margin-auto-${m}`, !0]))
     }))
   };
 }
-const Ei = /* @__PURE__ */ y((e, {
+const Ii = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
+  const r = S();
   return () => {
-    const a = e.as || "div", n = Rs({
+    const a = e.as || "div", n = Ms({
       ...e,
       ...r,
       className: e.class
@@ -1473,43 +1475,43 @@ const Ei = /* @__PURE__ */ y((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
 });
-var mt, Br;
-function js() {
-  if (Br) return mt;
-  Br = 1;
+var pt, jr;
+function qs() {
+  if (jr) return pt;
+  jr = 1;
   var e = /\s/;
   function t(r) {
     for (var a = r.length; a-- && e.test(r.charAt(a)); )
       ;
     return a;
   }
-  return mt = t, mt;
+  return pt = t, pt;
 }
-var ht, Rr;
-function Ms() {
-  if (Rr) return ht;
-  Rr = 1;
-  var e = js(), t = /^\s+/;
+var bt, Mr;
+function Ds() {
+  if (Mr) return bt;
+  Mr = 1;
+  var e = qs(), t = /^\s+/;
   function r(a) {
     return a && a.slice(0, e(a) + 1).replace(t, "");
   }
-  return ht = r, ht;
+  return bt = r, bt;
 }
-var pt, jr;
-function qs() {
-  if (jr) return pt;
-  jr = 1;
-  var e = le(), t = Pe(), r = "[object Symbol]";
+var gt, qr;
+function Fs() {
+  if (qr) return gt;
+  qr = 1;
+  var e = oe(), t = $e(), r = "[object Symbol]";
   function a(n) {
     return typeof n == "symbol" || t(n) && e(n) == r;
   }
-  return pt = a, pt;
+  return gt = a, gt;
 }
-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;
+var vt, Dr;
+function zs() {
+  if (Dr) return vt;
+  Dr = 1;
+  var e = Ds(), t = qt(), r = Fs(), 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;
@@ -1525,13 +1527,13 @@ function Ds() {
     var f = s.test(c);
     return f || o.test(c) ? i(c.slice(2), f ? 2 : 8) : n.test(c) ? a : +c;
   }
-  return bt = u, bt;
+  return vt = u, vt;
 }
-var gt, qr;
-function Fs() {
-  if (qr) return gt;
-  qr = 1;
-  var e = Ds(), t = 1 / 0, r = 17976931348623157e292;
+var yt, Fr;
+function Gs() {
+  if (Fr) return yt;
+  Fr = 1;
+  var e = zs(), t = 1 / 0, r = 17976931348623157e292;
   function a(n) {
     if (!n)
       return n === 0 ? n : 0;
@@ -1541,35 +1543,35 @@ function Fs() {
     }
     return n === n ? n : 0;
   }
-  return gt = a, gt;
+  return yt = a, yt;
 }
-var vt, Dr;
-function zs() {
-  if (Dr) return vt;
-  Dr = 1;
-  var e = Fs();
+var Nt, zr;
+function Us() {
+  if (zr) return Nt;
+  zr = 1;
+  var e = Gs();
   function t(r) {
     var a = e(r), n = a % 1;
     return a === a ? n ? a - n : a : 0;
   }
-  return vt = t, vt;
+  return Nt = t, Nt;
 }
-var yt, Fr;
-function Gs() {
-  if (Fr) return yt;
-  Fr = 1;
-  var e = zs();
+var At, Gr;
+function Hs() {
+  if (Gr) return At;
+  Gr = 1;
+  var e = Us();
   function t(r) {
     return typeof r == "number" && r == e(r);
   }
-  return yt = t, yt;
+  return At = t, At;
 }
-var Us = Gs();
-const Hs = /* @__PURE__ */ Ae(Us);
-function Vs(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+var Vs = Hs();
+const Ws = /* @__PURE__ */ Pe(Vs);
+function Ks(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-const Ws = "GridColumn", ya = "lumx-grid-column", Ks = {}, Te = (e) => {
+const Ys = "GridColumn", Aa = "lumx-grid-column", Js = {}, _e = (e) => {
   const {
     as: t = "div",
     gap: r,
@@ -1583,25 +1585,25 @@ const Ws = "GridColumn", ya = "lumx-grid-column", Ks = {}, Te = (e) => {
   } = e;
   return l(t, h(c, {
     ref: u,
-    className: N(o, ya),
+    className: N(o, Aa),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": Hs(n) && `${n}px`,
+      "--lumx-grid-column-item-min-width": Ws(n) && `${n}px`,
       "--lumx-grid-column-columns": a,
       "--lumx-grid-column-gap": r && `var(--lumx-spacing-unit-${r})`
     }
-  }), Vs(s) ? s : {
+  }), Ks(s) ? s : {
     default: () => [s]
   });
 };
-Te.displayName = Ws;
-Te.className = ya;
-Te.defaultProps = Ks;
-const wi = /* @__PURE__ */ y((e, {
+_e.displayName = Ys;
+_e.className = Aa;
+_e.defaultProps = Js;
+const Li = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(Te, h(e, r, {
+  const r = S();
+  return () => l(_e, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1609,29 +1611,29 @@ const wi = /* @__PURE__ */ y((e, {
   name: "LumxGridColumn",
   inheritAttrs: !1,
   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
-}, Js = { level: 1, headingElement: "h1" }, Xs = "lumx-heading", Qs = (e, t) => {
+}), Ur = 6, Xs = {
+  h1: X.display1,
+  h2: X.headline,
+  h3: X.title,
+  h4: X.subtitle2,
+  h5: X.subtitle1,
+  h6: X.body2
+}, Qs = { level: 1, headingElement: "h1" }, Zs = "lumx-heading", eo = (e, t) => {
   const { as: r, className: a, typography: n, ...s } = e, o = r || t || "h1";
   return {
     ...s,
     as: o,
-    className: N(a, Xs),
-    typography: n || Ys[o]
+    className: N(a, Zs),
+    typography: n || Xs[o]
   };
-}, Na = /* @__PURE__ */ Symbol("HeadingLevelContext"), Aa = () => It(Na, Js), Ii = /* @__PURE__ */ y((e, {
+}, Sa = /* @__PURE__ */ Symbol("HeadingLevelContext"), Pa = () => Ot(Sa, Qs), Oi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), a = Aa(), n = $(() => {
+  const r = S(), a = Pa(), n = $(() => {
     const {
       className: s,
       ...o
-    } = Qs({
+    } = eo({
       ...r,
       ...e,
       className: e.class || r.class || r.className
@@ -1641,7 +1643,7 @@ const wi = /* @__PURE__ */ y((e, {
       class: s
     };
   });
-  return () => l(Mt, n.value, {
+  return () => l(Dt, n.value, {
     default: () => [t.default?.()]
   });
 }, {
@@ -1649,26 +1651,26 @@ const wi = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), Zs = (e, t) => {
+}), to = (e, t) => {
   const r = e || t + 1;
-  return r > zr ? zr : r;
-}, Li = /* @__PURE__ */ y((e, {
+  return r > Ur ? Ur : r;
+}, Bi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const {
     level: r
-  } = Oa(e), a = Aa(), n = $(() => Zs(r?.value, a.level)), s = $(() => `h${n.value}`), o = Ba({
+  } = Ra(e), a = Pa(), n = $(() => to(r?.value, a.level)), s = $(() => `h${n.value}`), o = ja({
     level: n,
     headingElement: s
   });
-  return Kr(Na, o), () => t.default?.();
+  return Jr(Sa, o), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
   props: A()("level")
-}), Oi = /* @__PURE__ */ y((e, {
+}), Ri = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), a = x();
+  const r = S(), a = x();
   return () => l(K, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
@@ -1679,10 +1681,10 @@ const wi = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("kind", "theme", "class", "id")
-}), Bi = /* @__PURE__ */ y((e, {
+}), ji = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), a = x();
+  const r = S(), a = x();
   return () => l(W, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
@@ -1694,13 +1696,13 @@ const wi = /* @__PURE__ */ y((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("htmlFor", "isRequired", "typography", "theme", "class")
 });
-function eo(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+function ro(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-const to = "lumx-link", {
-  block: ro,
-  element: Nt
-} = T(to), ao = (e) => {
+const ao = "lumx-link", {
+  block: no,
+  element: St
+} = T(ao), so = (e) => {
   const {
     label: t,
     className: r,
@@ -1717,36 +1719,36 @@ const to = "lumx-link", {
     target: p,
     handleClick: g,
     ...b
-  } = e, [v, C] = Bt(a, n), k = u || (m ? "a" : "button"), _ = {};
+  } = e, [v, C] = jt(a, n), k = u || (m ? "a" : "button"), _ = {};
   d && (k === "button" || !m && !u ? _.disabled = !0 : (_["aria-disabled"] = !0, _.tabIndex = -1));
-  const O = N(r, ro({
+  const O = N(r, no({
     [`color-${v}`]: !!v,
     [`color-variant-${C}`]: !!C,
     "has-typography": !!i
-  }), i && Rt(i)), L = l(U, null, [s && l(U, null, [pe(" "), I({
+  }), i && Mt(i)), L = l(U, null, [s && l(U, null, [ge(" "), I({
     icon: s,
-    className: Nt("left-icon")
-  }), pe(" ")]), t && l("span", {
-    className: Nt("content")
-  }, [t]), o && l(U, null, [pe(" "), I({
+    className: St("left-icon")
+  }), ge(" ")]), t && l("span", {
+    className: St("content")
+  }, [t]), o && l(U, null, [ge(" "), I({
     icon: o,
-    className: Nt("right-icon")
-  }), pe(" ")])]), B = {
+    className: St("right-icon")
+  }), ge(" ")])]), B = {
     ref: c,
     className: O,
     onClick: d ? void 0 : g,
     ...b,
     ..._
   };
-  return m && (B.href = m), p && (B.target = p), l(k, B, eo(L) ? L : {
+  return m && (B.href = m), p && (B.target = p), l(k, B, ro(L) ? L : {
     default: () => [L]
   });
-}, no = {
+}, oo = {
   click: (e) => e instanceof Event
-}, Ri = /* @__PURE__ */ y((e, {
+}, Mi = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = P(), a = Ot(), n = x(), {
+  const r = S(), a = Rt(), n = x(), {
     class: s,
     ...o
   } = e, {
@@ -1761,7 +1763,7 @@ const to = "lumx-link", {
   };
   return () => {
     const m = a.default?.() || c.value.label;
-    return l(ao, h(c.value, u.value, {
+    return l(so, h(c.value, u.value, {
       className: s,
       theme: e.theme || n.value,
       isDisabled: i.value,
@@ -1774,28 +1776,28 @@ const to = "lumx-link", {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   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 = {
+  emits: oo
+}), io = "Message", ka = "lumx-message", {
+  block: lo,
+  element: Pt
+} = T(ka), co = {
   [D.error]: {
     color: E.red,
-    icon: Fa
+    icon: Ga
   },
   [D.info]: {
     color: E.blue,
-    icon: Ua
+    icon: Va
   },
   [D.success]: {
     color: E.green,
-    icon: za
+    icon: Ua
   },
   [D.warning]: {
     color: E.yellow,
-    icon: Jr
+    icon: Qr
   }
-}, Dt = (e) => {
+}, zt = (e) => {
   const {
     children: t,
     className: r,
@@ -1808,41 +1810,41 @@ const to = "lumx-link", {
   } = e, {
     color: c,
     icon: d
-  } = io[n] || {}, {
+  } = co[n] || {}, {
     onClick: f,
     label: m
   } = o || {}, p = a && n === "info" && f && m;
   return l("div", h(u, {
     ref: i,
-    className: N(r, oo({
+    className: N(r, lo({
       [`color-${c}`]: !!c,
       "has-background": a
     }))
   }), [(s || d) && I({
-    className: At("icon"),
+    className: Pt("icon"),
     icon: s || d,
     size: w.xs,
     color: c
   }), l("div", {
-    className: At("text")
-  }, [t]), p && de({
-    className: At("close-button"),
-    icon: Ga,
-    onClick: f,
+    className: Pt("text")
+  }, [t]), p && ce({
+    className: Pt("close-button"),
+    icon: Ha,
+    handleClick: f,
     label: m,
     emphasis: H.low
   })]);
 };
-Dt.displayName = so;
-Dt.className = Sa;
-const ji = /* @__PURE__ */ y((e, {
+zt.displayName = io;
+zt.className = ka;
+const qi = /* @__PURE__ */ y((e, {
   slots: t,
   emit: r
 }) => {
-  const a = P(), {
+  const a = S(), {
     closeButtonLabel: n
   } = e;
-  return () => l(Dt, h(e, a, {
+  return () => l(zt, h(e, a, {
     className: e.class,
     children: t.default?.(),
     closeButtonProps: n ? {
@@ -1856,18 +1858,18 @@ const ji = /* @__PURE__ */ y((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
-}), Mi = "ProgressCircular", lo = "lumx-progress-circular", {
-  block: co,
-  element: Ne
-} = T(lo), Gr = {
+}), Di = "ProgressCircular", uo = "lumx-progress-circular", {
+  block: fo,
+  element: Se
+} = T(uo), Hr = {
   size: w.m,
   display: "block"
-}, uo = (e) => {
+}, mo = (e) => {
   const {
     className: t,
     theme: r,
-    size: a = Gr.size,
-    display: n = Gr.display,
+    size: a = Hr.size,
+    display: n = Hr.display,
     ref: s,
     circleProps: o,
     svgProps: i,
@@ -1876,16 +1878,16 @@ const ji = /* @__PURE__ */ y((e, {
   return l(c, h({
     ref: s
   }, u, {
-    className: N(t, co({
+    className: N(t, fo({
       [`theme-${r}`]: !!r,
       [`size-${a}`]: !!a,
       [`display-${n}`]: !!n
     }))
   }), {
     default: () => [l(c, {
-      className: Ne("double-bounce1")
+      className: Se("double-bounce1")
     }, null), l(c, {
-      className: Ne("double-bounce2")
+      className: Se("double-bounce2")
     }, null), l("svg", h(i, {
       viewBox: "25 25 50 50"
     }), [l("circle", h(o, {
@@ -1895,27 +1897,27 @@ const ji = /* @__PURE__ */ y((e, {
       fill: "none"
     }), null)])]
   });
-}, qi = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x();
-  return () => l(uo, h(e, t, {
+}, Fi = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x();
+  return () => l(mo, h(e, t, {
     className: e.class,
     theme: e.theme || r.value,
     circleProps: {
-      class: Ne("path"),
+      class: Se("path"),
       "stroke-width": "5"
     },
     svgProps: {
-      class: Ne("svg")
+      class: Se("svg")
     }
   }), null);
 }, {
   name: "LumxProgressCircular",
   inheritAttrs: !1,
   props: A()("class", "size", "display", "theme")
-}), Di = "ProgressLinear", fo = "lumx-progress-linear", {
-  block: mo,
-  element: Ur
-} = T(fo), ho = (e) => {
+}), zi = "ProgressLinear", ho = "lumx-progress-linear", {
+  block: po,
+  element: Vr
+} = T(ho), bo = (e) => {
   const {
     className: t,
     theme: r,
@@ -1925,17 +1927,17 @@ const ji = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: a
   }, n, {
-    className: N(t, mo({
+    className: N(t, po({
       [`theme-${r}`]: !!r
     }))
   }), [l("div", {
-    className: Ur("line1")
+    className: Vr("line1")
   }, null), l("div", {
-    className: Ur("line2")
+    className: Vr("line2")
   }, null)]);
-}, Fi = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x();
-  return () => l(ho, h(e, t, {
+}, Gi = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x();
+  return () => l(bo, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -1943,10 +1945,10 @@ const ji = /* @__PURE__ */ y((e, {
   name: "LumxProgressLinear",
   inheritAttrs: !1,
   props: A()("class", "theme")
-}), po = "lumx-radio-button", {
-  block: bo,
+}), go = "lumx-radio-button", {
+  block: vo,
   element: M
-} = T(po), go = (e) => {
+} = T(go), yo = (e) => {
   const {
     checked: t,
     className: r,
@@ -1957,7 +1959,7 @@ const ji = /* @__PURE__ */ y((e, {
     label: i,
     name: u,
     ref: c,
-    onChange: d,
+    handleChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
@@ -1970,7 +1972,7 @@ const ji = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: c
   }, v, {
-    className: N(r, bo({
+    className: N(r, vo({
       "is-checked": o,
       "is-disabled": g,
       "is-unchecked": !o,
@@ -2009,12 +2011,12 @@ const ji = /* @__PURE__ */ y((e, {
     theme: f,
     children: a
   })])]);
-}, vo = {
+}, No = {
   change: (e, t, r) => r instanceof Event
-}, zi = /* @__PURE__ */ y((e, {
+}, Ui = /* @__PURE__ */ y((e, {
   emit: t
 }) => {
-  const r = P(), a = x(), n = qt(), s = $(() => e.id || n), {
+  const r = S(), a = x(), n = Ft(), s = $(() => e.id || n), {
     isAnyDisabled: o,
     disabledStateProps: i,
     otherProps: u
@@ -2024,12 +2026,12 @@ const ji = /* @__PURE__ */ y((e, {
   }))), c = (d, f, m) => {
     o.value || (m?.stopImmediatePropagation?.(), t("change", d, f, m));
   };
-  return () => l(go, h(u.value, {
+  return () => l(yo, h(u.value, {
     className: e.class,
     theme: e.theme || a.value,
     inputId: s.value,
     isDisabled: o.value,
-    onChange: c,
+    handleChange: c,
     label: e.label,
     inputProps: {
       ...e.inputProps,
@@ -2042,8 +2044,8 @@ const ji = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   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) => {
+  emits: No
+}), Ao = "RadioGroup", $a = "lumx-radio-group", So = {}, xe = (e) => {
   const {
     children: t,
     className: r,
@@ -2053,17 +2055,17 @@ const ji = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: a
   }, n, {
-    className: N(r, Pa)
+    className: N(r, $a)
   }), [t]);
 };
-Ce.displayName = yo;
-Ce.className = Pa;
-Ce.defaultProps = No;
-const Gi = /* @__PURE__ */ y((e, {
+xe.displayName = Ao;
+xe.className = $a;
+xe.defaultProps = So;
+const Hi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(Ce, h(e, r, {
+  const r = S();
+  return () => l(xe, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -2071,9 +2073,9 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "RadioGroup",
   inheritAttrs: !1,
   props: A()("class")
-}), Ao = "lumx-skeleton-circle", {
-  block: So
-} = T(Ao), Po = (e) => {
+}), Po = "lumx-skeleton-circle", {
+  block: ko
+} = T(Po), $o = (e) => {
   const {
     className: t,
     size: r,
@@ -2085,28 +2087,28 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: s
   }, o, {
-    className: N(t, So({
+    className: N(t, ko({
       [`size-${r}`]: !!r,
       [`color-${a}`]: !!a,
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, ko = {
+}, To = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, $o = "lumx-skeleton-rectangle", {
-  block: To,
-  element: Co
-} = T($o), _o = {
-  variant: ko.squared
-}, xo = (e) => {
+}, Co = "lumx-skeleton-rectangle", {
+  block: _o,
+  element: xo
+} = T(Co), Eo = {
+  variant: To.squared
+}, wo = (e) => {
   const {
     aspectRatio: t,
     className: r,
     height: a,
     theme: n,
-    variant: s = _o.variant,
+    variant: s = Eo.variant,
     width: o,
     color: i,
     ref: u,
@@ -2115,7 +2117,7 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: u
   }, c, {
-    className: N(r, To({
+    className: N(r, _o({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${a}`]: !!(!t && a),
       [`theme-${n}`]: !!n,
@@ -2124,12 +2126,12 @@ const Gi = /* @__PURE__ */ y((e, {
       [`color-${i}`]: !!i
     }))
   }), [l("div", {
-    className: Co("inner")
+    className: xo("inner")
   }, null)]);
-}, Eo = "lumx-skeleton-typography", {
-  block: wo,
-  element: Io
-} = T(Eo), Lo = (e) => {
+}, Io = "lumx-skeleton-typography", {
+  block: Lo,
+  element: Oo
+} = T(Io), Bo = (e) => {
   const {
     className: t,
     theme: r,
@@ -2142,7 +2144,7 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: o
   }, i, {
-    className: N(t, wo({
+    className: N(t, Lo({
       [`theme-${r}`]: !!r,
       [`typography-${a}`]: !!a,
       [`color-${s}`]: !!s
@@ -2152,11 +2154,11 @@ const Gi = /* @__PURE__ */ y((e, {
       width: n
     }
   }), [l("div", {
-    className: Io("inner")
+    className: Oo("inner")
   }, null)]);
-}, Ui = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x();
-  return () => l(Po, h(e, t, {
+}, Vi = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x();
+  return () => l($o, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -2164,9 +2166,9 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
   props: A()("class", "size", "color", "theme")
-}), Hi = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x();
-  return () => l(xo, h(e, t, {
+}), Wi = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x();
+  return () => l(wo, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -2174,9 +2176,9 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
   props: A()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), Vi = /* @__PURE__ */ y((e) => {
-  const t = P(), r = x();
-  return () => l(Lo, h(e, t, {
+}), Ki = /* @__PURE__ */ y((e) => {
+  const t = S(), r = x();
+  return () => l(Bo, h(e, t, {
     className: e.class,
     theme: e.theme || r.value
   }), null);
@@ -2184,12 +2186,12 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
   props: A()("class", "typography", "width", "color", "theme", "style")
-}), Wi = "Switch", Oo = "lumx-switch", {
-  block: Bo,
+}), Yi = "Switch", Ro = "lumx-switch", {
+  block: jo,
   element: q
-} = T(Oo), Ro = {
+} = T(Ro), Mo = {
   position: "left"
-}, jo = (e) => {
+}, qo = (e) => {
   const {
     checked: t,
     className: r,
@@ -2200,13 +2202,13 @@ const Gi = /* @__PURE__ */ y((e, {
     label: i,
     name: u,
     ref: c,
-    onChange: d,
+    handleChange: d,
     theme: f,
     value: m,
     inputProps: p = {},
     isDisabled: g,
     inputId: b,
-    position: v = Ro.position,
+    position: v = Mo.position,
     ...C
   } = e, k = (_) => {
     d && d(!o, m, u, _);
@@ -2214,7 +2216,7 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("div", h({
     ref: c
   }, C, {
-    className: N(r, Bo({
+    className: N(r, jo({
       "is-checked": o,
       "is-disabled": g,
       "is-unchecked": !o,
@@ -2256,13 +2258,13 @@ const Gi = /* @__PURE__ */ y((e, {
     theme: f,
     children: a
   })])]);
-}, Mo = {
+}, Do = {
   change: (e, t, r, a) => typeof e == "boolean" && a instanceof Event
-}, Ki = /* @__PURE__ */ y((e, {
+}, Ji = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r
 }) => {
-  const a = P(), n = x(), s = qt(), o = $(() => e.id || s), {
+  const a = S(), n = x(), s = Ft(), o = $(() => e.id || s), {
     isAnyDisabled: i,
     disabledStateProps: u,
     otherProps: c
@@ -2272,12 +2274,12 @@ const Gi = /* @__PURE__ */ y((e, {
   }))), d = (f, m, p, g) => {
     i.value || (g.stopImmediatePropagation(), t("change", f, m, p, g));
   };
-  return () => l(jo, h(c.value, {
+  return () => l(qo, h(c.value, {
     className: e.class,
     theme: e.theme || n.value,
     inputId: o.value,
     isDisabled: i.value,
-    onChange: d,
+    handleChange: d,
     label: e.label || r.default?.(),
     inputProps: {
       ...e.inputProps,
@@ -2290,10 +2292,10 @@ const Gi = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
-  emits: Mo
-}), fe = "lumx-table", {
-  block: qo
-} = T(fe), Do = (e) => {
+  emits: Do
+}), ue = "lumx-table", {
+  block: Fo
+} = T(ue), zo = (e) => {
   const {
     children: t,
     className: r,
@@ -2306,17 +2308,17 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("table", h({
     ref: s
   }, i, {
-    className: N(r, qo({
+    className: N(r, Fo({
       "has-before": a,
       "has-dividers": n,
       [`theme-${o}`]: !!o
     }))
   }), [t]);
-}, Yi = /* @__PURE__ */ y((e, {
+}, Xi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), a = x();
-  return () => l(Do, h(e, r, {
+  const r = S(), a = x();
+  return () => l(zo, h(e, r, {
     className: e.class,
     theme: e.theme || a.value,
     children: t.default?.()
@@ -2325,7 +2327,7 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: A()("class", "hasBefore", "hasDividers", "theme")
-}), Fo = `${fe}__body`, zo = (e) => {
+}), Go = `${ue}__body`, Uo = (e) => {
   const {
     children: t,
     className: r,
@@ -2335,13 +2337,13 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("tbody", h({
     ref: a
   }, n, {
-    className: N(r, Fo)
+    className: N(r, Go)
   }), [t]);
-}, Ji = /* @__PURE__ */ y((e, {
+}, Qi = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(zo, h(e, r, {
+  const r = S();
+  return () => l(Uo, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -2349,17 +2351,17 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxTableBody",
   inheritAttrs: !1,
   props: A()("class")
-}), ge = {
+}), ye = {
   asc: "asc",
   desc: "desc"
-}, Et = {
+}, It = {
   body: "body",
   head: "head"
-}, G = `${fe}__cell`, {
-  block: Hr
-} = T(G), Go = {
-  variant: Et.body
-}, Uo = (e) => {
+}, G = `${ue}__cell`, {
+  block: Wr
+} = T(G), Ho = {
+  variant: It.body
+}, Vo = (e) => {
   const {
     children: t,
     className: r,
@@ -2368,17 +2370,17 @@ const Gi = /* @__PURE__ */ y((e, {
     handleClick: s,
     ref: o,
     sortOrder: i,
-    variant: u = Go.variant,
+    variant: u = Ho.variant,
     ...c
   } = e, d = s ? "button" : "div", f = d === "button" ? {
     type: "button",
     onClick: s
   } : void 0;
   let m;
-  return n && (m = "none", i === ge.asc && (m = "ascending"), i === ge.desc && (m = "descending")), l(U, null, [u === Et.head && l("th", h({
+  return n && (m = "none", i === ye.asc && (m = "ascending"), i === ye.desc && (m = "descending")), l(U, null, [u === It.head && l("th", h({
     ref: o
   }, c, {
-    className: N(r, Hr({
+    className: N(r, Wr({
       "is-sortable": n,
       "is-sorted": n && !!i,
       head: !0
@@ -2391,37 +2393,37 @@ const Gi = /* @__PURE__ */ y((e, {
       className: `${G}-icon`,
       icon: a,
       size: w.xxs
-    }), n && i === ge.asc && I({
+    }), n && i === ye.asc && I({
       className: `${G}-icon`,
-      icon: Va,
+      icon: Ka,
       size: w.xxs
-    }), n && i === ge.desc && I({
+    }), n && i === ye.desc && I({
       className: `${G}-icon`,
-      icon: Ha,
+      icon: Wa,
       size: w.xxs
     }), l("div", {
       className: `${G}-content`
     }, [t])]
-  })]), u === Et.body && l("td", h({
+  })]), u === It.body && l("td", h({
     ref: o
   }, c, {
-    className: N(r, Hr({
+    className: N(r, Wr({
       body: !0
     }))
   }), [l("div", {
     className: `${G}-content`
   }, [t])])]);
-}, wt = (e) => Yr()?.vnode.props?.[e] !== void 0, Ho = {
+}, Lt = (e) => Xr()?.vnode.props?.[e] !== void 0, Wo = {
   headerClick: () => !0
-}, Xi = /* @__PURE__ */ y((e, {
+}, Zi = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r,
   attrs: a
 }) => {
   const n = () => {
     t("headerClick");
-  }, s = wt("onHeaderClick");
-  return () => l(Uo, h(e, a, {
+  }, s = Lt("onHeaderClick");
+  return () => l(Vo, h(e, a, {
     className: e.class,
     handleClick: s ? n : void 0,
     children: r.default?.()
@@ -2430,8 +2432,8 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxTableCell",
   inheritAttrs: !1,
   props: A()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: Ho
-}), Vo = `${fe}__header`, Wo = (e) => {
+  emits: Wo
+}), Ko = `${ue}__header`, Yo = (e) => {
   const {
     children: t,
     className: r,
@@ -2441,13 +2443,13 @@ const Gi = /* @__PURE__ */ y((e, {
   return l("thead", h({
     ref: a
   }, n, {
-    className: N(r, Vo)
+    className: N(r, Ko)
   }), [t]);
-}, Qi = /* @__PURE__ */ y((e, {
+}, el = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(Wo, h(e, r, {
+  const r = S();
+  return () => l(Yo, h(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -2455,9 +2457,9 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
   props: A()("class")
-}), Ko = `${fe}__row`, {
-  block: Yo
-} = T(Ko), Jo = (e) => {
+}), Jo = `${ue}__row`, {
+  block: Xo
+} = T(Jo), Qo = (e) => {
   const {
     children: t,
     className: r,
@@ -2474,23 +2476,23 @@ const Gi = /* @__PURE__ */ y((e, {
   }, o !== void 0 ? {
     tabIndex: o
   } : {}, u, {
-    className: N(r, Yo({
+    className: N(r, Xo({
       "is-clickable": a && !c,
       "is-disabled": c,
       "is-selected": n && !c
     }))
   }), [t]);
-}, Zi = /* @__PURE__ */ y((e, {
+}, tl = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P(), {
+  const r = S(), {
     isAnyDisabled: a,
     otherProps: n
   } = z($(() => ({
     ...e,
     ...r
   })));
-  return () => l(Jo, h(n.value, {
+  return () => l(Qo, h(n.value, {
     className: e.class,
     tabIndex: e.isClickable && !a.value ? 0 : -1,
     "aria-disabled": a.value,
@@ -2501,10 +2503,10 @@ const Gi = /* @__PURE__ */ y((e, {
   inheritAttrs: !1,
   props: A()("class", "isClickable", "isDisabled", "isSelected")
 });
-function St(e, t) {
+function kt(e, t) {
   return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
 }
-function Xo({
+function Zo({
   image: e,
   aspectRatio: t,
   focusPoint: r,
@@ -2513,14 +2515,14 @@ function Xo({
   element: s,
   isLoaded: o
 }) {
-  if (!(!e || t === Xr.original || !r?.x && !r?.y)) {
+  if (!(!e || t === Zr.original || !r?.x && !r?.y)) {
     if (typeof a == "number" && typeof n == "number")
       return { width: a, height: n };
     if (s && o)
       return { width: s.naturalWidth, height: s.naturalHeight };
   }
 }
-function Vr({
+function Kr({
   scale: e,
   focusPoint: t,
   imageSize: r,
@@ -2531,7 +2533,7 @@ function Vr({
   const i = (t * n - a / 2) / (n - a);
   return Math.floor(Math.max(Math.min(i, 1), 0) * 100);
 }
-function Qo({
+function ei({
   image: e,
   aspectRatio: t,
   focusPoint: r,
@@ -2539,41 +2541,41 @@ function Qo({
   imageSize: n,
   containerSize: s
 }) {
-  if (!e || t === Xr.original || !r?.x && !r?.y)
+  if (!e || t === Zr.original || !r?.x && !r?.y)
     return {};
   if (!a || !n)
     return { visibility: "hidden" };
   if (!s || !n.height || !n.width)
     return {};
-  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({
+  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 = Kr({
     scale: u,
     focusPoint: c,
     imageSize: n.height,
     containerSize: s.height
   }), f = Math.abs((r?.x || 0) + 1) / 2;
-  return { objectPosition: `${Vr({
+  return { objectPosition: `${Kr({
     scale: u,
     focusPoint: f,
     imageSize: n.width,
     containerSize: s.width
   })}% ${d}%` };
 }
-const Zo = "lumx-thumbnail", {
-  block: ei,
-  element: oe
-} = Z.bem(Zo), Wr = {
-  fallback: Wa,
+const ti = "lumx-thumbnail", {
+  block: ri,
+  element: ne
+} = Q.bem(ti), Yr = {
+  fallback: Ya,
   loading: "lazy"
-}, ti = (e) => {
+}, ai = (e) => {
   const {
     align: t,
     alt: r,
-    aspectRatio: a = Ca.original,
+    aspectRatio: a = xa.original,
     badge: n,
     className: s,
     crossOrigin: o,
     ref: i,
-    fallback: u = Wr.fallback,
+    fallback: u = Yr.fallback,
     focusPointStyle: c,
     fillHeight: d,
     image: f,
@@ -2581,93 +2583,97 @@ const Zo = "lumx-thumbnail", {
     imgRef: p,
     isLoading: g,
     objectFit: b,
-    loading: v = Wr.loading,
+    loading: v = Yr.loading,
     loadingPlaceholderImageRef: C,
     isAnyDisabled: k,
     disabledStateProps: _,
     size: O,
     theme: L,
     loadingState: B,
-    variant: me,
+    variant: de,
     linkProps: Y,
-    linkAs: he,
-    ...te
-  } = 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
+    linkAs: fe,
+    handleClick: me,
+    handleKeyPress: P,
+    ...he
+  } = e, R = g || B === "isLoading", pe = B === "hasError", be = pe && typeof u == "string", Gt = pe && !be, Ee = {};
+  be ? Ee.visibility = "hidden" : Gt && (Ee.display = "none");
+  const Ut = !!(Y?.href || fe), we = !k && !!(Ut || me || P), ee = {
+    ...he
   };
-  xe && (Object.assign(re, {
-    as: he || (Y?.href ? "a" : "button")
-  }, _), zt ? Object.assign(re, Y) : re["aria-label"] = te["aria-label"] || r);
-  const Gt = Z.join(Y?.className, s, ei({
+  we && (Object.assign(ee, {
+    as: fe || (Y?.href ? "a" : "button")
+  }, _), Ut ? Object.assign(ee, Y) : ee["aria-label"] = he["aria-label"] || r);
+  const Ht = Q.join(Y?.className, s, ri({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${O}`]: !!O,
     [`theme-${L}`]: !!L,
-    [`variant-${me}`]: !!me,
-    "is-clickable": xe,
-    "has-error": J,
-    "has-icon-error-fallback": R,
-    "has-custom-error-fallback": Ft,
-    "is-loading": S,
+    [`variant-${de}`]: !!de,
+    "is-clickable": we,
+    "has-error": pe,
+    "has-icon-error-fallback": be,
+    "has-custom-error-fallback": Gt,
+    "is-loading": R,
     [`object-fit-${b}`]: !!b,
     "has-badge": !!n,
     "fill-height": d
-  })), ae = S && C?.current?.complete && C?.current || void 0, ka = ae ? {
-    backgroundImage: `url(${ae.src})`
-  } : void 0, Ut = l(U, null, [l("span", {
-    className: oe("background")
+  })), te = R && C?.current?.complete && C?.current || void 0, Ta = te ? {
+    backgroundImage: `url(${te.src})`
+  } : void 0, Vt = l(U, null, [l("span", {
+    className: ne("background")
   }, [l("img", h({
-    width: ae?.naturalWidth,
-    height: ae?.naturalHeight
+    width: te?.naturalWidth,
+    height: te?.naturalHeight
   }, m, {
     style: {
       // Reserve space while loading (when possible)
-      width: S ? m?.width || ae?.naturalWidth : void 0,
+      width: R ? m?.width || te?.naturalWidth : void 0,
       ...m?.style,
-      ..._e,
+      ...Ee,
       ...c,
-      ...ka
+      ...Ta
     },
     ref: p,
-    className: Z.join(oe("image", {
-      "is-loading": S,
+    className: Q.join(ne("image", {
+      "is-loading": R,
       "has-defined-size": !!(m?.height && m.width)
     }), m?.className),
     crossOrigin: o,
     src: f,
     alt: r,
     loading: v
-  }), null), !S && J && l("span", {
-    className: oe("fallback")
-  }, [R ? I({
+  }), null), !R && pe && l("span", {
+    className: ne("fallback")
+  }, [be ? I({
     icon: u,
-    size: _a.xxs,
+    size: Ea.xxs,
     theme: L
   }) : u])]), n]);
-  return xe ? la({
+  return we ? ua({
     ref: i,
-    ...re,
-    className: Gt,
-    children: Ut
+    ...ee,
+    className: Ht,
+    children: Vt,
+    handleClick: me,
+    handleKeyPress: P
   }) : l("div", h({
     ref: i
-  }, re, {
-    className: Gt
-  }), [Ut]);
+  }, ee, {
+    className: Ht
+  }), [Vt]);
 };
-function ri(e, t) {
-  const r = ie(St(t.value));
+function ni(e, t) {
+  const r = se(kt(t.value));
   V(
     [e, t],
     () => {
-      r.value = St(t.value);
+      r.value = kt(t.value);
     },
     { immediate: !0 }
   );
   const a = (n) => {
-    t.value && (r.value = St(t.value, n));
+    t.value && (r.value = kt(t.value, n));
   };
   return V(
     t,
@@ -2675,13 +2681,13 @@ function ri(e, t) {
       s && (s.removeEventListener("load", a), s.removeEventListener("error", a)), n && (n.addEventListener("load", a), n.addEventListener("error", a));
     },
     { immediate: !0 }
-  ), Ra(() => {
+  ), Ma(() => {
     t.value && (t.value.removeEventListener("load", a), t.value.removeEventListener("error", a));
   }), r;
 }
-function ai(e) {
+function si(e) {
   const { image: t, aspectRatio: r, focusPoint: a, width: n, height: s, element: o, isLoaded: i } = e, u = $(
-    () => Xo({
+    () => Zo({
       image: t.value,
       aspectRatio: r.value,
       focusPoint: a.value,
@@ -2690,7 +2696,7 @@ function ai(e) {
       element: o.value,
       isLoaded: i.value
     })
-  ), c = ie(void 0), d = () => {
+  ), c = se(void 0), d = () => {
     const m = o.value?.offsetWidth, p = o.value?.offsetHeight;
     if (m && p) {
       const g = c.value;
@@ -2700,11 +2706,11 @@ function ai(e) {
   return V(
     [() => o.value?.offsetWidth, () => o.value?.offsetHeight, u],
     () => {
-      ja(d);
+      qa(d);
     },
     { immediate: !0 }
   ), $(
-    () => Qo({
+    () => ei({
       image: t.value,
       aspectRatio: r.value,
       focusPoint: a.value,
@@ -2714,26 +2720,26 @@ function ai(e) {
     })
   );
 }
-const ni = {
+const oi = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, el = /* @__PURE__ */ y((e, {
+}, rl = /* @__PURE__ */ y((e, {
   emit: t,
   slots: r
 }) => {
-  const a = P(), n = x(), s = ie(), o = wt("onClick"), i = wt("onKeyPress"), {
+  const a = S(), n = x(), s = se(), o = Lt("onClick"), i = Lt("onKeyPress"), {
     isAnyDisabled: u,
     disabledStateProps: c,
     otherProps: d
   } = z($(() => ({
     ...e,
     ...a
-  }))), 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),
+  }))), f = ni(J(() => e.image), s), m = $(() => f.value === "isLoaded"), p = si({
+    image: J(() => e.image),
+    aspectRatio: J(() => e.aspectRatio),
+    focusPoint: J(() => e.focusPoint),
+    width: J(() => typeof e.imgProps?.width == "number" ? e.imgProps.width : void 0),
+    height: J(() => typeof e.imgProps?.height == "number" ? e.imgProps.height : void 0),
     element: s,
     isLoaded: m
   }), g = (v) => {
@@ -2743,7 +2749,7 @@ const ni = {
   };
   return () => {
     const v = r.badge?.(), C = r.fallback?.();
-    return l(ti, h(d.value, {
+    return l(ai, h(d.value, {
       className: e.class,
       theme: e.theme || n.value,
       isAnyDisabled: u.value,
@@ -2752,20 +2758,20 @@ const ni = {
       loadingState: f.value,
       imgRef: s,
       image: e.image,
-      onClick: o ? g : void 0,
-      onKeyPress: i ? b : void 0,
+      handleClick: o ? g : void 0,
+      handleKeyPress: i ? b : void 0,
       fallback: C,
       badge: v && (Array.isArray(v) ? v.map((k) => ({
         ...k,
         props: {
           ...k.props,
-          class: Z.join(oe("badge"), k.props?.class)
+          class: Q.join(ne("badge"), k.props?.class)
         }
       })) : {
         ...v,
         props: {
           ...v.props,
-          class: Z.join(oe("badge"), v.props?.class)
+          class: Q.join(ne("badge"), v.props?.class)
         }
       })
     }), null);
@@ -2774,17 +2780,17 @@ const ni = {
   name: "LumxThumbnail",
   inheritAttrs: !1,
   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 = {
+  emits: oi
+}), al = {
   squared: "squared",
   rounded: "rounded"
-}, rl = {
+}, nl = {
   cover: "cover",
   contain: "contain"
-}, al = "Toolbar", si = "lumx-toolbar", {
-  block: oi,
-  element: Pt
-} = T(si), ii = (e) => {
+}, sl = "Toolbar", ii = "lumx-toolbar", {
+  block: li,
+  element: $t
+} = T(ii), ci = (e) => {
   const {
     after: t,
     before: r,
@@ -2796,23 +2802,23 @@ const ni = {
   return l("div", h({
     ref: s
   }, o, {
-    className: N(a, oi({
+    className: N(a, li({
       "has-after": !!t,
       "has-before": !!r,
       "has-label": !!n
     }))
   }), [r && l("div", {
-    className: Pt("before")
+    className: $t("before")
   }, [r]), n && l("div", {
-    className: Pt("label")
+    className: $t("label")
   }, [n]), t && l("div", {
-    className: Pt("after")
+    className: $t("after")
   }, [t])]);
-}, nl = /* @__PURE__ */ y((e, {
+}, ol = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
-  const r = P();
-  return () => l(ii, h(e, r, {
+  const r = S();
+  return () => l(ci, h(e, r, {
     className: e.class,
     label: t.default?.(),
     before: t.before?.(),
@@ -2824,55 +2830,55 @@ const ni = {
   props: A()("class")
 });
 export {
-  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,
-  $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,
-  Ui as SkeletonCircle,
-  Hi 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,
-  el as Thumbnail,
-  rl as ThumbnailObjectFit,
-  tl as ThumbnailVariant,
-  nl as Toolbar,
-  Ho as emitSchema,
-  Aa as useHeadingLevel
+  ki as Badge,
+  $i as BadgeWrapper,
+  Ti as Button,
+  _i as ButtonGroup,
+  Ro as CLASSNAME,
+  Yi as COMPONENT_NAME,
+  xi as Checkbox,
+  Mo as DEFAULT_PROPS,
+  Ei as Divider,
+  wi as Flag,
+  Ii as FlexBox,
+  Aa as GRID_COLUMN_CLASSNAME,
+  Ys as GRID_COLUMN_COMPONENT_NAME,
+  Li as GridColumn,
+  Oi as Heading,
+  Bi as HeadingLevelProvider,
+  _t as Icon,
+  Ci as IconButton,
+  Ri as InputHelper,
+  ji as InputLabel,
+  Mi as Link,
+  qi as Message,
+  uo as PROGRESS_CIRCULAR_CLASSNAME,
+  Di as PROGRESS_CIRCULAR_COMPONENT_NAME,
+  ho as PROGRESS_LINEAR_CLASSNAME,
+  zi as PROGRESS_LINEAR_COMPONENT_NAME,
+  Fi as ProgressCircular,
+  Gi as ProgressLinear,
+  Ui as RadioButton,
+  Hi as RadioGroup,
+  Vi as SkeletonCircle,
+  Wi as SkeletonRectangle,
+  To as SkeletonRectangleVariant,
+  Ki as SkeletonTypography,
+  Ji as Switch,
+  sl as TOOLBAR_NAME,
+  Xi as Table,
+  Qi as TableBody,
+  Zi as TableCell,
+  It as TableCellVariant,
+  el as TableHeader,
+  tl as TableRow,
+  Dt as Text,
+  ye as ThOrder,
+  rl as Thumbnail,
+  nl as ThumbnailObjectFit,
+  al as ThumbnailVariant,
+  ol as Toolbar,
+  Wo as emitSchema,
+  Pa as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map