@lumx/vue 4.3.2-alpha.1 → 4.3.2-alpha.2

package/index.js

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