@lumx/vue 4.2.1-alpha.7 → 4.2.1-alpha.9

package/index.js

@@ -1,21 +1,21 @@
-import { ColorVariant as jr, Theme as kr } from '@lumx/core/js/constants/index.js';
+import { ColorVariant as Tr, Theme as _r } 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 { 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 { 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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = { exports: {} };
+var te = { exports: {} };
 var Qe;
-function Wr() {
+function Rr() {
   return Qe || (Qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -36,8 +36,8 @@ function Wr() {
                 n.push(o.toString());
                 continue;
               }
-              for (var c in o)
-                t.call(o, c) && o[c] && n.push(c);
+              for (var l in o)
+                t.call(o, l) && o[l] && n.push(l);
             }
           }
         }
@@ -45,30 +45,30 @@ function Wr() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(re)), re.exports;
+  })(te)), te.exports;
 }
-var Hr = Wr();
-const S = /* @__PURE__ */ Ye(Hr);
-function Jt(e, t) {
+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 Kr(e, t, r) {
-  const [n, a = jr.N] = Jt(t, r);
+function Dr(e, t, r) {
+  const [n, a = Tr.N] = zt(t, r);
   return `lumx-color-${e}-${n}-${a}`;
 }
-const Yr = (e, t) => Kr("font", e, t);
-function Xt(e) {
+const Fr = (e, t) => Dr("font", e, t);
+function Ht(e) {
   return `lumx-typography-${e}`;
 }
-function Qt(e, t) {
+function Kt(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) {
+function z(e, t, r) {
   let n, a;
   return Array.isArray(t) ? a = t : (n = t, a = r), !n && !a ? e : S(
     // Additional classes
@@ -76,15 +76,15 @@ function H(e, t, r) {
     // Base class
     e,
     // Modifier(s)
-    n ? Qt(e, n) : null
+    n ? Kt(e, n) : null
   );
 }
 function Ze(e, t, r, n) {
-  return Array.isArray(r) ? H(`${e}__${t}`, r) : H(`${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) ? H(e, n) : H(e, 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);
@@ -92,25 +92,25 @@ function k(e) {
   return {
     block: t,
     element: r,
-    modifier: (n) => Qt(e, n)
+    modifier: (n) => Kt(e, n)
   };
 }
-const K = {
+const H = {
   light: "light",
   dark: "dark"
-}, j = {
+}, w = {
   xxs: "xxs",
   xs: "xs",
   s: "s",
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Jr = {
+}, Vr = {
   horizontal: "horizontal"
-}, $ = {
+}, C = {
   low: "low",
   high: "high"
-}, Xr = {
+}, Gr = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -120,8 +120,8 @@ const K = {
   title: "title",
   headline: "headline",
   display1: "display1"
-}, R = {
-  ...Xr
+}, B = {
+  ...Gr
 }, O = {
   info: "info",
   success: "success",
@@ -135,46 +135,46 @@ const K = {
   yellow: "yellow",
   red: "red",
   light: "light"
-}, Qr = {
+}, Ur = {
   [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 = {
+}, 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 = er.kind,
+    kind: n = Jt.kind,
     theme: a,
     ref: o,
     ...s
   } = e, {
     color: i
-  } = Qr[n] || {};
+  } = Ur[n] || {};
   return d("p", g({
     ref: o
   }, s, {
-    className: S(r, tn({
+    className: S(r, Hr({
       [`color-${i}`]: !!i,
       [`theme-${a}`]: !!a
     }))
   }), [t]);
 }
-Y.displayName = Zr;
-Y.className = Zt;
-Y.defaultProps = er;
-function C(e = { defaultTheme: kr.light }) {
+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 w = () => (...e) => e, Ma = /* @__PURE__ */ _((e, {
+const N = () => (...e) => e, Ca = /* @__PURE__ */ T((e, {
   slots: t
 }) => {
-  const r = P(), n = C();
+  const r = P(), n = M();
   return () => d(Y, g(e, r, {
     className: e.class,
     theme: e.theme || n,
@@ -184,10 +184,10 @@ const w = () => (...e) => e, Ma = /* @__PURE__ */ _((e, {
   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 = {};
+  props: N()("kind", "theme", "class")
+}), Kr = "InputLabel", Yr = "lumx-input-label", Xt = Yr, {
+  block: Jr
+} = k(Xt), Xr = {};
 function J(e) {
   const {
     children: t,
@@ -197,26 +197,26 @@ function J(e) {
     theme: o,
     typography: s,
     ref: i,
-    ...c
+    ...l
   } = e;
   return d("label", g({
     ref: i
-  }, c, {
+  }, l, {
     htmlFor: n,
-    className: S(r, an({
+    className: S(r, Jr({
       "is-required": a,
       [`theme-${o}`]: !!o,
       "has-custom-typography": !!s
-    }), s && Xt(s))
+    }), s && Ht(s))
   }), [t]);
 }
-J.displayName = rn;
-J.className = tr;
-J.defaultProps = on;
-const La = /* @__PURE__ */ _((e, {
+J.displayName = Kr;
+J.className = Xt;
+J.defaultProps = Xr;
+const $a = /* @__PURE__ */ T((e, {
   slots: t
 }) => {
-  const r = P(), n = C();
+  const r = P(), n = M();
   return () => d(J, g(e, r, {
     className: e.class,
     theme: e.theme || n,
@@ -226,42 +226,42 @@ const La = /* @__PURE__ */ _((e, {
   name: "InputLabel",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("htmlFor", "isRequired", "typography", "theme", "class")
+  props: N()("htmlFor", "isRequired", "typography", "theme", "class")
 });
-var ne, et;
-function rr() {
-  if (et) return ne;
+var re, et;
+function Qt() {
+  if (et) return re;
   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 ne = t, ne;
+  return re = t, re;
 }
-var ae, tt;
-function sn() {
-  if (tt) return ae;
+var ne, tt;
+function Qr() {
+  if (tt) return ne;
   tt = 1;
   function e(t, r) {
     return function(n) {
       return t(r(n));
     };
   }
-  return ae = e, ae;
+  return ne = e, ne;
 }
-var oe, rt;
-function cn() {
-  if (rt) return oe;
+var ae, rt;
+function Zr() {
+  if (rt) return ae;
   rt = 1;
-  var e = sn(), t = e(Object.keys, Object);
-  return oe = t, oe;
+  var e = Qr(), t = e(Object.keys, Object);
+  return ae = t, ae;
 }
-var se, nt;
-function ln() {
-  if (nt) return se;
+var oe, nt;
+function en() {
+  if (nt) return oe;
   nt = 1;
-  var e = rr(), t = cn(), r = Object.prototype, n = r.hasOwnProperty;
+  var e = Qt(), t = Zr(), r = Object.prototype, n = r.hasOwnProperty;
   function a(o) {
     if (!e(o))
       return t(o);
@@ -270,112 +270,112 @@ function ln() {
       n.call(o, i) && i != "constructor" && s.push(i);
     return s;
   }
-  return se = a, se;
+  return oe = a, oe;
 }
-var ie, at;
-function nr() {
-  if (at) return ie;
+var se, at;
+function Zt() {
+  if (at) return se;
   at = 1;
-  var e = typeof U == "object" && U && U.Object === Object && U;
-  return ie = e, ie;
+  var e = typeof W == "object" && W && W.Object === Object && W;
+  return se = e, se;
 }
-var ce, ot;
+var ie, ot;
 function I() {
-  if (ot) return ce;
+  if (ot) return ie;
   ot = 1;
-  var e = nr(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
-  return ce = r, ce;
+  var e = Zt(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  return ie = r, ie;
 }
-var le, st;
-function ar() {
-  if (st) return le;
+var ce, st;
+function er() {
+  if (st) return ce;
   st = 1;
   var e = I(), t = e.Symbol;
-  return le = t, le;
+  return ce = t, ce;
 }
-var ue, it;
-function un() {
-  if (it) return ue;
+var le, it;
+function tn() {
+  if (it) return le;
   it = 1;
-  var e = ar(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, a = e ? e.toStringTag : void 0;
+  var e = er(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, a = e ? e.toStringTag : void 0;
   function o(s) {
-    var i = r.call(s, a), c = s[a];
+    var i = r.call(s, a), l = s[a];
     try {
       s[a] = void 0;
       var u = !0;
     } catch {
     }
-    var l = n.call(s);
-    return u && (i ? s[a] = c : delete s[a]), l;
+    var c = n.call(s);
+    return u && (i ? s[a] = l : delete s[a]), c;
   }
-  return ue = o, ue;
+  return le = o, le;
 }
-var fe, ct;
-function fn() {
-  if (ct) return fe;
+var ue, ct;
+function rn() {
+  if (ct) return ue;
   ct = 1;
   var e = Object.prototype, t = e.toString;
   function r(n) {
     return t.call(n);
   }
-  return fe = r, fe;
+  return ue = r, ue;
 }
-var de, lt;
+var fe, lt;
 function X() {
-  if (lt) return de;
+  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 = er(), t = tn(), r = rn(), n = "[object Null]", a = "[object Undefined]", o = e ? e.toStringTag : void 0;
   function s(i) {
     return i == null ? i === void 0 ? a : n : o && o in Object(i) ? t(i) : r(i);
   }
-  return de = s, de;
+  return fe = s, fe;
 }
-var pe, ut;
-function or() {
-  if (ut) return pe;
+var de, ut;
+function tr() {
+  if (ut) return de;
   ut = 1;
   function e(t) {
     var r = typeof t;
     return t != null && (r == "object" || r == "function");
   }
-  return pe = e, pe;
+  return de = e, de;
 }
-var he, ft;
-function sr() {
-  if (ft) return he;
+var pe, ft;
+function rr() {
+  if (ft) return pe;
   ft = 1;
-  var e = X(), t = or(), r = "[object AsyncFunction]", n = "[object Function]", a = "[object GeneratorFunction]", o = "[object Proxy]";
+  var e = X(), t = tr(), r = "[object AsyncFunction]", n = "[object Function]", a = "[object GeneratorFunction]", o = "[object Proxy]";
   function s(i) {
     if (!t(i))
       return !1;
-    var c = e(i);
-    return c == n || c == a || c == r || c == o;
+    var l = e(i);
+    return l == n || l == a || l == r || l == o;
   }
-  return he = s, he;
+  return pe = s, pe;
 }
-var me, dt;
-function dn() {
-  if (dt) return me;
+var he, dt;
+function nn() {
+  if (dt) return he;
   dt = 1;
   var e = I(), t = e["__core-js_shared__"];
-  return me = t, me;
+  return he = t, he;
 }
-var be, pt;
-function pn() {
-  if (pt) return be;
+var me, pt;
+function an() {
+  if (pt) return me;
   pt = 1;
-  var e = dn(), t = (function() {
+  var e = nn(), 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 be = r, be;
+  return me = r, me;
 }
-var ve, ht;
-function ir() {
-  if (ht) return ve;
+var be, ht;
+function nr() {
+  if (ht) return be;
   ht = 1;
   var e = Function.prototype, t = e.toString;
   function r(n) {
@@ -391,160 +391,160 @@ function ir() {
     }
     return "";
   }
-  return ve = r, ve;
+  return be = r, be;
 }
-var ge, mt;
-function hn() {
-  if (mt) return ge;
+var ve, mt;
+function on() {
+  if (mt) return ve;
   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(
-    "^" + c.call(u).replace(a, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$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.*?") + "$"
   );
   function f(p) {
     if (!r(p) || t(p))
       return !1;
-    var h = e(p) ? l : o;
+    var h = e(p) ? c : o;
     return h.test(n(p));
   }
-  return ge = f, ge;
+  return ve = f, ve;
 }
-var ye, bt;
-function mn() {
-  if (bt) return ye;
+var ge, bt;
+function sn() {
+  if (bt) return ge;
   bt = 1;
   function e(t, r) {
     return t?.[r];
   }
-  return ye = e, ye;
+  return ge = e, ge;
 }
-var Ae, vt;
+var ye, vt;
 function D() {
-  if (vt) return Ae;
+  if (vt) return ye;
   vt = 1;
-  var e = hn(), t = mn();
+  var e = on(), t = sn();
   function r(n, a) {
     var o = t(n, a);
     return e(o) ? o : void 0;
   }
-  return Ae = r, Ae;
+  return ye = r, ye;
 }
-var _e, gt;
-function bn() {
-  if (gt) return _e;
+var Ae, gt;
+function cn() {
+  if (gt) return Ae;
   gt = 1;
   var e = D(), t = I(), r = e(t, "DataView");
-  return _e = r, _e;
+  return Ae = r, Ae;
 }
 var Te, yt;
-function vn() {
+function ln() {
   if (yt) return Te;
   yt = 1;
   var e = D(), t = I(), r = e(t, "Map");
   return Te = r, Te;
 }
-var Se, At;
-function gn() {
-  if (At) return Se;
+var _e, At;
+function un() {
+  if (At) return _e;
   At = 1;
   var e = D(), t = I(), r = e(t, "Promise");
+  return _e = r, _e;
+}
+var Se, Tt;
+function fn() {
+  if (Tt) return Se;
+  Tt = 1;
+  var e = D(), t = I(), r = e(t, "Set");
   return Se = r, Se;
 }
 var Ne, _t;
-function yn() {
+function dn() {
   if (_t) return Ne;
   _t = 1;
-  var e = D(), t = I(), r = e(t, "Set");
-  return Ne = r, Ne;
-}
-var Pe, Tt;
-function An() {
-  if (Tt) return Pe;
-  Tt = 1;
   var e = D(), t = I(), r = e(t, "WeakMap");
-  return Pe = r, Pe;
+  return Ne = r, Ne;
 }
 var je, St;
-function _n() {
+function pn() {
   if (St) return je;
   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 = 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) {
         case h:
           return p;
         case b:
           return i;
         case y:
           return u;
-        case N:
-          return l;
+        case j:
+          return c;
         case E:
           return f;
       }
     return q;
-  }), je = T, je;
+  }), je = _, je;
 }
-var ke, Nt;
-function Je() {
-  if (Nt) return ke;
+var Pe, Nt;
+function Ke() {
+  if (Nt) return Pe;
   Nt = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
-  return ke = e, ke;
+  return Pe = e, Pe;
 }
-var we, Pt;
-function Tn() {
-  if (Pt) return we;
-  Pt = 1;
-  var e = X(), t = Je(), r = "[object Arguments]";
+var we, jt;
+function hn() {
+  if (jt) return we;
+  jt = 1;
+  var e = X(), t = Ke(), r = "[object Arguments]";
   function n(a) {
     return t(a) && e(a) == r;
   }
   return we = n, we;
 }
-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 ke, Pt;
+function mn() {
+  if (Pt) return ke;
+  Pt = 1;
+  var e = hn(), t = Ke(), r = Object.prototype, n = r.hasOwnProperty, a = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return t(s) && n.call(s, "callee") && !a.call(s, "callee");
   };
-  return xe = o, xe;
+  return ke = o, ke;
+}
+var xe, wt;
+function ar() {
+  if (wt) return xe;
+  wt = 1;
+  var e = Array.isArray;
+  return xe = e, xe;
 }
 var Oe, kt;
-function cr() {
+function or() {
   if (kt) return Oe;
   kt = 1;
-  var e = Array.isArray;
-  return Oe = e, Oe;
-}
-var Ie, wt;
-function lr() {
-  if (wt) return Ie;
-  wt = 1;
   var e = 9007199254740991;
   function t(r) {
     return typeof r == "number" && r > -1 && r % 1 == 0 && r <= e;
   }
-  return Ie = t, Ie;
+  return Oe = t, Oe;
 }
-var $e, xt;
-function Nn() {
-  if (xt) return $e;
+var Ie, xt;
+function bn() {
+  if (xt) return Ie;
   xt = 1;
-  var e = sr(), t = lr();
+  var e = rr(), t = or();
   function r(n) {
     return n != null && t(n.length) && !e(n);
   }
-  return $e = r, $e;
+  return Ie = r, Ie;
 }
-var M = { exports: {} }, Ce, Ot;
-function Pn() {
+var R = { exports: {} }, Ce, Ot;
+function vn() {
   if (Ot) return Ce;
   Ot = 1;
   function e() {
@@ -552,29 +552,29 @@ function Pn() {
   }
   return Ce = e, Ce;
 }
-M.exports;
+R.exports;
 var It;
-function jn() {
+function gn() {
   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 = I(), n = vn(), a = t && !t.nodeType && t, o = a && !0 && e && !e.nodeType && e, s = o && o.exports === a, i = s ? r.Buffer : void 0, l = i ? i.isBuffer : void 0, u = l || n;
     e.exports = u;
-  })(M, M.exports)), M.exports;
+  })(R, R.exports)), R.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 $e, Ct;
+function yn() {
+  if (Ct) return $e;
+  Ct = 1;
+  var e = X(), t = or(), r = Ke(), n = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", u = "[object Map]", c = "[object Number]", f = "[object Object]", p = "[object RegExp]", h = "[object Set]", b = "[object String]", y = "[object WeakMap]", j = "[object ArrayBuffer]", E = "[object DataView]", _ = "[object Float32Array]", x = "[object Float64Array]", q = "[object Int8Array]", G = "[object Int16Array]", U = "[object Int32Array]", br = "[object Uint8Array]", vr = "[object Uint8ClampedArray]", gr = "[object Uint16Array]", yr = "[object Uint32Array]", m = {};
+  m[_] = m[x] = m[q] = m[G] = m[U] = m[br] = m[vr] = m[gr] = m[yr] = !0, m[n] = m[a] = m[j] = m[o] = m[E] = m[s] = m[i] = m[l] = m[u] = m[c] = m[f] = m[p] = m[h] = m[b] = m[y] = !1;
+  function Ar(ee) {
+    return r(ee) && t(ee.length) && !!m[e(ee)];
   }
-  return Be = Pr, Be;
+  return $e = Ar, $e;
 }
-var Ee, Ct;
-function wn() {
-  if (Ct) return Ee;
-  Ct = 1;
+var Ee, $t;
+function An() {
+  if ($t) return Ee;
+  $t = 1;
   function e(t) {
     return function(r) {
       return t(r);
@@ -584,38 +584,38 @@ function wn() {
 }
 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 Et;
+function Tn() {
+  return Et || (Et = 1, (function(e, t) {
+    var r = Zt(), n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, o = a && a.exports === n, s = o && r.process, i = (function() {
       try {
-        var c = a && a.require && a.require("util").types;
-        return c || s && s.binding && s.binding("util");
+        var l = a && a.require && a.require("util").types;
+        return l || s && s.binding && s.binding("util");
       } catch {
       }
     })();
     e.exports = i;
   })(L, L.exports)), L.exports;
 }
-var qe, 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;
+var qe, qt;
+function _n() {
+  if (qt) return qe;
+  qt = 1;
+  var e = yn(), t = An(), r = Tn(), n = r && r.isTypedArray, a = n ? t(n) : e;
   return qe = a, qe;
 }
-var 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;
+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 == c || b == u)
+    if (b == l || b == u)
       return !h.size;
     if (s(h))
       return !e(h).length;
@@ -624,14 +624,14 @@ function In() {
         return !1;
     return !0;
   }
-  return Re = p, Re;
+  return Be = p, Be;
 }
-var $n = In();
-const Rt = /* @__PURE__ */ Ye($n);
-function Cn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !We(e);
+var Nn = Sn();
+const Mt = /* @__PURE__ */ He(Nn);
+function jn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const Bn = (e) => {
+const Pn = (e) => {
   const {
     children: t,
     onClick: r,
@@ -640,36 +640,36 @@ const Bn = (e) => {
     "aria-disabled": o,
     as: s,
     ...i
-  } = e, c = a || o === "true" || o === !0, u = s;
-  let l;
-  return u === "button" ? l = {
+  } = e, l = a || o === "true" || o === !0, u = s;
+  let c;
+  return u === "button" ? c = {
     type: i.type || "button",
     disabled: a
-  } : l = {
+  } : c = {
     tabIndex: a ? "-1" : i.tabIndex
-  }, d(u, g(i, l, {
-    "aria-disabled": c || void 0,
+  }, d(u, g(i, c, {
+    "aria-disabled": l || void 0,
     onClick: (f) => {
-      if (c) {
+      if (l) {
         f.stopPropagation(), f.preventDefault();
         return;
       }
       r?.(f);
     }
-  }), Cn(t) ? t : {
+  }), jn(t) ? t : {
     default: () => [t]
   });
-}, En = "ButtonRoot", qn = "lumx-button-wrapper", {
-  block: Rn
-} = k(qn), Mn = "lumx-button", {
-  block: Ln
-} = k(Mn), Dn = (e) => {
+}, wn = "ButtonRoot", kn = "lumx-button-wrapper", {
+  block: xn
+} = k(kn), On = "lumx-button", {
+  block: In
+} = k(On), Cn = (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 === C.low && (t === v.light ? v.dark : v.light), s = xn({
     [`color-${o}`]: !!o,
     [`variant-${n}`]: !!n,
     "is-full-width": a
@@ -689,41 +689,41 @@ const Bn = (e) => {
     color: o,
     emphasis: s,
     hasBackground: i,
-    isSelected: c,
+    isSelected: l,
     isActive: u,
-    isFocused: l,
+    isFocused: c,
     isHovered: f,
     linkAs: p,
     size: h,
-    theme: b = K.light,
+    theme: b = H.light,
     variant: y,
-    fullWidth: N,
+    fullWidth: j,
     ref: E,
-    ...T
-  } = e, x = o || s !== $.high && b === K.dark && v.light || s === $.high && v.primary || v.dark;
+    ..._
+  } = e, x = o || s !== C.high && b === H.dark && v.light || s === C.high && v.primary || v.dark;
   if (i)
-    return Dn({
+    return Cn({
       ...e,
       ref: E,
       variant: y,
       color: x
     });
-  const q = S(a, Ln({
+  const q = S(a, In({
     [`color-${x}`]: !!x,
     [`emphasis-${s}`]: !!s,
-    "is-selected": c,
+    "is-selected": l,
     "is-disabled": !!(e.isDisabled || e["aria-disabled"]),
     "is-active": u,
-    "is-focused": l,
+    "is-focused": c,
     "is-hovered": f,
     [`size-${h}`]: !!h,
-    [`theme-${b}`]: !!(s === $.high && b),
+    [`theme-${b}`]: !!(s === C.high && b),
     [`variant-${y}`]: !!y,
-    "is-full-width": N
+    "is-full-width": j
   }));
-  return Bn({
-    as: p || (T.href ? "a" : "button"),
-    ...T,
+  return Pn({
+    as: p || (_.href ? "a" : "button"),
+    ..._,
     "aria-disabled": r,
     "aria-label": t,
     ref: E,
@@ -731,22 +731,22 @@ const Bn = (e) => {
     children: n
   });
 };
-F.displayName = En;
+F.displayName = wn;
 F.defaultProps = {};
-const Fn = "Button", ur = "lumx-button", {
-  modifier: Vn
-} = k(ur), De = {
-  emphasis: $.high,
-  size: j.m
+const $n = "Button", sr = "lumx-button", {
+  modifier: En
+} = k(sr), Le = {
+  emphasis: C.high,
+  size: w.m
 }, Q = (e) => {
   const {
     className: t,
-    emphasis: r = De.emphasis,
+    emphasis: r = Le.emphasis,
     leftIcon: n,
     rightIcon: a,
-    size: o = De.size,
+    size: o = Le.size,
     ...s
-  } = e, i = S(t, Vn({
+  } = e, i = S(t, En({
     "has-left-icon": !!n,
     "has-right-icon": !!a
   }));
@@ -758,17 +758,17 @@ 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, {
+Q.displayName = $n;
+Q.className = sr;
+Q.defaultProps = Le;
+const qn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Bn() {
+  return Ue(qn, { state: null });
+}
+function ir(e) {
+  const t = Bn(), r = A(() => {
+    const o = typeof e == "function" ? e() : Xe(e);
+    return Cr(t, {
       disabled: o.disabled,
       isDisabled: o.isDisabled,
       "aria-disabled": o["aria-disabled"] ?? o.ariaDisabled
@@ -776,19 +776,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() : 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;
   });
   return { disabledStateProps: r, isAnyDisabled: n, otherProps: a };
 }
-const Mt = _({
+const Rt = T({
   name: "ResetTheme",
   setup(e, { slots: t }) {
     return Vt("theme", void 0), () => t.default?.();
   }
-}), Un = "Icon", Wn = "lumx-icon", dr = Wn, {
-  block: Hn
-} = k(dr), Kn = {}, B = (e) => {
+}), Mn = "Icon", Rn = "lumx-icon", cr = Rn, {
+  block: Ln
+} = k(cr), Dn = {}, $ = (e) => {
   const {
     className: t,
     color: r,
@@ -797,29 +797,29 @@ const Mt = _({
     icon: o,
     size: s,
     ref: i,
-    theme: c,
+    theme: l,
     alt: u,
-    verticalAlign: l,
+    verticalAlign: c,
     ...f
-  } = e, [p, h] = Jt(r, n);
+  } = e, [p, h] = zt(r, n);
   let b = p;
-  !b && (a || c) && (b = c === K.dark ? v.light : v.dark);
+  !b && (a || l) && (b = l === H.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({
+  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({
     ref: i
   }, f, {
-    className: S(t, Hn({
+    className: S(t, Ln({
       [`color-${b}`]: !!b,
       [`color-variant-${y}`]: !!y,
       "has-shape": a,
-      [`theme-${c}`]: !!c,
-      [`size-${N}`]: !!N,
+      [`theme-${l}`]: !!l,
+      [`size-${j}`]: !!j,
       "no-shape": !a,
-      "has-dark-layer": !a && b === v.yellow && o === Yt,
+      "has-dark-layer": !a && b === v.yellow && o === Wt,
       path: !0,
-      "vertical-align-middle": l === "middle"
+      "vertical-align-middle": c === "middle"
     }))
   }), [d("svg", {
     "aria-hidden": u ? void 0 : "true",
@@ -828,7 +828,7 @@ const Mt = _({
     height: "1em",
     preserveAspectRatio: "xMidYMid meet",
     style: {
-      verticalAlign: l ? void 0 : "-0.125em"
+      verticalAlign: c ? void 0 : "-0.125em"
     },
     viewBox: "0 0 24 24",
     width: "1em"
@@ -837,14 +837,14 @@ const Mt = _({
     fill: "currentColor"
   }, null)])]);
 };
-B.displayName = Un;
-B.className = dr;
-B.defaultProps = Kn;
-const Fe = /* @__PURE__ */ _((e) => {
-  const t = P(), r = C({
+$.displayName = Mn;
+$.className = cr;
+$.defaultProps = Dn;
+const De = /* @__PURE__ */ T((e) => {
+  const t = P(), r = M({
     defaultTheme: void 0
   });
-  return () => d(B, g(e, t, {
+  return () => d($, g(e, t, {
     className: e.class,
     theme: e.theme || r
   }), null);
@@ -852,10 +852,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: N()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
+}), Fn = "lumx-text", {
+  block: Vn
+} = k(Fn), Gn = (e) => {
   const {
     className: t,
     color: r,
@@ -864,136 +864,136 @@ const Fe = /* @__PURE__ */ _((e) => {
     typography: o,
     truncate: s,
     whiteSpace: i,
-    style: c
+    style: l
   } = e, u = typeof s == "object" && s.lines > 1 && {
     "--lumx-text-truncate-lines": s.lines
-  }, l = !!u, f = !!s, p = !a && !(f && !l) && i && {
+  }, c = !!u, f = !!s, p = !a && !(f && !c) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: S(t, Yn({
-      "is-truncated": f && !l,
-      "is-truncated-multiline": l,
+    className: S(t, Vn({
+      "is-truncated": f && !c,
+      "is-truncated-multiline": c,
       "no-wrap": a
-    }), o && Xt(o), r && Yr(r, n)),
+    }), o && Ht(o), r && Fr(r, n)),
     style: {
       ...u,
       ...p,
-      ...c
+      ...l
     }
   };
 };
-function hr(e, t) {
-  return wr() ? (xr(e, t), !0) : !1;
+function lr(e, t) {
+  return Sr() ? (Nr(e, t), !0) : !1;
 }
-const Xn = typeof window < "u" && typeof document < "u";
+const Un = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Qn = (e) => e != null;
-function Zn(e) {
+const Wn = (e) => e != null;
+function zn(e) {
   return Array.isArray(e) ? e : [e];
 }
-const mr = Xn ? window : void 0;
-function Ve(e) {
+const ur = Un ? window : void 0;
+function Fe(e) {
   var t;
-  const r = Ke(e);
+  const r = ze(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 Hn() {
+  const e = jr(!1), t = Pr();
+  return t && wr(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function br(e) {
-  const t = /* @__PURE__ */ ea();
+function fr(e) {
+  const t = /* @__PURE__ */ Hn();
   return A(() => (t.value, !!e()));
 }
-function ta(e, t, r = {}) {
-  const { window: n = mr, ...a } = r;
+function Kn(e, t, r = {}) {
+  const { window: n = ur, ...a } = r;
   let o;
-  const s = /* @__PURE__ */ br(() => n && "MutationObserver" in n), i = () => {
+  const s = /* @__PURE__ */ fr(() => n && "MutationObserver" in n), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, c = He(A(() => {
-    const f = Zn(Ke(e)).map(Ve).filter(Qn);
+  }, 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)));
   }, {
     immediate: !0,
     flush: "post"
-  }), u = () => o?.takeRecords(), l = () => {
-    c(), i();
+  }), u = () => o?.takeRecords(), c = () => {
+    l(), i();
   };
-  return hr(l), {
+  return lr(c), {
     isSupported: s,
-    stop: l,
+    stop: c,
     takeRecords: u
   };
 }
-function ra(e, t, r = {}) {
-  const { window: n = mr, ...a } = r;
+function Yn(e, t, r = {}) {
+  const { window: n = ur, ...a } = r;
   let o;
-  const s = /* @__PURE__ */ br(() => n && "ResizeObserver" in n), i = () => {
+  const s = /* @__PURE__ */ fr(() => 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)];
-  }), (l) => {
+  }, l = We(A(() => {
+    const c = ze(e);
+    return Array.isArray(c) ? c.map((f) => Fe(f)) : [Fe(c)];
+  }), (c) => {
     if (i(), s.value && n) {
       o = new ResizeObserver(t);
-      for (const f of l) f && o.observe(f, a);
+      for (const f of c) f && o.observe(f, a);
     }
   }, {
     immediate: !0,
     flush: "post"
   }), u = () => {
-    i(), c();
+    i(), l();
   };
-  return hr(u), {
+  return lr(u), {
     isSupported: s,
     stop: u
   };
 }
-function na(e) {
-  const t = Cr(void 0), r = () => {
+function Jn(e) {
+  const t = kr(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(`.${$r.visuallyHidden()}`) && n.offsetWidth < n.scrollWidth ? t.value = n.innerText : t.value = void 0;
   };
-  return ta(e, r, {
+  return Kn(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), ra(e, r), He(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), Yn(e, r), We(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const aa = (e = "default") => {
+const Xn = (e = "default") => {
   const t = Gt();
   return () => {
     const r = t?.[e];
     return r ? r() : null;
   };
 };
-function Ge(e) {
+function Ve(e) {
   if (!e) return;
   const t = [];
   for (const r of e) {
-    if (!We(r)) {
+    if (!K(r)) {
       t.push(r);
       continue;
     }
-    if (r.type === Fe) {
+    if (r.type === De) {
       t.push(" "), t.push(r), t.push(" ");
       continue;
     }
-    if (r.type === zt && Array.isArray(r.children)) {
-      const n = Ge(r.children);
+    if (r.type === Ut && Array.isArray(r.children)) {
+      const n = Ve(r.children);
       n && t.push(...n);
       continue;
     }
     if (typeof r.type == "string" && Array.isArray(r.children)) {
-      const n = Ge(r.children), a = { ...r.props || {} };
+      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));
       continue;
     }
@@ -1001,98 +1001,100 @@ function Ge(e) {
   }
   return t;
 }
-const Z = /* @__PURE__ */ _({
+function Qn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
+}
+const Ye = /* @__PURE__ */ T((e, {
+  slots: t
+}) => {
+  const r = P(), n = Xn(), a = xr("tooltip-label"), {
+    tooltipLabel: o
+  } = Jn(a), s = A(() => Gn({
+    ...e,
+    className: e.class || r.class || r.className
+  })), i = A(() => {
+    const {
+      children: l,
+      ...u
+    } = r;
+    return {
+      ...u,
+      ...s.value
+    };
+  });
+  return () => {
+    const l = e.as || "div", u = n() || t.default?.(), c = u ? Ve(u) : null;
+    return d(l, g({
+      ref: "tooltip-label"
+    }, i.value, {
+      class: i.value.className,
+      style: i.value.style,
+      title: o.value
+    }), Qn(c) ? c : {
+      default: () => [c]
+    });
+  };
+}, {
+  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: N()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), Zn = {
   click: (e) => e instanceof MouseEvent
-}, Da = /* @__PURE__ */ _((e, {
+}, Ea = /* @__PURE__ */ T((e, {
   emit: t
 }) => {
-  const r = Gt(), n = P(), a = C(), {
+  const r = Gt(), n = P(), a = M(), {
     isAnyDisabled: o,
     disabledStateProps: s,
     otherProps: i
-  } = fr(A(() => ({
+  } = ir(A(() => ({
     ...e,
     ...n
-  }))), c = (l) => {
-    o.value || (l.stopImmediatePropagation(), t("click", l));
+  }))), l = (c) => {
+    o.value || (c.stopImmediatePropagation(), t("click", c));
   }, u = () => {
-    const l = r.default?.();
-    return !l || l.length === 0 ? null : l.length === 1 && l[0].type === Z ? l[0] : d("span", null, [l]);
+    const c = r.default?.();
+    return !c || c.length === 0 ? null : c.length === 1 && c[0].type === Ye ? c[0] : d("span", null, [c]);
   };
   return () => {
-    const l = d(zt, null, [e.leftIcon && !Rt(e.leftIcon) && d(Mt, null, {
-      default: () => [d(Fe, {
+    const c = d(Ut, null, [e.leftIcon && !Mt(e.leftIcon) && d(Rt, null, {
+      default: () => [d(De, {
         icon: e.leftIcon
       }, null)]
-    }), u(), e.rightIcon && !Rt(e.rightIcon) && d(Mt, null, {
-      default: () => [d(Fe, {
+    }), u(), e.rightIcon && !Mt(e.rightIcon) && d(Rt, null, {
+      default: () => [d(De, {
         icon: e.rightIcon
       }, null)]
     })]);
     return d(Q, g(i.value, s.value, {
       className: e.class,
       theme: e.theme || a,
-      onClick: c,
-      children: l
+      onClick: l,
+      children: c
     }), null);
   };
 }, {
   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
+  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) => {
   const {
-    emphasis: t = ze.emphasis,
+    emphasis: t = Ge.emphasis,
     image: r,
     icon: n,
     label: a,
-    size: o = ze.size,
+    size: o = Ge.size,
     ...s
   } = e, i = r ? d("img", {
     alt: "",
     src: r
-  }, null) : B({
+  }, null) : $({
     icon: n
   });
   return F({
@@ -1104,23 +1106,23 @@ const Z = /* @__PURE__ */ _({
     children: i
   });
 };
-V.displayName = sa;
-V.className = ia;
-V.defaultProps = ze;
-const ca = {
+V.displayName = ea;
+V.className = ta;
+V.defaultProps = Ge;
+const ra = {
   click: (e) => e instanceof MouseEvent
-}, Fa = /* @__PURE__ */ _((e, {
+}, qa = /* @__PURE__ */ T((e, {
   emit: t
 }) => {
-  const r = P(), n = C(), {
+  const r = P(), n = M(), {
     isAnyDisabled: a,
     disabledStateProps: o,
     otherProps: s
-  } = fr(A(() => ({
+  } = ir(A(() => ({
     ...e,
     ...r
-  }))), i = (c) => {
-    a.value || (c.stopImmediatePropagation(), t("click", c));
+  }))), i = (l) => {
+    a.value || (l.stopImmediatePropagation(), t("click", l));
   };
   return () => d(V, g(s.value, o.value, {
     className: e.class,
@@ -1132,26 +1134,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: 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) => {
   const {
     children: t,
     className: r,
     ...n
   } = e;
   return d("div", g(n, {
-    className: S(r, vr)
+    className: S(r, dr)
   }), [t]);
 };
-ee.displayName = la;
-ee.className = vr;
-ee.defaultProps = ua;
-const Va = /* @__PURE__ */ _((e, {
+Z.displayName = na;
+Z.className = dr;
+Z.defaultProps = aa;
+const Ba = /* @__PURE__ */ T((e, {
   slots: t
 }) => {
   const r = P();
-  return () => d(ee, g(e, r, {
+  return () => d(Z, g(e, r, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1159,99 +1161,84 @@ 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) => {
+  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, pa),
-    typography: a || fa[s]
+    className: S(n, ia),
+    typography: a || oa[s]
   };
-}, gr = /* @__PURE__ */ Symbol("HeadingLevelContext"), yr = () => Ue(gr, da), Ga = /* @__PURE__ */ _({
+}, 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,
-  __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) => {
+  // 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;
-}, za = /* @__PURE__ */ _({
+}, 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",
-  __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,
+  props: N()("level")
+}), ua = "Message", mr = "lumx-message", {
+  block: fa,
   element: Me
-} = k(Ar), ga = {
+} = k(mr), da = {
   [O.error]: {
     color: v.red,
-    icon: Vr
+    icon: Er
   },
   [O.info]: {
     color: v.blue,
-    icon: Ur
+    icon: Mr
   },
   [O.success]: {
     color: v.green,
-    icon: Gr
+    icon: qr
   },
   [O.warning]: {
     color: v.yellow,
-    icon: Yt
+    icon: Wt
   }
-}, Xe = (e) => {
+}, Je = (e) => {
   const {
     children: t,
     className: r,
@@ -1260,45 +1247,45 @@ const Lt = 6, fa = {
     icon: o,
     closeButtonProps: s,
     ref: i,
-    ...c
+    ...l
   } = e, {
     color: u,
-    icon: l
-  } = ga[a] || {}, {
+    icon: c
+  } = da[a] || {}, {
     onClick: f,
     label: p
   } = s || {}, h = n && a === "info" && f && p;
-  return d("div", g(c, {
+  return d("div", g(l, {
     ref: i,
-    className: S(r, va({
+    className: S(r, fa({
       [`color-${u}`]: !!u,
       "has-background": n
     }))
-  }), [(o || l) && B({
+  }), [(o || c) && $({
     className: Me("icon"),
-    icon: o || l,
-    size: j.xs,
+    icon: o || c,
+    size: w.xs,
     color: u
   }), d("div", {
     className: Me("text")
   }, [t]), h && V({
     className: Me("close-button"),
-    icon: zr,
+    icon: Br,
     onClick: f,
     label: p,
-    emphasis: $.low
+    emphasis: C.low
   })]);
 };
-Xe.displayName = ba;
-Xe.className = Ar;
-const Ua = /* @__PURE__ */ _((e, {
+Je.displayName = ua;
+Je.className = mr;
+const La = /* @__PURE__ */ T((e, {
   slots: t,
   emit: r
 }) => {
   const n = P(), {
     closeButtonLabel: a
   } = e;
-  return () => d(Xe, g(e, n, {
+  return () => d(Je, g(e, n, {
     className: e.class,
     children: t.default?.(),
     closeButtonProps: a ? {
@@ -1310,16 +1297,16 @@ const Ua = /* @__PURE__ */ _((e, {
   name: "Message",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: w()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
+  props: N()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
 });
-function ya(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !We(e);
+function pa(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const Aa = "lumx-flag", {
-  block: _a,
+const ha = "lumx-flag", {
+  block: ma,
   element: Dt
-} = k(Aa), Ta = (e) => {
+} = k(ha), ba = (e) => {
   const {
     children: t,
     icon: r,
@@ -1328,59 +1315,59 @@ const Aa = "lumx-flag", {
     theme: o,
     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({
+    ...l
+  } = e, u = n || (o === H.light ? v.dark : v.light), c = !!s;
+  return d("div", g(l, {
+    className: S(a, ma({
       [`color-${u}`]: !!u,
-      "is-truncated": l
+      "is-truncated": c
     }))
-  }), [r && B({
+  }), [r && $({
     icon: r,
-    size: j.xxs,
+    size: w.xxs,
     className: Dt("icon")
   }), d(i, {
     as: "span",
     truncate: !!s,
     typography: "overline",
     className: Dt("label")
-  }, ya(t) ? t : {
+  }, pa(t) ? t : {
     default: () => [t]
   })]);
-}, Wa = /* @__PURE__ */ _((e, {
+}, Da = /* @__PURE__ */ T((e, {
   slots: t
 }) => {
-  const r = P(), n = C();
-  return () => d(Ta, g(e, r, {
+  const r = P(), n = M();
+  return () => d(ba, g(e, r, {
     className: e.class,
     theme: e.theme || n,
     children: t.default?.(),
-    Text: Z
+    Text: Ye
   }), 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: N()("color", "icon", "truncate", "theme", "class")
 });
-var Le, Ft;
-function Sa() {
-  if (Ft) return Le;
+var Re, Ft;
+function va() {
+  if (Ft) return Re;
   Ft = 1;
-  var e = cr();
+  var e = ar();
   function t() {
     if (!arguments.length)
       return [];
     var r = arguments[0];
     return e(r) ? r : [r];
   }
-  return Le = t, Le;
+  return Re = t, Re;
 }
-var Na = Sa();
-const Pa = /* @__PURE__ */ Ye(Na), ja = "lumx-flex-box", {
-  block: ka
-} = k(ja);
-function wa(e) {
+var ga = va();
+const ya = /* @__PURE__ */ He(ga), Aa = "lumx-flex-box", {
+  block: Ta
+} = k(Aa);
+function _a(e) {
   const {
     className: t,
     fillSpace: r,
@@ -1389,30 +1376,30 @@ function wa(e) {
     marginAuto: o,
     noShrink: s,
     vAlign: i,
-    wrap: c,
+    wrap: l,
     orientation: u,
-    ...l
-  } = e, f = u ?? (c || a || i ? Jr.horizontal : null);
+    ...c
+  } = e, f = u ?? (l || a || i ? Vr.horizontal : null);
   return {
-    ...l,
-    className: S(t, ka({
+    ...c,
+    className: S(t, Ta({
       [`orientation-${f}`]: !!f,
       [`v-align-${i}`]: !!i,
       [`h-align-${a}`]: !!a,
       [`gap-${n}`]: !!n,
-      wrap: !!c,
+      wrap: !!l,
       "fill-space": r,
       "no-shrink": s,
-      ...Object.fromEntries(Pa(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
+      ...Object.fromEntries(ya(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
     }))
   };
 }
-const Ha = /* @__PURE__ */ _((e, {
+const Fa = /* @__PURE__ */ T((e, {
   slots: t
 }) => {
   const r = P();
   return () => {
-    const n = e.as || "div", a = wa({
+    const n = e.as || "div", a = _a({
       ...e,
       ...r,
       className: e.class
@@ -1425,21 +1412,21 @@ 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: N()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
 });
 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
+  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
 };
 //# sourceMappingURL=index.js.map