@lumx/vue 4.2.1-alpha.8 → 4.3.0

package/index.js

@@ -1,235 +1,22 @@
-import { ColorVariant as jr, Theme as kr } 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 _, useAttrs as P, isVNode as We, computed as A, unref as W, provide as Vt, getCurrentScope as wr, onScopeDispose as xr, watch as He, toValue as Ke, shallowRef as Or, getCurrentInstance as Ir, onMounted as $r, ref as Cr, useSlots as Gt, Fragment as zt, useTemplateRef as Br, openBlock as Ut, createBlock as Wt, resolveDynamicComponent as Er, withCtx as Ht, normalizeProps as qr, guardReactiveProps as Rr, renderSlot as Kt, toRefs as Mr, reactive as Lr } from "vue";
-import { getDisabledState as Dr } from "@lumx/core/js/utils/disabledState";
+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 Fr } from "@lumx/core/js/utils";
-import { mdiAlert as Vr } from '@lumx/icons/esm/alert.js';
-import { mdiCheckCircle as Gr } from '@lumx/icons/esm/check-circle.js';
-import { mdiClose as zr } from '@lumx/icons/esm/close.js';
-import { mdiInformation as Ur } from '@lumx/icons/esm/information.js';
-var U = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ye(e) {
+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 re = { exports: {} };
-var Qe;
-function Wr() {
-  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 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 Hr = Wr();
-const S = /* @__PURE__ */ Ye(Hr);
-function Jt(e, t) {
-  if (!e) return [void 0, t];
-  const [r, n] = e.split("-");
-  return [r, t || n];
-}
-function Kr(e, t, r) {
-  const [n, a = jr.N] = Jt(t, r);
-  return `lumx-color-${e}-${n}-${a}`;
-}
-const Yr = (e, t) => Kr("font", e, t);
-function Xt(e) {
-  return `lumx-typography-${e}`;
-}
-function Qt(e, t) {
-  const r = [];
-  for (const [n, a] of Object.entries(t))
-    a && r.push(`${e}--${n}`);
-  return r.join(" ");
-}
-function H(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 ? Qt(e, n) : null
-  );
-}
-function Ze(e, t, r, n) {
-  return Array.isArray(r) ? H(`${e}__${t}`, r) : H(`${e}__${t}`, r, n);
-}
-function k(e) {
-  function t(n, a) {
-    return Array.isArray(n) ? H(e, n) : H(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) => Qt(e, n)
-  };
-}
-const K = {
-  light: "light",
-  dark: "dark"
-}, j = {
-  xxs: "xxs",
-  xs: "xs",
-  s: "s",
-  m: "m",
-  xl: "xl",
-  xxl: "xxl"
-}, Jr = {
-  horizontal: "horizontal"
-}, $ = {
-  low: "low",
-  high: "high"
-}, Xr = {
-  overline: "overline",
-  caption: "caption",
-  body1: "body1",
-  body2: "body2",
-  subtitle1: "subtitle1",
-  subtitle2: "subtitle2",
-  title: "title",
-  headline: "headline",
-  display1: "display1"
-}, R = {
-  ...Xr
-}, O = {
-  info: "info",
-  success: "success",
-  warning: "warning",
-  error: "error"
-}, v = {
-  primary: "primary",
-  blue: "blue",
-  dark: "dark",
-  green: "green",
-  yellow: "yellow",
-  red: "red",
-  light: "light"
-}, Qr = {
-  [O.error]: { color: "red" },
-  [O.success]: { color: "green" },
-  [O.warning]: { color: "yellow" }
-}, Zr = "InputHelper", en = "lumx-input-helper", Zt = en, {
-  block: tn
-} = k(Zt), er = {
-  kind: O.info
-};
-function Y(e) {
-  const {
-    children: t,
-    className: r,
-    kind: n = er.kind,
-    theme: a,
-    ref: o,
-    ...s
-  } = e, {
-    color: i
-  } = Qr[n] || {};
-  return d("p", g({
-    ref: o
-  }, s, {
-    className: S(r, tn({
-      [`color-${i}`]: !!i,
-      [`theme-${a}`]: !!a
-    }))
-  }), [t]);
-}
-Y.displayName = Zr;
-Y.className = Zt;
-Y.defaultProps = er;
-function C(e = { defaultTheme: kr.light }) {
-  const { defaultTheme: t } = e;
-  return Ue("theme", void 0) || t;
-}
-const w = () => (...e) => e, Ma = /* @__PURE__ */ _((e, {
-  slots: t
-}) => {
-  const r = P(), n = C();
-  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: w()("kind", "theme", "class")
-}), rn = "InputLabel", nn = "lumx-input-label", tr = nn, {
-  block: an
-} = k(tr), on = {};
-function J(e) {
-  const {
-    children: t,
-    className: r,
-    htmlFor: n,
-    isRequired: a,
-    theme: o,
-    typography: s,
-    ref: i,
-    ...c
-  } = e;
-  return d("label", g({
-    ref: i
-  }, c, {
-    htmlFor: n,
-    className: S(r, an({
-      "is-required": a,
-      [`theme-${o}`]: !!o,
-      "has-custom-typography": !!s
-    }), s && Xt(s))
-  }), [t]);
-}
-J.displayName = rn;
-J.className = tr;
-J.defaultProps = on;
-const La = /* @__PURE__ */ _((e, {
-  slots: t
-}) => {
-  const r = P(), n = C();
-  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: w()("htmlFor", "isRequired", "typography", "theme", "class")
-});
 var ne, et;
-function rr() {
+function Jt() {
   if (et) return ne;
   et = 1;
   var e = Object.prototype;
@@ -240,7 +27,7 @@ function rr() {
   return ne = t, ne;
 }
 var ae, tt;
-function sn() {
+function Gr() {
   if (tt) return ae;
   tt = 1;
   function e(t, r) {
@@ -251,17 +38,17 @@ function sn() {
   return ae = e, ae;
 }
 var oe, rt;
-function cn() {
+function Ur() {
   if (rt) return oe;
   rt = 1;
-  var e = sn(), t = e(Object.keys, Object);
+  var e = Gr(), t = e(Object.keys, Object);
   return oe = t, oe;
 }
 var se, nt;
-function ln() {
+function Wr() {
   if (nt) return se;
   nt = 1;
-  var e = rr(), t = cn(), 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);
@@ -273,31 +60,31 @@ function ln() {
   return se = a, se;
 }
 var ie, at;
-function nr() {
+function Xt() {
   if (at) return ie;
   at = 1;
-  var e = typeof U == "object" && U && U.Object === Object && U;
+  var e = typeof K == "object" && K && K.Object === Object && K;
   return ie = e, ie;
 }
 var ce, ot;
-function I() {
+function $() {
   if (ot) return ce;
   ot = 1;
-  var e = nr(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  var e = Xt(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
   return ce = r, ce;
 }
 var le, st;
-function ar() {
+function Qt() {
   if (st) return le;
   st = 1;
-  var e = I(), t = e.Symbol;
+  var e = $(), t = e.Symbol;
   return le = t, le;
 }
 var ue, it;
-function un() {
+function zr() {
   if (it) return ue;
   it = 1;
-  var e = ar(), 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), c = s[a];
     try {
@@ -310,28 +97,28 @@ function un() {
   }
   return ue = o, ue;
 }
-var fe, ct;
-function fn() {
-  if (ct) return fe;
+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 fe = r, fe;
+  return de = r, de;
 }
-var de, lt;
-function X() {
-  if (lt) return de;
+var fe, lt;
+function Z() {
+  if (lt) return fe;
   lt = 1;
-  var e = ar(), t = un(), r = fn(), 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 de = s, de;
+  return fe = s, fe;
 }
 var pe, ut;
-function or() {
+function Zt() {
   if (ut) return pe;
   ut = 1;
   function e(t) {
@@ -340,11 +127,11 @@ function or() {
   }
   return pe = e, pe;
 }
-var he, ft;
-function sr() {
-  if (ft) return he;
-  ft = 1;
-  var e = X(), t = or(), 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;
@@ -353,18 +140,18 @@ function sr() {
   }
   return he = s, he;
 }
-var me, dt;
-function dn() {
-  if (dt) return me;
-  dt = 1;
-  var e = I(), t = e["__core-js_shared__"];
+var me, ft;
+function Kr() {
+  if (ft) return me;
+  ft = 1;
+  var e = $(), t = e["__core-js_shared__"];
   return me = t, me;
 }
 var be, pt;
-function pn() {
+function Yr() {
   if (pt) return be;
   pt = 1;
-  var e = dn(), t = (function() {
+  var e = Kr(), t = (function() {
     var n = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return n ? "Symbol(src)_1." + n : "";
   })();
@@ -374,7 +161,7 @@ function pn() {
   return be = r, be;
 }
 var ve, ht;
-function ir() {
+function tr() {
   if (ht) return ve;
   ht = 1;
   var e = Function.prototype, t = e.toString;
@@ -394,22 +181,22 @@ function ir() {
   return ve = r, ve;
 }
 var ge, mt;
-function hn() {
+function Jr() {
   if (mt) return ge;
   mt = 1;
-  var e = sr(), t = pn(), r = or(), n = ir(), a = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, c = s.toString, u = i.hasOwnProperty, l = RegExp(
+  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) ? l : o;
     return h.test(n(p));
   }
-  return ge = f, ge;
+  return ge = d, ge;
 }
 var ye, bt;
-function mn() {
+function Xr() {
   if (bt) return ye;
   bt = 1;
   function e(t, r) {
@@ -418,176 +205,176 @@ function mn() {
   return ye = e, ye;
 }
 var Ae, vt;
-function D() {
+function F() {
   if (vt) return Ae;
   vt = 1;
-  var e = hn(), t = mn();
+  var e = Jr(), t = Xr();
   function r(n, a) {
     var o = t(n, a);
     return e(o) ? o : void 0;
   }
   return Ae = r, Ae;
 }
-var _e, gt;
-function bn() {
-  if (gt) return _e;
+var Te, gt;
+function Qr() {
+  if (gt) return Te;
   gt = 1;
-  var e = D(), t = I(), r = e(t, "DataView");
-  return _e = r, _e;
-}
-var Te, yt;
-function vn() {
-  if (yt) return Te;
-  yt = 1;
-  var e = D(), t = I(), r = e(t, "Map");
+  var e = F(), t = $(), r = e(t, "DataView");
   return Te = r, Te;
 }
-var Se, At;
-function gn() {
-  if (At) return Se;
-  At = 1;
-  var e = D(), t = I(), r = e(t, "Promise");
+var Se, yt;
+function Zr() {
+  if (yt) return Se;
+  yt = 1;
+  var e = F(), t = $(), r = e(t, "Map");
   return Se = r, Se;
 }
-var Ne, _t;
-function yn() {
-  if (_t) return Ne;
-  _t = 1;
-  var e = D(), t = I(), r = e(t, "Set");
-  return Ne = r, Ne;
+var _e, At;
+function en() {
+  if (At) return _e;
+  At = 1;
+  var e = F(), t = $(), r = e(t, "Promise");
+  return _e = r, _e;
 }
-var Pe, Tt;
-function An() {
-  if (Tt) return Pe;
+var Ne, Tt;
+function tn() {
+  if (Tt) return Ne;
   Tt = 1;
-  var e = D(), t = I(), r = e(t, "WeakMap");
-  return Pe = r, Pe;
+  var e = F(), t = $(), r = e(t, "Set");
+  return Ne = r, Ne;
 }
-var je, St;
-function _n() {
-  if (St) return je;
+var ke, St;
+function rn() {
+  if (St) return ke;
   St = 1;
-  var e = bn(), t = vn(), r = gn(), n = yn(), a = An(), o = X(), s = ir(), i = "[object Map]", c = "[object Object]", u = "[object Promise]", l = "[object Set]", f = "[object WeakMap]", p = "[object DataView]", h = s(e), b = s(t), y = s(r), N = s(n), E = 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()) != f) && (T = function(x) {
-    var q = o(x), G = q == c ? x.constructor : void 0, z = G ? s(G) : "";
-    if (z)
-      switch (z) {
+  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 N:
+        case _:
           return l;
-        case E:
-          return f;
+        case x:
+          return d;
       }
-    return q;
-  }), je = T, je;
+    return M;
+  }), Pe = T, Pe;
 }
-var ke, Nt;
-function Je() {
-  if (Nt) return ke;
+var je, Nt;
+function Ye() {
+  if (Nt) return je;
   Nt = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
-  return ke = e, ke;
+  return je = e, je;
 }
-var we, Pt;
-function Tn() {
-  if (Pt) return we;
-  Pt = 1;
-  var e = X(), t = Je(), 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 xe, jt;
-function Sn() {
-  if (jt) return xe;
-  jt = 1;
-  var e = Tn(), t = Je(), r = Object.prototype, n = r.hasOwnProperty, a = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
+var we, Pt;
+function on() {
+  if (Pt) return we;
+  Pt = 1;
+  var e = an(), t = Ye(), r = Object.prototype, n = r.hasOwnProperty, a = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return t(s) && n.call(s, "callee") && !a.call(s, "callee");
   };
-  return xe = o, xe;
+  return we = o, we;
 }
-var Oe, kt;
-function cr() {
-  if (kt) return Oe;
-  kt = 1;
+var Ce, jt;
+function rr() {
+  if (jt) return Ce;
+  jt = 1;
   var e = Array.isArray;
-  return Oe = e, Oe;
+  return Ce = e, Ce;
 }
-var Ie, wt;
-function lr() {
-  if (wt) return Ie;
-  wt = 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 Ie = t, Ie;
 }
-var $e, xt;
-function Nn() {
-  if (xt) return $e;
-  xt = 1;
-  var e = sr(), t = lr();
+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 $e = r, $e;
+  return Oe = r, Oe;
 }
-var M = { exports: {} }, Ce, Ot;
-function Pn() {
-  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;
 }
-M.exports;
+L.exports;
 var It;
-function jn() {
+function ln() {
   return It || (It = 1, (function(e, t) {
-    var r = I(), n = Pn(), 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;
+    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;
-  })(M, M.exports)), M.exports;
+  })(L, L.exports)), L.exports;
 }
-var Be, $t;
-function kn() {
-  if ($t) return Be;
-  $t = 1;
-  var e = X(), t = lr(), r = Je(), n = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", c = "[object Function]", u = "[object Map]", l = "[object Number]", f = "[object Object]", p = "[object RegExp]", h = "[object Set]", b = "[object String]", y = "[object WeakMap]", N = "[object ArrayBuffer]", E = "[object DataView]", T = "[object Float32Array]", x = "[object Float64Array]", q = "[object Int8Array]", G = "[object Int16Array]", z = "[object Int32Array]", _r = "[object Uint8Array]", Tr = "[object Uint8ClampedArray]", Sr = "[object Uint16Array]", Nr = "[object Uint32Array]", m = {};
-  m[T] = m[x] = m[q] = m[G] = m[z] = m[_r] = m[Tr] = m[Sr] = m[Nr] = !0, m[n] = m[a] = m[N] = m[o] = m[E] = m[s] = m[i] = m[c] = m[u] = m[l] = m[f] = m[p] = m[h] = m[b] = m[y] = !1;
-  function Pr(te) {
-    return r(te) && t(te.length) && !!m[e(te)];
+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 Be = Pr, Be;
+  return Ee = Nr, Ee;
 }
-var Ee, Ct;
-function wn() {
-  if (Ct) return Ee;
-  Ct = 1;
+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 Bt;
-function xn() {
-  return Bt || (Bt = 1, (function(e, t) {
-    var r = nr(), n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, o = a && a.exports === n, s = o && r.process, i = (function() {
+var D = { exports: {} };
+D.exports;
+var Et;
+function fn() {
+  return Et || (Et = 1, (function(e, t) {
+    var r = Xt(), n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, o = a && a.exports === n, s = o && r.process, i = (function() {
       try {
         var c = a && a.require && a.require("util").types;
         return c || s && s.binding && s.binding("util");
@@ -595,43 +382,165 @@ function xn() {
       }
     })();
     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, Et;
-function On() {
-  if (Et) return qe;
-  Et = 1;
-  var e = kn(), t = wn(), r = xn(), 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 Re, qt;
-function In() {
-  if (qt) return Re;
-  qt = 1;
-  var e = ln(), t = _n(), r = Sn(), n = cr(), a = Nn(), o = jn(), s = rr(), i = On(), c = "[object Map]", u = "[object Set]", l = Object.prototype, f = 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 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 Re = p, Re;
+  return {
+    block: t,
+    element: r,
+    modifier: (n) => sr(e, n)
+  };
 }
-var $n = In();
-const Rt = /* @__PURE__ */ Ye($n);
-function Cn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !We(e);
+function Sn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
-const Bn = (e) => {
+const _n = (e) => {
   const {
     children: t,
     onClick: r,
@@ -647,29 +556,30 @@ const Bn = (e) => {
     disabled: a
   } : l = {
     tabIndex: a ? "-1" : i.tabIndex
-  }, d(u, g(i, l, {
-    "aria-disabled": c || void 0,
-    onClick: (f) => {
+  }, f(u, g({
+    "aria-disabled": c || void 0
+  }, i, l, {
+    onClick: (d) => {
       if (c) {
-        f.stopPropagation(), f.preventDefault();
+        d.stopPropagation(), d.preventDefault();
         return;
       }
-      r?.(f);
+      r?.(d);
     }
-  }), Cn(t) ? t : {
+  }), Sn(t) ? t : {
     default: () => [t]
   });
-}, En = "ButtonRoot", qn = "lumx-button-wrapper", {
-  block: Rn
-} = k(qn), Mn = "lumx-button", {
-  block: Ln
-} = k(Mn), Dn = (e) => {
+}, Nn = "ButtonRoot", kn = "lumx-button-wrapper", {
+  block: Pn
+} = j(kn), jn = "lumx-button", {
+  block: xn
+} = j(jn), wn = (e) => {
   const {
     color: t,
     emphasis: r,
     variant: n,
     fullWidth: a
-  } = e, o = r === $.low && (t === v.light ? v.dark : v.light), s = Rn({
+  } = 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 Bn = (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,
@@ -692,65 +602,65 @@ const Bn = (e) => {
     isSelected: c,
     isActive: u,
     isFocused: l,
-    isHovered: f,
+    isHovered: d,
     linkAs: p,
     size: h,
-    theme: b = K.light,
-    variant: y,
-    fullWidth: N,
-    ref: E,
+    theme: b = Y.light,
+    variant: v,
+    fullWidth: _,
+    ref: x,
     ...T
-  } = e, x = o || s !== $.high && b === K.dark && v.light || s === $.high && v.primary || v.dark;
+  } = e, w = o || s !== q.high && b === Y.dark && y.light || s === q.high && y.primary || y.dark;
   if (i)
-    return Dn({
+    return wn({
       ...e,
-      ref: E,
-      variant: y,
-      color: x
+      ref: x,
+      variant: v,
+      color: w
     });
-  const q = S(a, Ln({
-    [`color-${x}`]: !!x,
+  const M = N(a, xn({
+    [`color-${w}`]: !!w,
     [`emphasis-${s}`]: !!s,
     "is-selected": c,
     "is-disabled": !!(e.isDisabled || e["aria-disabled"]),
     "is-active": u,
     "is-focused": l,
-    "is-hovered": f,
+    "is-hovered": d,
     [`size-${h}`]: !!h,
-    [`theme-${b}`]: !!(s === $.high && b),
-    [`variant-${y}`]: !!y,
-    "is-full-width": N
+    [`theme-${b}`]: !!(s === q.high && b),
+    [`variant-${v}`]: !!v,
+    "is-full-width": _
   }));
-  return Bn({
+  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 = En;
-F.defaultProps = {};
-const Fn = "Button", ur = "lumx-button", {
-  modifier: Vn
-} = k(ur), De = {
-  emphasis: $.high,
-  size: j.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 = De.emphasis,
+    emphasis: r = Fe.emphasis,
     leftIcon: n,
     rightIcon: a,
-    size: o = De.size,
+    size: o = Fe.size,
     ...s
-  } = e, i = S(t, Vn({
+  } = 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 Fn = "Button", ur = "lumx-button", {
     variant: "button"
   });
 };
-Q.displayName = Fn;
-Q.className = ur;
-Q.defaultProps = De;
-const Gn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function zn() {
-  return Ue(Gn, { state: null });
-}
-function fr(e) {
-  const t = zn(), r = A(() => {
-    const o = typeof e == "function" ? e() : W(e);
-    return Dr(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 fr(e) {
   }), n = A(
     () => r.value["aria-disabled"] || r.value.disabled || void 0
   ), a = A(() => {
-    const o = typeof e == "function" ? e() : W(e), { disabled: s, isDisabled: i, "aria-disabled": c, ariaDisabled: u, onClick: l, onChange: f, ...p } = o;
-    return n.value || (l && (p.onClick = l), 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 Mt = _({
+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?.();
   }
-}), Un = "Icon", Wn = "lumx-icon", dr = Wn, {
-  block: Hn
-} = k(dr), Kn = {}, B = (e) => {
+}), En = "Icon", qn = "lumx-icon", cr = qn, {
+  block: Bn
+} = j(cr), Mn = {}, E = (e) => {
   const {
     className: t,
     color: r,
@@ -800,28 +714,28 @@ const Mt = _({
     theme: c,
     alt: u,
     verticalAlign: l,
-    ...f
-  } = e, [p, h] = Jt(r, n);
+    ...d
+  } = e, [p, h] = ar(r, n);
   let b = p;
-  !b && (a || c) && (b = c === K.dark ? v.light : v.dark);
-  let y = h;
-  !y && a && b === v.dark && (y = "L2");
-  let N = s;
-  return s && a ? s === j.xxs || s === j.xs ? N = j.s : s === j.xxl && (N = j.xl) : a && (N = j.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, Hn({
+  }, d, {
+    className: N(t, Bn({
       [`color-${b}`]: !!b,
-      [`color-variant-${y}`]: !!y,
+      [`color-variant-${v}`]: !!v,
       "has-shape": a,
       [`theme-${c}`]: !!c,
-      [`size-${N}`]: !!N,
+      [`size-${_}`]: !!_,
       "no-shape": !a,
-      "has-dark-layer": !a && b === v.yellow && o === Yt,
+      "has-dark-layer": !a && b === y.yellow && o === Yt,
       path: !0,
       "vertical-align-middle": l === "middle"
     }))
-  }), [d("svg", {
+  }), [f("svg", {
     "aria-hidden": u ? void 0 : "true",
     role: u ? "img" : void 0,
     "aria-label": u,
@@ -832,19 +746,19 @@ const Mt = _({
     },
     viewBox: "0 0 24 24",
     width: "1em"
-  }, [d("path", {
+  }, [f("path", {
     d: o,
     fill: "currentColor"
   }, null)])]);
 };
-B.displayName = Un;
-B.className = dr;
-B.defaultProps = Kn;
-const Fe = /* @__PURE__ */ _((e) => {
-  const t = P(), r = C({
+E.displayName = En;
+E.className = cr;
+E.defaultProps = Mn;
+const Ve = /* @__PURE__ */ S((e) => {
+  const t = P(), r = B({
     defaultTheme: void 0
   });
-  return () => d(B, g(e, t, {
+  return () => f(E, g(e, t, {
     className: e.class,
     theme: e.theme || r
   }), null);
@@ -852,10 +766,10 @@ const Fe = /* @__PURE__ */ _((e) => {
   name: "Icon",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
-}), pr = "lumx-text", {
-  block: Yn
-} = k(pr), Jn = (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,
@@ -867,15 +781,15 @@ const Fe = /* @__PURE__ */ _((e) => {
     style: c
   } = e, u = typeof s == "object" && s.lines > 1 && {
     "--lumx-text-truncate-lines": s.lines
-  }, l = !!u, f = !!s, p = !a && !(f && !l) && i && {
+  }, l = !!u, d = !!s, p = !a && !(d && !l) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: S(t, Yn({
-      "is-truncated": f && !l,
+    className: N(t, Ln({
+      "is-truncated": d && !l,
       "is-truncated-multiline": l,
       "no-wrap": a
-    }), o && Xt(o), r && Yr(r, n)),
+    }), o && or(o), r && Tn(r, n)),
     style: {
       ...u,
       ...p,
@@ -883,67 +797,67 @@ const Fe = /* @__PURE__ */ _((e) => {
     }
   };
 };
-function hr(e, t) {
-  return wr() ? (xr(e, t), !0) : !1;
+function lr(e, t) {
+  return jr() ? (xr(e, t), !0) : !1;
 }
-const Xn = typeof window < "u" && typeof document < "u";
+const Fn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Qn = (e) => e != null;
-function Zn(e) {
+const Vn = (e) => e != null;
+function Gn(e) {
   return Array.isArray(e) ? e : [e];
 }
-const mr = Xn ? window : void 0;
-function Ve(e) {
+const ur = Fn ? window : void 0;
+function Ge(e) {
   var t;
-  const r = Ke(e);
+  const r = He(e);
   return (t = r?.$el) !== null && t !== void 0 ? t : r;
 }
 // @__NO_SIDE_EFFECTS__
-function ea() {
-  const e = Or(!1), t = Ir();
-  return t && $r(() => {
+function Un() {
+  const e = wr(!1), t = Cr();
+  return t && Ir(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function br(e) {
-  const t = /* @__PURE__ */ ea();
+function dr(e) {
+  const t = /* @__PURE__ */ Un();
   return A(() => (t.value, !!e()));
 }
-function ta(e, t, r = {}) {
-  const { window: n = mr, ...a } = r;
+function Wn(e, t, r = {}) {
+  const { window: n = ur, ...a } = r;
   let o;
-  const s = /* @__PURE__ */ br(() => n && "MutationObserver" in n), i = () => {
+  const s = /* @__PURE__ */ dr(() => n && "MutationObserver" in n), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, c = He(A(() => {
-    const f = Zn(Ke(e)).map(Ve).filter(Qn);
-    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(), l = () => {
     c(), i();
   };
-  return hr(l), {
+  return lr(l), {
     isSupported: s,
     stop: l,
     takeRecords: u
   };
 }
-function ra(e, t, r = {}) {
-  const { window: n = mr, ...a } = r;
+function zn(e, t, r = {}) {
+  const { window: n = ur, ...a } = r;
   let o;
-  const s = /* @__PURE__ */ br(() => n && "ResizeObserver" in n), i = () => {
+  const s = /* @__PURE__ */ dr(() => n && "ResizeObserver" in n), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, c = He(A(() => {
-    const l = Ke(e);
-    return Array.isArray(l) ? l.map((f) => Ve(f)) : [Ve(l)];
+  }, 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 l) f && o.observe(f, a);
+      for (const d of l) d && o.observe(d, a);
     }
   }, {
     immediate: !0,
@@ -951,121 +865,123 @@ function ra(e, t, r = {}) {
   }), u = () => {
     i(), c();
   };
-  return hr(u), {
+  return lr(u), {
     isSupported: s,
     stop: u
   };
 }
-function na(e) {
-  const t = Cr(void 0), r = () => {
+function Hn(e) {
+  const t = zt(void 0), r = () => {
     const n = e.value;
-    n && !n.closest(`.${Fr.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 ta(e, r, {
+  return Wn(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), ra(e, r), He(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), zn(e, r), Q(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const aa = (e = "default") => {
-  const t = Gt();
+const Kn = (e = "default") => {
+  const t = Ht();
   return () => {
     const r = t?.[e];
     return r ? r() : null;
   };
 };
-function Ge(e) {
+function Ue(e) {
   if (!e) return;
   const t = [];
   for (const r of e) {
-    if (!We(r)) {
+    if (!X(r)) {
       t.push(r);
       continue;
     }
-    if (r.type === Fe) {
+    if (r.type === Ve) {
       t.push(" "), t.push(r), t.push(" ");
       continue;
     }
-    if (r.type === zt && Array.isArray(r.children)) {
-      const n = Ge(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 = Ge(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;
 }
-const Z = /* @__PURE__ */ _({
+function Yn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
+}
+const Xe = /* @__PURE__ */ S((e, {
+  slots: t
+}) => {
+  const r = P(), n = Kn(), a = Or("tooltip-label"), {
+    tooltipLabel: o
+  } = Hn(a), s = A(() => Dn({
+    ...e,
+    className: e.class || r.class || r.className
+  })), i = A(() => {
+    const {
+      children: c,
+      ...u
+    } = r;
+    return {
+      ...u,
+      ...s.value
+    };
+  });
+  return () => {
+    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
+    }), Yn(l) ? l : {
+      default: () => [l]
+    });
+  };
+}, {
+  name: "LumxText",
   inheritAttrs: !1,
-  __name: "Text",
-  props: {
-    color: {},
-    colorVariant: {},
-    typography: {},
-    as: {},
-    truncate: { type: [Boolean, Object] },
-    noWrap: { type: Boolean },
-    whiteSpace: {},
-    children: {},
-    style: {},
-    className: {}
-  },
-  setup(e) {
-    const t = e, r = P(), n = aa(), a = Br("tooltip-label"), { tooltipLabel: o } = na(a), s = A(
-      () => Jn({
-        ...t,
-        className: t.className || r.class
-      })
-    ), i = () => {
-      const u = n();
-      return u ? Ge(u) : null;
-    }, c = A(() => ({ ...r, ...s.value }));
-    return (u, l) => (Ut(), Wt(Er(t.as), g({ ref: "tooltip-label" }, c.value, {
-      class: c.value.className,
-      style: c.value.style,
-      title: W(o)
-    }), {
-      default: Ht(() => [
-        d(i)
-      ]),
-      _: 1
-    }, 16, ["class", "style", "title"]));
-  }
-}), oa = {
+  // Redefine properties so that they come in as `props` on the `defineComponent` function
+  props: k()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), Jn = {
   click: (e) => e instanceof MouseEvent
-}, Da = /* @__PURE__ */ _((e, {
+}, Ua = /* @__PURE__ */ S((e, {
   emit: t
 }) => {
-  const r = Gt(), n = P(), a = C(), {
+  const r = Ht(), n = P(), a = B(), {
     isAnyDisabled: o,
     disabledStateProps: s,
     otherProps: i
-  } = fr(A(() => ({
+  } = Je(A(() => ({
     ...e,
     ...n
   }))), c = (l) => {
     o.value || (l.stopImmediatePropagation(), t("click", l));
   }, u = () => {
     const l = r.default?.();
-    return !l || l.length === 0 ? null : l.length === 1 && l[0].type === Z ? l[0] : d("span", null, [l]);
+    return !l || l.length === 0 ? null : l.length === 1 && l[0].type === Xe ? l[0] : f("span", null, [l]);
   };
   return () => {
-    const l = d(zt, null, [e.leftIcon && !Rt(e.leftIcon) && d(Mt, null, {
-      default: () => [d(Fe, {
+    const l = f(Kt, null, [e.leftIcon && !Mt(e.leftIcon) && f(Dt, null, {
+      default: () => [f(Ve, {
         icon: e.leftIcon
       }, null)]
-    }), u(), e.rightIcon && !Rt(e.rightIcon) && d(Mt, null, {
-      default: () => [d(Fe, {
+    }), 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: c,
@@ -1076,26 +992,26 @@ const Z = /* @__PURE__ */ _({
   name: "LumxButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("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: oa
-}), sa = "IconButton", ia = "lumx-icon-button", ze = {
-  emphasis: $.high,
-  size: j.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 = ze.emphasis,
+    emphasis: t = We.emphasis,
     image: r,
     icon: n,
     label: a,
-    size: o = ze.size,
+    size: o = We.size,
     ...s
-  } = e, i = r ? d("img", {
+  } = e, i = r ? f("img", {
     alt: "",
     src: r
-  }, null) : B({
+  }, null) : E({
     icon: n
   });
-  return F({
+  return V({
     emphasis: t,
     size: o,
     ...s,
@@ -1104,25 +1020,25 @@ const Z = /* @__PURE__ */ _({
     children: i
   });
 };
-V.displayName = sa;
-V.className = ia;
-V.defaultProps = ze;
-const ca = {
+G.displayName = Xn;
+G.className = Qn;
+G.defaultProps = We;
+const Zn = {
   click: (e) => e instanceof MouseEvent
-}, Fa = /* @__PURE__ */ _((e, {
+}, Wa = /* @__PURE__ */ S((e, {
   emit: t
 }) => {
-  const r = P(), n = C(), {
+  const r = P(), n = B(), {
     isAnyDisabled: a,
     disabledStateProps: o,
     otherProps: s
-  } = fr(A(() => ({
+  } = Je(A(() => ({
     ...e,
     ...r
   }))), 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,
@@ -1132,26 +1048,26 @@ const ca = {
   name: "IconButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("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: ca
-}), la = "ButtonGroup", vr = "lumx-button-group", ua = {}, ee = (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, vr)
+  return f("div", g(n, {
+    className: N(r, fr)
   }), [t]);
 };
-ee.displayName = la;
-ee.className = vr;
-ee.defaultProps = ua;
-const Va = /* @__PURE__ */ _((e, {
+te.displayName = ea;
+te.className = fr;
+te.defaultProps = ta;
+const za = /* @__PURE__ */ S((e, {
   slots: t
 }) => {
   const r = P();
-  return () => d(ee, g(e, r, {
+  return () => f(te, g(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1159,167 +1075,192 @@ const Va = /* @__PURE__ */ _((e, {
   name: "ButtonGroup",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("class")
-});
-Z.className = pr;
-const Lt = 6, fa = {
-  h1: R.display1,
-  h2: R.headline,
-  h3: R.title,
-  h4: R.subtitle2,
-  h5: R.subtitle1,
-  h6: R.body2
-}, da = { level: 1, headingElement: "h1" }, pa = "lumx-heading", ha = (e, t) => {
-  const { as: r, className: n, typography: a, ...o } = e, s = r || t || "h1";
-  return {
-    ...o,
-    as: s,
-    className: S(n, pa),
-    typography: a || fa[s]
-  };
-}, gr = /* @__PURE__ */ Symbol("HeadingLevelContext"), yr = () => Ue(gr, da), Ga = /* @__PURE__ */ _({
-  inheritAttrs: !1,
-  __name: "Heading",
-  props: {
-    as: {},
-    color: {},
-    colorVariant: {},
-    typography: {},
-    truncate: { type: [Boolean, Object] },
-    noWrap: { type: Boolean },
-    whiteSpace: {},
-    children: {},
-    style: {},
-    className: {}
-  },
-  setup(e) {
-    const t = e, r = P(), n = C(), a = yr(), o = A(() => {
-      const { className: s, ...i } = ha(
-        {
-          ...r,
-          ...t,
-          className: r.class
-        },
-        a.headingElement
-      );
-      return {
-        ...i,
-        class: s,
-        theme: t.theme || r.theme || n
-      };
-    });
-    return (s, i) => (Ut(), Wt(W(Z), qr(Rr(o.value)), {
-      default: Ht(() => [
-        Kt(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), ma = (e, t) => {
-  const r = e || t + 1;
-  return r > Lt ? Lt : r;
-}, za = /* @__PURE__ */ _({
-  name: "HeadingLevelProvider",
-  __name: "HeadingLevelProvider",
-  props: {
-    level: {}
-  },
-  setup(e) {
-    const t = e, { level: r } = Mr(t), n = yr(), a = A(() => ma(r?.value, n.level)), o = A(() => `h${a.value}`), s = Lr({
-      level: a,
-      headingElement: o
-    });
-    return Vt(gr, s), (i, c) => Kt(i.$slots, "default");
-  }
-}), ba = "Message", Ar = "lumx-message", {
-  block: va,
-  element: Me
-} = k(Ar), ga = {
-  [O.error]: {
-    color: v.red,
-    icon: Vr
-  },
-  [O.info]: {
-    color: v.blue,
-    icon: Ur
-  },
-  [O.success]: {
-    color: v.green,
-    icon: Gr
-  },
-  [O.warning]: {
-    color: v.yellow,
-    icon: Yt
-  }
-}, Xe = (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,
     ...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: l
-  } = ga[a] || {}, {
-    onClick: f,
-    label: p
-  } = s || {}, h = n && a === "info" && f && p;
-  return d("div", g(c, {
-    ref: i,
-    className: S(r, va({
-      [`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 || l) && B({
-    className: Me("icon"),
-    icon: o || l,
-    size: j.xs,
-    color: u
-  }), d("div", {
-    className: Me("text")
-  }, [t]), h && V({
-    className: Me("close-button"),
-    icon: zr,
-    onClick: f,
-    label: p,
-    emphasis: $.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
+  })])]);
 };
-Xe.displayName = ba;
-Xe.className = Ar;
-const Ua = /* @__PURE__ */ _((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(Xe, 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: w()("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 ya(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !We(e);
+function ma(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
-const Aa = "lumx-flag", {
-  block: _a,
-  element: Dt
-} = k(Aa), Ta = (e) => {
+const ba = "lumx-flag", {
+  block: va,
+  element: Vt
+} = j(ba), ga = (e) => {
   const {
     children: t,
     icon: r,
@@ -1329,45 +1270,45 @@ const Aa = "lumx-flag", {
     truncate: s,
     Text: i,
     ...c
-  } = e, u = n || (o === K.light ? v.dark : v.light), l = !!s;
-  return d("div", g(c, {
-    className: S(a, _a({
+  } = e, u = n || (o === Y.light ? y.dark : y.light), l = !!s;
+  return f("div", g(c, {
+    className: N(a, va({
       [`color-${u}`]: !!u,
       "is-truncated": l
     }))
-  }), [r && B({
+  }), [r && E({
     icon: r,
-    size: j.xxs,
-    className: Dt("icon")
-  }), d(i, {
+    size: C.xxs,
+    className: Vt("icon")
+  }), f(i, {
     as: "span",
     truncate: !!s,
     typography: "overline",
-    className: Dt("label")
-  }, ya(t) ? t : {
+    className: Vt("label")
+  }, ma(t) ? t : {
     default: () => [t]
   })]);
-}, Wa = /* @__PURE__ */ _((e, {
+}, Ka = /* @__PURE__ */ S((e, {
   slots: t
 }) => {
-  const r = P(), n = C();
-  return () => d(Ta, 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: Z
+    Text: Xe
   }), null);
 }, {
   name: "Flag",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("color", "icon", "truncate", "theme", "class")
+  props: k()("color", "icon", "truncate", "theme", "class")
 });
-var Le, Ft;
-function Sa() {
-  if (Ft) return Le;
-  Ft = 1;
-  var e = cr();
+var Le, Gt;
+function ya() {
+  if (Gt) return Le;
+  Gt = 1;
+  var e = rr();
   function t() {
     if (!arguments.length)
       return [];
@@ -1376,11 +1317,11 @@ function Sa() {
   }
   return Le = t, Le;
 }
-var Na = Sa();
-const Pa = /* @__PURE__ */ Ye(Na), ja = "lumx-flex-box", {
-  block: ka
-} = k(ja);
-function wa(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,
@@ -1392,32 +1333,32 @@ function wa(e) {
     wrap: c,
     orientation: u,
     ...l
-  } = e, f = u ?? (c || a || i ? Jr.horizontal : null);
+  } = e, d = u ?? (c || a || i ? bn.horizontal : null);
   return {
     ...l,
-    className: S(t, ka({
-      [`orientation-${f}`]: !!f,
+    className: N(t, _a({
+      [`orientation-${d}`]: !!d,
       [`v-align-${i}`]: !!i,
       [`h-align-${a}`]: !!a,
       [`gap-${n}`]: !!n,
       wrap: !!c,
       "fill-space": r,
       "no-shrink": s,
-      ...Object.fromEntries(Pa(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
+      ...Object.fromEntries(Ta(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
     }))
   };
 }
-const Ha = /* @__PURE__ */ _((e, {
+const Ya = /* @__PURE__ */ S((e, {
   slots: t
 }) => {
   const r = P();
   return () => {
-    const n = e.as || "div", a = wa({
+    const n = e.as || "div", a = Na({
       ...e,
       ...r,
       className: e.class
     });
-    return d(n, a, {
+    return f(n, a, {
       default: () => [t.default?.()]
     });
   };
@@ -1425,21 +1366,187 @@ const Ha = /* @__PURE__ */ _((e, {
   name: "FlexBox",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("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 {
-  Da as Button,
-  Va as ButtonGroup,
-  Wa as Flag,
-  Ha as FlexBox,
-  Ga as Heading,
-  za as HeadingLevelProvider,
-  Fe as Icon,
-  Fa as IconButton,
-  Ma as InputHelper,
-  La as InputLabel,
-  Ua as Message,
-  Z as Text,
-  yr 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