@lumx/vue 4.3.0 → 4.3.1-alpha.0

package/index.js

@@ -1,435 +1,435 @@
-import { ColorVariant as kr, Theme as Pr } from '@lumx/core/js/constants/index.js';
+import { ColorVariant as xr, Theme as Ir } from '@lumx/core/js/constants/index.js';
 export * from '@lumx/core/js/constants/index.js';
 export * from '@lumx/core/js/types/index.js';
-import { createVNode as f, mergeProps as g, isVNode as X, inject as ze, computed as A, unref as Ze, defineComponent as S, provide as Wt, useAttrs as P, getCurrentScope as jr, onScopeDispose as xr, watch as Q, toValue as He, shallowRef as wr, getCurrentInstance as Cr, onMounted as Ir, ref as zt, useSlots as Ht, Fragment as Kt, useTemplateRef as Or, toRefs as $r, reactive as Er } from "vue";
-import { getDisabledState as qr } from "@lumx/core/js/utils/disabledState";
-import { mdiAlertCircle as Yt } from '@lumx/icons/esm/alert-circle.js';
-import { classNames as Br } from "@lumx/core/js/utils";
-import { mdiCheck as Mr } from '@lumx/icons/esm/check.js';
-import { mdiMinus as Rr } from '@lumx/icons/esm/minus.js';
-import { mdiAlert as Lr } from '@lumx/icons/esm/alert.js';
-import { mdiCheckCircle as Dr } from '@lumx/icons/esm/check-circle.js';
-import { mdiClose as Fr } from '@lumx/icons/esm/close.js';
-import { mdiInformation as Vr } from '@lumx/icons/esm/information.js';
-var K = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ke(e) {
+import { createVNode as f, mergeProps as v, isVNode as ee, inject as Je, computed as y, unref as nt, defineComponent as S, provide as Yt, useAttrs as P, getCurrentScope as Or, onScopeDispose as jr, watch as te, toValue as Xe, shallowRef as Er, getCurrentInstance as Rr, onMounted as Br, ref as Jt, useSlots as Xt, Fragment as Qt, useTemplateRef as Mr, toRefs as qr, reactive as Lr } from "vue";
+import { getDisabledState as Dr } from '@lumx/core/js/utils/disabledState/index.js';
+import { mdiAlertCircle as Zt } from '@lumx/icons/esm/alert-circle.js';
+import { classNames as Fr } from '@lumx/core/js/utils/index.js';
+import { mdiCheck as Gr } from '@lumx/icons/esm/check.js';
+import { mdiMinus as Vr } from '@lumx/icons/esm/minus.js';
+import { mdiAlert as Ur } from '@lumx/icons/esm/alert.js';
+import { mdiCheckCircle as Wr } from '@lumx/icons/esm/check-circle.js';
+import { mdiClose as zr } from '@lumx/icons/esm/close.js';
+import { mdiInformation as Hr } from '@lumx/icons/esm/information.js';
+var X = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Qe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ne, et;
-function Jt() {
-  if (et) return ne;
-  et = 1;
+var ie, at;
+function er() {
+  if (at) return ie;
+  at = 1;
   var e = Object.prototype;
-  function t(r) {
-    var n = r && r.constructor, a = typeof n == "function" && n.prototype || e;
-    return r === a;
+  function r(t) {
+    var n = t && t.constructor, a = typeof n == "function" && n.prototype || e;
+    return t === a;
   }
-  return ne = t, ne;
+  return ie = r, ie;
 }
-var ae, tt;
-function Gr() {
-  if (tt) return ae;
-  tt = 1;
-  function e(t, r) {
+var le, ot;
+function Kr() {
+  if (ot) return le;
+  ot = 1;
+  function e(r, t) {
     return function(n) {
-      return t(r(n));
+      return r(t(n));
     };
   }
-  return ae = e, ae;
-}
-var oe, rt;
-function Ur() {
-  if (rt) return oe;
-  rt = 1;
-  var e = Gr(), t = e(Object.keys, Object);
-  return oe = t, oe;
-}
-var se, nt;
-function Wr() {
-  if (nt) return se;
-  nt = 1;
-  var e = Jt(), t = Ur(), r = Object.prototype, n = r.hasOwnProperty;
-  function a(o) {
-    if (!e(o))
-      return t(o);
-    var s = [];
-    for (var i in Object(o))
-      n.call(o, i) && i != "constructor" && s.push(i);
-    return s;
-  }
-  return se = a, se;
+  return le = e, le;
 }
-var ie, at;
-function Xt() {
-  if (at) return ie;
-  at = 1;
-  var e = typeof K == "object" && K && K.Object === Object && K;
-  return ie = e, ie;
-}
-var ce, ot;
-function $() {
-  if (ot) return ce;
-  ot = 1;
-  var e = Xt(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
-  return ce = r, ce;
-}
-var le, st;
-function Qt() {
-  if (st) return le;
+var ce, st;
+function Yr() {
+  if (st) return ce;
   st = 1;
-  var e = $(), t = e.Symbol;
-  return le = t, le;
+  var e = Kr(), r = e(Object.keys, Object);
+  return ce = r, ce;
 }
 var ue, it;
-function zr() {
+function Jr() {
   if (it) return ue;
   it = 1;
-  var e = Qt(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, a = e ? e.toStringTag : void 0;
-  function o(s) {
-    var i = r.call(s, a), c = s[a];
-    try {
-      s[a] = void 0;
-      var u = !0;
-    } catch {
-    }
-    var l = n.call(s);
-    return u && (i ? s[a] = c : delete s[a]), l;
+  var e = er(), r = Yr(), t = Object.prototype, n = t.hasOwnProperty;
+  function a(s) {
+    if (!e(s))
+      return r(s);
+    var o = [];
+    for (var i in Object(s))
+      n.call(s, i) && i != "constructor" && o.push(i);
+    return o;
   }
-  return ue = o, ue;
+  return ue = a, ue;
 }
-var de, ct;
-function Hr() {
-  if (ct) return de;
-  ct = 1;
-  var e = Object.prototype, t = e.toString;
-  function r(n) {
-    return t.call(n);
-  }
-  return de = r, de;
-}
-var fe, lt;
-function Z() {
-  if (lt) return fe;
+var de, lt;
+function tr() {
+  if (lt) return de;
   lt = 1;
-  var e = Qt(), t = zr(), r = Hr(), n = "[object Null]", a = "[object Undefined]", o = e ? e.toStringTag : void 0;
-  function s(i) {
-    return i == null ? i === void 0 ? a : n : o && o in Object(i) ? t(i) : r(i);
-  }
-  return fe = s, fe;
+  var e = typeof X == "object" && X && X.Object === Object && X;
+  return de = e, de;
+}
+var fe, ct;
+function B() {
+  if (ct) return fe;
+  ct = 1;
+  var e = tr(), r = typeof self == "object" && self && self.Object === Object && self, t = e || r || Function("return this")();
+  return fe = t, fe;
 }
 var pe, ut;
-function Zt() {
+function rr() {
   if (ut) return pe;
   ut = 1;
-  function e(t) {
-    var r = typeof t;
-    return t != null && (r == "object" || r == "function");
-  }
-  return pe = e, pe;
+  var e = B(), r = e.Symbol;
+  return pe = r, pe;
 }
 var he, dt;
-function er() {
+function Xr() {
   if (dt) return he;
   dt = 1;
-  var e = Z(), t = Zt(), r = "[object AsyncFunction]", n = "[object Function]", a = "[object GeneratorFunction]", o = "[object Proxy]";
-  function s(i) {
-    if (!t(i))
-      return !1;
-    var c = e(i);
-    return c == n || c == a || c == r || c == o;
+  var e = rr(), r = Object.prototype, t = r.hasOwnProperty, n = r.toString, a = e ? e.toStringTag : void 0;
+  function s(o) {
+    var i = t.call(o, a), l = o[a];
+    try {
+      o[a] = void 0;
+      var d = !0;
+    } catch {
+    }
+    var c = n.call(o);
+    return d && (i ? o[a] = l : delete o[a]), c;
   }
   return he = s, he;
 }
 var me, ft;
-function Kr() {
+function Qr() {
   if (ft) return me;
   ft = 1;
-  var e = $(), t = e["__core-js_shared__"];
+  var e = Object.prototype, r = e.toString;
+  function t(n) {
+    return r.call(n);
+  }
   return me = t, me;
 }
 var be, pt;
-function Yr() {
+function re() {
   if (pt) return be;
   pt = 1;
-  var e = Kr(), t = (function() {
-    var n = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
-    return n ? "Symbol(src)_1." + n : "";
-  })();
-  function r(n) {
-    return !!t && t in n;
+  var e = rr(), r = Xr(), t = Qr(), n = "[object Null]", a = "[object Undefined]", s = e ? e.toStringTag : void 0;
+  function o(i) {
+    return i == null ? i === void 0 ? a : n : s && s in Object(i) ? r(i) : t(i);
   }
-  return be = r, be;
+  return be = o, be;
 }
 var ve, ht;
-function tr() {
+function nr() {
   if (ht) return ve;
   ht = 1;
-  var e = Function.prototype, t = e.toString;
-  function r(n) {
-    if (n != null) {
-      try {
-        return t.call(n);
-      } catch {
-      }
-      try {
-        return n + "";
-      } catch {
-      }
-    }
-    return "";
+  function e(r) {
+    var t = typeof r;
+    return r != null && (t == "object" || t == "function");
   }
-  return ve = r, ve;
+  return ve = e, ve;
 }
 var ge, mt;
-function Jr() {
+function ar() {
   if (mt) return ge;
   mt = 1;
-  var e = er(), t = Yr(), r = Zt(), n = tr(), a = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, c = s.toString, u = i.hasOwnProperty, l = RegExp(
-    "^" + c.call(u).replace(a, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  );
-  function d(p) {
-    if (!r(p) || t(p))
+  var e = re(), r = nr(), t = "[object AsyncFunction]", n = "[object Function]", a = "[object GeneratorFunction]", s = "[object Proxy]";
+  function o(i) {
+    if (!r(i))
       return !1;
-    var h = e(p) ? l : o;
-    return h.test(n(p));
+    var l = e(i);
+    return l == n || l == a || l == t || l == s;
   }
-  return ge = d, ge;
+  return ge = o, ge;
 }
 var ye, bt;
-function Xr() {
+function Zr() {
   if (bt) return ye;
   bt = 1;
-  function e(t, r) {
-    return t?.[r];
-  }
-  return ye = e, ye;
+  var e = B(), r = e["__core-js_shared__"];
+  return ye = r, ye;
 }
 var Ae, vt;
-function F() {
+function en() {
   if (vt) return Ae;
   vt = 1;
-  var e = Jr(), t = Xr();
-  function r(n, a) {
-    var o = t(n, a);
-    return e(o) ? o : void 0;
+  var e = Zr(), r = (function() {
+    var n = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
+    return n ? "Symbol(src)_1." + n : "";
+  })();
+  function t(n) {
+    return !!r && r in n;
   }
-  return Ae = r, Ae;
+  return Ae = t, Ae;
 }
-var Te, gt;
-function Qr() {
-  if (gt) return Te;
+var Ne, gt;
+function or() {
+  if (gt) return Ne;
   gt = 1;
-  var e = F(), t = $(), r = e(t, "DataView");
-  return Te = r, Te;
+  var e = Function.prototype, r = e.toString;
+  function t(n) {
+    if (n != null) {
+      try {
+        return r.call(n);
+      } catch {
+      }
+      try {
+        return n + "";
+      } catch {
+      }
+    }
+    return "";
+  }
+  return Ne = t, Ne;
 }
 var Se, yt;
-function Zr() {
+function tn() {
   if (yt) return Se;
   yt = 1;
-  var e = F(), t = $(), r = e(t, "Map");
-  return Se = r, Se;
+  var e = ar(), r = en(), t = nr(), n = or(), a = /[\\^$.*+?()[\]{}|]/g, s = /^\[object .+?Constructor\]$/, o = Function.prototype, i = Object.prototype, l = o.toString, d = i.hasOwnProperty, c = RegExp(
+    "^" + l.call(d).replace(a, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  );
+  function u(p) {
+    if (!t(p) || r(p))
+      return !1;
+    var h = e(p) ? c : s;
+    return h.test(n(p));
+  }
+  return Se = u, Se;
 }
-var _e, At;
-function en() {
-  if (At) return _e;
+var Te, At;
+function rn() {
+  if (At) return Te;
   At = 1;
-  var e = F(), t = $(), r = e(t, "Promise");
-  return _e = r, _e;
+  function e(r, t) {
+    return r?.[t];
+  }
+  return Te = e, Te;
 }
-var Ne, Tt;
-function tn() {
-  if (Tt) return Ne;
-  Tt = 1;
-  var e = F(), t = $(), r = e(t, "Set");
-  return Ne = r, Ne;
+var _e, Nt;
+function W() {
+  if (Nt) return _e;
+  Nt = 1;
+  var e = tn(), r = rn();
+  function t(n, a) {
+    var s = r(n, a);
+    return e(s) ? s : void 0;
+  }
+  return _e = t, _e;
 }
 var ke, St;
-function rn() {
+function nn() {
   if (St) return ke;
   St = 1;
-  var e = F(), t = $(), r = e(t, "WeakMap");
-  return ke = r, ke;
+  var e = W(), r = B(), t = e(r, "DataView");
+  return ke = t, ke;
 }
-var Pe, _t;
-function nn() {
-  if (_t) return Pe;
+var Pe, Tt;
+function an() {
+  if (Tt) return Pe;
+  Tt = 1;
+  var e = W(), r = B(), t = e(r, "Map");
+  return Pe = t, Pe;
+}
+var Ce, _t;
+function on() {
+  if (_t) return Ce;
   _t = 1;
-  var e = Qr(), t = Zr(), r = en(), n = tn(), a = rn(), o = Z(), s = tr(), i = "[object Map]", c = "[object Object]", u = "[object Promise]", l = "[object Set]", d = "[object WeakMap]", p = "[object DataView]", h = s(e), b = s(t), v = s(r), _ = s(n), x = s(a), T = o;
-  return (e && T(new e(new ArrayBuffer(1))) != p || t && T(new t()) != i || r && T(r.resolve()) != u || n && T(new n()) != l || a && T(new a()) != d) && (T = function(w) {
-    var M = o(w), z = M == c ? w.constructor : void 0, H = z ? s(z) : "";
-    if (H)
-      switch (H) {
+  var e = W(), r = B(), t = e(r, "Promise");
+  return Ce = t, Ce;
+}
+var we, kt;
+function sn() {
+  if (kt) return we;
+  kt = 1;
+  var e = W(), r = B(), t = e(r, "Set");
+  return we = t, we;
+}
+var $e, Pt;
+function ln() {
+  if (Pt) return $e;
+  Pt = 1;
+  var e = W(), r = B(), t = e(r, "WeakMap");
+  return $e = t, $e;
+}
+var xe, Ct;
+function cn() {
+  if (Ct) return xe;
+  Ct = 1;
+  var e = nn(), r = an(), t = on(), n = sn(), a = ln(), s = re(), o = or(), i = "[object Map]", l = "[object Object]", d = "[object Promise]", c = "[object Set]", u = "[object WeakMap]", p = "[object DataView]", h = o(e), b = o(r), m = o(t), A = o(n), C = o(a), N = s;
+  return (e && N(new e(new ArrayBuffer(1))) != p || r && N(new r()) != i || t && N(t.resolve()) != d || n && N(new n()) != c || a && N(new a()) != u) && (N = function($) {
+    var F = s($), Y = F == l ? $.constructor : void 0, J = Y ? o(Y) : "";
+    if (J)
+      switch (J) {
         case h:
           return p;
         case b:
           return i;
-        case v:
-          return u;
-        case _:
-          return l;
-        case x:
+        case m:
           return d;
+        case A:
+          return c;
+        case C:
+          return u;
       }
-    return M;
-  }), Pe = T, Pe;
+    return F;
+  }), xe = N, xe;
 }
-var je, Nt;
-function Ye() {
-  if (Nt) return je;
-  Nt = 1;
-  function e(t) {
-    return t != null && typeof t == "object";
+var Ie, wt;
+function Ze() {
+  if (wt) return Ie;
+  wt = 1;
+  function e(r) {
+    return r != null && typeof r == "object";
   }
-  return je = e, je;
+  return Ie = e, Ie;
 }
-var xe, kt;
-function an() {
-  if (kt) return xe;
-  kt = 1;
-  var e = Z(), t = Ye(), r = "[object Arguments]";
+var Oe, $t;
+function un() {
+  if ($t) return Oe;
+  $t = 1;
+  var e = re(), r = Ze(), t = "[object Arguments]";
   function n(a) {
-    return t(a) && e(a) == r;
+    return r(a) && e(a) == t;
   }
-  return xe = n, xe;
+  return Oe = n, Oe;
 }
-var we, Pt;
-function on() {
-  if (Pt) return we;
-  Pt = 1;
-  var e = an(), t = Ye(), r = Object.prototype, n = r.hasOwnProperty, a = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
+var je, xt;
+function dn() {
+  if (xt) return je;
+  xt = 1;
+  var e = un(), r = Ze(), t = Object.prototype, n = t.hasOwnProperty, a = t.propertyIsEnumerable, s = e(/* @__PURE__ */ (function() {
     return arguments;
-  })()) ? e : function(s) {
-    return t(s) && n.call(s, "callee") && !a.call(s, "callee");
+  })()) ? e : function(o) {
+    return r(o) && n.call(o, "callee") && !a.call(o, "callee");
   };
-  return we = o, we;
+  return je = s, je;
 }
-var Ce, jt;
-function rr() {
-  if (jt) return Ce;
-  jt = 1;
+var Ee, It;
+function sr() {
+  if (It) return Ee;
+  It = 1;
   var e = Array.isArray;
-  return Ce = e, Ce;
+  return Ee = e, Ee;
 }
-var Ie, xt;
-function nr() {
-  if (xt) return Ie;
-  xt = 1;
+var Re, Ot;
+function ir() {
+  if (Ot) return Re;
+  Ot = 1;
   var e = 9007199254740991;
-  function t(r) {
-    return typeof r == "number" && r > -1 && r % 1 == 0 && r <= e;
+  function r(t) {
+    return typeof t == "number" && t > -1 && t % 1 == 0 && t <= e;
   }
-  return Ie = t, Ie;
+  return Re = r, Re;
 }
-var Oe, wt;
-function sn() {
-  if (wt) return Oe;
-  wt = 1;
-  var e = er(), t = nr();
-  function r(n) {
-    return n != null && t(n.length) && !e(n);
+var Be, jt;
+function fn() {
+  if (jt) return Be;
+  jt = 1;
+  var e = ar(), r = ir();
+  function t(n) {
+    return n != null && r(n.length) && !e(n);
   }
-  return Oe = r, Oe;
+  return Be = t, Be;
 }
-var L = { exports: {} }, $e, Ct;
-function cn() {
-  if (Ct) return $e;
-  Ct = 1;
+var V = { exports: {} }, Me, Et;
+function pn() {
+  if (Et) return Me;
+  Et = 1;
   function e() {
     return !1;
   }
-  return $e = e, $e;
-}
-L.exports;
-var It;
-function ln() {
-  return It || (It = 1, (function(e, t) {
-    var r = $(), n = cn(), a = t && !t.nodeType && t, o = a && !0 && e && !e.nodeType && e, s = o && o.exports === a, i = s ? r.Buffer : void 0, c = i ? i.isBuffer : void 0, u = c || n;
-    e.exports = u;
-  })(L, L.exports)), L.exports;
+  return Me = e, Me;
 }
-var Ee, Ot;
-function un() {
-  if (Ot) return Ee;
-  Ot = 1;
-  var e = Z(), t = nr(), r = Ye(), n = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", c = "[object Function]", u = "[object Map]", l = "[object Number]", d = "[object Object]", p = "[object RegExp]", h = "[object Set]", b = "[object String]", v = "[object WeakMap]", _ = "[object ArrayBuffer]", x = "[object DataView]", T = "[object Float32Array]", w = "[object Float64Array]", M = "[object Int8Array]", z = "[object Int16Array]", H = "[object Int32Array]", Ar = "[object Uint8Array]", Tr = "[object Uint8ClampedArray]", Sr = "[object Uint16Array]", _r = "[object Uint32Array]", m = {};
-  m[T] = m[w] = m[M] = m[z] = m[H] = m[Ar] = m[Tr] = m[Sr] = m[_r] = !0, m[n] = m[a] = m[_] = m[o] = m[x] = m[s] = m[i] = m[c] = m[u] = m[l] = m[d] = m[p] = m[h] = m[b] = m[v] = !1;
-  function Nr(re) {
-    return r(re) && t(re.length) && !!m[e(re)];
+V.exports;
+var Rt;
+function hn() {
+  return Rt || (Rt = 1, (function(e, r) {
+    var t = B(), n = pn(), a = r && !r.nodeType && r, s = a && !0 && e && !e.nodeType && e, o = s && s.exports === a, i = o ? t.Buffer : void 0, l = i ? i.isBuffer : void 0, d = l || n;
+    e.exports = d;
+  })(V, V.exports)), V.exports;
+}
+var qe, Bt;
+function mn() {
+  if (Bt) return qe;
+  Bt = 1;
+  var e = re(), r = ir(), t = Ze(), n = "[object Arguments]", a = "[object Array]", s = "[object Boolean]", o = "[object Date]", i = "[object Error]", l = "[object Function]", d = "[object Map]", c = "[object Number]", u = "[object Object]", p = "[object RegExp]", h = "[object Set]", b = "[object String]", m = "[object WeakMap]", A = "[object ArrayBuffer]", C = "[object DataView]", N = "[object Float32Array]", $ = "[object Float64Array]", F = "[object Int8Array]", Y = "[object Int16Array]", J = "[object Int32Array]", kr = "[object Uint8Array]", Pr = "[object Uint8ClampedArray]", Cr = "[object Uint16Array]", wr = "[object Uint32Array]", g = {};
+  g[N] = g[$] = g[F] = g[Y] = g[J] = g[kr] = g[Pr] = g[Cr] = g[wr] = !0, g[n] = g[a] = g[A] = g[s] = g[C] = g[o] = g[i] = g[l] = g[d] = g[c] = g[u] = g[p] = g[h] = g[b] = g[m] = !1;
+  function $r(se) {
+    return t(se) && r(se.length) && !!g[e(se)];
   }
-  return Ee = Nr, Ee;
-}
-var qe, $t;
-function dn() {
-  if ($t) return qe;
-  $t = 1;
-  function e(t) {
-    return function(r) {
-      return t(r);
+  return qe = $r, qe;
+}
+var Le, Mt;
+function bn() {
+  if (Mt) return Le;
+  Mt = 1;
+  function e(r) {
+    return function(t) {
+      return r(t);
     };
   }
-  return qe = e, qe;
-}
-var D = { exports: {} };
-D.exports;
-var Et;
-function fn() {
-  return Et || (Et = 1, (function(e, t) {
-    var r = Xt(), n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, o = a && a.exports === n, s = o && r.process, i = (function() {
+  return Le = e, Le;
+}
+var U = { exports: {} };
+U.exports;
+var qt;
+function vn() {
+  return qt || (qt = 1, (function(e, r) {
+    var t = tr(), n = r && !r.nodeType && r, a = n && !0 && e && !e.nodeType && e, s = a && a.exports === n, o = s && t.process, i = (function() {
       try {
-        var c = a && a.require && a.require("util").types;
-        return c || s && s.binding && s.binding("util");
+        var l = a && a.require && a.require("util").types;
+        return l || o && o.binding && o.binding("util");
       } catch {
       }
     })();
     e.exports = i;
-  })(D, D.exports)), D.exports;
-}
-var Be, qt;
-function pn() {
-  if (qt) return Be;
-  qt = 1;
-  var e = un(), t = dn(), r = fn(), n = r && r.isTypedArray, a = n ? t(n) : e;
-  return Be = a, Be;
+  })(U, U.exports)), U.exports;
 }
-var Me, Bt;
-function hn() {
-  if (Bt) return Me;
-  Bt = 1;
-  var e = Wr(), t = nn(), r = on(), n = rr(), a = sn(), o = ln(), s = Jt(), i = pn(), c = "[object Map]", u = "[object Set]", l = Object.prototype, d = l.hasOwnProperty;
+var De, Lt;
+function gn() {
+  if (Lt) return De;
+  Lt = 1;
+  var e = mn(), r = bn(), t = vn(), n = t && t.isTypedArray, a = n ? r(n) : e;
+  return De = a, De;
+}
+var Fe, Dt;
+function yn() {
+  if (Dt) return Fe;
+  Dt = 1;
+  var e = Jr(), r = cn(), t = dn(), n = sr(), a = fn(), s = hn(), o = er(), i = gn(), l = "[object Map]", d = "[object Set]", c = Object.prototype, u = c.hasOwnProperty;
   function p(h) {
     if (h == null)
       return !0;
-    if (a(h) && (n(h) || typeof h == "string" || typeof h.splice == "function" || o(h) || i(h) || r(h)))
+    if (a(h) && (n(h) || typeof h == "string" || typeof h.splice == "function" || s(h) || i(h) || t(h)))
       return !h.length;
-    var b = t(h);
-    if (b == c || b == u)
+    var b = r(h);
+    if (b == l || b == d)
       return !h.size;
-    if (s(h))
+    if (o(h))
       return !e(h).length;
-    for (var v in h)
-      if (d.call(h, v))
+    for (var m in h)
+      if (u.call(h, m))
         return !1;
     return !0;
   }
-  return Me = p, Me;
+  return Fe = p, Fe;
 }
-var mn = hn();
-const Mt = /* @__PURE__ */ Ke(mn), Y = {
+var An = yn();
+const Ft = /* @__PURE__ */ Qe(An), Q = {
   light: "light",
   dark: "dark"
-}, C = {
+}, x = {
   xxs: "xxs",
   xs: "xs",
   s: "s",
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, bn = {
+}, Nn = {
   horizontal: "horizontal"
 }, q = {
   low: "low",
   high: "high"
-}, vn = {
+}, Sn = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -439,14 +439,14 @@ const Mt = /* @__PURE__ */ Ke(mn), Y = {
   title: "title",
   headline: "headline",
   display1: "display1"
+}, G = {
+  ...Sn
 }, R = {
-  ...vn
-}, O = {
   info: "info",
   success: "success",
   warning: "warning",
   error: "error"
-}, y = {
+}, T = {
   primary: "primary",
   blue: "blue",
   dark: "dark",
@@ -455,132 +455,132 @@ const Mt = /* @__PURE__ */ Ke(mn), Y = {
   red: "red",
   light: "light"
 };
-var Re = { exports: {} };
-var Rt;
-function gn() {
-  return Rt || (Rt = 1, (function(e) {
+var Ge = { exports: {} };
+var Gt;
+function Tn() {
+  return Gt || (Gt = 1, (function(e) {
     (function() {
-      var t = {}.hasOwnProperty;
-      function r() {
+      var r = {}.hasOwnProperty;
+      function t() {
         for (var n = [], a = 0; a < arguments.length; a++) {
-          var o = arguments[a];
-          if (o) {
-            var s = typeof o;
-            if (s === "string" || s === "number")
-              n.push(o);
-            else if (Array.isArray(o)) {
-              if (o.length) {
-                var i = r.apply(null, o);
+          var s = arguments[a];
+          if (s) {
+            var o = typeof s;
+            if (o === "string" || o === "number")
+              n.push(s);
+            else if (Array.isArray(s)) {
+              if (s.length) {
+                var i = t.apply(null, s);
                 i && n.push(i);
               }
-            } else if (s === "object") {
-              if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
-                n.push(o.toString());
+            } else if (o === "object") {
+              if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
+                n.push(s.toString());
                 continue;
               }
-              for (var c in o)
-                t.call(o, c) && o[c] && n.push(c);
+              for (var l in s)
+                r.call(s, l) && s[l] && n.push(l);
             }
           }
         }
         return n.join(" ");
       }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(Re)), Re.exports;
+  })(Ge)), Ge.exports;
 }
-var yn = gn();
-const N = /* @__PURE__ */ Ke(yn);
-function ar(e, t) {
-  if (!e) return [void 0, t];
-  const [r, n] = e.split("-");
-  return [r, t || n];
+var _n = Tn();
+const _ = /* @__PURE__ */ Qe(_n);
+function lr(e, r) {
+  if (!e) return [void 0, r];
+  const [t, n] = e.split("-");
+  return [t, r || n];
 }
-function An(e, t, r) {
-  const [n, a = kr.N] = ar(t, r);
+function kn(e, r, t) {
+  const [n, a = xr.N] = lr(r, t);
   return `lumx-color-${e}-${n}-${a}`;
 }
-const Tn = (e, t) => An("font", e, t);
-function or(e) {
+const Pn = (e, r) => kn("font", e, r);
+function cr(e) {
   return `lumx-typography-${e}`;
 }
-function sr(e, t) {
-  const r = [];
-  for (const [n, a] of Object.entries(t))
-    a && r.push(`${e}--${n}`);
-  return r.join(" ");
+function ur(e, r) {
+  const t = [];
+  for (const [n, a] of Object.entries(r))
+    a && t.push(`${e}--${n}`);
+  return t.join(" ");
 }
-function J(e, t, r) {
+function Z(e, r, t) {
   let n, a;
-  return Array.isArray(t) ? a = t : (n = t, a = r), !n && !a ? e : N(
+  return Array.isArray(r) ? a = r : (n = r, a = t), !n && !a ? e : _(
     // Additional classes
     a,
     // Base class
     e,
     // Modifier(s)
-    n ? sr(e, n) : null
+    n ? ur(e, n) : null
   );
 }
-function Lt(e, t, r, n) {
-  return Array.isArray(r) ? J(`${e}__${t}`, r) : J(`${e}__${t}`, r, n);
+function Vt(e, r, t, n) {
+  return Array.isArray(t) ? Z(`${e}__${r}`, t) : Z(`${e}__${r}`, t, n);
 }
-function j(e) {
-  function t(n, a) {
-    return Array.isArray(n) ? J(e, n) : J(e, n, a);
+function w(e) {
+  function r(n, a) {
+    return Array.isArray(n) ? Z(e, n) : Z(e, n, a);
   }
-  function r(n, a, o) {
-    return Array.isArray(a) ? Lt(e, n, a) : Lt(e, n, a, o);
+  function t(n, a, s) {
+    return Array.isArray(a) ? Vt(e, n, a) : Vt(e, n, a, s);
   }
   return {
-    block: t,
-    element: r,
-    modifier: (n) => sr(e, n)
+    block: r,
+    element: t,
+    modifier: (n) => ur(e, n)
   };
 }
-function Sn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
+function Cn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const _n = (e) => {
+const wn = (e) => {
   const {
-    children: t,
-    onClick: r,
+    children: r,
+    onClick: t,
     disabled: n,
     isDisabled: a = n,
-    "aria-disabled": o,
-    as: s,
+    "aria-disabled": s,
+    as: o,
     ...i
-  } = e, c = a || o === "true" || o === !0, u = s;
-  let l;
-  return u === "button" ? l = {
+  } = e, l = a || s === "true" || s === !0, d = o;
+  let c;
+  return d === "button" ? c = {
     type: i.type || "button",
     disabled: a
-  } : l = {
+  } : c = {
     tabIndex: a ? "-1" : i.tabIndex
-  }, f(u, g({
-    "aria-disabled": c || void 0
-  }, i, l, {
-    onClick: (d) => {
-      if (c) {
-        d.stopPropagation(), d.preventDefault();
+  }, f(d, v({
+    "aria-disabled": l || void 0
+  }, i, c, {
+    onClick: (u) => {
+      if (l) {
+        u.stopPropagation(), u.preventDefault();
         return;
       }
-      r?.(d);
+      t?.(u);
     }
-  }), Sn(t) ? t : {
-    default: () => [t]
+  }), Cn(r) ? r : {
+    default: () => [r]
   });
-}, Nn = "ButtonRoot", kn = "lumx-button-wrapper", {
-  block: Pn
-} = j(kn), jn = "lumx-button", {
-  block: xn
-} = j(jn), wn = (e) => {
+}, $n = "ButtonRoot", xn = "lumx-button-wrapper", {
+  block: In
+} = w(xn), On = "lumx-button", {
+  block: jn
+} = w(On), En = (e) => {
   const {
-    color: t,
-    emphasis: r,
+    color: r,
+    emphasis: t,
     variant: n,
     fullWidth: a
-  } = e, o = r === q.low && (t === y.light ? y.dark : y.light), s = Pn({
-    [`color-${o}`]: !!o,
+  } = e, s = t === q.low && (r === T.light ? T.dark : T.light), o = In({
+    [`color-${s}`]: !!s,
     [`variant-${n}`]: !!n,
     "is-full-width": a
   }), i = {
@@ -588,364 +588,364 @@ const _n = (e) => {
     hasBackground: !1
   };
   return f("div", {
-    className: s
-  }, [V(i)]);
-}, V = (e) => {
+    className: o
+  }, [z(i)]);
+}, z = (e) => {
   const {
-    "aria-label": t,
-    "aria-disabled": r,
+    "aria-label": r,
+    "aria-disabled": t,
     children: n,
     className: a,
-    color: o,
-    emphasis: s,
+    color: s,
+    emphasis: o,
     hasBackground: i,
-    isSelected: c,
-    isActive: u,
-    isFocused: l,
-    isHovered: d,
+    isSelected: l,
+    isActive: d,
+    isFocused: c,
+    isHovered: u,
     linkAs: p,
     size: h,
-    theme: b = Y.light,
-    variant: v,
-    fullWidth: _,
-    ref: x,
-    ...T
-  } = e, w = o || s !== q.high && b === Y.dark && y.light || s === q.high && y.primary || y.dark;
+    theme: b = Q.light,
+    variant: m,
+    fullWidth: A,
+    ref: C,
+    ...N
+  } = e, $ = s || o !== q.high && b === Q.dark && T.light || o === q.high && T.primary || T.dark;
   if (i)
-    return wn({
+    return En({
       ...e,
-      ref: x,
-      variant: v,
-      color: w
+      ref: C,
+      variant: m,
+      color: $
     });
-  const M = N(a, xn({
-    [`color-${w}`]: !!w,
-    [`emphasis-${s}`]: !!s,
-    "is-selected": c,
+  const F = _(a, jn({
+    [`color-${$}`]: !!$,
+    [`emphasis-${o}`]: !!o,
+    "is-selected": l,
     "is-disabled": !!(e.isDisabled || e["aria-disabled"]),
-    "is-active": u,
-    "is-focused": l,
-    "is-hovered": d,
+    "is-active": d,
+    "is-focused": c,
+    "is-hovered": u,
     [`size-${h}`]: !!h,
-    [`theme-${b}`]: !!(s === q.high && b),
-    [`variant-${v}`]: !!v,
-    "is-full-width": _
+    [`theme-${b}`]: !!(o === q.high && b),
+    [`variant-${m}`]: !!m,
+    "is-full-width": A
   }));
-  return _n({
-    as: p || (T.href ? "a" : "button"),
-    ...T,
-    "aria-disabled": r,
-    "aria-label": t,
-    ref: x,
-    className: M,
+  return wn({
+    as: p || (N.href ? "a" : "button"),
+    ...N,
+    "aria-disabled": t,
+    "aria-label": r,
+    ref: C,
+    className: F,
     children: n
   });
 };
-V.displayName = Nn;
-V.defaultProps = {};
-const Cn = "Button", ir = "lumx-button", {
-  modifier: In
-} = j(ir), Fe = {
+z.displayName = $n;
+z.defaultProps = {};
+const Rn = "Button", dr = "lumx-button", {
+  modifier: Bn
+} = w(dr), We = {
   emphasis: q.high,
-  size: C.m
-}, ee = (e) => {
+  size: x.m
+}, ne = (e) => {
   const {
-    className: t,
-    emphasis: r = Fe.emphasis,
+    className: r,
+    emphasis: t = We.emphasis,
     leftIcon: n,
     rightIcon: a,
-    size: o = Fe.size,
-    ...s
-  } = e, i = N(t, In({
+    size: s = We.size,
+    ...o
+  } = e, i = _(r, Bn({
     "has-left-icon": !!n,
     "has-right-icon": !!a
   }));
-  return V({
-    emphasis: r,
-    size: o,
-    ...s,
+  return z({
+    emphasis: t,
+    size: s,
+    ...o,
     className: i,
     variant: "button"
   });
 };
-ee.displayName = Cn;
-ee.className = ir;
-ee.defaultProps = Fe;
-function B(e = { defaultTheme: Pr.light }) {
-  const { defaultTheme: t } = e;
-  return ze("theme", void 0) || t;
-}
-const On = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function $n() {
-  return ze(On, { state: null });
-}
-function Je(e) {
-  const t = $n(), r = A(() => {
-    const o = typeof e == "function" ? e() : Ze(e);
-    return qr(t, {
-      disabled: o.disabled,
-      isDisabled: o.isDisabled,
-      "aria-disabled": o["aria-disabled"] ?? o.ariaDisabled
+ne.displayName = Rn;
+ne.className = dr;
+ne.defaultProps = We;
+function I(e = { defaultTheme: Ir.light }) {
+  const { defaultTheme: r } = e;
+  return Je("theme", void 0) || r;
+}
+const Mn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function qn() {
+  return Je(Mn, { state: null });
+}
+function H(e) {
+  const r = qn(), t = y(() => {
+    const s = typeof e == "function" ? e() : nt(e);
+    return Dr(r, {
+      disabled: s.disabled,
+      isDisabled: s.isDisabled,
+      "aria-disabled": s["aria-disabled"] ?? s.ariaDisabled
     });
-  }), n = A(
-    () => r.value["aria-disabled"] || r.value.disabled || void 0
-  ), a = A(() => {
-    const o = typeof e == "function" ? e() : Ze(e), { disabled: s, isDisabled: i, "aria-disabled": c, ariaDisabled: u, onClick: l, onChange: d, ...p } = o;
-    return n.value || (l && (p.onClick = l), d && (p.onChange = d)), p;
+  }), n = y(
+    () => t.value["aria-disabled"] || t.value.disabled || void 0
+  ), a = y(() => {
+    const s = typeof e == "function" ? e() : nt(e), { disabled: o, isDisabled: i, "aria-disabled": l, ariaDisabled: d, onClick: c, onChange: u, ...p } = s;
+    return n.value || (c && (p.onClick = c), u && (p.onChange = u)), p;
   });
-  return { disabledStateProps: r, isAnyDisabled: n, otherProps: a };
+  return { disabledStateProps: t, isAnyDisabled: n, otherProps: a };
 }
-const k = () => (...e) => e, Dt = S({
+const k = () => (...e) => e, Ut = S({
   name: "ResetTheme",
-  setup(e, { slots: t }) {
-    return Wt("theme", void 0), () => t.default?.();
+  setup(e, { slots: r }) {
+    return Yt("theme", void 0), () => r.default?.();
   }
-}), En = "Icon", qn = "lumx-icon", cr = qn, {
-  block: Bn
-} = j(cr), Mn = {}, E = (e) => {
+}), Ln = "Icon", Dn = "lumx-icon", fr = Dn, {
+  block: Fn
+} = w(fr), Gn = {}, M = (e) => {
   const {
-    className: t,
-    color: r,
+    className: r,
+    color: t,
     colorVariant: n,
     hasShape: a,
-    icon: o,
-    size: s,
+    icon: s,
+    size: o,
     ref: i,
-    theme: c,
-    alt: u,
-    verticalAlign: l,
-    ...d
-  } = e, [p, h] = ar(r, n);
+    theme: l,
+    alt: d,
+    verticalAlign: c,
+    ...u
+  } = e, [p, h] = lr(t, n);
   let b = p;
-  !b && (a || c) && (b = c === Y.dark ? y.light : y.dark);
-  let v = h;
-  !v && a && b === y.dark && (v = "L2");
-  let _ = s;
-  return s && a ? s === C.xxs || s === C.xs ? _ = C.s : s === C.xxl && (_ = C.xl) : a && (_ = C.m), f("i", g({
+  !b && (a || l) && (b = l === Q.dark ? T.light : T.dark);
+  let m = h;
+  !m && a && b === T.dark && (m = "L2");
+  let A = o;
+  return o && a ? o === x.xxs || o === x.xs ? A = x.s : o === x.xxl && (A = x.xl) : a && (A = x.m), f("i", v({
     ref: i
-  }, d, {
-    className: N(t, Bn({
+  }, u, {
+    className: _(r, Fn({
       [`color-${b}`]: !!b,
-      [`color-variant-${v}`]: !!v,
+      [`color-variant-${m}`]: !!m,
       "has-shape": a,
-      [`theme-${c}`]: !!c,
-      [`size-${_}`]: !!_,
+      [`theme-${l}`]: !!l,
+      [`size-${A}`]: !!A,
       "no-shape": !a,
-      "has-dark-layer": !a && b === y.yellow && o === Yt,
+      "has-dark-layer": !a && b === T.yellow && s === Zt,
       path: !0,
-      "vertical-align-middle": l === "middle"
+      "vertical-align-middle": c === "middle"
     }))
   }), [f("svg", {
-    "aria-hidden": u ? void 0 : "true",
-    role: u ? "img" : void 0,
-    "aria-label": u,
+    "aria-hidden": d ? void 0 : "true",
+    role: d ? "img" : void 0,
+    "aria-label": d,
     height: "1em",
     preserveAspectRatio: "xMidYMid meet",
     style: {
-      verticalAlign: l ? void 0 : "-0.125em"
+      verticalAlign: c ? void 0 : "-0.125em"
     },
     viewBox: "0 0 24 24",
     width: "1em"
   }, [f("path", {
-    d: o,
+    d: s,
     fill: "currentColor"
   }, null)])]);
 };
-E.displayName = En;
-E.className = cr;
-E.defaultProps = Mn;
-const Ve = /* @__PURE__ */ S((e) => {
-  const t = P(), r = B({
+M.displayName = Ln;
+M.className = fr;
+M.defaultProps = Gn;
+const ze = /* @__PURE__ */ S((e) => {
+  const r = P(), t = I({
     defaultTheme: void 0
   });
-  return () => f(E, g(e, t, {
+  return () => f(M, v(e, r, {
     className: e.class,
-    theme: e.theme || r
+    theme: e.theme || t
   }), null);
 }, {
   name: "Icon",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
-}), Rn = "lumx-text", {
-  block: Ln
-} = j(Rn), Dn = (e) => {
+}), Vn = "lumx-text", {
+  block: Un
+} = w(Vn), Wn = (e) => {
   const {
-    className: t,
-    color: r,
+    className: r,
+    color: t,
     colorVariant: n,
     noWrap: a,
-    typography: o,
-    truncate: s,
+    typography: s,
+    truncate: o,
     whiteSpace: i,
-    style: c
-  } = e, u = typeof s == "object" && s.lines > 1 && {
-    "--lumx-text-truncate-lines": s.lines
-  }, l = !!u, d = !!s, p = !a && !(d && !l) && i && {
+    style: l
+  } = e, d = typeof o == "object" && o.lines > 1 && {
+    "--lumx-text-truncate-lines": o.lines
+  }, c = !!d, u = !!o, p = !a && !(u && !c) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: N(t, Ln({
-      "is-truncated": d && !l,
-      "is-truncated-multiline": l,
+    className: _(r, Un({
+      "is-truncated": u && !c,
+      "is-truncated-multiline": c,
       "no-wrap": a
-    }), o && or(o), r && Tn(r, n)),
+    }), s && cr(s), t && Pn(t, n)),
     style: {
-      ...u,
+      ...d,
       ...p,
-      ...c
+      ...l
     }
   };
 };
-function lr(e, t) {
-  return jr() ? (xr(e, t), !0) : !1;
+function pr(e, r) {
+  return Or() ? (jr(e, r), !0) : !1;
 }
-const Fn = typeof window < "u" && typeof document < "u";
+const zn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Vn = (e) => e != null;
-function Gn(e) {
+const Hn = (e) => e != null;
+function Kn(e) {
   return Array.isArray(e) ? e : [e];
 }
-const ur = Fn ? window : void 0;
-function Ge(e) {
-  var t;
-  const r = He(e);
-  return (t = r?.$el) !== null && t !== void 0 ? t : r;
+const hr = zn ? window : void 0;
+function He(e) {
+  var r;
+  const t = Xe(e);
+  return (r = t?.$el) !== null && r !== void 0 ? r : t;
 }
 // @__NO_SIDE_EFFECTS__
-function Un() {
-  const e = wr(!1), t = Cr();
-  return t && Ir(() => {
+function Yn() {
+  const e = Er(!1), r = Rr();
+  return r && Br(() => {
     e.value = !0;
-  }, t), e;
+  }, r), e;
 }
 // @__NO_SIDE_EFFECTS__
-function dr(e) {
-  const t = /* @__PURE__ */ Un();
-  return A(() => (t.value, !!e()));
-}
-function Wn(e, t, r = {}) {
-  const { window: n = ur, ...a } = r;
-  let o;
-  const s = /* @__PURE__ */ dr(() => n && "MutationObserver" in n), i = () => {
-    o && (o.disconnect(), o = void 0);
-  }, c = Q(A(() => {
-    const d = Gn(He(e)).map(Ge).filter(Vn);
-    return new Set(d);
-  }), (d) => {
-    i(), s.value && d.size && (o = new MutationObserver(t), d.forEach((p) => o.observe(p, a)));
+function mr(e) {
+  const r = /* @__PURE__ */ Yn();
+  return y(() => (r.value, !!e()));
+}
+function Jn(e, r, t = {}) {
+  const { window: n = hr, ...a } = t;
+  let s;
+  const o = /* @__PURE__ */ mr(() => n && "MutationObserver" in n), i = () => {
+    s && (s.disconnect(), s = void 0);
+  }, l = te(y(() => {
+    const u = Kn(Xe(e)).map(He).filter(Hn);
+    return new Set(u);
+  }), (u) => {
+    i(), o.value && u.size && (s = new MutationObserver(r), u.forEach((p) => s.observe(p, a)));
   }, {
     immediate: !0,
     flush: "post"
-  }), u = () => o?.takeRecords(), l = () => {
-    c(), i();
+  }), d = () => s?.takeRecords(), c = () => {
+    l(), i();
   };
-  return lr(l), {
-    isSupported: s,
-    stop: l,
-    takeRecords: u
+  return pr(c), {
+    isSupported: o,
+    stop: c,
+    takeRecords: d
   };
 }
-function zn(e, t, r = {}) {
-  const { window: n = ur, ...a } = r;
-  let o;
-  const s = /* @__PURE__ */ dr(() => n && "ResizeObserver" in n), i = () => {
-    o && (o.disconnect(), o = void 0);
-  }, c = Q(A(() => {
-    const l = He(e);
-    return Array.isArray(l) ? l.map((d) => Ge(d)) : [Ge(l)];
-  }), (l) => {
-    if (i(), s.value && n) {
-      o = new ResizeObserver(t);
-      for (const d of l) d && o.observe(d, a);
+function Xn(e, r, t = {}) {
+  const { window: n = hr, ...a } = t;
+  let s;
+  const o = /* @__PURE__ */ mr(() => n && "ResizeObserver" in n), i = () => {
+    s && (s.disconnect(), s = void 0);
+  }, l = te(y(() => {
+    const c = Xe(e);
+    return Array.isArray(c) ? c.map((u) => He(u)) : [He(c)];
+  }), (c) => {
+    if (i(), o.value && n) {
+      s = new ResizeObserver(r);
+      for (const u of c) u && s.observe(u, a);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), u = () => {
-    i(), c();
+  }), d = () => {
+    i(), l();
   };
-  return lr(u), {
-    isSupported: s,
-    stop: u
+  return pr(d), {
+    isSupported: o,
+    stop: d
   };
 }
-function Hn(e) {
-  const t = zt(void 0), r = () => {
+function Qn(e) {
+  const r = Jt(void 0), t = () => {
     const n = e.value;
-    n && !n.closest(`.${Br.visuallyHidden()}`) && n.offsetWidth < n.scrollWidth ? t.value = n.innerText : t.value = void 0;
+    n && !n.closest(`.${Fr.visuallyHidden()}`) && n.offsetWidth < n.scrollWidth ? r.value = n.innerText : r.value = void 0;
   };
-  return Wn(e, r, {
+  return Jn(e, t, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), zn(e, r), Q(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), Xn(e, t), te(e, t, { immediate: !0 }), { tooltipLabel: r };
 }
-const Kn = (e = "default") => {
-  const t = Ht();
+const Zn = (e = "default") => {
+  const r = Xt();
   return () => {
-    const r = t?.[e];
-    return r ? r() : null;
+    const t = r?.[e];
+    return t ? t() : null;
   };
 };
-function Ue(e) {
+function Ke(e) {
   if (!e) return;
-  const t = [];
-  for (const r of e) {
-    if (!X(r)) {
-      t.push(r);
+  const r = [];
+  for (const t of e) {
+    if (!ee(t)) {
+      r.push(t);
       continue;
     }
-    if (r.type === Ve) {
-      t.push(" "), t.push(r), t.push(" ");
+    if (t.type === ze) {
+      r.push(" "), r.push(t), r.push(" ");
       continue;
     }
-    if (r.type === Kt && Array.isArray(r.children)) {
-      const n = Ue(r.children);
-      n && t.push(...n);
+    if (t.type === Qt && Array.isArray(t.children)) {
+      const n = Ke(t.children);
+      n && r.push(...n);
       continue;
     }
-    if (typeof r.type == "string" && Array.isArray(r.children)) {
-      const n = Ue(r.children), a = { ...r.props || {} };
-      r.key != null && (a.key = r.key), r.ref != null && (a.ref = r.ref), t.push(f(r.type, a, n));
+    if (typeof t.type == "string" && Array.isArray(t.children)) {
+      const n = Ke(t.children), a = { ...t.props || {} };
+      t.key != null && (a.key = t.key), t.ref != null && (a.ref = t.ref), r.push(f(t.type, a, n));
       continue;
     }
-    t.push(r);
+    r.push(t);
   }
-  return t;
+  return r;
 }
-function Yn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
+function ea(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Xe = /* @__PURE__ */ S((e, {
-  slots: t
+const et = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P(), n = Kn(), a = Or("tooltip-label"), {
-    tooltipLabel: o
-  } = Hn(a), s = A(() => Dn({
+  const t = P(), n = Zn(), a = Mr("tooltip-label"), {
+    tooltipLabel: s
+  } = Qn(a), o = y(() => Wn({
     ...e,
-    className: e.class || r.class || r.className
-  })), i = A(() => {
+    className: e.class || t.class || t.className
+  })), i = y(() => {
     const {
-      children: c,
-      ...u
-    } = r;
+      children: l,
+      ...d
+    } = t;
     return {
-      ...u,
-      ...s.value
+      ...d,
+      ...o.value
     };
   });
   return () => {
-    const c = e.as || "div", u = n() || t.default?.(), l = u ? Ue(u) : null;
-    return f(c, g({
+    const l = e.as || "div", d = n() || r.default?.(), c = d ? Ke(d) : null;
+    return f(l, v({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
-      title: o.value
-    }), Yn(l) ? l : {
-      default: () => [l]
+      title: s.value
+    }), ea(c) ? c : {
+      default: () => [c]
     });
   };
 }, {
@@ -953,39 +953,39 @@ const Xe = /* @__PURE__ */ S((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), Jn = {
+}), ta = {
   click: (e) => e instanceof MouseEvent
-}, Ua = /* @__PURE__ */ S((e, {
-  emit: t
+}, oo = /* @__PURE__ */ S((e, {
+  emit: r
 }) => {
-  const r = Ht(), n = P(), a = B(), {
-    isAnyDisabled: o,
-    disabledStateProps: s,
+  const t = Xt(), n = P(), a = I(), {
+    isAnyDisabled: s,
+    disabledStateProps: o,
     otherProps: i
-  } = Je(A(() => ({
+  } = H(y(() => ({
     ...e,
     ...n
-  }))), c = (l) => {
-    o.value || (l.stopImmediatePropagation(), t("click", l));
-  }, u = () => {
-    const l = r.default?.();
-    return !l || l.length === 0 ? null : l.length === 1 && l[0].type === Xe ? l[0] : f("span", null, [l]);
+  }))), l = (c) => {
+    s.value || (c.stopImmediatePropagation(), r("click", c));
+  }, d = () => {
+    const c = t.default?.();
+    return !c || c.length === 0 ? null : c.length === 1 && c[0].type === et ? c[0] : f("span", null, [c]);
   };
   return () => {
-    const l = f(Kt, null, [e.leftIcon && !Mt(e.leftIcon) && f(Dt, null, {
-      default: () => [f(Ve, {
+    const c = f(Qt, null, [e.leftIcon && !Ft(e.leftIcon) && f(Ut, null, {
+      default: () => [f(ze, {
         icon: e.leftIcon
       }, null)]
-    }), u(), e.rightIcon && !Mt(e.rightIcon) && f(Dt, null, {
-      default: () => [f(Ve, {
+    }), d(), e.rightIcon && !Ft(e.rightIcon) && f(Ut, null, {
+      default: () => [f(ze, {
         icon: e.rightIcon
       }, null)]
     })]);
-    return f(ee, g(i.value, s.value, {
+    return f(ne, v(i.value, o.value, {
       className: e.class,
       theme: e.theme || a,
-      onClick: c,
-      children: l
+      onClick: l,
+      children: c
     }), null);
   };
 }, {
@@ -993,52 +993,52 @@ const Xe = /* @__PURE__ */ S((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("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: Jn
-}), Xn = "IconButton", Qn = "lumx-icon-button", We = {
+  emits: ta
+}), ra = "IconButton", na = "lumx-icon-button", Ye = {
   emphasis: q.high,
-  size: C.m
-}, G = (e) => {
+  size: x.m
+}, K = (e) => {
   const {
-    emphasis: t = We.emphasis,
-    image: r,
+    emphasis: r = Ye.emphasis,
+    image: t,
     icon: n,
     label: a,
-    size: o = We.size,
-    ...s
-  } = e, i = r ? f("img", {
+    size: s = Ye.size,
+    ...o
+  } = e, i = t ? f("img", {
     alt: "",
-    src: r
-  }, null) : E({
+    src: t
+  }, null) : M({
     icon: n
   });
-  return V({
-    emphasis: t,
-    size: o,
-    ...s,
+  return z({
+    emphasis: r,
+    size: s,
+    ...o,
     "aria-label": a,
     variant: "icon",
     children: i
   });
 };
-G.displayName = Xn;
-G.className = Qn;
-G.defaultProps = We;
-const Zn = {
+K.displayName = ra;
+K.className = na;
+K.defaultProps = Ye;
+const aa = {
   click: (e) => e instanceof MouseEvent
-}, Wa = /* @__PURE__ */ S((e, {
-  emit: t
+}, so = /* @__PURE__ */ S((e, {
+  emit: r
 }) => {
-  const r = P(), n = B(), {
+  const t = P(), n = I(), {
     isAnyDisabled: a,
-    disabledStateProps: o,
-    otherProps: s
-  } = Je(A(() => ({
+    disabledStateProps: s,
+    otherProps: o
+  } = H(y(() => ({
     ...e,
-    ...r
-  }))), i = (c) => {
-    a.value || (c.stopImmediatePropagation(), t("click", c));
+    ...t
+  }))), i = (l) => {
+    a.value || (l.stopImmediatePropagation(), r("click", l));
   };
-  return () => f(G, g(s.value, o.value, {
+  return () => f(K, v(o.value, s.value, {
     className: e.class,
     theme: e.theme || n,
     title: e.label,
@@ -1049,254 +1049,253 @@ const Zn = {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("icon", "image", "label", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-expanded", "aria-disabled", "aria-haspopup", "aria-label", "aria-pressed", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "isDisabled", "linkAs", "target", "type", "title"),
-  emits: Zn
-}), ea = "ButtonGroup", fr = "lumx-button-group", ta = {}, te = (e) => {
+  emits: aa
+}), oa = "ButtonGroup", br = "lumx-button-group", sa = {}, ae = (e) => {
   const {
-    children: t,
-    className: r,
+    children: r,
+    className: t,
     ...n
   } = e;
-  return f("div", g(n, {
-    className: N(r, fr)
-  }), [t]);
+  return f("div", v(n, {
+    className: _(t, br)
+  }), [r]);
 };
-te.displayName = ea;
-te.className = fr;
-te.defaultProps = ta;
-const za = /* @__PURE__ */ S((e, {
-  slots: t
+ae.displayName = oa;
+ae.className = br;
+ae.defaultProps = sa;
+const io = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P();
-  return () => f(te, g(e, r, {
+  const t = P();
+  return () => f(ae, v(e, t, {
     className: e.class,
-    children: t.default?.()
+    children: r.default?.()
   }), null);
 }, {
   name: "ButtonGroup",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("class")
-}), ra = "InputLabel", na = "lumx-input-label", pr = na, {
-  block: aa
-} = j(pr), oa = {};
-function U(e) {
+}), ia = "InputLabel", la = "lumx-input-label", vr = la, {
+  block: ca
+} = w(vr), ua = {};
+function L(e) {
   const {
-    children: t,
-    className: r,
+    children: r,
+    className: t,
     htmlFor: n,
     isRequired: a,
-    theme: o,
-    typography: s,
+    theme: s,
+    typography: o,
     ref: i,
-    ...c
+    ...l
   } = e;
-  return f("label", g({
+  return f("label", v({
     ref: i
-  }, c, {
+  }, l, {
     htmlFor: n,
-    className: N(r, aa({
+    className: _(t, ca({
       "is-required": a,
-      [`theme-${o}`]: !!o,
-      "has-custom-typography": !!s
-    }), s && or(s))
-  }), [t]);
-}
-U.displayName = ra;
-U.className = pr;
-U.defaultProps = oa;
-const sa = {
-  [O.error]: { color: "red" },
-  [O.success]: { color: "green" },
-  [O.warning]: { color: "yellow" }
-}, ia = "InputHelper", ca = "lumx-input-helper", hr = ca, {
-  block: la
-} = j(hr), mr = {
-  kind: O.info
+      [`theme-${s}`]: !!s,
+      "has-custom-typography": !!o
+    }), o && cr(o))
+  }), [r]);
+}
+L.displayName = ia;
+L.className = vr;
+L.defaultProps = ua;
+const da = {
+  [R.error]: { color: "red" },
+  [R.success]: { color: "green" },
+  [R.warning]: { color: "yellow" }
+}, fa = "InputHelper", pa = "lumx-input-helper", gr = pa, {
+  block: ha
+} = w(gr), yr = {
+  kind: R.info
 };
-function W(e) {
+function D(e) {
   const {
-    children: t,
-    className: r,
-    kind: n = mr.kind,
+    children: r,
+    className: t,
+    kind: n = yr.kind,
     theme: a,
-    ref: o,
-    ...s
+    ref: s,
+    ...o
   } = e, {
     color: i
-  } = sa[n] || {};
-  return f("p", g({
-    ref: o
-  }, s, {
-    className: N(r, la({
+  } = da[n] || {};
+  return f("p", v({
+    ref: s
+  }, o, {
+    className: _(t, ha({
       [`color-${i}`]: !!i,
       [`theme-${a}`]: !!a
     }))
-  }), [t]);
-}
-W.displayName = ia;
-W.className = hr;
-W.defaultProps = mr;
-const br = "intermediate", ua = "lumx-checkbox", {
-  block: da,
-  element: I
-} = j(ua), fa = (e) => {
+  }), [r]);
+}
+D.displayName = fa;
+D.className = gr;
+D.defaultProps = yr;
+const Ar = "intermediate", ma = "lumx-checkbox", {
+  block: ba,
+  element: O
+} = w(ma), va = (e) => {
   const {
-    checked: t,
-    className: r,
+    checked: r,
+    className: t,
     helper: n,
     id: a,
-    inputRef: o,
-    isChecked: s = t,
+    inputRef: s,
+    isChecked: o = r,
     label: i,
-    name: c,
-    ref: u,
-    onChange: l,
-    theme: d,
+    name: l,
+    ref: d,
+    onChange: c,
+    theme: u,
     value: p,
     inputProps: h = {},
     isDisabled: b,
-    inputId: v,
-    ..._
-  } = e, x = s === br, T = (w) => {
-    l && l(!s, p, c, w);
+    inputId: m,
+    ...A
+  } = e, C = o === Ar, N = ($) => {
+    c && c(!o, p, l, $);
   };
-  return f("div", g({
-    ref: u
-  }, _, {
-    className: N(r, da({
+  return f("div", v({
+    ref: d
+  }, A, {
+    className: _(t, ba({
       // Whether state is intermediate class name will "-checked"
-      "is-checked": x ? !0 : s,
+      "is-checked": C ? !0 : o,
       "is-disabled": b,
-      "is-unchecked": !s,
-      [`theme-${d}`]: !!d
+      "is-unchecked": !o,
+      [`theme-${u}`]: !!u
     }))
   }), [f("div", {
-    className: I("input-wrapper")
-  }, [f("input", g({
-    ref: o,
+    className: O("input-wrapper")
+  }, [f("input", v({
+    ref: s,
     type: "checkbox",
-    id: v,
-    className: I("input-native"),
-    name: c,
+    id: m,
+    className: O("input-native"),
+    name: l,
     value: p,
-    checked: s,
-    onChange: T,
-    "aria-describedby": n ? `${v}-helper` : void 0,
-    "aria-checked": x ? "mixed" : !!s
+    checked: o,
+    onChange: N,
+    "aria-describedby": n ? `${m}-helper` : void 0,
+    "aria-checked": C ? "mixed" : !!o
   }, h?.readOnly ? {
     readOnly: h.readOnly
   } : {}, h), null), f("div", {
-    className: I("input-placeholder")
+    className: O("input-placeholder")
   }, [f("div", {
-    className: I("input-background")
+    className: O("input-background")
   }, null), f("div", {
-    className: I("input-indicator")
-  }, [E({
-    icon: x ? Rr : Mr
+    className: O("input-indicator")
+  }, [M({
+    icon: C ? Vr : Gr
   })])])]), f("div", {
-    className: I("content")
-  }, [i && U({
-    htmlFor: v,
-    className: I("label"),
-    theme: d,
+    className: O("content")
+  }, [i && L({
+    htmlFor: m,
+    className: O("label"),
+    theme: u,
     children: i
-  }), n && W({
-    id: `${v}-helper`,
-    className: I("helper"),
-    theme: d,
+  }), n && D({
+    id: `${m}-helper`,
+    className: O("helper"),
+    theme: u,
     children: n
   })])]);
 };
-let Ft = 0;
-function pa() {
-  return Ft += 1, `:lumx${Ft}:`;
+let Wt = 0;
+function tt() {
+  return Wt += 1, `:lumx${Wt}:`;
 }
-const ha = {
-  change: (e, t, r, n) => typeof e == "boolean" && n instanceof Event
-}, Ha = /* @__PURE__ */ S((e, {
-  emit: t
+const ga = {
+  change: (e, r, t, n) => typeof e == "boolean" && n instanceof Event
+}, lo = /* @__PURE__ */ S((e, {
+  emit: r
 }) => {
-  const r = P(), n = B(), a = pa(), o = A(() => e.id || a), s = zt(null), {
+  const t = P(), n = I(), a = tt(), s = y(() => e.id || a), o = Jt(null), {
     isAnyDisabled: i,
-    disabledStateProps: c,
-    otherProps: u
-  } = Je(A(() => ({
+    disabledStateProps: l,
+    otherProps: d
+  } = H(y(() => ({
     ...e,
-    ...r
-  }))), l = A(() => e.isChecked === br);
-  Q(l, (p) => {
-    s.value && (s.value.indeterminate = p);
+    ...t
+  }))), c = y(() => e.isChecked === Ar);
+  te(c, (p) => {
+    o.value && (o.value.indeterminate = p);
   }, {
     immediate: !0
   });
-  const d = (p, h, b, v) => {
-    i.value || t("change", p, h, b, v);
+  const u = (p, h, b, m) => {
+    i.value || (m?.stopImmediatePropagation?.(), r("change", p, h, b, m));
   };
-  return () => fa({
-    ...u.value,
+  return () => f(va, v(d.value, {
     className: e.class,
     theme: e.theme || n,
-    inputId: o.value,
-    inputRef: s,
+    inputId: s.value,
+    inputRef: o,
     isDisabled: i.value,
-    onChange: d,
+    onChange: u,
     label: e.label,
     inputProps: {
       ...e.inputProps,
-      ...c.value,
-      readOnly: c.value["aria-disabled"]
+      ...l.value,
+      readOnly: l.value["aria-disabled"]
     }
-  });
+  }), null);
 }, {
   name: "Checkbox",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("checked", "class", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: ha
+  emits: ga
 });
-function ma(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
+function ya(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const ba = "lumx-flag", {
-  block: va,
-  element: Vt
-} = j(ba), ga = (e) => {
+const Aa = "lumx-flag", {
+  block: Na,
+  element: zt
+} = w(Aa), Sa = (e) => {
   const {
-    children: t,
-    icon: r,
+    children: r,
+    icon: t,
     color: n,
     className: a,
-    theme: o,
-    truncate: s,
+    theme: s,
+    truncate: o,
     Text: i,
-    ...c
-  } = e, u = n || (o === Y.light ? y.dark : y.light), l = !!s;
-  return f("div", g(c, {
-    className: N(a, va({
-      [`color-${u}`]: !!u,
-      "is-truncated": l
+    ...l
+  } = e, d = n || (s === Q.light ? T.dark : T.light), c = !!o;
+  return f("div", v(l, {
+    className: _(a, Na({
+      [`color-${d}`]: !!d,
+      "is-truncated": c
     }))
-  }), [r && E({
-    icon: r,
-    size: C.xxs,
-    className: Vt("icon")
+  }), [t && M({
+    icon: t,
+    size: x.xxs,
+    className: zt("icon")
   }), f(i, {
     as: "span",
-    truncate: !!s,
+    truncate: !!o,
     typography: "overline",
-    className: Vt("label")
-  }, ma(t) ? t : {
-    default: () => [t]
+    className: zt("label")
+  }, ya(r) ? r : {
+    default: () => [r]
   })]);
-}, Ka = /* @__PURE__ */ S((e, {
-  slots: t
+}, co = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P(), n = B();
-  return () => f(ga, g(e, r, {
+  const t = P(), n = I();
+  return () => f(Sa, v(e, t, {
     className: e.class,
     theme: e.theme || n,
-    children: t.default?.(),
-    Text: Xe
+    children: r.default?.(),
+    Text: et
   }), null);
 }, {
   name: "Flag",
@@ -1304,62 +1303,62 @@ const ba = "lumx-flag", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("color", "icon", "truncate", "theme", "class")
 });
-var Le, Gt;
-function ya() {
-  if (Gt) return Le;
-  Gt = 1;
-  var e = rr();
-  function t() {
+var Ve, Ht;
+function Ta() {
+  if (Ht) return Ve;
+  Ht = 1;
+  var e = sr();
+  function r() {
     if (!arguments.length)
       return [];
-    var r = arguments[0];
-    return e(r) ? r : [r];
+    var t = arguments[0];
+    return e(t) ? t : [t];
   }
-  return Le = t, Le;
+  return Ve = r, Ve;
 }
-var Aa = ya();
-const Ta = /* @__PURE__ */ Ke(Aa), Sa = "lumx-flex-box", {
-  block: _a
-} = j(Sa);
-function Na(e) {
+var _a = Ta();
+const ka = /* @__PURE__ */ Qe(_a), Pa = "lumx-flex-box", {
+  block: Ca
+} = w(Pa);
+function wa(e) {
   const {
-    className: t,
-    fillSpace: r,
+    className: r,
+    fillSpace: t,
     gap: n,
     hAlign: a,
-    marginAuto: o,
-    noShrink: s,
+    marginAuto: s,
+    noShrink: o,
     vAlign: i,
-    wrap: c,
-    orientation: u,
-    ...l
-  } = e, d = u ?? (c || a || i ? bn.horizontal : null);
+    wrap: l,
+    orientation: d,
+    ...c
+  } = e, u = d ?? (l || a || i ? Nn.horizontal : null);
   return {
-    ...l,
-    className: N(t, _a({
-      [`orientation-${d}`]: !!d,
+    ...c,
+    className: _(r, Ca({
+      [`orientation-${u}`]: !!u,
       [`v-align-${i}`]: !!i,
       [`h-align-${a}`]: !!a,
       [`gap-${n}`]: !!n,
-      wrap: !!c,
-      "fill-space": r,
-      "no-shrink": s,
-      ...Object.fromEntries(Ta(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
+      wrap: !!l,
+      "fill-space": t,
+      "no-shrink": o,
+      ...Object.fromEntries(ka(s).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
     }))
   };
 }
-const Ya = /* @__PURE__ */ S((e, {
-  slots: t
+const uo = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P();
+  const t = P();
   return () => {
-    const n = e.as || "div", a = Na({
+    const n = e.as || "div", a = wa({
       ...e,
-      ...r,
+      ...t,
       className: e.class
     });
     return f(n, a, {
-      default: () => [t.default?.()]
+      default: () => [r.default?.()]
     });
   };
 }, {
@@ -1367,163 +1366,163 @@ const Ya = /* @__PURE__ */ S((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
-}), Ut = 6, ka = {
-  h1: R.display1,
-  h2: R.headline,
-  h3: R.title,
-  h4: R.subtitle2,
-  h5: R.subtitle1,
-  h6: R.body2
-}, Pa = { level: 1, headingElement: "h1" }, ja = "lumx-heading", xa = (e, t) => {
-  const { as: r, className: n, typography: a, ...o } = e, s = r || t || "h1";
+}), Kt = 6, $a = {
+  h1: G.display1,
+  h2: G.headline,
+  h3: G.title,
+  h4: G.subtitle2,
+  h5: G.subtitle1,
+  h6: G.body2
+}, xa = { level: 1, headingElement: "h1" }, Ia = "lumx-heading", Oa = (e, r) => {
+  const { as: t, className: n, typography: a, ...s } = e, o = t || r || "h1";
   return {
-    ...o,
-    as: s,
-    className: N(n, ja),
-    typography: a || ka[s]
+    ...s,
+    as: o,
+    className: _(n, Ia),
+    typography: a || $a[o]
   };
-}, vr = /* @__PURE__ */ Symbol("HeadingLevelContext"), gr = () => ze(vr, Pa), Ja = /* @__PURE__ */ S((e, {
-  slots: t
+}, Nr = /* @__PURE__ */ Symbol("HeadingLevelContext"), Sr = () => Je(Nr, xa), fo = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P(), n = gr(), a = A(() => {
+  const t = P(), n = Sr(), a = y(() => {
     const {
-      className: o,
-      ...s
-    } = xa({
-      ...r,
+      className: s,
+      ...o
+    } = Oa({
+      ...t,
       ...e,
-      className: e.class || r.class || r.className
+      className: e.class || t.class || t.className
     }, n.headingElement);
     return {
-      ...s,
-      class: o
+      ...o,
+      class: s
     };
   });
-  return () => f(Xe, a.value, {
-    default: () => [t.default?.()]
+  return () => f(et, a.value, {
+    default: () => [r.default?.()]
   });
 }, {
   name: "Heading",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), wa = (e, t) => {
-  const r = e || t + 1;
-  return r > Ut ? Ut : r;
-}, Xa = /* @__PURE__ */ S((e, {
-  slots: t
+}), ja = (e, r) => {
+  const t = e || r + 1;
+  return t > Kt ? Kt : t;
+}, po = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
   const {
-    level: r
-  } = $r(e), n = gr(), a = A(() => wa(r?.value, n.level)), o = A(() => `h${a.value}`), s = Er({
+    level: t
+  } = qr(e), n = Sr(), a = y(() => ja(t?.value, n.level)), s = y(() => `h${a.value}`), o = Lr({
     level: a,
-    headingElement: o
+    headingElement: s
   });
-  return Wt(vr, s), () => t.default?.();
+  return Yt(Nr, o), () => r.default?.();
 }, {
   name: "HeadingLevelProvider",
   props: k()("level")
-}), Qa = /* @__PURE__ */ S((e, {
-  slots: t
+}), ho = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P(), n = B();
-  return () => f(W, g(e, r, {
+  const t = P(), n = I();
+  return () => f(D, v(e, t, {
     className: e.class,
     theme: e.theme || n,
-    children: t.default?.()
+    children: r.default?.()
   }), null);
 }, {
   name: "InputHelper",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("kind", "theme", "class", "id")
-}), Za = /* @__PURE__ */ S((e, {
-  slots: t
+}), mo = /* @__PURE__ */ S((e, {
+  slots: r
 }) => {
-  const r = P(), n = B();
-  return () => f(U, g(e, r, {
+  const t = P(), n = I();
+  return () => f(L, v(e, t, {
     className: e.class,
     theme: e.theme || n,
-    children: t.default?.()
+    children: r.default?.()
   }), null);
 }, {
   name: "InputLabel",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("htmlFor", "isRequired", "typography", "theme", "class")
-}), Ca = "Message", yr = "lumx-message", {
-  block: Ia,
-  element: De
-} = j(yr), Oa = {
-  [O.error]: {
-    color: y.red,
-    icon: Lr
+}), Ea = "Message", Tr = "lumx-message", {
+  block: Ra,
+  element: Ue
+} = w(Tr), Ba = {
+  [R.error]: {
+    color: T.red,
+    icon: Ur
   },
-  [O.info]: {
-    color: y.blue,
-    icon: Vr
+  [R.info]: {
+    color: T.blue,
+    icon: Hr
   },
-  [O.success]: {
-    color: y.green,
-    icon: Dr
+  [R.success]: {
+    color: T.green,
+    icon: Wr
   },
-  [O.warning]: {
-    color: y.yellow,
-    icon: Yt
+  [R.warning]: {
+    color: T.yellow,
+    icon: Zt
   }
-}, Qe = (e) => {
+}, rt = (e) => {
   const {
-    children: t,
-    className: r,
+    children: r,
+    className: t,
     hasBackground: n,
     kind: a,
-    icon: o,
-    closeButtonProps: s,
+    icon: s,
+    closeButtonProps: o,
     ref: i,
-    ...c
+    ...l
   } = e, {
-    color: u,
-    icon: l
-  } = Oa[a] || {}, {
-    onClick: d,
+    color: d,
+    icon: c
+  } = Ba[a] || {}, {
+    onClick: u,
     label: p
-  } = s || {}, h = n && a === "info" && d && p;
-  return f("div", g(c, {
+  } = o || {}, h = n && a === "info" && u && p;
+  return f("div", v(l, {
     ref: i,
-    className: N(r, Ia({
-      [`color-${u}`]: !!u,
+    className: _(t, Ra({
+      [`color-${d}`]: !!d,
       "has-background": n
     }))
-  }), [(o || l) && E({
-    className: De("icon"),
-    icon: o || l,
-    size: C.xs,
-    color: u
+  }), [(s || c) && M({
+    className: Ue("icon"),
+    icon: s || c,
+    size: x.xs,
+    color: d
   }), f("div", {
-    className: De("text")
-  }, [t]), h && G({
-    className: De("close-button"),
-    icon: Fr,
-    onClick: d,
+    className: Ue("text")
+  }, [r]), h && K({
+    className: Ue("close-button"),
+    icon: zr,
+    onClick: u,
     label: p,
     emphasis: q.low
   })]);
 };
-Qe.displayName = Ca;
-Qe.className = yr;
-const eo = /* @__PURE__ */ S((e, {
-  slots: t,
-  emit: r
+rt.displayName = Ea;
+rt.className = Tr;
+const bo = /* @__PURE__ */ S((e, {
+  slots: r,
+  emit: t
 }) => {
   const n = P(), {
     closeButtonLabel: a
   } = e;
-  return () => f(Qe, g(e, n, {
+  return () => f(rt, v(e, n, {
     className: e.class,
-    children: t.default?.(),
+    children: r.default?.(),
     closeButtonProps: a ? {
       label: a,
-      onClick: () => r("close")
+      onClick: () => t("close")
     } : void 0
   }), null);
 }, {
@@ -1532,21 +1531,262 @@ const eo = /* @__PURE__ */ S((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: k()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
+}), vo = "Switch", Ma = "lumx-switch", {
+  block: qa,
+  element: j
+} = w(Ma), La = {
+  position: "left"
+}, Da = (e) => {
+  const {
+    checked: r,
+    className: t,
+    helper: n,
+    id: a,
+    inputRef: s,
+    isChecked: o = r,
+    label: i,
+    name: l,
+    ref: d,
+    onChange: c,
+    theme: u,
+    value: p,
+    inputProps: h = {},
+    isDisabled: b,
+    inputId: m,
+    position: A = La.position,
+    ...C
+  } = e, N = ($) => {
+    c && c(!o, p, l, $);
+  };
+  return f("div", v({
+    ref: d
+  }, C, {
+    className: _(t, qa({
+      "is-checked": o,
+      "is-disabled": b,
+      "is-unchecked": !o,
+      [`position-${A}`]: !!A,
+      [`theme-${u}`]: !!u
+    }))
+  }), [f("div", {
+    className: j("input-wrapper")
+  }, [f("input", v({
+    ref: s,
+    type: "checkbox",
+    role: "switch",
+    id: m,
+    className: j("input-native"),
+    name: l,
+    value: p,
+    checked: !!o,
+    onChange: N,
+    "aria-describedby": n ? `${m}-helper` : void 0,
+    "aria-checked": !!o
+  }, h?.readOnly ? {
+    readOnly: h.readOnly
+  } : {}, h), null), f("div", {
+    className: j("input-placeholder")
+  }, [f("div", {
+    className: j("input-background")
+  }, null), f("div", {
+    className: j("input-indicator")
+  }, null)])]), f("div", {
+    className: j("content")
+  }, [i && L({
+    htmlFor: m,
+    className: j("label"),
+    theme: u,
+    children: i
+  }), n && D({
+    id: `${m}-helper`,
+    className: j("helper"),
+    theme: u,
+    children: n
+  })])]);
+}, Fa = {
+  change: (e, r, t, n) => typeof e == "boolean" && n instanceof Event
+}, go = /* @__PURE__ */ S((e, {
+  emit: r,
+  slots: t
+}) => {
+  const n = P(), a = I(), s = tt(), o = y(() => e.id || s), {
+    isAnyDisabled: i,
+    disabledStateProps: l,
+    otherProps: d
+  } = H(y(() => ({
+    ...e,
+    ...n
+  }))), c = (u, p, h, b) => {
+    i.value || (b.stopImmediatePropagation(), r("change", u, p, h, b));
+  };
+  return () => f(Da, v(d.value, {
+    className: e.class,
+    theme: e.theme || a,
+    inputId: o.value,
+    isDisabled: i.value,
+    onChange: c,
+    label: e.label || t.default?.(),
+    inputProps: {
+      ...e.inputProps,
+      ...l.value,
+      readOnly: i.value
+    }
+  }), null);
+}, {
+  name: "LumxSwitch",
+  inheritAttrs: !1,
+  // Redefine properties so that they come in as `props` on the `defineComponent` function
+  props: k()("checked", "class", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
+  emits: Fa
+}), Ga = "lumx-radio-button", {
+  block: Va,
+  element: E
+} = w(Ga), Ua = (e) => {
+  const {
+    checked: r,
+    className: t,
+    helper: n,
+    id: a,
+    inputRef: s,
+    isChecked: o = r,
+    label: i,
+    name: l,
+    ref: d,
+    onChange: c,
+    theme: u,
+    value: p,
+    inputProps: h = {},
+    isDisabled: b,
+    inputId: m,
+    ...A
+  } = e, C = (N) => {
+    c && c(p, l, N);
+  };
+  return f("div", v({
+    ref: d
+  }, A, {
+    className: _(t, Va({
+      "is-checked": o,
+      "is-disabled": b,
+      "is-unchecked": !o,
+      [`theme-${u}`]: !!u
+    }))
+  }), [f("div", {
+    className: E("input-wrapper")
+  }, [f("input", v({
+    ref: s,
+    className: E("input-native"),
+    id: m,
+    type: "radio",
+    name: l,
+    value: p,
+    checked: o,
+    onChange: C,
+    "aria-describedby": n ? `${m}-helper` : void 0
+  }, h?.readOnly ? {
+    readOnly: h.readOnly
+  } : {}, h), null), f("div", {
+    className: E("input-placeholder")
+  }, [f("div", {
+    className: E("input-background")
+  }, null), f("div", {
+    className: E("input-indicator")
+  }, null)])]), f("div", {
+    className: E("content")
+  }, [i && L({
+    htmlFor: m,
+    className: E("label"),
+    theme: u,
+    children: i
+  }), n && D({
+    id: `${m}-helper`,
+    className: E("helper"),
+    theme: u,
+    children: n
+  })])]);
+}, Wa = {
+  change: (e, r, t) => t instanceof Event
+}, yo = /* @__PURE__ */ S((e, {
+  emit: r
+}) => {
+  const t = P(), n = I(), a = tt(), s = y(() => e.id || a), {
+    isAnyDisabled: o,
+    disabledStateProps: i,
+    otherProps: l
+  } = H(y(() => ({
+    ...e,
+    ...t
+  }))), d = (c, u, p) => {
+    o.value || (p?.stopImmediatePropagation?.(), r("change", c, u, p));
+  };
+  return () => f(Ua, v(l.value, {
+    className: e.class,
+    theme: e.theme || n,
+    inputId: s.value,
+    isDisabled: o.value,
+    onChange: d,
+    label: e.label,
+    inputProps: {
+      ...e.inputProps,
+      ...i.value,
+      readOnly: i.value["aria-disabled"]
+    }
+  }), null);
+}, {
+  name: "RadioButton",
+  inheritAttrs: !1,
+  // Redefine properties so that they come in as `props` on the `defineComponent` function
+  props: k()("checked", "class", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
+  emits: Wa
+}), za = "RadioGroup", _r = "lumx-radio-group", Ha = {}, oe = (e) => {
+  const {
+    children: r,
+    className: t,
+    ref: n,
+    ...a
+  } = e;
+  return f("div", v({
+    ref: n
+  }, a, {
+    className: _(t, _r)
+  }), [r]);
+};
+oe.displayName = za;
+oe.className = _r;
+oe.defaultProps = Ha;
+const Ao = /* @__PURE__ */ S((e, {
+  slots: r
+}) => {
+  const t = P();
+  return () => f(oe, v(e, t, {
+    className: e.class,
+    children: r.default?.()
+  }), null);
+}, {
+  name: "RadioGroup",
+  inheritAttrs: !1,
+  props: k()("class")
 });
 export {
-  Ua as Button,
-  za as ButtonGroup,
-  Ha as Checkbox,
-  Ka as Flag,
-  Ya as FlexBox,
-  Ja as Heading,
-  Xa as HeadingLevelProvider,
-  Ve as Icon,
-  Wa as IconButton,
-  Qa as InputHelper,
-  Za as InputLabel,
-  eo as Message,
-  Xe as Text,
-  gr as useHeadingLevel
+  oo as Button,
+  io as ButtonGroup,
+  Ma as CLASSNAME,
+  vo as COMPONENT_NAME,
+  lo as Checkbox,
+  La as DEFAULT_PROPS,
+  co as Flag,
+  uo as FlexBox,
+  fo as Heading,
+  po as HeadingLevelProvider,
+  ze as Icon,
+  so as IconButton,
+  ho as InputHelper,
+  mo as InputLabel,
+  bo as Message,
+  yo as RadioButton,
+  Ao as RadioGroup,
+  go as Switch,
+  et as Text,
+  Sr as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map