@lumx/vue 4.2.1-alpha.12 → 4.2.1-alpha.14

package/index.js

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