@lumx/vue 4.3.1 → 4.3.2-alpha.0

package/index.js

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