@lumx/vue 4.2.1-alpha.9 → 4.3.0

package/index.js

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