@lumx/vue 4.3.1 → 4.3.2-alpha.1

package/index.js

@@ -1,174 +1,365 @@
-import { ColorVariant as xr, Theme as Ir } from '@lumx/core/js/constants/index.js';
+import { ColorVariant as Ir, Theme as Er } 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';
+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 { 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 Qe(e) {
+function Ze(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 e = Object.prototype;
-  function r(t) {
-    var n = t && t.constructor, a = typeof n == "function" && n.prototype || e;
-    return t === a;
-  }
-  return ie = r, ie;
+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 le, ot;
-function Kr() {
-  if (ot) return le;
-  ot = 1;
-  function e(r, t) {
-    return function(n) {
-      return r(t(n));
-    };
+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 le = e, le;
-}
-var ce, st;
-function Yr() {
-  if (st) return ce;
-  st = 1;
-  var e = Kr(), r = e(Object.keys, Object);
-  return ce = r, ce;
-}
-var ue, it;
-function Jr() {
-  if (it) return ue;
+  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 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 = Object.prototype;
+  function t(r) {
+    var n = r && r.constructor, a = typeof n == "function" && n.prototype || e;
+    return r === a;
   }
-  return ue = a, ue;
+  return ce = t, ce;
 }
-var de, lt;
-function tr() {
-  if (lt) return de;
+var ue, lt;
+function un() {
+  if (lt) return ue;
   lt = 1;
-  var e = typeof X == "object" && X && X.Object === Object && X;
-  return de = e, de;
+  function e(t, r) {
+    return function(n) {
+      return t(r(n));
+    };
+  }
+  return ue = e, ue;
 }
-var fe, ct;
-function B() {
-  if (ct) return fe;
+var de, ct;
+function dn() {
+  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 = un(), t = e(Object.keys, Object);
+  return de = t, de;
 }
-var pe, ut;
-function rr() {
-  if (ut) return pe;
+var fe, ut;
+function fn() {
+  if (ut) return fe;
   ut = 1;
-  var e = B(), r = e.Symbol;
-  return pe = r, pe;
+  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;
+  }
+  return fe = a, fe;
 }
-var he, dt;
-function Xr() {
-  if (dt) return he;
+var pe, dt;
+function ir() {
+  if (dt) return pe;
   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];
+  var e = typeof X == "object" && X && X.Object === Object && X;
+  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 me, pt;
+function lr() {
+  if (pt) return me;
+  pt = 1;
+  var e = R(), t = e.Symbol;
+  return me = t, 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];
     try {
-      o[a] = void 0;
+      s[a] = void 0;
       var d = !0;
     } catch {
     }
-    var c = n.call(o);
-    return d && (i ? o[a] = l : delete o[a]), c;
+    var c = n.call(s);
+    return d && (i ? s[a] = l : delete s[a]), c;
   }
-  return he = s, he;
+  return be = o, be;
 }
-var me, ft;
-function Qr() {
-  if (ft) return me;
-  ft = 1;
-  var e = Object.prototype, r = e.toString;
-  function t(n) {
-    return r.call(n);
+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);
   }
-  return me = t, me;
+  return ve = r, ve;
 }
-var be, pt;
-function re() {
-  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 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);
   }
-  return be = o, be;
+  return ge = s, ge;
 }
-var ve, ht;
-function nr() {
-  if (ht) return ve;
-  ht = 1;
-  function e(r) {
-    var t = typeof r;
-    return r != null && (t == "object" || t == "function");
+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");
   }
-  return ve = e, ve;
+  return ye = e, ye;
 }
-var ge, mt;
-function ar() {
-  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 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))
       return !1;
     var l = e(i);
-    return l == n || l == a || l == t || l == s;
+    return l == n || l == a || l == r || l == o;
   }
-  return ge = o, ge;
+  return Ne = s, Ne;
 }
-var ye, bt;
-function Zr() {
-  if (bt) return ye;
-  bt = 1;
-  var e = B(), r = e["__core-js_shared__"];
-  return ye = r, ye;
+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, vt;
-function en() {
-  if (vt) return Ae;
-  vt = 1;
-  var e = Zr(), r = (function() {
+var Se, Nt;
+function bn() {
+  if (Nt) return Se;
+  Nt = 1;
+  var e = mn(), t = (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;
+  function r(n) {
+    return !!t && t in n;
   }
-  return Ae = t, Ae;
+  return Se = r, Se;
 }
-var Ne, gt;
-function or() {
-  if (gt) return Ne;
-  gt = 1;
-  var e = Function.prototype, r = e.toString;
-  function t(n) {
+var ke, At;
+function dr() {
+  if (At) return ke;
+  At = 1;
+  var e = Function.prototype, t = e.toString;
+  function r(n) {
     if (n != null) {
       try {
-        return r.call(n);
+        return t.call(n);
       } catch {
       }
       try {
@@ -178,564 +369,442 @@ function or() {
     }
     return "";
   }
-  return Ne = t, Ne;
+  return ke = r, ke;
 }
-var Se, yt;
-function tn() {
-  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(
+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(
     "^" + l.call(d).replace(a, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
-  function u(p) {
-    if (!t(p) || r(p))
+  function f(p) {
+    if (!r(p) || t(p))
       return !1;
-    var h = e(p) ? c : s;
+    var h = e(p) ? c : o;
     return h.test(n(p));
   }
-  return Se = u, Se;
+  return Te = f, Te;
 }
-var Te, At;
-function rn() {
-  if (At) return Te;
-  At = 1;
-  function e(r, t) {
-    return r?.[t];
+var $e, kt;
+function gn() {
+  if (kt) return $e;
+  kt = 1;
+  function e(t, r) {
+    return t?.[r];
   }
-  return Te = e, Te;
+  return $e = e, $e;
 }
-var _e, Nt;
+var Pe, Tt;
 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;
+  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;
   }
-  return _e = t, _e;
+  return Pe = r, Pe;
 }
-var ke, St;
-function nn() {
-  if (St) return ke;
-  St = 1;
-  var e = W(), r = B(), t = e(r, "DataView");
-  return ke = t, ke;
+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 Pe, Tt;
-function an() {
-  if (Tt) return Pe;
-  Tt = 1;
-  var e = W(), r = B(), t = e(r, "Map");
-  return Pe = t, Pe;
+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, _t;
-function on() {
+function An() {
   if (_t) return Ce;
   _t = 1;
-  var e = W(), r = B(), t = e(r, "Promise");
-  return Ce = t, Ce;
+  var e = W(), t = R(), r = e(t, "Promise");
+  return Ce = r, 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, wt;
+function Sn() {
+  if (wt) return xe;
+  wt = 1;
+  var e = W(), t = R(), r = e(t, "Set");
+  return xe = r, xe;
 }
-var xe, Ct;
-function cn() {
-  if (Ct) return xe;
+var Oe, Ct;
+function kn() {
+  if (Ct) return Oe;
   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) : "";
+  var e = W(), t = R(), r = e(t, "WeakMap");
+  return Oe = r, Oe;
+}
+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) {
         case h:
           return p;
-        case b:
+        case v:
           return i;
-        case m:
+        case b:
           return d;
-        case A:
+        case $:
           return c;
-        case C:
-          return u;
+        case w:
+          return f;
       }
     return F;
-  }), xe = N, xe;
+  }), je = P, je;
 }
-var Ie, wt;
-function Ze() {
-  if (wt) return Ie;
-  wt = 1;
-  function e(r) {
-    return r != null && typeof r == "object";
+var Ie, Ot;
+function et() {
+  if (Ot) return Ie;
+  Ot = 1;
+  function e(t) {
+    return t != null && typeof t == "object";
   }
   return Ie = e, Ie;
 }
-var Oe, $t;
-function un() {
-  if ($t) return Oe;
-  $t = 1;
-  var e = re(), r = Ze(), t = "[object Arguments]";
+var Ee, jt;
+function $n() {
+  if (jt) return Ee;
+  jt = 1;
+  var e = ne(), t = et(), r = "[object Arguments]";
   function n(a) {
-    return r(a) && e(a) == t;
+    return t(a) && e(a) == r;
   }
-  return Oe = n, Oe;
+  return Ee = n, Ee;
 }
-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 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() {
     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 Be = o, Be;
 }
-var Ee, It;
-function sr() {
-  if (It) return Ee;
-  It = 1;
+var Re, Et;
+function fr() {
+  if (Et) return Re;
+  Et = 1;
   var e = Array.isArray;
-  return Ee = e, Ee;
+  return Re = e, Re;
 }
-var Re, Ot;
-function ir() {
-  if (Ot) return Re;
-  Ot = 1;
+var Me, Bt;
+function pr() {
+  if (Bt) return Me;
+  Bt = 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;
-}
-var Be, jt;
-function fn() {
-  if (jt) return Be;
-  jt = 1;
-  var e = ar(), r = ir();
-  function t(n) {
-    return n != null && r(n.length) && !e(n);
+  return Me = t, Me;
+}
+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);
   }
-  return Be = t, Be;
+  return Le = r, Le;
 }
-var V = { exports: {} }, Me, Et;
-function pn() {
-  if (Et) return Me;
-  Et = 1;
+var G = { exports: {} }, qe, Mt;
+function wn() {
+  if (Mt) return qe;
+  Mt = 1;
   function e() {
     return !1;
   }
-  return Me = e, Me;
+  return qe = e, qe;
 }
-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;
+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;
     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)];
+  })(G, G.exports)), G.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)];
   }
-  return qe = $r, qe;
+  return De = jr, De;
 }
-var Le, Mt;
-function bn() {
-  if (Mt) return Le;
-  Mt = 1;
-  function e(r) {
-    return function(t) {
-      return r(t);
+var Fe, Dt;
+function On() {
+  if (Dt) return Fe;
+  Dt = 1;
+  function e(t) {
+    return function(r) {
+      return t(r);
     };
   }
-  return Le = e, Le;
+  return Fe = e, Fe;
 }
 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() {
+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() {
       try {
         var l = a && a.require && a.require("util").types;
-        return l || o && o.binding && o.binding("util");
+        return l || s && s.binding && s.binding("util");
       } catch {
       }
     })();
     e.exports = i;
   })(U, U.exports)), U.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 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;
+  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;
   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 v = t(h);
+    if (v == l || v == d)
       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 b in h)
+      if (f.call(h, b))
         return !1;
     return !0;
   }
-  return Fe = p, Fe;
-}
-var An = yn();
-const Ft = /* @__PURE__ */ Qe(An), Q = {
-  light: "light",
-  dark: "dark"
-}, x = {
-  xxs: "xxs",
-  xs: "xs",
-  s: "s",
-  m: "m",
-  xl: "xl",
-  xxl: "xxl"
-}, Nn = {
-  horizontal: "horizontal"
-}, q = {
-  low: "low",
-  high: "high"
-}, Sn = {
-  overline: "overline",
-  caption: "caption",
-  body1: "body1",
-  body2: "body2",
-  subtitle1: "subtitle1",
-  subtitle2: "subtitle2",
-  title: "title",
-  headline: "headline",
-  display1: "display1"
-}, G = {
-  ...Sn
-}, R = {
-  info: "info",
-  success: "success",
-  warning: "warning",
-  error: "error"
-}, T = {
-  primary: "primary",
-  blue: "blue",
-  dark: "dark",
-  green: "green",
-  yellow: "yellow",
-  red: "red",
-  light: "light"
-};
-var Ge = { exports: {} };
-var Gt;
-function Tn() {
-  return Gt || (Gt = 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;
-    })();
-  })(Ge)), Ge.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];
-}
-function kn(e, r, t) {
-  const [n, a = xr.N] = lr(r, t);
-  return `lumx-color-${e}-${n}-${a}`;
-}
-const Pn = (e, r) => kn("font", e, r);
-function cr(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 Z(e, r, t) {
-  let n, a;
-  return Array.isArray(r) ? a = r : (n = r, a = t), !n && !a ? e : _(
-    // Additional classes
-    a,
-    // Base class
-    e,
-    // Modifier(s)
-    n ? ur(e, n) : null
-  );
-}
-function Vt(e, r, t, n) {
-  return Array.isArray(t) ? Z(`${e}__${r}`, t) : Z(`${e}__${r}`, t, n);
-}
-function w(e) {
-  function r(n, a) {
-    return Array.isArray(n) ? Z(e, n) : Z(e, n, a);
-  }
-  function t(n, a, s) {
-    return Array.isArray(a) ? Vt(e, n, a) : Vt(e, n, a, s);
-  }
-  return {
-    block: r,
-    element: t,
-    modifier: (n) => ur(e, n)
-  };
+  return Ge = p, Ge;
 }
-function Cn(e) {
+var Bn = En();
+const Ut = /* @__PURE__ */ Ze(Bn);
+function Rn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const wn = (e) => {
+const Mn = (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;
+  } = e, l = a || o === "true" || o === !0, d = s;
   let c;
   return d === "button" ? c = {
     type: i.type || "button",
     disabled: a
   } : c = {
     tabIndex: a ? "-1" : i.tabIndex
-  }, f(d, v({
+  }, u(d, m({
     "aria-disabled": l || void 0
   }, i, c, {
-    onClick: (u) => {
+    onClick: (f) => {
       if (l) {
-        u.stopPropagation(), u.preventDefault();
+        f.stopPropagation(), f.preventDefault();
         return;
       }
-      t?.(u);
+      r?.(f);
     }
-  }), Cn(r) ? r : {
-    default: () => [r]
+  }), Rn(t) ? t : {
+    default: () => [t]
   });
-}, $n = "ButtonRoot", xn = "lumx-button-wrapper", {
-  block: In
-} = w(xn), On = "lumx-button", {
-  block: jn
-} = w(On), En = (e) => {
+}, Ln = "ButtonRoot", qn = "lumx-button-wrapper", {
+  block: Dn
+} = T(qn), Fn = "lumx-button", {
+  block: Vn
+} = T(Fn), Gn = (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 === L.low && (t === _.light ? _.dark : _.light), s = Dn({
+    [`color-${o}`]: !!o,
     [`variant-${n}`]: !!n,
     "is-full-width": a
   }), i = {
     ...e,
     hasBackground: !1
   };
-  return f("div", {
-    className: o
+  return u("div", {
+    className: s
   }, [z(i)]);
 }, z = (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,
+    isHovered: f,
     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: v = Q.light,
+    variant: b,
+    fullWidth: $,
+    ref: w,
+    ...P
+  } = e, x = o || s !== L.high && v === Q.dark && _.light || s === L.high && _.primary || _.dark;
   if (i)
-    return En({
+    return Gn({
       ...e,
-      ref: C,
-      variant: m,
-      color: $
+      ref: w,
+      variant: b,
+      color: x
     });
-  const F = _(a, jn({
-    [`color-${$}`]: !!$,
-    [`emphasis-${o}`]: !!o,
+  const F = N(a, Vn({
+    [`color-${x}`]: !!x,
+    [`emphasis-${s}`]: !!s,
     "is-selected": l,
     "is-disabled": !!(e.isDisabled || e["aria-disabled"]),
     "is-active": d,
     "is-focused": c,
-    "is-hovered": u,
+    "is-hovered": f,
     [`size-${h}`]: !!h,
-    [`theme-${b}`]: !!(o === q.high && b),
-    [`variant-${m}`]: !!m,
-    "is-full-width": A
+    [`theme-${v}`]: !!(s === L.high && v),
+    [`variant-${b}`]: !!b,
+    "is-full-width": $
   }));
-  return wn({
-    as: p || (N.href ? "a" : "button"),
-    ...N,
-    "aria-disabled": t,
-    "aria-label": r,
-    ref: C,
+  return Mn({
+    as: p || (P.href ? "a" : "button"),
+    ...P,
+    "aria-disabled": r,
+    "aria-label": t,
+    ref: w,
     className: F,
     children: n
   });
 };
-z.displayName = $n;
+z.displayName = Ln;
 z.defaultProps = {};
-const Rn = "Button", dr = "lumx-button", {
-  modifier: Bn
-} = w(dr), We = {
-  emphasis: q.high,
-  size: x.m
-}, ne = (e) => {
+const Un = "Button", hr = "lumx-button", {
+  modifier: Wn
+} = T(hr), ze = {
+  emphasis: L.high,
+  size: O.m
+}, ae = (e) => {
   const {
-    className: r,
-    emphasis: t = We.emphasis,
+    className: t,
+    emphasis: r = ze.emphasis,
     leftIcon: n,
     rightIcon: a,
-    size: s = We.size,
-    ...o
-  } = e, i = _(r, Bn({
+    size: o = ze.size,
+    ...s
+  } = e, i = N(t, Wn({
     "has-left-icon": !!n,
     "has-right-icon": !!a
   }));
   return z({
-    emphasis: t,
-    size: s,
-    ...o,
+    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;
+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 Mn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function qn() {
-  return Je(Mn, { state: null });
+const zn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Hn() {
+  return Xe(zn, { 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
+  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
     });
-  }), 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 = 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;
+    return n.value || (c && (p.onClick = c), f && (p.onChange = f)), p;
   });
-  return { disabledStateProps: t, isAnyDisabled: n, otherProps: a };
+  return { disabledStateProps: r, isAnyDisabled: n, otherProps: a };
 }
-const k = () => (...e) => e, Ut = S({
+const Wt = y({
   name: "ResetTheme",
-  setup(e, { slots: r }) {
-    return Yt("theme", void 0), () => r.default?.();
+  setup(e, { slots: t }) {
+    return Jt("theme", void 0), () => t.default?.();
   }
-}), Ln = "Icon", Dn = "lumx-icon", fr = Dn, {
-  block: Fn
-} = w(fr), Gn = {}, M = (e) => {
+}), Kn = "Icon", Yn = "lumx-icon", mr = Yn, {
+  block: Jn
+} = T(mr), Xn = {}, M = (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);
-  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({
+    ...f
+  } = e, [p, h] = tr(r, n);
+  let v = p;
+  !v && (a || l) && (v = l === Q.dark ? _.light : _.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({
     ref: i
-  }, u, {
-    className: _(r, Fn({
-      [`color-${b}`]: !!b,
-      [`color-variant-${m}`]: !!m,
+  }, f, {
+    className: N(t, Jn({
+      [`color-${v}`]: !!v,
+      [`color-variant-${b}`]: !!b,
       "has-shape": a,
       [`theme-${l}`]: !!l,
-      [`size-${A}`]: !!A,
+      [`size-${$}`]: !!$,
       "no-shape": !a,
-      "has-dark-layer": !a && b === T.yellow && s === Zt,
+      "has-dark-layer": !a && v === _.yellow && o === er,
       path: !0,
       "vertical-align-middle": c === "middle"
     }))
-  }), [f("svg", {
+  }), [u("svg", {
     "aria-hidden": d ? void 0 : "true",
     role: d ? "img" : void 0,
     "aria-label": d,
@@ -746,50 +815,50 @@ const k = () => (...e) => e, Ut = S({
     },
     viewBox: "0 0 24 24",
     width: "1em"
-  }, [f("path", {
-    d: s,
+  }, [u("path", {
+    d: o,
     fill: "currentColor"
   }, null)])]);
 };
-M.displayName = Ln;
-M.className = fr;
-M.defaultProps = Gn;
-const ze = /* @__PURE__ */ S((e) => {
-  const r = P(), t = I({
+M.displayName = Kn;
+M.className = mr;
+M.defaultProps = Xn;
+const He = /* @__PURE__ */ y((e) => {
+  const t = S(), r = C({
     defaultTheme: void 0
   });
-  return () => f(M, v(e, r, {
+  return () => u(M, m(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) => {
+  props: A()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
+}), Qn = "lumx-text", {
+  block: Zn
+} = T(Qn), ea = (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 && {
+  } = e, d = typeof s == "object" && s.lines > 1 && {
+    "--lumx-text-truncate-lines": s.lines
+  }, c = !!d, f = !!s, p = !a && !(f && !c) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: _(r, Un({
-      "is-truncated": u && !c,
+    className: N(t, Zn({
+      "is-truncated": f && !c,
       "is-truncated-multiline": c,
       "no-wrap": a
-    }), s && cr(s), t && Pn(t, n)),
+    }), o && rr(o), r && rn(r, n)),
     style: {
       ...d,
       ...p,
@@ -797,67 +866,67 @@ const ze = /* @__PURE__ */ S((e) => {
     }
   };
 };
-function pr(e, r) {
-  return Or() ? (jr(e, r), !0) : !1;
+function br(e, t) {
+  return Br() ? (Rr(e, t), !0) : !1;
 }
-const zn = typeof window < "u" && typeof document < "u";
+const ta = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Hn = (e) => e != null;
-function Kn(e) {
+const ra = (e) => e != null;
+function na(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 vr = ta ? window : void 0;
+function Ke(e) {
+  var t;
+  const r = Qe(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 aa() {
+  const e = Mr(!1), t = Lr();
+  return t && qr(() => {
     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 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);
+    return new Set(f);
+  }), (f) => {
+    i(), s.value && f.size && (o = new MutationObserver(t), f.forEach((p) => o.observe(p, a)));
   }, {
     immediate: !0,
     flush: "post"
-  }), d = () => s?.takeRecords(), c = () => {
+  }), d = () => o?.takeRecords(), c = () => {
     l(), i();
   };
-  return pr(c), {
-    isSupported: o,
+  return br(c), {
+    isSupported: s,
     stop: c,
     takeRecords: d
   };
 }
-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)];
+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)];
   }), (c) => {
-    if (i(), o.value && n) {
-      s = new ResizeObserver(r);
-      for (const u of c) u && s.observe(u, a);
+    if (i(), s.value && n) {
+      o = new ResizeObserver(t);
+      for (const f of c) f && o.observe(f, a);
     }
   }, {
     immediate: !0,
@@ -865,86 +934,86 @@ function Xn(e, r, t = {}) {
   }), d = () => {
     i(), l();
   };
-  return pr(d), {
-    isSupported: o,
+  return br(d), {
+    isSupported: s,
     stop: d
   };
 }
-function Qn(e) {
-  const r = Jt(void 0), t = () => {
+function ia(e) {
+  const t = Xt(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(`.${Ur.visuallyHidden()}`) && n.offsetWidth < n.scrollWidth ? t.value = n.innerText : t.value = void 0;
   };
-  return Jn(e, t, {
+  return oa(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), Xn(e, t), te(e, t, { immediate: !0 }), { tooltipLabel: r };
+  }), sa(e, r), te(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const Zn = (e = "default") => {
-  const r = Xt();
+const la = (e = "default") => {
+  const t = Qt();
   return () => {
-    const t = r?.[e];
-    return t ? t() : null;
+    const r = t?.[e];
+    return r ? r() : null;
   };
 };
-function Ke(e) {
+function Ye(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 (!ee(r)) {
+      t.push(r);
       continue;
     }
-    if (t.type === ze) {
-      r.push(" "), r.push(t), r.push(" ");
+    if (r.type === He) {
+      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 === Zt && Array.isArray(r.children)) {
+      const n = Ye(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 = 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));
       continue;
     }
-    r.push(t);
+    t.push(r);
   }
-  return r;
+  return t;
 }
-function ea(e) {
+function ca(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const et = /* @__PURE__ */ S((e, {
-  slots: r
+const tt = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P(), n = Zn(), a = Mr("tooltip-label"), {
-    tooltipLabel: s
-  } = Qn(a), o = y(() => Wn({
+  const r = S(), n = la(), a = Dr("tooltip-label"), {
+    tooltipLabel: o
+  } = ia(a), s = k(() => ea({
     ...e,
-    className: e.class || t.class || t.className
-  })), i = y(() => {
+    className: e.class || r.class || r.className
+  })), i = k(() => {
     const {
       children: l,
       ...d
-    } = t;
+    } = r;
     return {
       ...d,
-      ...o.value
+      ...s.value
     };
   });
   return () => {
-    const l = e.as || "div", d = n() || r.default?.(), c = d ? Ke(d) : null;
-    return f(l, v({
+    const l = e.as || "div", d = n() || t.default?.(), c = d ? Ye(d) : null;
+    return u(l, m({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
-      title: s.value
-    }), ea(c) ? c : {
+      title: o.value
+    }), ca(c) ? c : {
       default: () => [c]
     });
   };
@@ -952,36 +1021,36 @@ const et = /* @__PURE__ */ S((e, {
   name: "LumxText",
   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 = {
+  props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), ua = {
   click: (e) => e instanceof MouseEvent
-}, oo = /* @__PURE__ */ S((e, {
-  emit: r
+}, Io = /* @__PURE__ */ y((e, {
+  emit: t
 }) => {
-  const t = Xt(), n = P(), a = I(), {
-    isAnyDisabled: s,
-    disabledStateProps: o,
+  const r = Qt(), n = S(), a = C(), {
+    isAnyDisabled: o,
+    disabledStateProps: s,
     otherProps: i
-  } = H(y(() => ({
+  } = H(k(() => ({
     ...e,
     ...n
   }))), l = (c) => {
-    s.value || (c.stopImmediatePropagation(), r("click", c));
+    o.value || (c.stopImmediatePropagation(), t("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]);
+    const c = r.default?.();
+    return !c || c.length === 0 ? null : c.length === 1 && c[0].type === tt ? c[0] : u("span", null, [c]);
   };
   return () => {
-    const c = f(Qt, null, [e.leftIcon && !Ft(e.leftIcon) && f(Ut, null, {
-      default: () => [f(ze, {
+    const c = u(Zt, null, [e.leftIcon && !Ut(e.leftIcon) && u(Wt, null, {
+      default: () => [u(He, {
         icon: e.leftIcon
       }, null)]
-    }), d(), e.rightIcon && !Ft(e.rightIcon) && f(Ut, null, {
-      default: () => [f(ze, {
+    }), d(), e.rightIcon && !Ut(e.rightIcon) && u(Wt, null, {
+      default: () => [u(He, {
         icon: e.rightIcon
       }, null)]
     })]);
-    return f(ne, v(i.value, o.value, {
+    return u(ae, m(i.value, s.value, {
       className: e.class,
       theme: e.theme || a,
       onClick: l,
@@ -992,53 +1061,53 @@ const et = /* @__PURE__ */ S((e, {
   name: "LumxButton",
   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 = {
-  emphasis: q.high,
-  size: x.m
+  props: A()("leftIcon", "rightIcon", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-expanded", "aria-disabled", "aria-haspopup", "aria-label", "aria-pressed", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "linkAs", "target", "type"),
+  emits: ua
+}), da = "IconButton", fa = "lumx-icon-button", Je = {
+  emphasis: L.high,
+  size: O.m
 }, K = (e) => {
   const {
-    emphasis: r = Ye.emphasis,
-    image: t,
+    emphasis: t = Je.emphasis,
+    image: r,
     icon: n,
     label: a,
-    size: s = Ye.size,
-    ...o
-  } = e, i = t ? f("img", {
+    size: o = Je.size,
+    ...s
+  } = e, i = r ? u("img", {
     alt: "",
-    src: t
+    src: r
   }, null) : M({
     icon: n
   });
   return z({
-    emphasis: r,
-    size: s,
-    ...o,
+    emphasis: t,
+    size: o,
+    ...s,
     "aria-label": a,
     variant: "icon",
     children: i
   });
 };
-K.displayName = ra;
-K.className = na;
-K.defaultProps = Ye;
-const aa = {
+K.displayName = da;
+K.className = fa;
+K.defaultProps = Je;
+const pa = {
   click: (e) => e instanceof MouseEvent
-}, so = /* @__PURE__ */ S((e, {
-  emit: r
+}, Eo = /* @__PURE__ */ y((e, {
+  emit: t
 }) => {
-  const t = P(), n = I(), {
+  const r = S(), n = C(), {
     isAnyDisabled: a,
-    disabledStateProps: s,
-    otherProps: o
-  } = H(y(() => ({
+    disabledStateProps: o,
+    otherProps: s
+  } = H(k(() => ({
     ...e,
-    ...t
+    ...r
   }))), i = (l) => {
-    a.value || (l.stopImmediatePropagation(), r("click", l));
+    a.value || (l.stopImmediatePropagation(), t("click", l));
   };
-  return () => f(K, v(o.value, s.value, {
+  return () => u(K, m(s.value, o.value, {
     className: e.class,
     theme: e.theme || n,
     title: e.label,
@@ -1048,197 +1117,197 @@ const aa = {
   name: "IconButton",
   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) => {
+  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) => {
   const {
-    children: r,
-    className: t,
+    children: t,
+    className: r,
     ...n
   } = e;
-  return f("div", v(n, {
-    className: _(t, br)
-  }), [r]);
+  return u("div", m(n, {
+    className: N(r, yr)
+  }), [t]);
 };
-ae.displayName = oa;
-ae.className = br;
-ae.defaultProps = sa;
-const io = /* @__PURE__ */ S((e, {
-  slots: r
+oe.displayName = ha;
+oe.className = yr;
+oe.defaultProps = ma;
+const Bo = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P();
-  return () => f(ae, v(e, t, {
+  const r = S();
+  return () => u(oe, m(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) {
+  props: A()("class")
+}), ba = "InputLabel", va = "lumx-input-label", Nr = va, {
+  block: ga
+} = T(Nr), ya = {};
+function q(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
   } = e;
-  return f("label", v({
+  return u("label", m({
     ref: i
   }, l, {
     htmlFor: n,
-    className: _(t, ca({
+    className: N(r, ga({
       "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 && 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
 };
 function D(e) {
   const {
-    children: r,
-    className: t,
-    kind: n = yr.kind,
+    children: t,
+    className: r,
+    kind: n = Sr.kind,
     theme: a,
-    ref: s,
-    ...o
+    ref: o,
+    ...s
   } = e, {
     color: i
-  } = da[n] || {};
-  return f("p", v({
-    ref: s
-  }, o, {
-    className: _(t, ha({
+  } = Na[n] || {};
+  return u("p", m({
+    ref: o
+  }, s, {
+    className: N(r, ka({
       [`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]);
+}
+D.displayName = Aa;
+D.className = Ar;
+D.defaultProps = Sr;
+const kr = "intermediate", Ta = "lumx-checkbox", {
+  block: $a,
+  element: j
+} = T(Ta), Pa = (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,
+    theme: f,
     value: p,
     inputProps: h = {},
-    isDisabled: b,
-    inputId: m,
-    ...A
-  } = e, C = o === Ar, N = ($) => {
-    c && c(!o, p, l, $);
+    isDisabled: v,
+    inputId: b,
+    ...$
+  } = e, w = s === kr, P = (x) => {
+    c && c(!s, p, l, x);
   };
-  return f("div", v({
+  return u("div", m({
     ref: d
-  }, A, {
-    className: _(t, ba({
+  }, $, {
+    className: N(r, $a({
       // Whether state is intermediate class name will "-checked"
-      "is-checked": C ? !0 : o,
-      "is-disabled": b,
-      "is-unchecked": !o,
-      [`theme-${u}`]: !!u
+      "is-checked": w ? !0 : s,
+      "is-disabled": v,
+      "is-unchecked": !s,
+      [`theme-${f}`]: !!f
     }))
-  }), [f("div", {
-    className: O("input-wrapper")
-  }, [f("input", v({
-    ref: s,
+  }), [u("div", {
+    className: j("input-wrapper")
+  }, [u("input", m({
+    ref: o,
     type: "checkbox",
-    id: m,
-    className: O("input-native"),
+    id: b,
+    className: j("input-native"),
     name: l,
     value: p,
-    checked: o,
-    onChange: N,
-    "aria-describedby": n ? `${m}-helper` : void 0,
-    "aria-checked": C ? "mixed" : !!o
+    checked: s,
+    onChange: P,
+    "aria-describedby": n ? `${b}-helper` : void 0,
+    "aria-checked": w ? "mixed" : !!s
   }, h?.readOnly ? {
     readOnly: h.readOnly
-  } : {}, h), null), f("div", {
-    className: O("input-placeholder")
-  }, [f("div", {
-    className: O("input-background")
-  }, null), f("div", {
-    className: O("input-indicator")
+  } : {}, h), null), u("div", {
+    className: j("input-placeholder")
+  }, [u("div", {
+    className: j("input-background")
+  }, null), u("div", {
+    className: j("input-indicator")
   }, [M({
-    icon: C ? Vr : Gr
-  })])])]), f("div", {
-    className: O("content")
-  }, [i && L({
-    htmlFor: m,
-    className: O("label"),
-    theme: u,
+    icon: w ? zr : Wr
+  })])])]), u("div", {
+    className: j("content")
+  }, [i && q({
+    htmlFor: b,
+    className: j("label"),
+    theme: f,
     children: i
   }), n && D({
-    id: `${m}-helper`,
-    className: O("helper"),
-    theme: u,
+    id: `${b}-helper`,
+    className: j("helper"),
+    theme: f,
     children: n
   })])]);
 };
-let Wt = 0;
-function tt() {
-  return Wt += 1, `:lumx${Wt}:`;
+let zt = 0;
+function rt() {
+  return zt += 1, `:lumx${zt}:`;
 }
-const ga = {
-  change: (e, r, t, n) => typeof e == "boolean" && n instanceof Event
-}, lo = /* @__PURE__ */ S((e, {
-  emit: r
+const _a = {
+  change: (e, t, r, n) => typeof e == "boolean" && n instanceof Event
+}, Ro = /* @__PURE__ */ y((e, {
+  emit: t
 }) => {
-  const t = P(), n = I(), a = tt(), s = y(() => e.id || a), o = Jt(null), {
+  const r = S(), n = C(), a = rt(), o = k(() => e.id || a), s = Xt(null), {
     isAnyDisabled: i,
     disabledStateProps: l,
     otherProps: d
-  } = H(y(() => ({
+  } = H(k(() => ({
     ...e,
-    ...t
-  }))), c = y(() => e.isChecked === Ar);
+    ...r
+  }))), c = k(() => e.isChecked === kr);
   te(c, (p) => {
-    o.value && (o.value.indeterminate = 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 f = (p, h, v, b) => {
+    i.value || (b?.stopImmediatePropagation?.(), t("change", p, h, v, b));
   };
-  return () => f(va, v(d.value, {
+  return () => u(Pa, m(d.value, {
     className: e.class,
     theme: e.theme || n,
-    inputId: s.value,
-    inputRef: o,
+    inputId: o.value,
+    inputRef: s,
     isDisabled: i.value,
-    onChange: u,
+    onChange: f,
     label: e.label,
     inputProps: {
       ...e.inputProps,
@@ -1250,543 +1319,690 @@ const ga = {
   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
+  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) => {
+  const {
+    className: t,
+    theme: r,
+    ref: n,
+    ...a
+  } = e;
+  return u("hr", m({
+    ref: n
+  }, a, {
+    className: N(t, Ca({
+      [`theme-${r}`]: !!r
+    }))
+  }), null);
+}, Mo = /* @__PURE__ */ y((e) => {
+  const t = S(), r = C();
+  return () => u(xa, m(t, e, {
+    className: e.class,
+    theme: e.theme || r
+  }), null);
+}, {
+  name: "LumxDivider",
+  inheritAttrs: !1,
+  // Redefine properties so that they come in as `props` on the `defineComponent` function
+  props: A()("class", "theme")
 });
-function ya(e) {
+function Oa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
-const Aa = "lumx-flag", {
-  block: Na,
-  element: zt
-} = w(Aa), Sa = (e) => {
+const ja = "lumx-flag", {
+  block: Ia,
+  element: Ht
+} = T(ja), Ea = (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({
+  } = e, d = n || (o === Q.light ? _.dark : _.light), c = !!s;
+  return u("div", m(l, {
+    className: N(a, Ia({
       [`color-${d}`]: !!d,
       "is-truncated": c
     }))
-  }), [t && M({
-    icon: t,
-    size: x.xxs,
-    className: zt("icon")
-  }), f(i, {
+  }), [r && M({
+    icon: r,
+    size: O.xxs,
+    className: Ht("icon")
+  }), u(i, {
     as: "span",
-    truncate: !!o,
+    truncate: !!s,
     typography: "overline",
-    className: zt("label")
-  }, ya(r) ? r : {
-    default: () => [r]
+    className: Ht("label")
+  }, Oa(t) ? t : {
+    default: () => [t]
   })]);
-}, co = /* @__PURE__ */ S((e, {
-  slots: r
+}, Lo = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P(), n = I();
-  return () => f(Sa, v(e, t, {
+  const r = S(), n = C();
+  return () => u(Ea, m(e, r, {
     className: e.class,
     theme: e.theme || n,
-    children: r.default?.(),
-    Text: et
+    children: t.default?.(),
+    Text: tt
   }), null);
 }, {
   name: "Flag",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: k()("color", "icon", "truncate", "theme", "class")
+  props: A()("color", "icon", "truncate", "theme", "class")
 });
-var Ve, Ht;
-function Ta() {
-  if (Ht) return Ve;
-  Ht = 1;
-  var e = sr();
-  function r() {
+var Ue, Kt;
+function Ba() {
+  if (Kt) return Ue;
+  Kt = 1;
+  var e = fr();
+  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 Ue = t, Ue;
 }
-var _a = Ta();
-const ka = /* @__PURE__ */ Qe(_a), Pa = "lumx-flex-box", {
-  block: Ca
-} = w(Pa);
-function wa(e) {
+var Ra = Ba();
+const Ma = /* @__PURE__ */ Ze(Ra), La = "lumx-flex-box", {
+  block: qa
+} = T(La);
+function Da(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);
+  } = e, f = d ?? (l || a || i ? Xr.horizontal : null);
   return {
     ...c,
-    className: _(r, Ca({
-      [`orientation-${u}`]: !!u,
+    className: N(t, qa({
+      [`orientation-${f}`]: !!f,
       [`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]))
+      "fill-space": r,
+      "no-shrink": s,
+      ...Object.fromEntries(Ma(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
     }))
   };
 }
-const uo = /* @__PURE__ */ S((e, {
-  slots: r
+const qo = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P();
+  const r = S();
   return () => {
-    const n = e.as || "div", a = wa({
+    const n = e.as || "div", a = Da({
       ...e,
-      ...t,
+      ...r,
       className: e.class
     });
-    return f(n, a, {
-      default: () => [r.default?.()]
+    return u(n, a, {
+      default: () => [t.default?.()]
     });
   };
 }, {
   name: "FlexBox",
   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";
+  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";
   return {
-    ...s,
-    as: o,
-    className: _(n, Ia),
-    typography: a || $a[o]
+    ...o,
+    as: s,
+    className: N(n, Ga),
+    typography: a || Fa[s]
   };
-}, Nr = /* @__PURE__ */ Symbol("HeadingLevelContext"), Sr = () => Je(Nr, xa), fo = /* @__PURE__ */ S((e, {
-  slots: r
+}, Tr = /* @__PURE__ */ Symbol("HeadingLevelContext"), $r = () => Xe(Tr, Va), Do = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P(), n = Sr(), a = y(() => {
+  const r = S(), n = $r(), a = k(() => {
     const {
-      className: s,
-      ...o
-    } = Oa({
-      ...t,
+      className: o,
+      ...s
+    } = Ua({
+      ...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 () => u(tt, 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
+  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
 }) => {
   const {
-    level: t
-  } = qr(e), n = Sr(), a = y(() => ja(t?.value, n.level)), s = y(() => `h${a.value}`), o = Lr({
+    level: r
+  } = Fr(e), n = $r(), a = k(() => Wa(r?.value, n.level)), o = k(() => `h${a.value}`), s = Vr({
     level: a,
-    headingElement: s
+    headingElement: o
   });
-  return Yt(Nr, o), () => r.default?.();
+  return Jt(Tr, s), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
-  props: k()("level")
-}), ho = /* @__PURE__ */ S((e, {
-  slots: r
+  props: A()("level")
+}), Vo = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P(), n = I();
-  return () => f(D, v(e, t, {
+  const r = S(), n = C();
+  return () => u(D, m(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
+  props: A()("kind", "theme", "class", "id")
+}), Go = /* @__PURE__ */ y((e, {
+  slots: t
 }) => {
-  const t = P(), n = I();
-  return () => f(L, v(e, t, {
+  const r = S(), n = C();
+  return () => u(q, m(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
-  },
-  [R.info]: {
-    color: T.blue,
+  props: A()("htmlFor", "isRequired", "typography", "theme", "class")
+}), za = "Message", Pr = "lumx-message", {
+  block: Ha,
+  element: We
+} = T(Pr), Ka = {
+  [B.error]: {
+    color: _.red,
     icon: Hr
   },
-  [R.success]: {
-    color: T.green,
-    icon: Wr
+  [B.info]: {
+    color: _.blue,
+    icon: Jr
+  },
+  [B.success]: {
+    color: _.green,
+    icon: Kr
   },
-  [R.warning]: {
-    color: T.yellow,
-    icon: Zt
+  [B.warning]: {
+    color: _.yellow,
+    icon: er
   }
-}, rt = (e) => {
+}, nt = (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
   } = e, {
     color: d,
     icon: c
-  } = Ba[a] || {}, {
-    onClick: u,
+  } = Ka[a] || {}, {
+    onClick: f,
     label: p
-  } = o || {}, h = n && a === "info" && u && p;
-  return f("div", v(l, {
+  } = s || {}, h = n && a === "info" && f && p;
+  return u("div", m(l, {
     ref: i,
-    className: _(t, Ra({
+    className: N(r, Ha({
       [`color-${d}`]: !!d,
       "has-background": n
     }))
-  }), [(s || c) && M({
-    className: Ue("icon"),
-    icon: s || c,
-    size: x.xs,
+  }), [(o || c) && M({
+    className: We("icon"),
+    icon: o || c,
+    size: O.xs,
     color: d
-  }), f("div", {
-    className: Ue("text")
-  }, [r]), h && K({
-    className: Ue("close-button"),
-    icon: zr,
-    onClick: u,
+  }), u("div", {
+    className: We("text")
+  }, [t]), h && K({
+    className: We("close-button"),
+    icon: Yr,
+    onClick: f,
     label: p,
-    emphasis: q.low
+    emphasis: L.low
   })]);
 };
-rt.displayName = Ea;
-rt.className = Tr;
-const bo = /* @__PURE__ */ S((e, {
-  slots: r,
-  emit: t
+nt.displayName = za;
+nt.className = Pr;
+const Uo = /* @__PURE__ */ y((e, {
+  slots: t,
+  emit: r
 }) => {
-  const n = P(), {
+  const n = S(), {
     closeButtonLabel: a
   } = e;
-  return () => f(rt, v(e, n, {
+  return () => u(nt, m(e, n, {
     className: e.class,
-    children: r.default?.(),
+    children: t.default?.(),
     closeButtonProps: a ? {
       label: a,
-      onClick: () => t("close")
+      onClick: () => r("close")
     } : void 0
   }), null);
 }, {
   name: "Message",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: k()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
+  props: A()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
-}), vo = "Switch", Ma = "lumx-switch", {
-  block: qa,
-  element: j
-} = w(Ma), La = {
-  position: "left"
-}, Da = (e) => {
+}), Ya = "lumx-radio-button", {
+  block: Ja,
+  element: I
+} = T(Ya), Xa = (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,
+    theme: f,
     value: p,
     inputProps: h = {},
-    isDisabled: b,
-    inputId: m,
-    position: A = La.position,
-    ...C
-  } = e, N = ($) => {
-    c && c(!o, p, l, $);
+    isDisabled: v,
+    inputId: b,
+    ...$
+  } = e, w = (P) => {
+    c && c(p, l, P);
   };
-  return f("div", v({
+  return u("div", m({
     ref: d
-  }, C, {
-    className: _(t, qa({
-      "is-checked": o,
-      "is-disabled": b,
-      "is-unchecked": !o,
-      [`position-${A}`]: !!A,
-      [`theme-${u}`]: !!u
+  }, $, {
+    className: N(r, Ja({
+      "is-checked": s,
+      "is-disabled": v,
+      "is-unchecked": !s,
+      [`theme-${f}`]: !!f
     }))
-  }), [f("div", {
-    className: j("input-wrapper")
-  }, [f("input", v({
-    ref: s,
-    type: "checkbox",
-    role: "switch",
-    id: m,
-    className: j("input-native"),
+  }), [u("div", {
+    className: I("input-wrapper")
+  }, [u("input", m({
+    ref: o,
+    className: I("input-native"),
+    id: b,
+    type: "radio",
     name: l,
     value: p,
-    checked: !!o,
-    onChange: N,
-    "aria-describedby": n ? `${m}-helper` : void 0,
-    "aria-checked": !!o
+    checked: s,
+    onChange: w,
+    "aria-describedby": n ? `${b}-helper` : void 0
   }, 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,
+  } : {}, h), null), u("div", {
+    className: I("input-placeholder")
+  }, [u("div", {
+    className: I("input-background")
+  }, null), u("div", {
+    className: I("input-indicator")
+  }, null)])]), u("div", {
+    className: I("content")
+  }, [i && q({
+    htmlFor: b,
+    className: I("label"),
+    theme: f,
     children: i
   }), n && D({
-    id: `${m}-helper`,
-    className: j("helper"),
-    theme: u,
+    id: `${b}-helper`,
+    className: I("helper"),
+    theme: f,
     children: n
   })])]);
-}, Fa = {
-  change: (e, r, t, n) => typeof e == "boolean" && n instanceof Event
-}, go = /* @__PURE__ */ S((e, {
-  emit: r,
-  slots: t
+}, Qa = {
+  change: (e, t, r) => r instanceof Event
+}, Wo = /* @__PURE__ */ y((e, {
+  emit: t
 }) => {
-  const n = P(), a = I(), s = tt(), o = y(() => e.id || s), {
-    isAnyDisabled: i,
-    disabledStateProps: l,
-    otherProps: d
-  } = H(y(() => ({
+  const r = S(), n = C(), a = rt(), o = k(() => e.id || a), {
+    isAnyDisabled: s,
+    disabledStateProps: i,
+    otherProps: l
+  } = H(k(() => ({
     ...e,
-    ...n
-  }))), c = (u, p, h, b) => {
-    i.value || (b.stopImmediatePropagation(), r("change", u, p, h, b));
+    ...r
+  }))), d = (c, f, p) => {
+    s.value || (p?.stopImmediatePropagation?.(), t("change", c, f, p));
   };
-  return () => f(Da, v(d.value, {
+  return () => u(Xa, m(l.value, {
     className: e.class,
-    theme: e.theme || a,
+    theme: e.theme || n,
     inputId: o.value,
-    isDisabled: i.value,
-    onChange: c,
-    label: e.label || t.default?.(),
+    isDisabled: s.value,
+    onChange: d,
+    label: e.label,
     inputProps: {
       ...e.inputProps,
-      ...l.value,
-      readOnly: i.value
+      ...i.value,
+      readOnly: i.value["aria-disabled"]
     }
   }), null);
 }, {
-  name: "LumxSwitch",
+  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", "position", "theme", "value", "aria-disabled"),
-  emits: Fa
-}), Ga = "lumx-radio-button", {
-  block: Va,
-  element: E
-} = w(Ga), Ua = (e) => {
+  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) => {
+  const {
+    children: t,
+    className: r,
+    ref: n,
+    ...a
+  } = e;
+  return u("div", m({
+    ref: n
+  }, a, {
+    className: N(r, _r)
+  }), [t]);
+};
+se.displayName = Za;
+se.className = _r;
+se.defaultProps = eo;
+const zo = /* @__PURE__ */ y((e, {
+  slots: t
+}) => {
+  const r = S();
+  return () => u(se, m(e, r, {
+    className: e.class,
+    children: t.default?.()
+  }), null);
+}, {
+  name: "RadioGroup",
+  inheritAttrs: !1,
+  props: A()("class")
+}), to = "lumx-skeleton-circle", {
+  block: ro
+} = T(to), no = (e) => {
+  const {
+    className: t,
+    size: r,
+    color: n,
+    theme: a,
+    ref: o,
+    ...s
+  } = e;
+  return u("div", m({
+    ref: o
+  }, s, {
+    className: N(t, ro({
+      [`size-${r}`]: !!r,
+      [`color-${n}`]: !!n,
+      [`theme-${a}`]: !!a
+    }))
+  }), null);
+}, ao = {
+  squared: "squared",
+  rounded: "rounded",
+  pill: "pill"
+}, oo = "lumx-skeleton-rectangle", {
+  block: so,
+  element: io
+} = T(oo), lo = {
+  variant: ao.squared
+}, co = (e) => {
+  const {
+    aspectRatio: t,
+    className: r,
+    height: n,
+    theme: a,
+    variant: o = lo.variant,
+    width: s,
+    color: i,
+    ref: l,
+    ...d
+  } = e;
+  return u("div", m({
+    ref: l
+  }, d, {
+    className: N(r, so({
+      [`aspect-ratio-${t}`]: !!t,
+      [`height-${n}`]: !!(!t && n),
+      [`theme-${a}`]: !!a,
+      [`variant-${o}`]: !!o,
+      [`width-${s}`]: !!s,
+      [`color-${i}`]: !!i
+    }))
+  }), [u("div", {
+    className: io("inner")
+  }, null)]);
+}, uo = "lumx-skeleton-typography", {
+  block: fo,
+  element: po
+} = T(uo), ho = (e) => {
   const {
-    checked: r,
     className: t,
+    theme: r,
+    typography: n,
+    width: a,
+    color: o,
+    ref: s,
+    ...i
+  } = e;
+  return u("div", m({
+    ref: s
+  }, i, {
+    className: N(t, fo({
+      [`theme-${r}`]: !!r,
+      [`typography-${n}`]: !!n,
+      [`color-${o}`]: !!o
+    })),
+    style: {
+      ...i.style,
+      width: a
+    }
+  }), [u("div", {
+    className: po("inner")
+  }, null)]);
+}, Ho = /* @__PURE__ */ y((e) => {
+  const t = S(), r = C();
+  return () => u(no, m(e, t, {
+    className: e.class,
+    theme: e.theme || r
+  }), 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, {
+    className: e.class,
+    theme: e.theme || r
+  }), 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, {
+    className: e.class,
+    theme: e.theme || r
+  }), 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 = {
+  position: "left"
+}, go = (e) => {
+  const {
+    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,
+    theme: f,
     value: p,
     inputProps: h = {},
-    isDisabled: b,
-    inputId: m,
-    ...A
-  } = e, C = (N) => {
-    c && c(p, l, N);
+    isDisabled: v,
+    inputId: b,
+    position: $ = vo.position,
+    ...w
+  } = e, P = (x) => {
+    c && c(!s, p, l, x);
   };
-  return f("div", v({
+  return u("div", m({
     ref: d
-  }, A, {
-    className: _(t, Va({
-      "is-checked": o,
-      "is-disabled": b,
-      "is-unchecked": !o,
-      [`theme-${u}`]: !!u
+  }, w, {
+    className: N(r, bo({
+      "is-checked": s,
+      "is-disabled": v,
+      "is-unchecked": !s,
+      [`position-${$}`]: !!$,
+      [`theme-${f}`]: !!f
     }))
-  }), [f("div", {
+  }), [u("div", {
     className: E("input-wrapper")
-  }, [f("input", v({
-    ref: s,
+  }, [u("input", m({
+    ref: o,
+    type: "checkbox",
+    role: "switch",
+    id: b,
     className: E("input-native"),
-    id: m,
-    type: "radio",
     name: l,
     value: p,
-    checked: o,
-    onChange: C,
-    "aria-describedby": n ? `${m}-helper` : void 0
+    checked: !!s,
+    onChange: P,
+    "aria-describedby": n ? `${b}-helper` : void 0,
+    "aria-checked": !!s
   }, h?.readOnly ? {
     readOnly: h.readOnly
-  } : {}, h), null), f("div", {
+  } : {}, h), null), u("div", {
     className: E("input-placeholder")
-  }, [f("div", {
+  }, [u("div", {
     className: E("input-background")
-  }, null), f("div", {
+  }, null), u("div", {
     className: E("input-indicator")
-  }, null)])]), f("div", {
+  }, null)])]), u("div", {
     className: E("content")
-  }, [i && L({
-    htmlFor: m,
+  }, [i && q({
+    htmlFor: b,
     className: E("label"),
-    theme: u,
+    theme: f,
     children: i
   }), n && D({
-    id: `${m}-helper`,
+    id: `${b}-helper`,
     className: E("helper"),
-    theme: u,
+    theme: f,
     children: n
   })])]);
-}, Wa = {
-  change: (e, r, t) => t instanceof Event
-}, yo = /* @__PURE__ */ S((e, {
-  emit: r
+}, yo = {
+  change: (e, t, r, n) => typeof e == "boolean" && n instanceof Event
+}, Xo = /* @__PURE__ */ y((e, {
+  emit: t,
+  slots: r
 }) => {
-  const t = P(), n = I(), a = tt(), s = y(() => e.id || a), {
-    isAnyDisabled: o,
-    disabledStateProps: i,
-    otherProps: l
-  } = H(y(() => ({
+  const n = S(), a = C(), o = rt(), s = k(() => e.id || o), {
+    isAnyDisabled: i,
+    disabledStateProps: l,
+    otherProps: d
+  } = H(k(() => ({
     ...e,
-    ...t
-  }))), d = (c, u, p) => {
-    o.value || (p?.stopImmediatePropagation?.(), r("change", c, u, p));
+    ...n
+  }))), c = (f, p, h, v) => {
+    i.value || (v.stopImmediatePropagation(), t("change", f, p, h, v));
   };
-  return () => f(Ua, v(l.value, {
+  return () => u(go, m(d.value, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || a,
     inputId: s.value,
-    isDisabled: o.value,
-    onChange: d,
-    label: e.label,
+    isDisabled: i.value,
+    onChange: c,
+    label: e.label || r.default?.(),
     inputProps: {
       ...e.inputProps,
-      ...i.value,
-      readOnly: i.value["aria-disabled"]
+      ...l.value,
+      readOnly: i.value
     }
   }), null);
 }, {
-  name: "RadioButton",
+  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", "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")
+  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
+  emits: yo
 });
 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
+  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
 };
 //# sourceMappingURL=index.js.map