@lumx/vue 4.3.2-alpha.1 → 4.3.2-alpha.3

package/index.js

@@ -1,32 +1,35 @@
-import { ColorVariant as Ir, Theme as Er } from '@lumx/core/js/constants/index.js';
+import { ColorVariant as nr, Theme as or, AspectRatio as sr, Size as ir } from '@lumx/core/js/constants/index.js';
 export * from '@lumx/core/js/constants/index.js';
 export * from '@lumx/core/js/types/index.js';
-import { createVNode as u, mergeProps as m, defineComponent as y, useAttrs as S, isVNode as ee, inject as Xe, computed as k, unref as at, provide as Jt, getCurrentScope as Br, onScopeDispose as Rr, watch as te, toValue as Qe, shallowRef as Mr, getCurrentInstance as Lr, onMounted as qr, ref as Xt, useSlots as Qt, Fragment as Zt, useTemplateRef as Dr, toRefs as Fr, reactive as Vr } from "vue";
-import { getDisabledState as Gr } from '@lumx/core/js/utils/disabledState/index.js';
-import { mdiAlertCircle as er } from '@lumx/icons/esm/alert-circle.js';
-import { classNames as Ur } from '@lumx/core/js/utils/index.js';
-import { mdiCheck as Wr } from '@lumx/icons/esm/check.js';
-import { mdiMinus as zr } from '@lumx/icons/esm/minus.js';
-import { mdiAlert as Hr } from '@lumx/icons/esm/alert.js';
-import { mdiCheckCircle as Kr } from '@lumx/icons/esm/check-circle.js';
-import { mdiClose as Yr } from '@lumx/icons/esm/close.js';
-import { mdiInformation as Jr } from '@lumx/icons/esm/information.js';
-const Q = {
+import { createVNode as l, mergeProps as p, defineComponent as N, useAttrs as P, isVNode as se, inject as yt, computed as k, unref as ft, provide as Ca, getCurrentScope as lr, onScopeDispose as cr, watch as U, toValue as Nt, shallowRef as ur, getCurrentInstance as wa, onMounted as dr, ref as ie, useSlots as At, Fragment as V, useTemplateRef as fr, toRefs as hr, reactive as mr, createTextVNode as me, onBeforeUnmount as pr, nextTick as br, toRef as X } from "vue";
+import { getDisabledState as vr } from '@lumx/core/js/utils/disabledState/index.js';
+import { mdiAlertCircle as _a } from '@lumx/icons/esm/alert-circle.js';
+import { classNames as Z } from '@lumx/core/js/utils/index.js';
+import { mdiCheck as gr } from '@lumx/icons/esm/check.js';
+import { mdiMinus as yr } from '@lumx/icons/esm/minus.js';
+import { mdiAlert as Nr } from '@lumx/icons/esm/alert.js';
+import { mdiCheckCircle as Ar } from '@lumx/icons/esm/check-circle.js';
+import { mdiClose as Sr } from '@lumx/icons/esm/close.js';
+import { mdiInformation as kr } from '@lumx/icons/esm/information.js';
+import { mdiArrowDown as Pr } from '@lumx/icons/esm/arrow-down.js';
+import { mdiArrowUp as $r } from '@lumx/icons/esm/arrow-up.js';
+import { mdiImageBroken as Tr } from '@lumx/icons/esm/image-broken.js';
+const ve = {
   light: "light",
   dark: "dark"
-}, O = {
+}, L = {
   xxs: "xxs",
   xs: "xs",
   s: "s",
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Xr = {
+}, Cr = {
   horizontal: "horizontal"
-}, L = {
+}, W = {
   low: "low",
   high: "high"
-}, Qr = {
+}, wr = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -36,9 +39,12 @@ const Q = {
   title: "title",
   headline: "headline",
   display1: "display1"
-}, V = {
-  ...Qr
-}, B = {
+}, Q = {
+  ...wr
+}, xa = {
+  /** Intrinsic content ratio. */
+  original: "original"
+}, D = {
   info: "info",
   success: "success",
   warning: "warning",
@@ -52,120 +58,120 @@ const Q = {
   red: "red",
   light: "light"
 };
-var X = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ze(e) {
+var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function St(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var le = { exports: {} };
-var ot;
-function Zr() {
-  return ot || (ot = 1, (function(e) {
+var Te = { exports: {} };
+var It;
+function _r() {
+  return It || (It = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function r() {
-        for (var n = [], a = 0; a < arguments.length; a++) {
-          var o = arguments[a];
+      function a() {
+        for (var r = [], n = 0; n < arguments.length; n++) {
+          var o = arguments[n];
           if (o) {
             var s = typeof o;
             if (s === "string" || s === "number")
-              n.push(o);
+              r.push(o);
             else if (Array.isArray(o)) {
               if (o.length) {
-                var i = r.apply(null, o);
-                i && n.push(i);
+                var i = a.apply(null, o);
+                i && r.push(i);
               }
             } else if (s === "object") {
               if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
-                n.push(o.toString());
+                r.push(o.toString());
                 continue;
               }
-              for (var l in o)
-                t.call(o, l) && o[l] && n.push(l);
+              for (var c in o)
+                t.call(o, c) && o[c] && r.push(c);
             }
           }
         }
-        return n.join(" ");
+        return r.join(" ");
       }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+      e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
     })();
-  })(le)), le.exports;
+  })(Te)), Te.exports;
 }
-var en = Zr();
-const N = /* @__PURE__ */ Ze(en);
-function tr(e, t) {
+var xr = _r();
+const A = /* @__PURE__ */ St(xr);
+function kt(e, t) {
   if (!e) return [void 0, t];
-  const [r, n] = e.split("-");
-  return [r, t || n];
+  const [a, r] = e.split("-");
+  return [a, t || r];
 }
-function tn(e, t, r) {
-  const [n, a = Ir.N] = tr(t, r);
-  return `lumx-color-${e}-${n}-${a}`;
+function Er(e, t, a) {
+  const [r, n = nr.N] = kt(t, a);
+  return `lumx-color-${e}-${r}-${n}`;
 }
-const rn = (e, t) => tn("font", e, t);
-function rr(e) {
+const Lr = (e, t) => Er("font", e, t);
+function Pt(e) {
   return `lumx-typography-${e}`;
 }
-function nr(e, t) {
-  const r = [];
-  for (const [n, a] of Object.entries(t))
-    a && r.push(`${e}--${n}`);
-  return r.join(" ");
+function Ea(e, t) {
+  const a = [];
+  for (const [r, n] of Object.entries(t))
+    n && a.push(`${e}--${r}`);
+  return a.join(" ");
 }
-function Z(e, t, r) {
-  let n, a;
-  return Array.isArray(t) ? a = t : (n = t, a = r), !n && !a ? e : N(
+function ge(e, t, a) {
+  let r, n;
+  return Array.isArray(t) ? n = t : (r = t, n = a), !r && !n ? e : A(
     // Additional classes
-    a,
+    n,
     // Base class
     e,
     // Modifier(s)
-    n ? nr(e, n) : null
+    r ? Ea(e, r) : null
   );
 }
-function st(e, t, r, n) {
-  return Array.isArray(r) ? Z(`${e}__${t}`, r) : Z(`${e}__${t}`, r, n);
+function jt(e, t, a, r) {
+  return Array.isArray(a) ? ge(`${e}__${t}`, a) : ge(`${e}__${t}`, a, r);
 }
-function T(e) {
-  function t(n, a) {
-    return Array.isArray(n) ? Z(e, n) : Z(e, n, a);
+function w(e) {
+  function t(r, n) {
+    return Array.isArray(r) ? ge(e, r) : ge(e, r, n);
   }
-  function r(n, a, o) {
-    return Array.isArray(a) ? st(e, n, a) : st(e, n, a, o);
+  function a(r, n, o) {
+    return Array.isArray(n) ? jt(e, r, n) : jt(e, r, n, o);
   }
   return {
     block: t,
-    element: r,
-    modifier: (n) => nr(e, n)
+    element: a,
+    modifier: (r) => Ea(e, r)
   };
 }
-const nn = "Badge", ar = "lumx-badge", {
-  block: an
-} = T(ar), or = {
+const Ir = "Badge", La = "lumx-badge", {
+  block: jr
+} = w(La), Ia = {
   color: _.primary
-}, re = (e) => {
+}, ye = (e) => {
   const {
     children: t,
-    className: r,
-    color: n = or.color,
-    ref: a,
+    className: a,
+    color: r = Ia.color,
+    ref: n,
     ...o
   } = e;
-  return u("div", m({
-    ref: a
+  return l("div", p({
+    ref: n
   }, o, {
-    className: N(r, an({
-      [`color-${n}`]: !!n
+    className: A(a, jr({
+      [`color-${r}`]: !!r
     }))
   }), [t]);
 };
-re.displayName = nn;
-re.className = ar;
-re.defaultProps = or;
-const A = () => (...e) => e.reduce((t, r) => (t[r] = { required: !1 }, t), {}), Oo = /* @__PURE__ */ y((e, {
+ye.displayName = Ir;
+ye.className = La;
+ye.defaultProps = Ia;
+const S = () => (...e) => e.reduce((t, a) => (t[a] = { required: !1 }, t), {}), js = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S();
-  return () => u(re, m(e, r, {
+  const a = P();
+  return () => l(ye, p(e, a, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -173,30 +179,30 @@ const A = () => (...e) => e.reduce((t, r) => (t[r] = { required: !1 }, t), {}),
   name: "LumxBadge",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("color", "class")
-}), on = "lumx-badge-wrapper", {
-  block: sn,
-  element: ln
-} = T(on), cn = (e) => {
+  props: S()("color", "class")
+}), Br = "lumx-badge-wrapper", {
+  block: Or,
+  element: Rr
+} = w(Br), Mr = (e) => {
   const {
     badge: t,
-    children: r,
-    className: n,
-    ref: a,
+    children: a,
+    className: r,
+    ref: n,
     ...o
   } = e;
-  return u("div", m({
-    ref: a
+  return l("div", p({
+    ref: n
   }, o, {
-    className: N(n, sn())
-  }), [r, t && u("div", {
-    className: ln("badge")
+    className: A(r, Or())
+  }), [a, t && l("div", {
+    className: Rr("badge")
   }, [t])]);
-}, jo = /* @__PURE__ */ y((e, {
+}, Bs = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S();
-  return () => u(cn, m(e, r, {
+  const a = P();
+  return () => l(Mr, p(e, a, {
     className: e.class,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -204,912 +210,912 @@ const A = () => (...e) => e.reduce((t, r) => (t[r] = { required: !1 }, t), {}),
 }, {
   name: "LumxBadgeWrapper",
   inheritAttrs: !1,
-  props: A()("badge", "class")
+  props: S()("badge", "class")
 });
-var ce, it;
-function sr() {
-  if (it) return ce;
-  it = 1;
+var Ce, Bt;
+function ja() {
+  if (Bt) return Ce;
+  Bt = 1;
   var e = Object.prototype;
-  function t(r) {
-    var n = r && r.constructor, a = typeof n == "function" && n.prototype || e;
-    return r === a;
+  function t(a) {
+    var r = a && a.constructor, n = typeof r == "function" && r.prototype || e;
+    return a === n;
   }
-  return ce = t, ce;
+  return Ce = t, Ce;
 }
-var ue, lt;
-function un() {
-  if (lt) return ue;
-  lt = 1;
-  function e(t, r) {
-    return function(n) {
-      return t(r(n));
+var we, Ot;
+function qr() {
+  if (Ot) return we;
+  Ot = 1;
+  function e(t, a) {
+    return function(r) {
+      return t(a(r));
     };
   }
-  return ue = e, ue;
-}
-var de, ct;
-function dn() {
-  if (ct) return de;
-  ct = 1;
-  var e = un(), t = e(Object.keys, Object);
-  return de = t, de;
-}
-var fe, ut;
-function fn() {
-  if (ut) return fe;
-  ut = 1;
-  var e = sr(), t = dn(), r = Object.prototype, n = r.hasOwnProperty;
-  function a(o) {
+  return we = e, we;
+}
+var _e, Rt;
+function Dr() {
+  if (Rt) return _e;
+  Rt = 1;
+  var e = qr(), t = e(Object.keys, Object);
+  return _e = t, _e;
+}
+var xe, Mt;
+function Fr() {
+  if (Mt) return xe;
+  Mt = 1;
+  var e = ja(), t = Dr(), a = Object.prototype, r = a.hasOwnProperty;
+  function n(o) {
     if (!e(o))
       return t(o);
     var s = [];
     for (var i in Object(o))
-      n.call(o, i) && i != "constructor" && s.push(i);
+      r.call(o, i) && i != "constructor" && s.push(i);
     return s;
   }
-  return fe = a, fe;
-}
-var pe, dt;
-function ir() {
-  if (dt) return pe;
-  dt = 1;
-  var e = typeof X == "object" && X && X.Object === Object && X;
-  return pe = e, pe;
-}
-var he, ft;
-function R() {
-  if (ft) return he;
-  ft = 1;
-  var e = ir(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
-  return he = r, he;
-}
-var me, pt;
-function lr() {
-  if (pt) return me;
-  pt = 1;
-  var e = R(), t = e.Symbol;
-  return me = t, me;
-}
-var be, ht;
-function pn() {
-  if (ht) return be;
-  ht = 1;
-  var e = lr(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, a = e ? e.toStringTag : void 0;
+  return xe = n, xe;
+}
+var Ee, qt;
+function Ba() {
+  if (qt) return Ee;
+  qt = 1;
+  var e = typeof pe == "object" && pe && pe.Object === Object && pe;
+  return Ee = e, Ee;
+}
+var Le, Dt;
+function F() {
+  if (Dt) return Le;
+  Dt = 1;
+  var e = Ba(), t = typeof self == "object" && self && self.Object === Object && self, a = e || t || Function("return this")();
+  return Le = a, Le;
+}
+var Ie, Ft;
+function Oa() {
+  if (Ft) return Ie;
+  Ft = 1;
+  var e = F(), t = e.Symbol;
+  return Ie = t, Ie;
+}
+var je, Ht;
+function Hr() {
+  if (Ht) return je;
+  Ht = 1;
+  var e = Oa(), t = Object.prototype, a = t.hasOwnProperty, r = t.toString, n = e ? e.toStringTag : void 0;
   function o(s) {
-    var i = r.call(s, a), l = s[a];
+    var i = a.call(s, n), c = s[n];
     try {
-      s[a] = void 0;
+      s[n] = void 0;
       var d = !0;
     } catch {
     }
-    var c = n.call(s);
-    return d && (i ? s[a] = l : delete s[a]), c;
+    var u = r.call(s);
+    return d && (i ? s[n] = c : delete s[n]), u;
   }
-  return be = o, be;
+  return je = o, je;
 }
-var ve, mt;
-function hn() {
-  if (mt) return ve;
-  mt = 1;
+var Be, zt;
+function zr() {
+  if (zt) return Be;
+  zt = 1;
   var e = Object.prototype, t = e.toString;
-  function r(n) {
-    return t.call(n);
+  function a(r) {
+    return t.call(r);
   }
-  return ve = r, ve;
+  return Be = a, Be;
 }
-var ge, bt;
-function ne() {
-  if (bt) return ge;
-  bt = 1;
-  var e = lr(), t = pn(), r = hn(), n = "[object Null]", a = "[object Undefined]", o = e ? e.toStringTag : void 0;
+var Oe, Vt;
+function Ne() {
+  if (Vt) return Oe;
+  Vt = 1;
+  var e = Oa(), t = Hr(), a = zr(), r = "[object Null]", n = "[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 i == null ? i === void 0 ? n : r : o && o in Object(i) ? t(i) : a(i);
   }
-  return ge = s, ge;
+  return Oe = s, Oe;
 }
-var ye, vt;
-function cr() {
-  if (vt) return ye;
-  vt = 1;
+var Re, Wt;
+function Ra() {
+  if (Wt) return Re;
+  Wt = 1;
   function e(t) {
-    var r = typeof t;
-    return t != null && (r == "object" || r == "function");
+    var a = typeof t;
+    return t != null && (a == "object" || a == "function");
   }
-  return ye = e, ye;
+  return Re = e, Re;
 }
-var Ne, gt;
-function ur() {
-  if (gt) return Ne;
-  gt = 1;
-  var e = ne(), t = cr(), r = "[object AsyncFunction]", n = "[object Function]", a = "[object GeneratorFunction]", o = "[object Proxy]";
+var Me, Ut;
+function Ma() {
+  if (Ut) return Me;
+  Ut = 1;
+  var e = Ne(), t = Ra(), a = "[object AsyncFunction]", r = "[object Function]", n = "[object GeneratorFunction]", o = "[object Proxy]";
   function s(i) {
     if (!t(i))
       return !1;
-    var l = e(i);
-    return l == n || l == a || l == r || l == o;
+    var c = e(i);
+    return c == r || c == n || c == a || c == o;
   }
-  return Ne = s, Ne;
-}
-var Ae, yt;
-function mn() {
-  if (yt) return Ae;
-  yt = 1;
-  var e = R(), t = e["__core-js_shared__"];
-  return Ae = t, Ae;
-}
-var Se, Nt;
-function bn() {
-  if (Nt) return Se;
-  Nt = 1;
-  var e = mn(), t = (function() {
-    var n = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
-    return n ? "Symbol(src)_1." + n : "";
+  return Me = s, Me;
+}
+var qe, Gt;
+function Vr() {
+  if (Gt) return qe;
+  Gt = 1;
+  var e = F(), t = e["__core-js_shared__"];
+  return qe = t, qe;
+}
+var De, Kt;
+function Wr() {
+  if (Kt) return De;
+  Kt = 1;
+  var e = Vr(), t = (function() {
+    var r = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
+    return r ? "Symbol(src)_1." + r : "";
   })();
-  function r(n) {
-    return !!t && t in n;
+  function a(r) {
+    return !!t && t in r;
   }
-  return Se = r, Se;
+  return De = a, De;
 }
-var ke, At;
-function dr() {
-  if (At) return ke;
-  At = 1;
+var Fe, Yt;
+function qa() {
+  if (Yt) return Fe;
+  Yt = 1;
   var e = Function.prototype, t = e.toString;
-  function r(n) {
-    if (n != null) {
+  function a(r) {
+    if (r != null) {
       try {
-        return t.call(n);
+        return t.call(r);
       } catch {
       }
       try {
-        return n + "";
+        return r + "";
       } catch {
       }
     }
     return "";
   }
-  return ke = r, ke;
-}
-var Te, St;
-function vn() {
-  if (St) return Te;
-  St = 1;
-  var e = ur(), t = bn(), r = cr(), n = dr(), a = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, d = i.hasOwnProperty, c = RegExp(
-    "^" + l.call(d).replace(a, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  return Fe = a, Fe;
+}
+var He, Jt;
+function Ur() {
+  if (Jt) return He;
+  Jt = 1;
+  var e = Ma(), t = Wr(), a = Ra(), r = qa(), n = /[\\^$.*+?()[\]{}|]/g, o = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, c = s.toString, d = i.hasOwnProperty, u = RegExp(
+    "^" + c.call(d).replace(n, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
-  function f(p) {
-    if (!r(p) || t(p))
+  function f(h) {
+    if (!a(h) || t(h))
       return !1;
-    var h = e(p) ? c : o;
-    return h.test(n(p));
+    var m = e(h) ? u : o;
+    return m.test(r(h));
   }
-  return Te = f, Te;
-}
-var $e, kt;
-function gn() {
-  if (kt) return $e;
-  kt = 1;
-  function e(t, r) {
-    return t?.[r];
+  return He = f, He;
+}
+var ze, Xt;
+function Gr() {
+  if (Xt) return ze;
+  Xt = 1;
+  function e(t, a) {
+    return t?.[a];
   }
-  return $e = e, $e;
-}
-var Pe, Tt;
-function W() {
-  if (Tt) return Pe;
-  Tt = 1;
-  var e = vn(), t = gn();
-  function r(n, a) {
-    var o = t(n, a);
+  return ze = e, ze;
+}
+var Ve, Qt;
+function le() {
+  if (Qt) return Ve;
+  Qt = 1;
+  var e = Ur(), t = Gr();
+  function a(r, n) {
+    var o = t(r, n);
     return e(o) ? o : void 0;
   }
-  return Pe = r, Pe;
-}
-var _e, $t;
-function yn() {
-  if ($t) return _e;
-  $t = 1;
-  var e = W(), t = R(), r = e(t, "DataView");
-  return _e = r, _e;
-}
-var we, Pt;
-function Nn() {
-  if (Pt) return we;
-  Pt = 1;
-  var e = W(), t = R(), r = e(t, "Map");
-  return we = r, we;
-}
-var Ce, _t;
-function An() {
-  if (_t) return Ce;
-  _t = 1;
-  var e = W(), t = R(), r = e(t, "Promise");
-  return Ce = r, Ce;
-}
-var xe, wt;
-function Sn() {
-  if (wt) return xe;
-  wt = 1;
-  var e = W(), t = R(), r = e(t, "Set");
-  return xe = r, xe;
-}
-var Oe, Ct;
-function kn() {
-  if (Ct) return Oe;
-  Ct = 1;
-  var e = W(), t = R(), r = e(t, "WeakMap");
-  return Oe = r, Oe;
-}
-var je, xt;
-function Tn() {
-  if (xt) return je;
-  xt = 1;
-  var e = yn(), t = Nn(), r = An(), n = Sn(), a = kn(), o = ne(), s = dr(), i = "[object Map]", l = "[object Object]", d = "[object Promise]", c = "[object Set]", f = "[object WeakMap]", p = "[object DataView]", h = s(e), v = s(t), b = s(r), $ = s(n), w = s(a), P = o;
-  return (e && P(new e(new ArrayBuffer(1))) != p || t && P(new t()) != i || r && P(r.resolve()) != d || n && P(new n()) != c || a && P(new a()) != f) && (P = function(x) {
-    var F = o(x), Y = F == l ? x.constructor : void 0, J = Y ? s(Y) : "";
-    if (J)
-      switch (J) {
-        case h:
-          return p;
+  return Ve = a, Ve;
+}
+var We, Zt;
+function Kr() {
+  if (Zt) return We;
+  Zt = 1;
+  var e = le(), t = F(), a = e(t, "DataView");
+  return We = a, We;
+}
+var Ue, ea;
+function Yr() {
+  if (ea) return Ue;
+  ea = 1;
+  var e = le(), t = F(), a = e(t, "Map");
+  return Ue = a, Ue;
+}
+var Ge, ta;
+function Jr() {
+  if (ta) return Ge;
+  ta = 1;
+  var e = le(), t = F(), a = e(t, "Promise");
+  return Ge = a, Ge;
+}
+var Ke, aa;
+function Xr() {
+  if (aa) return Ke;
+  aa = 1;
+  var e = le(), t = F(), a = e(t, "Set");
+  return Ke = a, Ke;
+}
+var Ye, ra;
+function Qr() {
+  if (ra) return Ye;
+  ra = 1;
+  var e = le(), t = F(), a = e(t, "WeakMap");
+  return Ye = a, Ye;
+}
+var Je, na;
+function Zr() {
+  if (na) return Je;
+  na = 1;
+  var e = Kr(), t = Yr(), a = Jr(), r = Xr(), n = Qr(), o = Ne(), s = qa(), i = "[object Map]", c = "[object Object]", d = "[object Promise]", u = "[object Set]", f = "[object WeakMap]", h = "[object DataView]", m = s(e), v = s(t), b = s(a), $ = s(r), g = s(n), T = o;
+  return (e && T(new e(new ArrayBuffer(1))) != h || t && T(new t()) != i || a && T(a.resolve()) != d || r && T(new r()) != u || n && T(new n()) != f) && (T = function(C) {
+    var j = o(C), I = j == c ? C.constructor : void 0, B = I ? s(I) : "";
+    if (B)
+      switch (B) {
+        case m:
+          return h;
         case v:
           return i;
         case b:
           return d;
         case $:
-          return c;
-        case w:
+          return u;
+        case g:
           return f;
       }
-    return F;
-  }), je = P, je;
+    return j;
+  }), Je = T, Je;
 }
-var Ie, Ot;
-function et() {
-  if (Ot) return Ie;
-  Ot = 1;
+var Xe, oa;
+function $t() {
+  if (oa) return Xe;
+  oa = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
-  return Ie = e, Ie;
-}
-var Ee, jt;
-function $n() {
-  if (jt) return Ee;
-  jt = 1;
-  var e = ne(), t = et(), r = "[object Arguments]";
-  function n(a) {
-    return t(a) && e(a) == r;
+  return Xe = e, Xe;
+}
+var Qe, sa;
+function en() {
+  if (sa) return Qe;
+  sa = 1;
+  var e = Ne(), t = $t(), a = "[object Arguments]";
+  function r(n) {
+    return t(n) && e(n) == a;
   }
-  return Ee = n, Ee;
+  return Qe = r, Qe;
 }
-var Be, It;
-function Pn() {
-  if (It) return Be;
-  It = 1;
-  var e = $n(), t = et(), r = Object.prototype, n = r.hasOwnProperty, a = r.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
+var Ze, ia;
+function tn() {
+  if (ia) return Ze;
+  ia = 1;
+  var e = en(), t = $t(), a = Object.prototype, r = a.hasOwnProperty, n = a.propertyIsEnumerable, o = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
-    return t(s) && n.call(s, "callee") && !a.call(s, "callee");
+    return t(s) && r.call(s, "callee") && !n.call(s, "callee");
   };
-  return Be = o, Be;
+  return Ze = o, Ze;
 }
-var Re, Et;
-function fr() {
-  if (Et) return Re;
-  Et = 1;
+var et, la;
+function Da() {
+  if (la) return et;
+  la = 1;
   var e = Array.isArray;
-  return Re = e, Re;
+  return et = e, et;
 }
-var Me, Bt;
-function pr() {
-  if (Bt) return Me;
-  Bt = 1;
+var tt, ca;
+function Fa() {
+  if (ca) return tt;
+  ca = 1;
   var e = 9007199254740991;
-  function t(r) {
-    return typeof r == "number" && r > -1 && r % 1 == 0 && r <= e;
+  function t(a) {
+    return typeof a == "number" && a > -1 && a % 1 == 0 && a <= e;
   }
-  return Me = t, Me;
-}
-var Le, Rt;
-function _n() {
-  if (Rt) return Le;
-  Rt = 1;
-  var e = ur(), t = pr();
-  function r(n) {
-    return n != null && t(n.length) && !e(n);
+  return tt = t, tt;
+}
+var at, ua;
+function an() {
+  if (ua) return at;
+  ua = 1;
+  var e = Ma(), t = Fa();
+  function a(r) {
+    return r != null && t(r.length) && !e(r);
   }
-  return Le = r, Le;
+  return at = a, at;
 }
-var G = { exports: {} }, qe, Mt;
-function wn() {
-  if (Mt) return qe;
-  Mt = 1;
+var re = { exports: {} }, rt, da;
+function rn() {
+  if (da) return rt;
+  da = 1;
   function e() {
     return !1;
   }
-  return qe = e, qe;
+  return rt = e, rt;
 }
-G.exports;
-var Lt;
-function Cn() {
-  return Lt || (Lt = 1, (function(e, t) {
-    var r = R(), n = wn(), 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, d = l || n;
+re.exports;
+var fa;
+function nn() {
+  return fa || (fa = 1, (function(e, t) {
+    var a = F(), r = rn(), n = t && !t.nodeType && t, o = n && !0 && e && !e.nodeType && e, s = o && o.exports === n, i = s ? a.Buffer : void 0, c = i ? i.isBuffer : void 0, d = c || r;
     e.exports = d;
-  })(G, G.exports)), G.exports;
-}
-var De, qt;
-function xn() {
-  if (qt) return De;
-  qt = 1;
-  var e = ne(), t = pr(), r = et(), n = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", d = "[object Map]", c = "[object Number]", f = "[object Object]", p = "[object RegExp]", h = "[object Set]", v = "[object String]", b = "[object WeakMap]", $ = "[object ArrayBuffer]", w = "[object DataView]", P = "[object Float32Array]", x = "[object Float64Array]", F = "[object Int8Array]", Y = "[object Int16Array]", J = "[object Int32Array]", wr = "[object Uint8Array]", Cr = "[object Uint8ClampedArray]", xr = "[object Uint16Array]", Or = "[object Uint32Array]", g = {};
-  g[P] = g[x] = g[F] = g[Y] = g[J] = g[wr] = g[Cr] = g[xr] = g[Or] = !0, g[n] = g[a] = g[$] = g[o] = g[w] = g[s] = g[i] = g[l] = g[d] = g[c] = g[f] = g[p] = g[h] = g[v] = g[b] = !1;
-  function jr(ie) {
-    return r(ie) && t(ie.length) && !!g[e(ie)];
+  })(re, re.exports)), re.exports;
+}
+var nt, ha;
+function on() {
+  if (ha) return nt;
+  ha = 1;
+  var e = Ne(), t = Fa(), a = $t(), r = "[object Arguments]", n = "[object Array]", o = "[object Boolean]", s = "[object Date]", i = "[object Error]", c = "[object Function]", d = "[object Map]", u = "[object Number]", f = "[object Object]", h = "[object RegExp]", m = "[object Set]", v = "[object String]", b = "[object WeakMap]", $ = "[object ArrayBuffer]", g = "[object DataView]", T = "[object Float32Array]", C = "[object Float64Array]", j = "[object Int8Array]", I = "[object Int16Array]", B = "[object Int32Array]", fe = "[object Uint8Array]", Y = "[object Uint8ClampedArray]", he = "[object Uint16Array]", ee = "[object Uint32Array]", y = {};
+  y[T] = y[C] = y[j] = y[I] = y[B] = y[fe] = y[Y] = y[he] = y[ee] = !0, y[r] = y[n] = y[$] = y[o] = y[g] = y[s] = y[i] = y[c] = y[d] = y[u] = y[f] = y[h] = y[m] = y[v] = y[b] = !1;
+  function J(O) {
+    return a(O) && t(O.length) && !!y[e(O)];
   }
-  return De = jr, De;
+  return nt = J, nt;
 }
-var Fe, Dt;
-function On() {
-  if (Dt) return Fe;
-  Dt = 1;
+var ot, ma;
+function sn() {
+  if (ma) return ot;
+  ma = 1;
   function e(t) {
-    return function(r) {
-      return t(r);
+    return function(a) {
+      return t(a);
     };
   }
-  return Fe = e, Fe;
-}
-var U = { exports: {} };
-U.exports;
-var Ft;
-function jn() {
-  return Ft || (Ft = 1, (function(e, t) {
-    var r = ir(), n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, o = a && a.exports === n, s = o && r.process, i = (function() {
+  return ot = e, ot;
+}
+var ne = { exports: {} };
+ne.exports;
+var pa;
+function ln() {
+  return pa || (pa = 1, (function(e, t) {
+    var a = Ba(), r = t && !t.nodeType && t, n = r && !0 && e && !e.nodeType && e, o = n && n.exports === r, s = o && a.process, i = (function() {
       try {
-        var l = a && a.require && a.require("util").types;
-        return l || s && s.binding && s.binding("util");
+        var c = n && n.require && n.require("util").types;
+        return c || s && s.binding && s.binding("util");
       } catch {
       }
     })();
     e.exports = i;
-  })(U, U.exports)), U.exports;
+  })(ne, ne.exports)), ne.exports;
 }
-var Ve, Vt;
-function In() {
-  if (Vt) return Ve;
-  Vt = 1;
-  var e = xn(), t = On(), r = jn(), n = r && r.isTypedArray, a = n ? t(n) : e;
-  return Ve = a, Ve;
+var st, ba;
+function cn() {
+  if (ba) return st;
+  ba = 1;
+  var e = on(), t = sn(), a = ln(), r = a && a.isTypedArray, n = r ? t(r) : e;
+  return st = n, st;
 }
-var Ge, Gt;
-function En() {
-  if (Gt) return Ge;
-  Gt = 1;
-  var e = fn(), t = Tn(), r = Pn(), n = fr(), a = _n(), o = Cn(), s = sr(), i = In(), l = "[object Map]", d = "[object Set]", c = Object.prototype, f = c.hasOwnProperty;
-  function p(h) {
-    if (h == null)
+var it, va;
+function un() {
+  if (va) return it;
+  va = 1;
+  var e = Fr(), t = Zr(), a = tn(), r = Da(), n = an(), o = nn(), s = ja(), i = cn(), c = "[object Map]", d = "[object Set]", u = Object.prototype, f = u.hasOwnProperty;
+  function h(m) {
+    if (m == 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 v = t(h);
-    if (v == l || v == d)
-      return !h.size;
-    if (s(h))
-      return !e(h).length;
-    for (var b in h)
-      if (f.call(h, b))
+    if (n(m) && (r(m) || typeof m == "string" || typeof m.splice == "function" || o(m) || i(m) || a(m)))
+      return !m.length;
+    var v = t(m);
+    if (v == c || v == d)
+      return !m.size;
+    if (s(m))
+      return !e(m).length;
+    for (var b in m)
+      if (f.call(m, b))
         return !1;
     return !0;
   }
-  return Ge = p, Ge;
+  return it = h, it;
 }
-var Bn = En();
-const Ut = /* @__PURE__ */ Ze(Bn);
-function Rn(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+var dn = un();
+const ga = /* @__PURE__ */ St(dn);
+function fn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !se(e);
 }
-const Mn = (e) => {
+const Ha = (e) => {
   const {
     children: t,
-    onClick: r,
-    disabled: n,
-    isDisabled: a = n,
+    onClick: a,
+    disabled: r,
+    isDisabled: n = r,
     "aria-disabled": o,
     as: s,
     ...i
-  } = e, l = a || o === "true" || o === !0, d = s;
-  let c;
-  return d === "button" ? c = {
+  } = e, c = n || o === "true" || o === !0, d = s;
+  let u;
+  return d === "button" ? u = {
     type: i.type || "button",
-    disabled: a
-  } : c = {
-    tabIndex: a ? "-1" : i.tabIndex
-  }, u(d, m({
-    "aria-disabled": l || void 0
-  }, i, c, {
+    disabled: n
+  } : u = {
+    tabIndex: n ? "-1" : i.tabIndex
+  }, l(d, p({
+    "aria-disabled": c || void 0
+  }, i, u, {
     onClick: (f) => {
-      if (l) {
+      if (c) {
         f.stopPropagation(), f.preventDefault();
         return;
       }
-      r?.(f);
+      a?.(f);
     }
-  }), Rn(t) ? t : {
+  }), fn(t) ? t : {
     default: () => [t]
   });
-}, Ln = "ButtonRoot", qn = "lumx-button-wrapper", {
-  block: Dn
-} = T(qn), Fn = "lumx-button", {
-  block: Vn
-} = T(Fn), Gn = (e) => {
+}, hn = "ButtonRoot", mn = "lumx-button-wrapper", {
+  block: pn
+} = w(mn), bn = "lumx-button", {
+  block: vn
+} = w(bn), gn = (e) => {
   const {
     color: t,
-    emphasis: r,
-    variant: n,
-    fullWidth: a
-  } = e, o = r === L.low && (t === _.light ? _.dark : _.light), s = Dn({
+    emphasis: a,
+    variant: r,
+    fullWidth: n
+  } = e, o = a === W.low && (t === _.light ? _.dark : _.light), s = pn({
     [`color-${o}`]: !!o,
-    [`variant-${n}`]: !!n,
-    "is-full-width": a
+    [`variant-${r}`]: !!r,
+    "is-full-width": n
   }), i = {
     ...e,
     hasBackground: !1
   };
-  return u("div", {
+  return l("div", {
     className: s
-  }, [z(i)]);
-}, z = (e) => {
+  }, [ce(i)]);
+}, ce = (e) => {
   const {
     "aria-label": t,
-    "aria-disabled": r,
-    children: n,
-    className: a,
+    "aria-disabled": a,
+    children: r,
+    className: n,
     color: o,
     emphasis: s,
     hasBackground: i,
-    isSelected: l,
+    isSelected: c,
     isActive: d,
-    isFocused: c,
+    isFocused: u,
     isHovered: f,
-    linkAs: p,
-    size: h,
-    theme: v = Q.light,
+    linkAs: h,
+    size: m,
+    theme: v = ve.light,
     variant: b,
     fullWidth: $,
-    ref: w,
-    ...P
-  } = e, x = o || s !== L.high && v === Q.dark && _.light || s === L.high && _.primary || _.dark;
+    ref: g,
+    ...T
+  } = e, C = o || s !== W.high && v === ve.dark && _.light || s === W.high && _.primary || _.dark;
   if (i)
-    return Gn({
+    return gn({
       ...e,
-      ref: w,
+      ref: g,
       variant: b,
-      color: x
+      color: C
     });
-  const F = N(a, Vn({
-    [`color-${x}`]: !!x,
+  const j = A(n, vn({
+    [`color-${C}`]: !!C,
     [`emphasis-${s}`]: !!s,
-    "is-selected": l,
+    "is-selected": c,
     "is-disabled": !!(e.isDisabled || e["aria-disabled"]),
     "is-active": d,
-    "is-focused": c,
+    "is-focused": u,
     "is-hovered": f,
-    [`size-${h}`]: !!h,
-    [`theme-${v}`]: !!(s === L.high && v),
+    [`size-${m}`]: !!m,
+    [`theme-${v}`]: !!(s === W.high && v),
     [`variant-${b}`]: !!b,
     "is-full-width": $
   }));
-  return Mn({
-    as: p || (P.href ? "a" : "button"),
-    ...P,
-    "aria-disabled": r,
+  return Ha({
+    as: h || (T.href ? "a" : "button"),
+    ...T,
+    "aria-disabled": a,
     "aria-label": t,
-    ref: w,
-    className: F,
-    children: n
+    ref: g,
+    className: j,
+    children: r
   });
 };
-z.displayName = Ln;
-z.defaultProps = {};
-const Un = "Button", hr = "lumx-button", {
-  modifier: Wn
-} = T(hr), ze = {
-  emphasis: L.high,
-  size: O.m
-}, ae = (e) => {
+ce.displayName = hn;
+ce.defaultProps = {};
+const yn = "Button", za = "lumx-button", {
+  modifier: Nn
+} = w(za), ht = {
+  emphasis: W.high,
+  size: L.m
+}, Ae = (e) => {
   const {
     className: t,
-    emphasis: r = ze.emphasis,
-    leftIcon: n,
-    rightIcon: a,
-    size: o = ze.size,
+    emphasis: a = ht.emphasis,
+    leftIcon: r,
+    rightIcon: n,
+    size: o = ht.size,
     ...s
-  } = e, i = N(t, Wn({
-    "has-left-icon": !!n,
-    "has-right-icon": !!a
+  } = e, i = A(t, Nn({
+    "has-left-icon": !!r,
+    "has-right-icon": !!n
   }));
-  return z({
-    emphasis: r,
+  return ce({
+    emphasis: a,
     size: o,
     ...s,
     className: i,
     variant: "button"
   });
 };
-ae.displayName = Un;
-ae.className = hr;
-ae.defaultProps = ze;
-function C(e = { defaultTheme: Er.light }) {
-  const { defaultTheme: t } = e;
-  return Xe("theme", void 0) || t;
-}
-const zn = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function Hn() {
-  return Xe(zn, { state: null });
+Ae.displayName = yn;
+Ae.className = za;
+Ae.defaultProps = ht;
+function x(e = { defaultTheme: or.light }) {
+  const { defaultTheme: t } = e, a = yt("theme", void 0);
+  return k(() => ft(a) || t);
+}
+const An = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Sn() {
+  return yt(An, { state: null });
 }
 function H(e) {
-  const t = Hn(), r = k(() => {
-    const o = typeof e == "function" ? e() : at(e);
-    return Gr(t, {
+  const t = Sn(), a = k(() => {
+    const o = typeof e == "function" ? e() : ft(e);
+    return vr(t, {
       disabled: o.disabled,
       isDisabled: o.isDisabled,
       "aria-disabled": o["aria-disabled"] ?? o.ariaDisabled
     });
-  }), n = k(
-    () => r.value["aria-disabled"] || r.value.disabled || void 0
-  ), a = k(() => {
-    const o = typeof e == "function" ? e() : at(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: d, onClick: c, onChange: f, ...p } = o;
-    return n.value || (c && (p.onClick = c), f && (p.onChange = f)), p;
+  }), r = k(
+    () => a.value["aria-disabled"] || a.value.disabled || void 0
+  ), n = k(() => {
+    const o = typeof e == "function" ? e() : ft(e), { disabled: s, isDisabled: i, "aria-disabled": c, ariaDisabled: d, onClick: u, onChange: f, ...h } = o;
+    return r.value || (u && (h.onClick = u), f && (h.onChange = f)), h;
   });
-  return { disabledStateProps: r, isAnyDisabled: n, otherProps: a };
+  return { disabledStateProps: a, isAnyDisabled: r, otherProps: n };
 }
-const Wt = y({
+const ya = N({
   name: "ResetTheme",
   setup(e, { slots: t }) {
-    return Jt("theme", void 0), () => t.default?.();
+    return Ca("theme", void 0), () => t.default?.();
   }
-}), Kn = "Icon", Yn = "lumx-icon", mr = Yn, {
-  block: Jn
-} = T(mr), Xn = {}, M = (e) => {
+}), kn = "Icon", Pn = "lumx-icon", Va = Pn, {
+  block: $n
+} = w(Va), Tn = {}, E = (e) => {
   const {
     className: t,
-    color: r,
-    colorVariant: n,
-    hasShape: a,
+    color: a,
+    colorVariant: r,
+    hasShape: n,
     icon: o,
     size: s,
     ref: i,
-    theme: l,
+    theme: c,
     alt: d,
-    verticalAlign: c,
+    verticalAlign: u,
     ...f
-  } = e, [p, h] = tr(r, n);
-  let v = p;
-  !v && (a || l) && (v = l === Q.dark ? _.light : _.dark);
-  let b = h;
-  !b && a && v === _.dark && (b = "L2");
+  } = e, [h, m] = kt(a, r);
+  let v = h;
+  !v && (n || c) && (v = c === ve.dark ? _.light : _.dark);
+  let b = m;
+  !b && n && v === _.dark && (b = "L2");
   let $ = s;
-  return s && a ? s === O.xxs || s === O.xs ? $ = O.s : s === O.xxl && ($ = O.xl) : a && ($ = O.m), u("i", m({
+  return s && n ? s === L.xxs || s === L.xs ? $ = L.s : s === L.xxl && ($ = L.xl) : n && ($ = L.m), l("i", p({
     ref: i
   }, f, {
-    className: N(t, Jn({
+    className: A(t, $n({
       [`color-${v}`]: !!v,
       [`color-variant-${b}`]: !!b,
-      "has-shape": a,
-      [`theme-${l}`]: !!l,
+      "has-shape": n,
+      [`theme-${c}`]: !!c,
       [`size-${$}`]: !!$,
-      "no-shape": !a,
-      "has-dark-layer": !a && v === _.yellow && o === er,
+      "no-shape": !n,
+      "has-dark-layer": !n && v === _.yellow && o === _a,
       path: !0,
-      "vertical-align-middle": c === "middle"
+      "vertical-align-middle": u === "middle"
     }))
-  }), [u("svg", {
+  }), [l("svg", {
     "aria-hidden": d ? void 0 : "true",
     role: d ? "img" : void 0,
     "aria-label": d,
     height: "1em",
     preserveAspectRatio: "xMidYMid meet",
     style: {
-      verticalAlign: c ? void 0 : "-0.125em"
+      verticalAlign: u ? void 0 : "-0.125em"
     },
     viewBox: "0 0 24 24",
     width: "1em"
-  }, [u("path", {
+  }, [l("path", {
     d: o,
     fill: "currentColor"
   }, null)])]);
 };
-M.displayName = Kn;
-M.className = mr;
-M.defaultProps = Xn;
-const He = /* @__PURE__ */ y((e) => {
-  const t = S(), r = C({
+E.displayName = kn;
+E.className = Va;
+E.defaultProps = Tn;
+const mt = /* @__PURE__ */ N((e) => {
+  const t = P(), a = x({
     defaultTheme: void 0
   });
-  return () => u(M, m(e, t, {
+  return () => l(E, p(e, t, {
     className: e.class,
-    theme: e.theme || r
+    theme: e.theme || a.value
   }), null);
 }, {
   name: "Icon",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
-}), Qn = "lumx-text", {
-  block: Zn
-} = T(Qn), ea = (e) => {
+  props: S()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
+}), Cn = "lumx-text", {
+  block: wn
+} = w(Cn), _n = (e) => {
   const {
     className: t,
-    color: r,
-    colorVariant: n,
-    noWrap: a,
+    color: a,
+    colorVariant: r,
+    noWrap: n,
     typography: o,
     truncate: s,
     whiteSpace: i,
-    style: l
+    style: c
   } = e, d = typeof s == "object" && s.lines > 1 && {
     "--lumx-text-truncate-lines": s.lines
-  }, c = !!d, f = !!s, p = !a && !(f && !c) && i && {
+  }, u = !!d, f = !!s, h = !n && !(f && !u) && i && {
     "--lumx-text-white-space": i
   };
   return {
-    className: N(t, Zn({
-      "is-truncated": f && !c,
-      "is-truncated-multiline": c,
-      "no-wrap": a
-    }), o && rr(o), r && rn(r, n)),
+    className: A(t, wn({
+      "is-truncated": f && !u,
+      "is-truncated-multiline": u,
+      "no-wrap": n
+    }), o && Pt(o), a && Lr(a, r)),
     style: {
       ...d,
-      ...p,
-      ...l
+      ...h,
+      ...c
     }
   };
 };
-function br(e, t) {
-  return Br() ? (Rr(e, t), !0) : !1;
+function Wa(e, t) {
+  return lr() ? (cr(e, t), !0) : !1;
 }
-const ta = typeof window < "u" && typeof document < "u";
+const xn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ra = (e) => e != null;
-function na(e) {
+const En = (e) => e != null;
+function Ln(e) {
   return Array.isArray(e) ? e : [e];
 }
-const vr = ta ? window : void 0;
-function Ke(e) {
+const Ua = xn ? window : void 0;
+function pt(e) {
   var t;
-  const r = Qe(e);
-  return (t = r?.$el) !== null && t !== void 0 ? t : r;
+  const a = Nt(e);
+  return (t = a?.$el) !== null && t !== void 0 ? t : a;
 }
 // @__NO_SIDE_EFFECTS__
-function aa() {
-  const e = Mr(!1), t = Lr();
-  return t && qr(() => {
+function In() {
+  const e = ur(!1), t = wa();
+  return t && dr(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function gr(e) {
-  const t = /* @__PURE__ */ aa();
+function Ga(e) {
+  const t = /* @__PURE__ */ In();
   return k(() => (t.value, !!e()));
 }
-function oa(e, t, r = {}) {
-  const { window: n = vr, ...a } = r;
+function jn(e, t, a = {}) {
+  const { window: r = Ua, ...n } = a;
   let o;
-  const s = /* @__PURE__ */ gr(() => n && "MutationObserver" in n), i = () => {
+  const s = /* @__PURE__ */ Ga(() => r && "MutationObserver" in r), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = te(k(() => {
-    const f = na(Qe(e)).map(Ke).filter(ra);
+  }, c = U(k(() => {
+    const f = Ln(Nt(e)).map(pt).filter(En);
     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 && (o = new MutationObserver(t), f.forEach((h) => o.observe(h, n)));
   }, {
     immediate: !0,
     flush: "post"
-  }), d = () => o?.takeRecords(), c = () => {
-    l(), i();
+  }), d = () => o?.takeRecords(), u = () => {
+    c(), i();
   };
-  return br(c), {
+  return Wa(u), {
     isSupported: s,
-    stop: c,
+    stop: u,
     takeRecords: d
   };
 }
-function sa(e, t, r = {}) {
-  const { window: n = vr, ...a } = r;
+function Bn(e, t, a = {}) {
+  const { window: r = Ua, ...n } = a;
   let o;
-  const s = /* @__PURE__ */ gr(() => n && "ResizeObserver" in n), i = () => {
+  const s = /* @__PURE__ */ Ga(() => r && "ResizeObserver" in r), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = te(k(() => {
-    const c = Qe(e);
-    return Array.isArray(c) ? c.map((f) => Ke(f)) : [Ke(c)];
-  }), (c) => {
-    if (i(), s.value && n) {
+  }, c = U(k(() => {
+    const u = Nt(e);
+    return Array.isArray(u) ? u.map((f) => pt(f)) : [pt(u)];
+  }), (u) => {
+    if (i(), s.value && r) {
       o = new ResizeObserver(t);
-      for (const f of c) f && o.observe(f, a);
+      for (const f of u) f && o.observe(f, n);
     }
   }, {
     immediate: !0,
     flush: "post"
   }), d = () => {
-    i(), l();
+    i(), c();
   };
-  return br(d), {
+  return Wa(d), {
     isSupported: s,
     stop: d
   };
 }
-function ia(e) {
-  const t = Xt(void 0), r = () => {
-    const n = e.value;
-    n && !n.closest(`.${Ur.visuallyHidden()}`) && n.offsetWidth < n.scrollWidth ? t.value = n.innerText : t.value = void 0;
+function On(e) {
+  const t = ie(void 0), a = () => {
+    const r = e.value;
+    r && !r.closest(`.${Z.visuallyHidden()}`) && r.offsetWidth < r.scrollWidth ? t.value = r.innerText : t.value = void 0;
   };
-  return oa(e, r, {
+  return jn(e, a, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), sa(e, r), te(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), Bn(e, a), U(e, a, { immediate: !0 }), { tooltipLabel: t };
 }
-const la = (e = "default") => {
-  const t = Qt();
+const Rn = (e = "default") => {
+  const t = At();
   return () => {
-    const r = t?.[e];
-    return r ? r() : null;
+    const a = t?.[e];
+    return a ? a() : null;
   };
 };
-function Ye(e) {
+function bt(e) {
   if (!e) return;
   const t = [];
-  for (const r of e) {
-    if (!ee(r)) {
-      t.push(r);
+  for (const a of e) {
+    if (!se(a)) {
+      t.push(a);
       continue;
     }
-    if (r.type === He) {
-      t.push(" "), t.push(r), t.push(" ");
+    if (a.type === mt) {
+      t.push(" "), t.push(a), t.push(" ");
       continue;
     }
-    if (r.type === Zt && Array.isArray(r.children)) {
-      const n = Ye(r.children);
-      n && t.push(...n);
+    if (a.type === V && Array.isArray(a.children)) {
+      const r = bt(a.children);
+      r && t.push(...r);
       continue;
     }
-    if (typeof r.type == "string" && Array.isArray(r.children)) {
-      const n = Ye(r.children), a = { ...r.props || {} };
-      r.key != null && (a.key = r.key), r.ref != null && (a.ref = r.ref), t.push(u(r.type, a, n));
+    if (typeof a.type == "string" && Array.isArray(a.children)) {
+      const r = bt(a.children), n = { ...a.props || {} };
+      a.key != null && (n.key = a.key), a.ref != null && (n.ref = a.ref), t.push(l(a.type, n, r));
       continue;
     }
-    t.push(r);
+    t.push(a);
   }
   return t;
 }
-function ca(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+function Mn(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !se(e);
 }
-const tt = /* @__PURE__ */ y((e, {
+const Tt = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S(), n = la(), a = Dr("tooltip-label"), {
+  const a = P(), r = Rn(), n = fr("tooltip-label"), {
     tooltipLabel: o
-  } = ia(a), s = k(() => ea({
+  } = On(n), s = k(() => _n({
     ...e,
-    className: e.class || r.class || r.className
+    className: e.class || a.class || a.className
   })), i = k(() => {
     const {
-      children: l,
+      children: c,
       ...d
-    } = r;
+    } = a;
     return {
       ...d,
       ...s.value
     };
   });
   return () => {
-    const l = e.as || "div", d = n() || t.default?.(), c = d ? Ye(d) : null;
-    return u(l, m({
+    const c = e.as || "div", d = r() || t.default?.(), u = d ? bt(d) : null;
+    return l(c, p({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
       title: o.value
-    }), ca(c) ? c : {
-      default: () => [c]
+    }), Mn(u) ? u : {
+      default: () => [u]
     });
   };
 }, {
   name: "LumxText",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), ua = {
+  props: S()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), qn = {
   click: (e) => e instanceof MouseEvent
-}, Io = /* @__PURE__ */ y((e, {
+}, Os = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const r = Qt(), n = S(), a = C(), {
+  const a = At(), r = P(), n = x(), {
     isAnyDisabled: o,
     disabledStateProps: s,
     otherProps: i
   } = H(k(() => ({
     ...e,
-    ...n
-  }))), l = (c) => {
-    o.value || (c.stopImmediatePropagation(), t("click", c));
+    ...r
+  }))), c = (u) => {
+    o.value || (u.stopImmediatePropagation(), t("click", u));
   }, d = () => {
-    const c = r.default?.();
-    return !c || c.length === 0 ? null : c.length === 1 && c[0].type === tt ? c[0] : u("span", null, [c]);
+    const u = a.default?.();
+    return !u || u.length === 0 ? null : u.length === 1 && u[0].type === Tt ? u[0] : l("span", null, [u]);
   };
   return () => {
-    const c = u(Zt, null, [e.leftIcon && !Ut(e.leftIcon) && u(Wt, null, {
-      default: () => [u(He, {
+    const u = l(V, null, [e.leftIcon && !ga(e.leftIcon) && l(ya, null, {
+      default: () => [l(mt, {
         icon: e.leftIcon
       }, null)]
-    }), d(), e.rightIcon && !Ut(e.rightIcon) && u(Wt, null, {
-      default: () => [u(He, {
+    }), d(), e.rightIcon && !ga(e.rightIcon) && l(ya, null, {
+      default: () => [l(mt, {
         icon: e.rightIcon
       }, null)]
     })]);
-    return u(ae, m(i.value, s.value, {
+    return l(Ae, p(i.value, s.value, {
       className: e.class,
-      theme: e.theme || a,
-      onClick: l,
-      children: c
+      theme: e.theme || n.value,
+      onClick: c,
+      children: u
     }), null);
   };
 }, {
   name: "LumxButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("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: ua
-}), da = "IconButton", fa = "lumx-icon-button", Je = {
-  emphasis: L.high,
-  size: O.m
-}, K = (e) => {
+  props: S()("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: qn
+}), Dn = "IconButton", Fn = "lumx-icon-button", vt = {
+  emphasis: W.high,
+  size: L.m
+}, ue = (e) => {
   const {
-    emphasis: t = Je.emphasis,
-    image: r,
-    icon: n,
-    label: a,
-    size: o = Je.size,
+    emphasis: t = vt.emphasis,
+    image: a,
+    icon: r,
+    label: n,
+    size: o = vt.size,
     ...s
-  } = e, i = r ? u("img", {
+  } = e, i = a ? l("img", {
     alt: "",
-    src: r
-  }, null) : M({
-    icon: n
+    src: a
+  }, null) : E({
+    icon: r
   });
-  return z({
+  return ce({
     emphasis: t,
     size: o,
     ...s,
-    "aria-label": a,
+    "aria-label": n,
     variant: "icon",
     children: i
   });
 };
-K.displayName = da;
-K.className = fa;
-K.defaultProps = Je;
-const pa = {
+ue.displayName = Dn;
+ue.className = Fn;
+ue.defaultProps = vt;
+const Hn = {
   click: (e) => e instanceof MouseEvent
-}, Eo = /* @__PURE__ */ y((e, {
+}, Rs = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const r = S(), n = C(), {
-    isAnyDisabled: a,
+  const a = P(), r = x(), {
+    isAnyDisabled: n,
     disabledStateProps: o,
     otherProps: s
   } = H(k(() => ({
     ...e,
-    ...r
-  }))), i = (l) => {
-    a.value || (l.stopImmediatePropagation(), t("click", l));
+    ...a
+  }))), i = (c) => {
+    n.value || (c.stopImmediatePropagation(), t("click", c));
   };
-  return () => u(K, m(s.value, o.value, {
+  return () => l(ue, p(s.value, o.value, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || r.value,
     title: e.label,
     onClick: i
   }), null);
@@ -1117,26 +1123,26 @@ const pa = {
   name: "IconButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("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: pa
-}), ha = "ButtonGroup", yr = "lumx-button-group", ma = {}, oe = (e) => {
+  props: S()("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: Hn
+}), zn = "ButtonGroup", Ka = "lumx-button-group", Vn = {}, Se = (e) => {
   const {
     children: t,
-    className: r,
-    ...n
+    className: a,
+    ...r
   } = e;
-  return u("div", m(n, {
-    className: N(r, yr)
+  return l("div", p(r, {
+    className: A(a, Ka)
   }), [t]);
 };
-oe.displayName = ha;
-oe.className = yr;
-oe.defaultProps = ma;
-const Bo = /* @__PURE__ */ y((e, {
+Se.displayName = zn;
+Se.className = Ka;
+Se.defaultProps = Vn;
+const Ms = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S();
-  return () => u(oe, m(e, r, {
+  const a = P();
+  return () => l(Se, p(e, a, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -1144,166 +1150,166 @@ const Bo = /* @__PURE__ */ y((e, {
   name: "ButtonGroup",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("class")
-}), ba = "InputLabel", va = "lumx-input-label", Nr = va, {
-  block: ga
-} = T(Nr), ya = {};
-function q(e) {
+  props: S()("class")
+}), Wn = "InputLabel", Un = "lumx-input-label", Ya = Un, {
+  block: Gn
+} = w(Ya), Kn = {};
+function G(e) {
   const {
     children: t,
-    className: r,
-    htmlFor: n,
-    isRequired: a,
+    className: a,
+    htmlFor: r,
+    isRequired: n,
     theme: o,
     typography: s,
     ref: i,
-    ...l
+    ...c
   } = e;
-  return u("label", m({
+  return l("label", p({
     ref: i
-  }, l, {
-    htmlFor: n,
-    className: N(r, ga({
-      "is-required": a,
+  }, c, {
+    htmlFor: r,
+    className: A(a, Gn({
+      "is-required": n,
       [`theme-${o}`]: !!o,
       "has-custom-typography": !!s
-    }), s && rr(s))
+    }), s && Pt(s))
   }), [t]);
 }
-q.displayName = ba;
-q.className = Nr;
-q.defaultProps = ya;
-const Na = {
-  [B.error]: { color: "red" },
-  [B.success]: { color: "green" },
-  [B.warning]: { color: "yellow" }
-}, Aa = "InputHelper", Sa = "lumx-input-helper", Ar = Sa, {
-  block: ka
-} = T(Ar), Sr = {
-  kind: B.info
+G.displayName = Wn;
+G.className = Ya;
+G.defaultProps = Kn;
+const Yn = {
+  [D.error]: { color: "red" },
+  [D.success]: { color: "green" },
+  [D.warning]: { color: "yellow" }
+}, Jn = "InputHelper", Xn = "lumx-input-helper", Ja = Xn, {
+  block: Qn
+} = w(Ja), Xa = {
+  kind: D.info
 };
-function D(e) {
+function K(e) {
   const {
     children: t,
-    className: r,
-    kind: n = Sr.kind,
-    theme: a,
+    className: a,
+    kind: r = Xa.kind,
+    theme: n,
     ref: o,
     ...s
   } = e, {
     color: i
-  } = Na[n] || {};
-  return u("p", m({
+  } = Yn[r] || {};
+  return l("p", p({
     ref: o
   }, s, {
-    className: N(r, ka({
+    className: A(a, Qn({
       [`color-${i}`]: !!i,
-      [`theme-${a}`]: !!a
+      [`theme-${n}`]: !!n
     }))
   }), [t]);
 }
-D.displayName = Aa;
-D.className = Ar;
-D.defaultProps = Sr;
-const kr = "intermediate", Ta = "lumx-checkbox", {
-  block: $a,
-  element: j
-} = T(Ta), Pa = (e) => {
+K.displayName = Jn;
+K.className = Ja;
+K.defaultProps = Xa;
+const Qa = "intermediate", Zn = "lumx-checkbox", {
+  block: eo,
+  element: R
+} = w(Zn), to = (e) => {
   const {
     checked: t,
-    className: r,
-    helper: n,
-    id: a,
+    className: a,
+    helper: r,
+    id: n,
     inputRef: o,
     isChecked: s = t,
     label: i,
-    name: l,
+    name: c,
     ref: d,
-    onChange: c,
+    onChange: u,
     theme: f,
-    value: p,
-    inputProps: h = {},
+    value: h,
+    inputProps: m = {},
     isDisabled: v,
     inputId: b,
     ...$
-  } = e, w = s === kr, P = (x) => {
-    c && c(!s, p, l, x);
+  } = e, g = s === Qa, T = (C) => {
+    u && u(!s, h, c, C);
   };
-  return u("div", m({
+  return l("div", p({
     ref: d
   }, $, {
-    className: N(r, $a({
+    className: A(a, eo({
       // Whether state is intermediate class name will "-checked"
-      "is-checked": w ? !0 : s,
+      "is-checked": g ? !0 : s,
       "is-disabled": v,
       "is-unchecked": !s,
       [`theme-${f}`]: !!f
     }))
-  }), [u("div", {
-    className: j("input-wrapper")
-  }, [u("input", m({
+  }), [l("div", {
+    className: R("input-wrapper")
+  }, [l("input", p({
     ref: o,
     type: "checkbox",
     id: b,
-    className: j("input-native"),
-    name: l,
-    value: p,
+    className: R("input-native"),
+    name: c,
+    value: h,
     checked: s,
-    onChange: P,
-    "aria-describedby": n ? `${b}-helper` : void 0,
-    "aria-checked": w ? "mixed" : !!s
-  }, h?.readOnly ? {
-    readOnly: h.readOnly
-  } : {}, h), null), u("div", {
-    className: j("input-placeholder")
-  }, [u("div", {
-    className: j("input-background")
-  }, null), u("div", {
-    className: j("input-indicator")
-  }, [M({
-    icon: w ? zr : Wr
-  })])])]), u("div", {
-    className: j("content")
-  }, [i && q({
+    onChange: T,
+    "aria-describedby": r ? `${b}-helper` : void 0,
+    "aria-checked": g ? "mixed" : !!s
+  }, m?.readOnly ? {
+    readOnly: m.readOnly
+  } : {}, m), null), l("div", {
+    className: R("input-placeholder")
+  }, [l("div", {
+    className: R("input-background")
+  }, null), l("div", {
+    className: R("input-indicator")
+  }, [E({
+    icon: g ? yr : gr
+  })])])]), l("div", {
+    className: R("content")
+  }, [i && G({
     htmlFor: b,
-    className: j("label"),
+    className: R("label"),
     theme: f,
     children: i
-  }), n && D({
+  }), r && K({
     id: `${b}-helper`,
-    className: j("helper"),
+    className: R("helper"),
     theme: f,
-    children: n
+    children: r
   })])]);
 };
-let zt = 0;
-function rt() {
-  return zt += 1, `:lumx${zt}:`;
+let Na = 0;
+function Ct() {
+  return Na += 1, `:lumx${Na}:`;
 }
-const _a = {
-  change: (e, t, r, n) => typeof e == "boolean" && n instanceof Event
-}, Ro = /* @__PURE__ */ y((e, {
+const ao = {
+  change: (e, t, a, r) => typeof e == "boolean" && r instanceof Event
+}, qs = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const r = S(), n = C(), a = rt(), o = k(() => e.id || a), s = Xt(null), {
+  const a = P(), r = x(), n = Ct(), o = k(() => e.id || n), s = ie(null), {
     isAnyDisabled: i,
-    disabledStateProps: l,
+    disabledStateProps: c,
     otherProps: d
   } = H(k(() => ({
     ...e,
-    ...r
-  }))), c = k(() => e.isChecked === kr);
-  te(c, (p) => {
-    s.value && (s.value.indeterminate = p);
+    ...a
+  }))), u = k(() => e.isChecked === Qa);
+  U(u, (h) => {
+    s.value && (s.value.indeterminate = h);
   }, {
     immediate: !0
   });
-  const f = (p, h, v, b) => {
-    i.value || (b?.stopImmediatePropagation?.(), t("change", p, h, v, b));
+  const f = (h, m, v, b) => {
+    i.value || (b?.stopImmediatePropagation?.(), t("change", h, m, v, b));
   };
-  return () => u(Pa, m(d.value, {
+  return () => l(to, p(d.value, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || r.value,
     inputId: o.value,
     inputRef: s,
     isDisabled: i.value,
@@ -1311,149 +1317,149 @@ const _a = {
     label: e.label,
     inputProps: {
       ...e.inputProps,
-      ...l.value,
-      readOnly: l.value["aria-disabled"]
+      ...c.value,
+      readOnly: c.value["aria-disabled"]
     }
   }), null);
 }, {
   name: "Checkbox",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: _a
-}), wa = "lumx-divider", {
-  block: Ca
-} = T(wa), xa = (e) => {
+  props: S()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
+  emits: ao
+}), ro = "lumx-divider", {
+  block: no
+} = w(ro), oo = (e) => {
   const {
     className: t,
-    theme: r,
-    ref: n,
-    ...a
+    theme: a,
+    ref: r,
+    ...n
   } = e;
-  return u("hr", m({
-    ref: n
-  }, a, {
-    className: N(t, Ca({
-      [`theme-${r}`]: !!r
+  return l("hr", p({
+    ref: r
+  }, n, {
+    className: A(t, no({
+      [`theme-${a}`]: !!a
     }))
   }), null);
-}, Mo = /* @__PURE__ */ y((e) => {
-  const t = S(), r = C();
-  return () => u(xa, m(t, e, {
+}, Ds = /* @__PURE__ */ N((e) => {
+  const t = P(), a = x();
+  return () => l(oo, p(t, e, {
     className: e.class,
-    theme: e.theme || r
+    theme: e.theme || a.value
   }), null);
 }, {
   name: "LumxDivider",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("class", "theme")
+  props: S()("class", "theme")
 });
-function Oa(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
+function so(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !se(e);
 }
-const ja = "lumx-flag", {
-  block: Ia,
-  element: Ht
-} = T(ja), Ea = (e) => {
+const io = "lumx-flag", {
+  block: lo,
+  element: Aa
+} = w(io), co = (e) => {
   const {
     children: t,
-    icon: r,
-    color: n,
-    className: a,
+    icon: a,
+    color: r,
+    className: n,
     theme: o,
     truncate: s,
     Text: i,
-    ...l
-  } = e, d = n || (o === Q.light ? _.dark : _.light), c = !!s;
-  return u("div", m(l, {
-    className: N(a, Ia({
+    ...c
+  } = e, d = r || (o === ve.light ? _.dark : _.light), u = !!s;
+  return l("div", p(c, {
+    className: A(n, lo({
       [`color-${d}`]: !!d,
-      "is-truncated": c
+      "is-truncated": u
     }))
-  }), [r && M({
-    icon: r,
-    size: O.xxs,
-    className: Ht("icon")
-  }), u(i, {
+  }), [a && E({
+    icon: a,
+    size: L.xxs,
+    className: Aa("icon")
+  }), l(i, {
     as: "span",
     truncate: !!s,
     typography: "overline",
-    className: Ht("label")
-  }, Oa(t) ? t : {
+    className: Aa("label")
+  }, so(t) ? t : {
     default: () => [t]
   })]);
-}, Lo = /* @__PURE__ */ y((e, {
+}, Fs = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S(), n = C();
-  return () => u(Ea, m(e, r, {
+  const a = P(), r = x();
+  return () => l(co, p(e, a, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || r.value,
     children: t.default?.(),
-    Text: tt
+    Text: Tt
   }), null);
 }, {
   name: "Flag",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("color", "icon", "truncate", "theme", "class")
+  props: S()("color", "icon", "truncate", "theme", "class")
 });
-var Ue, Kt;
-function Ba() {
-  if (Kt) return Ue;
-  Kt = 1;
-  var e = fr();
+var lt, Sa;
+function uo() {
+  if (Sa) return lt;
+  Sa = 1;
+  var e = Da();
   function t() {
     if (!arguments.length)
       return [];
-    var r = arguments[0];
-    return e(r) ? r : [r];
+    var a = arguments[0];
+    return e(a) ? a : [a];
   }
-  return Ue = t, Ue;
+  return lt = t, lt;
 }
-var Ra = Ba();
-const Ma = /* @__PURE__ */ Ze(Ra), La = "lumx-flex-box", {
-  block: qa
-} = T(La);
-function Da(e) {
+var fo = uo();
+const ho = /* @__PURE__ */ St(fo), mo = "lumx-flex-box", {
+  block: po
+} = w(mo);
+function bo(e) {
   const {
     className: t,
-    fillSpace: r,
-    gap: n,
-    hAlign: a,
+    fillSpace: a,
+    gap: r,
+    hAlign: n,
     marginAuto: o,
     noShrink: s,
     vAlign: i,
-    wrap: l,
+    wrap: c,
     orientation: d,
-    ...c
-  } = e, f = d ?? (l || a || i ? Xr.horizontal : null);
+    ...u
+  } = e, f = d ?? (c || n || i ? Cr.horizontal : null);
   return {
-    ...c,
-    className: N(t, qa({
+    ...u,
+    className: A(t, po({
       [`orientation-${f}`]: !!f,
       [`v-align-${i}`]: !!i,
-      [`h-align-${a}`]: !!a,
-      [`gap-${n}`]: !!n,
-      wrap: !!l,
-      "fill-space": r,
+      [`h-align-${n}`]: !!n,
+      [`gap-${r}`]: !!r,
+      wrap: !!c,
+      "fill-space": a,
       "no-shrink": s,
-      ...Object.fromEntries(Ma(o).filter(Boolean).map((p) => [`margin-auto-${p}`, !0]))
+      ...Object.fromEntries(ho(o).filter(Boolean).map((h) => [`margin-auto-${h}`, !0]))
     }))
   };
 }
-const qo = /* @__PURE__ */ y((e, {
+const Hs = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S();
+  const a = P();
   return () => {
-    const n = e.as || "div", a = Da({
+    const r = e.as || "div", n = bo({
       ...e,
-      ...r,
+      ...a,
       className: e.class
     });
-    return u(n, a, {
+    return l(r, n, {
       default: () => [t.default?.()]
     });
   };
@@ -1461,256 +1467,338 @@ const qo = /* @__PURE__ */ y((e, {
   name: "FlexBox",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
-}), Yt = 6, Fa = {
-  h1: V.display1,
-  h2: V.headline,
-  h3: V.title,
-  h4: V.subtitle2,
-  h5: V.subtitle1,
-  h6: V.body2
-}, Va = { level: 1, headingElement: "h1" }, Ga = "lumx-heading", Ua = (e, t) => {
-  const { as: r, className: n, typography: a, ...o } = e, s = r || t || "h1";
+  props: S()("as", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap", "class")
+}), ka = 6, vo = {
+  h1: Q.display1,
+  h2: Q.headline,
+  h3: Q.title,
+  h4: Q.subtitle2,
+  h5: Q.subtitle1,
+  h6: Q.body2
+}, go = { level: 1, headingElement: "h1" }, yo = "lumx-heading", No = (e, t) => {
+  const { as: a, className: r, typography: n, ...o } = e, s = a || t || "h1";
   return {
     ...o,
     as: s,
-    className: N(n, Ga),
-    typography: a || Fa[s]
+    className: A(r, yo),
+    typography: n || vo[s]
   };
-}, Tr = /* @__PURE__ */ Symbol("HeadingLevelContext"), $r = () => Xe(Tr, Va), Do = /* @__PURE__ */ y((e, {
+}, Za = /* @__PURE__ */ Symbol("HeadingLevelContext"), er = () => yt(Za, go), zs = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S(), n = $r(), a = k(() => {
+  const a = P(), r = er(), n = k(() => {
     const {
       className: o,
       ...s
-    } = Ua({
-      ...r,
+    } = No({
+      ...a,
       ...e,
-      className: e.class || r.class || r.className
-    }, n.headingElement);
+      className: e.class || a.class || a.className
+    }, r.headingElement);
     return {
       ...s,
       class: o
     };
   });
-  return () => u(tt, a.value, {
+  return () => l(Tt, n.value, {
     default: () => [t.default?.()]
   });
 }, {
   name: "Heading",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), Wa = (e, t) => {
-  const r = e || t + 1;
-  return r > Yt ? Yt : r;
-}, Fo = /* @__PURE__ */ y((e, {
+  props: S()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+}), Ao = (e, t) => {
+  const a = e || t + 1;
+  return a > ka ? ka : a;
+}, Vs = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
   const {
-    level: r
-  } = Fr(e), n = $r(), a = k(() => Wa(r?.value, n.level)), o = k(() => `h${a.value}`), s = Vr({
-    level: a,
+    level: a
+  } = hr(e), r = er(), n = k(() => Ao(a?.value, r.level)), o = k(() => `h${n.value}`), s = mr({
+    level: n,
     headingElement: o
   });
-  return Jt(Tr, s), () => t.default?.();
+  return Ca(Za, s), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
-  props: A()("level")
-}), Vo = /* @__PURE__ */ y((e, {
+  props: S()("level")
+}), Ws = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S(), n = C();
-  return () => u(D, m(e, r, {
+  const a = P(), r = x();
+  return () => l(K, p(e, a, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || r.value,
     children: t.default?.()
   }), null);
 }, {
   name: "InputHelper",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("kind", "theme", "class", "id")
-}), Go = /* @__PURE__ */ y((e, {
+  props: S()("kind", "theme", "class", "id")
+}), Us = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S(), n = C();
-  return () => u(q, m(e, r, {
+  const a = P(), r = x();
+  return () => l(G, p(e, a, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || r.value,
     children: t.default?.()
   }), null);
 }, {
   name: "InputLabel",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("htmlFor", "isRequired", "typography", "theme", "class")
-}), za = "Message", Pr = "lumx-message", {
-  block: Ha,
-  element: We
-} = T(Pr), Ka = {
-  [B.error]: {
+  props: S()("htmlFor", "isRequired", "typography", "theme", "class")
+});
+function So(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !se(e);
+}
+const ko = "lumx-link", {
+  block: Po,
+  element: ct
+} = w(ko), $o = (e) => {
+  const {
+    label: t,
+    className: a,
+    color: r,
+    colorVariant: n,
+    leftIcon: o,
+    rightIcon: s,
+    typography: i,
+    as: c,
+    ref: d,
+    isDisabled: u,
+    theme: f,
+    href: h,
+    target: m,
+    onClick: v,
+    ...b
+  } = e, [$, g] = kt(r, n), T = c || (h ? "a" : "button"), C = {};
+  u && (T === "button" || !h && !c ? C.disabled = !0 : (C["aria-disabled"] = !0, C.tabIndex = -1));
+  const j = A(a, Po({
+    [`color-${$}`]: !!$,
+    [`color-variant-${g}`]: !!g,
+    "has-typography": !!i
+  }), i && Pt(i)), I = l(V, null, [o && l(V, null, [me(" "), E({
+    icon: o,
+    className: ct("left-icon")
+  }), me(" ")]), t && l("span", {
+    className: ct("content")
+  }, [t]), s && l(V, null, [me(" "), E({
+    icon: s,
+    className: ct("right-icon")
+  }), me(" ")])]), B = {
+    ref: d,
+    className: j,
+    onClick: u ? void 0 : v,
+    ...b,
+    ...C
+  };
+  return h && (B.href = h), m && (B.target = m), l(T, B, So(I) ? I : {
+    default: () => [I]
+  });
+}, To = {
+  click: (e) => e instanceof Event
+}, Gs = /* @__PURE__ */ N((e, {
+  emit: t
+}) => {
+  const a = P(), r = At(), n = x(), {
+    class: o,
+    ...s
+  } = e, {
+    isAnyDisabled: i,
+    disabledStateProps: c,
+    otherProps: d
+  } = H(k(() => ({
+    ...s,
+    ...a
+  }))), u = (f) => {
+    i.value || (f?.stopImmediatePropagation?.(), t("click", f));
+  };
+  return () => {
+    const h = r.default?.() || d.value.label;
+    return l($o, p(d.value, c.value, {
+      className: o,
+      theme: e.theme || n.value,
+      isDisabled: i.value,
+      onClick: u,
+      label: h
+    }), null);
+  };
+}, {
+  name: "LumxLink",
+  inheritAttrs: !1,
+  // Redefine properties so that they come in as `props` on the `defineComponent` function
+  props: S()("as", "class", "color", "colorVariant", "disabled", "href", "isDisabled", "leftIcon", "rightIcon", "target", "theme", "typography", "aria-disabled"),
+  emits: To
+}), Co = "Message", tr = "lumx-message", {
+  block: wo,
+  element: ut
+} = w(tr), _o = {
+  [D.error]: {
     color: _.red,
-    icon: Hr
+    icon: Nr
   },
-  [B.info]: {
+  [D.info]: {
     color: _.blue,
-    icon: Jr
+    icon: kr
   },
-  [B.success]: {
+  [D.success]: {
     color: _.green,
-    icon: Kr
+    icon: Ar
   },
-  [B.warning]: {
+  [D.warning]: {
     color: _.yellow,
-    icon: er
+    icon: _a
   }
-}, nt = (e) => {
+}, wt = (e) => {
   const {
     children: t,
-    className: r,
-    hasBackground: n,
-    kind: a,
+    className: a,
+    hasBackground: r,
+    kind: n,
     icon: o,
     closeButtonProps: s,
     ref: i,
-    ...l
+    ...c
   } = e, {
     color: d,
-    icon: c
-  } = Ka[a] || {}, {
+    icon: u
+  } = _o[n] || {}, {
     onClick: f,
-    label: p
-  } = s || {}, h = n && a === "info" && f && p;
-  return u("div", m(l, {
+    label: h
+  } = s || {}, m = r && n === "info" && f && h;
+  return l("div", p(c, {
     ref: i,
-    className: N(r, Ha({
+    className: A(a, wo({
       [`color-${d}`]: !!d,
-      "has-background": n
+      "has-background": r
     }))
-  }), [(o || c) && M({
-    className: We("icon"),
-    icon: o || c,
-    size: O.xs,
+  }), [(o || u) && E({
+    className: ut("icon"),
+    icon: o || u,
+    size: L.xs,
     color: d
-  }), u("div", {
-    className: We("text")
-  }, [t]), h && K({
-    className: We("close-button"),
-    icon: Yr,
+  }), l("div", {
+    className: ut("text")
+  }, [t]), m && ue({
+    className: ut("close-button"),
+    icon: Sr,
     onClick: f,
-    label: p,
-    emphasis: L.low
+    label: h,
+    emphasis: W.low
   })]);
 };
-nt.displayName = za;
-nt.className = Pr;
-const Uo = /* @__PURE__ */ y((e, {
+wt.displayName = Co;
+wt.className = tr;
+const Ks = /* @__PURE__ */ N((e, {
   slots: t,
-  emit: r
+  emit: a
 }) => {
-  const n = S(), {
-    closeButtonLabel: a
+  const r = P(), {
+    closeButtonLabel: n
   } = e;
-  return () => u(nt, m(e, n, {
+  return () => l(wt, p(e, r, {
     className: e.class,
     children: t.default?.(),
-    closeButtonProps: a ? {
-      label: a,
-      onClick: () => r("close")
+    closeButtonProps: n ? {
+      label: n,
+      onClick: () => a("close")
     } : void 0
   }), null);
 }, {
   name: "Message",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
+  props: S()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
-}), Ya = "lumx-radio-button", {
-  block: Ja,
-  element: I
-} = T(Ya), Xa = (e) => {
+}), xo = "lumx-radio-button", {
+  block: Eo,
+  element: M
+} = w(xo), Lo = (e) => {
   const {
     checked: t,
-    className: r,
-    helper: n,
-    id: a,
+    className: a,
+    helper: r,
+    id: n,
     inputRef: o,
     isChecked: s = t,
     label: i,
-    name: l,
+    name: c,
     ref: d,
-    onChange: c,
+    onChange: u,
     theme: f,
-    value: p,
-    inputProps: h = {},
+    value: h,
+    inputProps: m = {},
     isDisabled: v,
     inputId: b,
     ...$
-  } = e, w = (P) => {
-    c && c(p, l, P);
+  } = e, g = (T) => {
+    u && u(h, c, T);
   };
-  return u("div", m({
+  return l("div", p({
     ref: d
   }, $, {
-    className: N(r, Ja({
+    className: A(a, Eo({
       "is-checked": s,
       "is-disabled": v,
       "is-unchecked": !s,
       [`theme-${f}`]: !!f
     }))
-  }), [u("div", {
-    className: I("input-wrapper")
-  }, [u("input", m({
+  }), [l("div", {
+    className: M("input-wrapper")
+  }, [l("input", p({
     ref: o,
-    className: I("input-native"),
+    className: M("input-native"),
     id: b,
     type: "radio",
-    name: l,
-    value: p,
+    name: c,
+    value: h,
     checked: s,
-    onChange: w,
-    "aria-describedby": n ? `${b}-helper` : void 0
-  }, h?.readOnly ? {
-    readOnly: h.readOnly
-  } : {}, h), null), u("div", {
-    className: I("input-placeholder")
-  }, [u("div", {
-    className: I("input-background")
-  }, null), u("div", {
-    className: I("input-indicator")
-  }, null)])]), u("div", {
-    className: I("content")
-  }, [i && q({
+    onChange: g,
+    "aria-describedby": r ? `${b}-helper` : void 0
+  }, m?.readOnly ? {
+    readOnly: m.readOnly
+  } : {}, m), null), l("div", {
+    className: M("input-placeholder")
+  }, [l("div", {
+    className: M("input-background")
+  }, null), l("div", {
+    className: M("input-indicator")
+  }, null)])]), l("div", {
+    className: M("content")
+  }, [i && G({
     htmlFor: b,
-    className: I("label"),
+    className: M("label"),
     theme: f,
     children: i
-  }), n && D({
+  }), r && K({
     id: `${b}-helper`,
-    className: I("helper"),
+    className: M("helper"),
     theme: f,
-    children: n
+    children: r
   })])]);
-}, Qa = {
-  change: (e, t, r) => r instanceof Event
-}, Wo = /* @__PURE__ */ y((e, {
+}, Io = {
+  change: (e, t, a) => a instanceof Event
+}, Ys = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const r = S(), n = C(), a = rt(), o = k(() => e.id || a), {
+  const a = P(), r = x(), n = Ct(), o = k(() => e.id || n), {
     isAnyDisabled: s,
     disabledStateProps: i,
-    otherProps: l
+    otherProps: c
   } = H(k(() => ({
     ...e,
-    ...r
-  }))), d = (c, f, p) => {
-    s.value || (p?.stopImmediatePropagation?.(), t("change", c, f, p));
+    ...a
+  }))), d = (u, f, h) => {
+    s.value || (h?.stopImmediatePropagation?.(), t("change", u, f, h));
   };
-  return () => u(Xa, m(l.value, {
+  return () => l(Lo, p(c.value, {
     className: e.class,
-    theme: e.theme || n,
+    theme: e.theme || r.value,
     inputId: o.value,
     isDisabled: s.value,
     onChange: d,
@@ -1725,247 +1813,247 @@ const Uo = /* @__PURE__ */ y((e, {
   name: "RadioButton",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: Qa
-}), Za = "RadioGroup", _r = "lumx-radio-group", eo = {}, se = (e) => {
+  props: S()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
+  emits: Io
+}), jo = "RadioGroup", ar = "lumx-radio-group", Bo = {}, ke = (e) => {
   const {
     children: t,
-    className: r,
-    ref: n,
-    ...a
+    className: a,
+    ref: r,
+    ...n
   } = e;
-  return u("div", m({
-    ref: n
-  }, a, {
-    className: N(r, _r)
+  return l("div", p({
+    ref: r
+  }, n, {
+    className: A(a, ar)
   }), [t]);
 };
-se.displayName = Za;
-se.className = _r;
-se.defaultProps = eo;
-const zo = /* @__PURE__ */ y((e, {
+ke.displayName = jo;
+ke.className = ar;
+ke.defaultProps = Bo;
+const Js = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const r = S();
-  return () => u(se, m(e, r, {
+  const a = P();
+  return () => l(ke, p(e, a, {
     className: e.class,
     children: t.default?.()
   }), null);
 }, {
   name: "RadioGroup",
   inheritAttrs: !1,
-  props: A()("class")
-}), to = "lumx-skeleton-circle", {
-  block: ro
-} = T(to), no = (e) => {
+  props: S()("class")
+}), Oo = "lumx-skeleton-circle", {
+  block: Ro
+} = w(Oo), Mo = (e) => {
   const {
     className: t,
-    size: r,
-    color: n,
-    theme: a,
+    size: a,
+    color: r,
+    theme: n,
     ref: o,
     ...s
   } = e;
-  return u("div", m({
+  return l("div", p({
     ref: o
   }, s, {
-    className: N(t, ro({
-      [`size-${r}`]: !!r,
-      [`color-${n}`]: !!n,
-      [`theme-${a}`]: !!a
+    className: A(t, Ro({
+      [`size-${a}`]: !!a,
+      [`color-${r}`]: !!r,
+      [`theme-${n}`]: !!n
     }))
   }), null);
-}, ao = {
+}, qo = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, oo = "lumx-skeleton-rectangle", {
-  block: so,
-  element: io
-} = T(oo), lo = {
-  variant: ao.squared
-}, co = (e) => {
+}, Do = "lumx-skeleton-rectangle", {
+  block: Fo,
+  element: Ho
+} = w(Do), zo = {
+  variant: qo.squared
+}, Vo = (e) => {
   const {
     aspectRatio: t,
-    className: r,
-    height: n,
-    theme: a,
-    variant: o = lo.variant,
+    className: a,
+    height: r,
+    theme: n,
+    variant: o = zo.variant,
     width: s,
     color: i,
-    ref: l,
+    ref: c,
     ...d
   } = e;
-  return u("div", m({
-    ref: l
+  return l("div", p({
+    ref: c
   }, d, {
-    className: N(r, so({
+    className: A(a, Fo({
       [`aspect-ratio-${t}`]: !!t,
-      [`height-${n}`]: !!(!t && n),
-      [`theme-${a}`]: !!a,
+      [`height-${r}`]: !!(!t && r),
+      [`theme-${n}`]: !!n,
       [`variant-${o}`]: !!o,
       [`width-${s}`]: !!s,
       [`color-${i}`]: !!i
     }))
-  }), [u("div", {
-    className: io("inner")
+  }), [l("div", {
+    className: Ho("inner")
   }, null)]);
-}, uo = "lumx-skeleton-typography", {
-  block: fo,
-  element: po
-} = T(uo), ho = (e) => {
+}, Wo = "lumx-skeleton-typography", {
+  block: Uo,
+  element: Go
+} = w(Wo), Ko = (e) => {
   const {
     className: t,
-    theme: r,
-    typography: n,
-    width: a,
+    theme: a,
+    typography: r,
+    width: n,
     color: o,
     ref: s,
     ...i
   } = e;
-  return u("div", m({
+  return l("div", p({
     ref: s
   }, i, {
-    className: N(t, fo({
-      [`theme-${r}`]: !!r,
-      [`typography-${n}`]: !!n,
+    className: A(t, Uo({
+      [`theme-${a}`]: !!a,
+      [`typography-${r}`]: !!r,
       [`color-${o}`]: !!o
     })),
     style: {
       ...i.style,
-      width: a
+      width: n
     }
-  }), [u("div", {
-    className: po("inner")
+  }), [l("div", {
+    className: Go("inner")
   }, null)]);
-}, Ho = /* @__PURE__ */ y((e) => {
-  const t = S(), r = C();
-  return () => u(no, m(e, t, {
+}, Xs = /* @__PURE__ */ N((e) => {
+  const t = P(), a = x();
+  return () => l(Mo, p(e, t, {
     className: e.class,
-    theme: e.theme || r
+    theme: e.theme || a.value
   }), null);
 }, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
-  props: A()("class", "size", "color", "theme")
-}), Ko = /* @__PURE__ */ y((e) => {
-  const t = S(), r = C();
-  return () => u(co, m(e, t, {
+  props: S()("class", "size", "color", "theme")
+}), Qs = /* @__PURE__ */ N((e) => {
+  const t = P(), a = x();
+  return () => l(Vo, p(e, t, {
     className: e.class,
-    theme: e.theme || r
+    theme: e.theme || a.value
   }), null);
 }, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
-  props: A()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), Yo = /* @__PURE__ */ y((e) => {
-  const t = S(), r = C();
-  return () => u(ho, m(e, t, {
+  props: S()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
+}), Zs = /* @__PURE__ */ N((e) => {
+  const t = P(), a = x();
+  return () => l(Ko, p(e, t, {
     className: e.class,
-    theme: e.theme || r
+    theme: e.theme || a.value
   }), null);
 }, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
-  props: A()("class", "typography", "width", "color", "theme", "style")
-}), Jo = "Switch", mo = "lumx-switch", {
-  block: bo,
-  element: E
-} = T(mo), vo = {
+  props: S()("class", "typography", "width", "color", "theme", "style")
+}), ei = "Switch", Yo = "lumx-switch", {
+  block: Jo,
+  element: q
+} = w(Yo), Xo = {
   position: "left"
-}, go = (e) => {
+}, Qo = (e) => {
   const {
     checked: t,
-    className: r,
-    helper: n,
-    id: a,
+    className: a,
+    helper: r,
+    id: n,
     inputRef: o,
     isChecked: s = t,
     label: i,
-    name: l,
+    name: c,
     ref: d,
-    onChange: c,
+    onChange: u,
     theme: f,
-    value: p,
-    inputProps: h = {},
+    value: h,
+    inputProps: m = {},
     isDisabled: v,
     inputId: b,
-    position: $ = vo.position,
-    ...w
-  } = e, P = (x) => {
-    c && c(!s, p, l, x);
+    position: $ = Xo.position,
+    ...g
+  } = e, T = (C) => {
+    u && u(!s, h, c, C);
   };
-  return u("div", m({
+  return l("div", p({
     ref: d
-  }, w, {
-    className: N(r, bo({
+  }, g, {
+    className: A(a, Jo({
       "is-checked": s,
       "is-disabled": v,
       "is-unchecked": !s,
       [`position-${$}`]: !!$,
       [`theme-${f}`]: !!f
     }))
-  }), [u("div", {
-    className: E("input-wrapper")
-  }, [u("input", m({
+  }), [l("div", {
+    className: q("input-wrapper")
+  }, [l("input", p({
     ref: o,
     type: "checkbox",
     role: "switch",
     id: b,
-    className: E("input-native"),
-    name: l,
-    value: p,
+    className: q("input-native"),
+    name: c,
+    value: h,
     checked: !!s,
-    onChange: P,
-    "aria-describedby": n ? `${b}-helper` : void 0,
+    onChange: T,
+    "aria-describedby": r ? `${b}-helper` : void 0,
     "aria-checked": !!s
-  }, h?.readOnly ? {
-    readOnly: h.readOnly
-  } : {}, h), null), u("div", {
-    className: E("input-placeholder")
-  }, [u("div", {
-    className: E("input-background")
-  }, null), u("div", {
-    className: E("input-indicator")
-  }, null)])]), u("div", {
-    className: E("content")
-  }, [i && q({
+  }, m?.readOnly ? {
+    readOnly: m.readOnly
+  } : {}, m), null), l("div", {
+    className: q("input-placeholder")
+  }, [l("div", {
+    className: q("input-background")
+  }, null), l("div", {
+    className: q("input-indicator")
+  }, null)])]), l("div", {
+    className: q("content")
+  }, [i && G({
     htmlFor: b,
-    className: E("label"),
+    className: q("label"),
     theme: f,
     children: i
-  }), n && D({
+  }), r && K({
     id: `${b}-helper`,
-    className: E("helper"),
+    className: q("helper"),
     theme: f,
-    children: n
+    children: r
   })])]);
-}, yo = {
-  change: (e, t, r, n) => typeof e == "boolean" && n instanceof Event
-}, Xo = /* @__PURE__ */ y((e, {
+}, Zo = {
+  change: (e, t, a, r) => typeof e == "boolean" && r instanceof Event
+}, ti = /* @__PURE__ */ N((e, {
   emit: t,
-  slots: r
+  slots: a
 }) => {
-  const n = S(), a = C(), o = rt(), s = k(() => e.id || o), {
+  const r = P(), n = x(), o = Ct(), s = k(() => e.id || o), {
     isAnyDisabled: i,
-    disabledStateProps: l,
+    disabledStateProps: c,
     otherProps: d
   } = H(k(() => ({
     ...e,
-    ...n
-  }))), c = (f, p, h, v) => {
-    i.value || (v.stopImmediatePropagation(), t("change", f, p, h, v));
+    ...r
+  }))), u = (f, h, m, v) => {
+    i.value || (v.stopImmediatePropagation(), t("change", f, h, m, v));
   };
-  return () => u(go, m(d.value, {
+  return () => l(Qo, p(d.value, {
     className: e.class,
-    theme: e.theme || a,
+    theme: e.theme || n.value,
     inputId: s.value,
     isDisabled: i.value,
-    onChange: c,
-    label: e.label || r.default?.(),
+    onChange: u,
+    label: e.label || a.default?.(),
     inputProps: {
       ...e.inputProps,
-      ...l.value,
+      ...c.value,
       readOnly: i.value
     }
   }), null);
@@ -1973,36 +2061,541 @@ const zo = /* @__PURE__ */ y((e, {
   name: "LumxSwitch",
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
-  props: A()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
-  emits: yo
+  props: S()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
+  emits: Zo
+}), de = "lumx-table", {
+  block: es
+} = w(de), ts = (e) => {
+  const {
+    children: t,
+    className: a,
+    hasBefore: r,
+    hasDividers: n,
+    ref: o,
+    theme: s,
+    ...i
+  } = e;
+  return l("table", p({
+    ref: o
+  }, i, {
+    className: A(a, es({
+      "has-before": r,
+      "has-dividers": n,
+      [`theme-${s}`]: !!s
+    }))
+  }), [t]);
+}, ai = /* @__PURE__ */ N((e, {
+  slots: t
+}) => {
+  const a = P(), r = x();
+  return () => l(ts, p(e, a, {
+    className: e.class,
+    theme: e.theme || r.value,
+    children: t.default?.()
+  }), null);
+}, {
+  name: "LumxTable",
+  inheritAttrs: !1,
+  props: S()("class", "hasBefore", "hasDividers", "theme")
+}), as = `${de}__body`, rs = (e) => {
+  const {
+    children: t,
+    className: a,
+    ref: r,
+    ...n
+  } = e;
+  return l("tbody", p({
+    ref: r
+  }, n, {
+    className: A(a, as)
+  }), [t]);
+}, ri = /* @__PURE__ */ N((e, {
+  slots: t
+}) => {
+  const a = P();
+  return () => l(rs, p(e, a, {
+    className: e.class,
+    children: t.default?.()
+  }), null);
+}, {
+  name: "LumxTableBody",
+  inheritAttrs: !1,
+  props: S()("class")
+}), be = {
+  asc: "asc",
+  desc: "desc"
+}, gt = {
+  body: "body",
+  head: "head"
+}, z = `${de}__cell`, {
+  block: Pa
+} = w(z), ns = {
+  variant: gt.body
+}, os = (e) => {
+  const {
+    children: t,
+    className: a,
+    icon: r,
+    isSortable: n,
+    onHeaderClick: o,
+    ref: s,
+    sortOrder: i,
+    variant: c = ns.variant,
+    ...d
+  } = e, u = o ? "button" : "div", f = u === "button" ? {
+    type: "button",
+    onClick: o
+  } : void 0;
+  let h;
+  return n && (h = "none", i === be.asc && (h = "ascending"), i === be.desc && (h = "descending")), l(V, null, [c === gt.head && l("th", p({
+    ref: s
+  }, d, {
+    className: A(a, Pa({
+      "is-sortable": n,
+      "is-sorted": n && !!i,
+      head: !0
+    })),
+    "aria-sort": h
+  }), [l(u, p({
+    className: `${z}-wrapper`
+  }, f), {
+    default: () => [r && !n && E({
+      className: `${z}-icon`,
+      icon: r,
+      size: L.xxs
+    }), n && i === be.asc && E({
+      className: `${z}-icon`,
+      icon: $r,
+      size: L.xxs
+    }), n && i === be.desc && E({
+      className: `${z}-icon`,
+      icon: Pr,
+      size: L.xxs
+    }), l("div", {
+      className: `${z}-content`
+    }, [t])]
+  })]), c === gt.body && l("td", p({
+    ref: s
+  }, d, {
+    className: A(a, Pa({
+      body: !0
+    }))
+  }), [l("div", {
+    className: `${z}-content`
+  }, [t])])]);
+}, ss = {
+  headerClick: () => !0
+}, ni = /* @__PURE__ */ N((e, {
+  emit: t,
+  slots: a,
+  attrs: r
+}) => {
+  const n = () => {
+    event?.stopImmediatePropagation(), t("headerClick");
+  };
+  return () => {
+    const o = "onHeaderClick" in r;
+    return l(os, p(e, r, {
+      className: e.class,
+      onHeaderClick: o ? n : void 0,
+      children: a.default?.()
+    }), null);
+  };
+}, {
+  name: "LumxTableCell",
+  inheritAttrs: !1,
+  props: S()("class", "icon", "isSortable", "sortOrder", "variant"),
+  emits: ss
+}), is = `${de}__header`, ls = (e) => {
+  const {
+    children: t,
+    className: a,
+    ref: r,
+    ...n
+  } = e;
+  return l("thead", p({
+    ref: r
+  }, n, {
+    className: A(a, is)
+  }), [t]);
+}, oi = /* @__PURE__ */ N((e, {
+  slots: t
+}) => {
+  const a = P();
+  return () => l(ls, p(e, a, {
+    className: e.class,
+    children: t.default?.()
+  }), null);
+}, {
+  name: "LumxTableHeader",
+  inheritAttrs: !1,
+  props: S()("class")
+}), cs = `${de}__row`, {
+  block: us
+} = w(cs), ds = (e) => {
+  const {
+    children: t,
+    className: a,
+    isClickable: r,
+    isSelected: n,
+    ref: o,
+    tabIndex: s,
+    "aria-disabled": i,
+    ...c
+  } = e, d = !!i;
+  return l("tr", p({
+    ref: o,
+    "aria-disabled": i
+  }, s !== void 0 ? {
+    tabIndex: s
+  } : {}, c, {
+    className: A(a, us({
+      "is-clickable": r && !d,
+      "is-disabled": d,
+      "is-selected": n && !d
+    }))
+  }), [t]);
+}, si = /* @__PURE__ */ N((e, {
+  slots: t
+}) => {
+  const a = P(), {
+    isAnyDisabled: r,
+    otherProps: n
+  } = H(k(() => ({
+    ...e,
+    ...a
+  })));
+  return () => l(ds, p(n.value, {
+    className: e.class,
+    tabIndex: e.isClickable && !r.value ? 0 : -1,
+    "aria-disabled": r.value,
+    children: t.default?.()
+  }), null);
+}, {
+  name: "LumxTableRow",
+  inheritAttrs: !1,
+  props: S()("class", "isClickable", "isDisabled", "isSelected")
 });
+function dt(e, t) {
+  return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
+}
+function fs({
+  image: e,
+  aspectRatio: t,
+  focusPoint: a,
+  width: r,
+  height: n,
+  element: o,
+  isLoaded: s
+}) {
+  if (!(!e || t === xa.original || !a?.x && !a?.y)) {
+    if (typeof r == "number" && typeof n == "number")
+      return { width: r, height: n };
+    if (o && s)
+      return { width: o.naturalWidth, height: o.naturalHeight };
+  }
+}
+function $a({
+  scale: e,
+  focusPoint: t,
+  imageSize: a,
+  containerSize: r
+}) {
+  const n = a / e;
+  if (n === r) return 0;
+  const i = (t * n - r / 2) / (n - r);
+  return Math.floor(Math.max(Math.min(i, 1), 0) * 100);
+}
+function hs({
+  image: e,
+  aspectRatio: t,
+  focusPoint: a,
+  element: r,
+  imageSize: n,
+  containerSize: o
+}) {
+  if (!e || t === xa.original || !a?.x && !a?.y)
+    return {};
+  if (!r || !n)
+    return { visibility: "hidden" };
+  if (!o || !n.height || !n.width)
+    return {};
+  const s = n.height / o.height, i = n.width / o.width, c = Math.min(i, s), d = Math.abs((a?.y || 0) - 1) / 2, u = $a({
+    scale: c,
+    focusPoint: d,
+    imageSize: n.height,
+    containerSize: o.height
+  }), f = Math.abs((a?.x || 0) + 1) / 2;
+  return { objectPosition: `${$a({
+    scale: c,
+    focusPoint: f,
+    imageSize: n.width,
+    containerSize: o.width
+  })}% ${u}%` };
+}
+const ms = "lumx-thumbnail", {
+  block: ps,
+  element: oe
+} = Z.bem(ms), Ta = {
+  fallback: Tr,
+  loading: "lazy"
+}, bs = (e) => {
+  const {
+    align: t,
+    alt: a,
+    aspectRatio: r = sr.original,
+    badge: n,
+    className: o,
+    crossOrigin: s,
+    ref: i,
+    fallback: c = Ta.fallback,
+    focusPointStyle: d,
+    fillHeight: u,
+    image: f,
+    imgProps: h,
+    imgRef: m,
+    isLoading: v,
+    objectFit: b,
+    loading: $ = Ta.loading,
+    loadingPlaceholderImageRef: g,
+    isAnyDisabled: T,
+    disabledStateProps: C,
+    size: j,
+    theme: I,
+    loadingState: B,
+    variant: fe,
+    linkProps: Y,
+    linkAs: he,
+    ...ee
+  } = e, y = v || B === "isLoading", J = B === "hasError", O = J && typeof c == "string", _t = J && !O, Pe = {};
+  O ? Pe.visibility = "hidden" : _t && (Pe.display = "none");
+  const xt = !!(Y?.href || he), $e = !T && !!(xt || ee.onClick), te = {
+    ...ee
+  };
+  $e && (Object.assign(te, {
+    as: he || (Y?.href ? "a" : "button")
+  }, C), xt ? Object.assign(te, Y) : te["aria-label"] = ee["aria-label"] || a);
+  const Et = Z.join(Y?.className, o, ps({
+    [`align-${t}`]: !!t,
+    [`aspect-ratio-${r}`]: !!r,
+    [`size-${j}`]: !!j,
+    [`theme-${I}`]: !!I,
+    [`variant-${fe}`]: !!fe,
+    "is-clickable": $e,
+    "has-error": J,
+    "has-icon-error-fallback": O,
+    "has-custom-error-fallback": _t,
+    "is-loading": y,
+    [`object-fit-${b}`]: !!b,
+    "has-badge": !!n,
+    "fill-height": u
+  })), ae = y && g?.current?.complete && g?.current || void 0, rr = ae ? {
+    backgroundImage: `url(${ae.src})`
+  } : void 0, Lt = l(V, null, [l("span", {
+    className: oe("background")
+  }, [l("img", p({
+    width: ae?.naturalWidth,
+    height: ae?.naturalHeight
+  }, h, {
+    style: {
+      // Reserve space while loading (when possible)
+      width: y ? h?.width || ae?.naturalWidth : void 0,
+      ...h?.style,
+      ...Pe,
+      ...d,
+      ...rr
+    },
+    ref: m,
+    className: Z.join(oe("image", {
+      "is-loading": y,
+      "has-defined-size": !!(h?.height && h.width)
+    }), h?.className),
+    crossOrigin: s,
+    src: f,
+    alt: a,
+    loading: $
+  }), null), !y && J && l("span", {
+    className: oe("fallback")
+  }, [O ? E({
+    icon: c,
+    size: ir.xxs,
+    theme: I
+  }) : c])]), n]);
+  return $e ? Ha({
+    ref: i,
+    ...te,
+    className: Et,
+    children: Lt
+  }) : l("div", p({
+    ref: i
+  }, te, {
+    className: Et
+  }), [Lt]);
+};
+function vs(e, t) {
+  const a = ie(dt(t.value));
+  U(
+    [e, t],
+    () => {
+      a.value = dt(t.value);
+    },
+    { immediate: !0 }
+  );
+  const r = (n) => {
+    t.value && (a.value = dt(t.value, n));
+  };
+  return U(
+    t,
+    (n, o) => {
+      o && (o.removeEventListener("load", r), o.removeEventListener("error", r)), n && (n.addEventListener("load", r), n.addEventListener("error", r));
+    },
+    { immediate: !0 }
+  ), pr(() => {
+    t.value && (t.value.removeEventListener("load", r), t.value.removeEventListener("error", r));
+  }), a;
+}
+function gs(e) {
+  const { image: t, aspectRatio: a, focusPoint: r, width: n, height: o, element: s, isLoaded: i } = e, c = k(
+    () => fs({
+      image: t.value,
+      aspectRatio: a.value,
+      focusPoint: r.value,
+      width: n.value,
+      height: o.value,
+      element: s.value,
+      isLoaded: i.value
+    })
+  ), d = ie(void 0), u = () => {
+    const h = s.value?.offsetWidth, m = s.value?.offsetHeight;
+    if (h && m) {
+      const v = d.value;
+      (v?.width !== h || v?.height !== m) && (d.value = { width: h, height: m });
+    } else c.value && requestAnimationFrame(u);
+  };
+  return U(
+    [() => s.value?.offsetWidth, () => s.value?.offsetHeight, c],
+    () => {
+      br(u);
+    },
+    { immediate: !0 }
+  ), k(
+    () => hs({
+      image: t.value,
+      aspectRatio: a.value,
+      focusPoint: r.value,
+      element: s.value,
+      imageSize: c.value,
+      containerSize: d.value
+    })
+  );
+}
+const ys = {
+  click: (e) => e instanceof Event,
+  keyPress: (e) => e instanceof Event
+}, ii = /* @__PURE__ */ N((e, {
+  emit: t,
+  slots: a
+}) => {
+  const r = P(), n = x(), o = ie(), s = wa(), i = s?.vnode.props?.onClick !== void 0, c = s?.vnode.props?.onKeyPress !== void 0, {
+    isAnyDisabled: d,
+    disabledStateProps: u,
+    otherProps: f
+  } = H(k(() => ({
+    ...e,
+    ...r
+  }))), h = vs(X(() => e.image), o), m = k(() => h.value === "isLoaded"), v = gs({
+    image: X(() => e.image),
+    aspectRatio: X(() => e.aspectRatio),
+    focusPoint: X(() => e.focusPoint),
+    width: X(() => typeof e.imgProps?.width == "number" ? e.imgProps.width : void 0),
+    height: X(() => typeof e.imgProps?.height == "number" ? e.imgProps.height : void 0),
+    element: o,
+    isLoaded: m
+  }), b = (g) => {
+    d.value || (g.stopImmediatePropagation(), t("click", g));
+  }, $ = (g) => {
+    d.value || (g.stopImmediatePropagation(), t("keyPress", g));
+  };
+  return () => {
+    const g = a.badge?.(), T = a.fallback?.();
+    return l(bs, p(f.value, {
+      className: e.class,
+      theme: e.theme || n.value,
+      isAnyDisabled: d.value,
+      disabledStateProps: u.value,
+      focusPointStyle: v.value,
+      loadingState: h.value,
+      imgRef: o,
+      image: e.image,
+      onClick: i ? b : void 0,
+      onKeyPress: c ? $ : void 0,
+      fallback: T,
+      badge: g && (Array.isArray(g) ? g.map((C) => ({
+        ...C,
+        props: {
+          ...C.props,
+          class: Z.join(oe("badge"), C.props?.class)
+        }
+      })) : {
+        ...g,
+        props: {
+          ...g.props,
+          class: Z.join(oe("badge"), g.props?.class)
+        }
+      })
+    }), null);
+  };
+}, {
+  name: "LumxThumbnail",
+  inheritAttrs: !1,
+  props: S()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
+  emits: ys
+}), li = {
+  squared: "squared",
+  rounded: "rounded"
+}, ci = {
+  cover: "cover",
+  contain: "contain"
+};
 export {
-  Oo as Badge,
-  jo as BadgeWrapper,
-  Io as Button,
-  Bo as ButtonGroup,
-  mo as CLASSNAME,
-  Jo as COMPONENT_NAME,
-  Ro as Checkbox,
-  vo as DEFAULT_PROPS,
-  Mo as Divider,
-  Lo as Flag,
-  qo as FlexBox,
-  Do as Heading,
-  Fo as HeadingLevelProvider,
-  He as Icon,
-  Eo as IconButton,
-  Vo as InputHelper,
-  Go as InputLabel,
-  Uo as Message,
-  Wo as RadioButton,
-  zo as RadioGroup,
-  Ho as SkeletonCircle,
-  Ko as SkeletonRectangle,
-  ao as SkeletonRectangleVariant,
-  Yo as SkeletonTypography,
-  Xo as Switch,
-  tt as Text,
-  $r as useHeadingLevel
+  js as Badge,
+  Bs as BadgeWrapper,
+  Os as Button,
+  Ms as ButtonGroup,
+  Yo as CLASSNAME,
+  ei as COMPONENT_NAME,
+  qs as Checkbox,
+  Xo as DEFAULT_PROPS,
+  Ds as Divider,
+  Fs as Flag,
+  Hs as FlexBox,
+  zs as Heading,
+  Vs as HeadingLevelProvider,
+  mt as Icon,
+  Rs as IconButton,
+  Ws as InputHelper,
+  Us as InputLabel,
+  Gs as Link,
+  Ks as Message,
+  Ys as RadioButton,
+  Js as RadioGroup,
+  Xs as SkeletonCircle,
+  Qs as SkeletonRectangle,
+  qo as SkeletonRectangleVariant,
+  Zs as SkeletonTypography,
+  ti as Switch,
+  ai as Table,
+  ri as TableBody,
+  ni as TableCell,
+  gt as TableCellVariant,
+  oi as TableHeader,
+  si as TableRow,
+  Tt as Text,
+  be as ThOrder,
+  ii as Thumbnail,
+  ci as ThumbnailObjectFit,
+  li as ThumbnailVariant,
+  ss as emitSchema,
+  er as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map