@lumx/vue 4.2.1-alpha.9 → 4.3.1-alpha.0

package/index.js

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