@lumx/vue 4.6.1-alpha.0 → 4.7.0

package/index.js

@@ -1,27 +1,27 @@
-import { ColorVariant as as, VISUALLY_HIDDEN as ss, AspectRatio as Qo, Size as is } from "@lumx/core/js/constants";
+import { ColorVariant as is, VISUALLY_HIDDEN as ls, AspectRatio as Qo, Size as cs } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as h, mergeProps as w, isVNode as we, Fragment as Ae, inject as Kn, computed as A, unref as Bn, getCurrentInstance as ea, ref as F, watch as Z, onBeforeUnmount as ta, nextTick as ls, defineComponent as C, useAttrs as _, toRef as ke, toRaw as rt, provide as Yn, getCurrentScope as na, onScopeDispose as ra, toValue as Xn, shallowRef as Zn, onMounted as cs, useSlots as ot, useTemplateRef as us, shallowReadonly as Ce, watchEffect as Jn, isRef as fe, onUnmounted as oa, h as mr, Comment as ds, Text as fs, cloneVNode as ms, toRefs as hs, reactive as ps, watchPostEffect as vs } from "vue";
-import { u as q, P as aa, C as bs, T as gs } from "./_internal/DCsEMm-b.js";
+import { createVNode as h, mergeProps as w, isVNode as we, Fragment as Ae, inject as Yn, computed as A, unref as Dn, getCurrentInstance as ea, ref as q, watch as Z, onBeforeUnmount as ta, nextTick as us, defineComponent as N, useAttrs as $, toRef as ke, toRaw as rt, provide as Xn, getCurrentScope as na, onScopeDispose as ra, toValue as Zn, shallowRef as Jn, onMounted as ds, useSlots as ot, useTemplateRef as fs, shallowReadonly as Ce, watchEffect as at, isRef as fe, onUnmounted as oa, h as mr, Comment as ms, Text as hs, cloneVNode as ps, toRefs as vs, reactive as bs, watchPostEffect as gs } from "vue";
+import { u as j, P as aa, C as ys, T as ws } from "./_internal/DCsEMm-b.js";
 import { classNames as me } from "@lumx/core/js/utils";
-import { mdiImageBroken as ys } from "@lumx/icons/esm/image-broken.js";
+import { mdiImageBroken as As } from "@lumx/icons/esm/image-broken.js";
 import { mdiAlertCircle as sa } from "@lumx/icons/esm/alert-circle.js";
-import { getDisabledState as ws } from "@lumx/core/js/utils/disabledState";
-import { mdiCheck as As } from "@lumx/icons/esm/check.js";
-import { mdiMinus as xs } from "@lumx/icons/esm/minus.js";
-import { mdiAlert as Ss } from "@lumx/icons/esm/alert.js";
-import { mdiCheckCircle as Ps } from "@lumx/icons/esm/check-circle.js";
-import { mdiClose as Ts } from "@lumx/icons/esm/close.js";
-import { mdiInformation as Ns } from "@lumx/icons/esm/information.js";
-import { mdiArrowDown as ks } from "@lumx/icons/esm/arrow-down.js";
-import { mdiArrowUp as Cs } from "@lumx/icons/esm/arrow-up.js";
+import { getDisabledState as xs } from "@lumx/core/js/utils/disabledState";
+import { mdiCheck as Ss } from "@lumx/icons/esm/check.js";
+import { mdiMinus as Ps } from "@lumx/icons/esm/minus.js";
+import { mdiAlert as Ts } from "@lumx/icons/esm/alert.js";
+import { mdiCheckCircle as Ns } from "@lumx/icons/esm/check-circle.js";
+import { mdiClose as ks } from "@lumx/icons/esm/close.js";
+import { mdiInformation as Cs } from "@lumx/icons/esm/information.js";
+import { mdiArrowDown as Os } from "@lumx/icons/esm/arrow-down.js";
+import { mdiArrowUp as _s } from "@lumx/icons/esm/arrow-up.js";
 var Ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var gt = { exports: {} };
+var yt = { exports: {} };
 var hr;
-function Os() {
+function $s() {
   return hr || (hr = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -51,10 +51,10 @@ function Os() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(gt)), gt.exports;
+  })(yt)), yt.exports;
 }
-var Es = Os();
-const E = /* @__PURE__ */ Re(Es);
+var Es = $s();
+const _ = /* @__PURE__ */ Re(Es);
 function ia(e, t) {
   const n = [];
   for (const [r, o] of Object.entries(t))
@@ -63,7 +63,7 @@ function ia(e, t) {
 }
 function Ze(e, t, n) {
   let r, o;
-  return Array.isArray(t) ? o = t : (r = t, o = n), !r && !o ? e : E(
+  return Array.isArray(t) ? o = t : (r = t, o = n), !r && !o ? e : _(
     // Additional classes
     o,
     // Base class
@@ -77,15 +77,15 @@ function Qn(e, t) {
   const [n, r] = e.split("-");
   return [n, t || r];
 }
-function _s(e, t, n) {
-  const [r, o = as.N] = Qn(t, n);
+function Rs(e, t, n) {
+  const [r, o = is.N] = Qn(t, n);
   return `lumx-color-${e}-${r}-${o}`;
 }
-const $s = (e, t) => _s("font", e, t);
+const Ls = (e, t) => Rs("font", e, t);
 function er(e) {
   return `lumx-typography-${e}`;
 }
-const Rs = () => ss;
+const Is = () => ls;
 function pr(e, t, n, r) {
   return Array.isArray(n) ? Ze(`${e}__${t}`, n) : Ze(`${e}__${t}`, n, r);
 }
@@ -102,12 +102,12 @@ function L(e) {
     modifier: (r) => ia(e, r)
   };
 }
-function Ls(e) {
+function Ms(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function Is(e) {
+function Bs(e) {
   return (t) => {
     t.key === "Escape" && e(t);
   };
@@ -128,12 +128,12 @@ const vr = {
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Ms = {
+}, Ds = {
   horizontal: "horizontal"
 }, ge = {
   low: "low",
   high: "high"
-}, Bs = {
+}, js = {
   overline: "overline",
   caption: "caption",
   body1: "body1",
@@ -144,7 +144,7 @@ const vr = {
   headline: "headline",
   display1: "display1"
 }, Oe = {
-  ...Bs
+  ...js
 }, la = {
   /** Intrinsic content ratio. */
   original: "original"
@@ -153,7 +153,7 @@ const vr = {
   success: "success",
   warning: "warning",
   error: "error"
-}, j = {
+}, F = {
   primary: "primary",
   blue: "blue",
   dark: "dark",
@@ -161,12 +161,12 @@ const vr = {
   yellow: "yellow",
   red: "red",
   light: "light"
-}, Ds = typeof window < "u" && !window.navigator.userAgent.includes("jsdom"), js = "lumx-avatar", {
-  block: qs,
-  element: Dn
-} = L(js), ca = {
+}, qs = typeof window < "u" && !window.navigator.userAgent.includes("jsdom"), Fs = "lumx-avatar", {
+  block: Ws,
+  element: jn
+} = L(Fs), ca = {
   size: z.m
-}, Fs = (e) => {
+}, zs = (e) => {
   const {
     actions: t,
     badge: n,
@@ -180,21 +180,21 @@ const vr = {
   return h("div", w({
     ref: i
   }, l, {
-    className: E(r, qs({
+    className: _(r, Ws({
       [`size-${a}`]: !!a,
       [`theme-${s}`]: !!s
     }))
   }), [o, t && h("div", {
-    className: Dn("actions")
+    className: jn("actions")
   }, [t]), n && h("div", {
-    className: Dn("badge")
+    className: jn("badge")
   }, [n])]);
 }, O = () => (...e) => e.reduce(
   (t, n) => (t[n] = { required: !1 }, t),
   {}
-), Ws = "Icon", zs = "lumx-icon", ua = zs, {
-  block: Vs
-} = L(ua), Hs = {}, X = (e) => {
+), Hs = "Icon", Vs = "lumx-icon", ua = Vs, {
+  block: Us
+} = L(ua), Gs = {}, X = (e) => {
   const {
     className: t,
     color: n,
@@ -209,21 +209,21 @@ const vr = {
     ...d
   } = e, [f, m] = Qn(n, r);
   let v = f;
-  !v && (o || l) && (v = l === je.dark ? j.light : j.dark);
+  !v && (o || l) && (v = l === je.dark ? F.light : F.dark);
   let p = m;
-  !p && o && v === j.dark && (p = "L2");
+  !p && o && v === F.dark && (p = "L2");
   let g = s;
   return s && o ? s === z.xxs || s === z.xs ? g = z.s : s === z.xxl && (g = z.xl) : o && (g = z.m), h("i", w({
     ref: i
   }, d, {
-    className: E(t, Vs({
+    className: _(t, Us({
       [`color-${v}`]: !!v,
       [`color-variant-${p}`]: !!p,
       "has-shape": o,
       [`theme-${l}`]: !!l,
       [`size-${g}`]: !!g,
       "no-shape": !o,
-      "has-dark-layer": !o && v === j.yellow && a === sa,
+      "has-dark-layer": !o && v === F.yellow && a === sa,
       path: !0,
       "vertical-align-middle": u === "middle"
     }))
@@ -243,10 +243,10 @@ const vr = {
     fill: "currentColor"
   }, null)])]);
 };
-X.displayName = Ws;
+X.displayName = Hs;
 X.className = ua;
-X.defaultProps = Hs;
-function Us(e) {
+X.defaultProps = Gs;
+function Ks(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
 const tr = (e) => {
@@ -277,14 +277,14 @@ const tr = (e) => {
       }
       n?.(f);
     }
-  }), Us(t) ? t : {
+  }), Ks(t) ? t : {
     default: () => [t]
   });
 };
-function yt(e, t) {
+function wt(e, t) {
   return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
 }
-function Gs({
+function Ys({
   image: e,
   aspectRatio: t,
   focusPoint: n,
@@ -311,7 +311,7 @@ function gr({
   const i = (t * o - r / 2) / (o - r);
   return Math.floor(Math.max(Math.min(i, 1), 0) * 100);
 }
-function Ks({
+function Xs({
   image: e,
   aspectRatio: t,
   focusPoint: n,
@@ -338,13 +338,13 @@ function Ks({
     containerSize: a.width
   })}% ${u}%` };
 }
-const Ys = "lumx-thumbnail", {
-  block: Xs,
+const Zs = "lumx-thumbnail", {
+  block: Js,
   element: De
-} = me.bem(Ys), yr = {
-  fallback: ys,
+} = me.bem(Zs), yr = {
+  fallback: As,
   loading: "lazy"
-}, Zs = (e) => {
+}, Qs = (e) => {
   const {
     align: t,
     alt: n,
@@ -366,31 +366,31 @@ const Ys = "lumx-thumbnail", {
     isAnyDisabled: y,
     disabledStateProps: x,
     size: S,
-    theme: N,
-    loadingState: k,
+    theme: k,
+    loadingState: C,
     variant: P,
     linkProps: R,
     linkAs: I,
-    handleClick: $,
+    handleClick: E,
     handleKeyPress: T,
     ...D
-  } = e, B = v || k === "isLoading", M = k === "hasError", H = M && typeof l == "string", U = M && !H, W = {};
-  H ? W.visibility = "hidden" : U && (W.display = "none");
-  const V = !!(R?.href || I), G = !y && !!(V || $ || T), ie = {
+  } = e, B = v || C === "isLoading", M = C === "hasError", V = M && typeof l == "string", U = M && !V, W = {};
+  V ? W.visibility = "hidden" : U && (W.display = "none");
+  const H = !!(R?.href || I), G = !y && !!(H || E || T), ie = {
     ...D
   };
   G && (Object.assign(ie, {
     as: I || (R?.href ? "a" : "button")
-  }, x), V ? Object.assign(ie, R) : ie["aria-label"] = D["aria-label"] || n);
-  const vt = me.join(R?.className, a, Xs({
+  }, x), H ? Object.assign(ie, R) : ie["aria-label"] = D["aria-label"] || n);
+  const bt = me.join(R?.className, a, Js({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${r}`]: !!r,
     [`size-${S}`]: !!S,
-    [`theme-${N}`]: !!N,
+    [`theme-${k}`]: !!k,
     [`variant-${P}`]: !!P,
     "is-clickable": G,
     "has-error": M,
-    "has-icon-error-fallback": H,
+    "has-icon-error-fallback": V,
     "has-custom-error-fallback": U,
     "is-loading": B,
     [`object-fit-${p}`]: !!p,
@@ -398,7 +398,7 @@ const Ys = "lumx-thumbnail", {
     "fill-height": u
   })), Ne = B && b?.current?.complete && b?.current || void 0, fr = Ne ? {
     backgroundImage: `url(${Ne.src})`
-  } : void 0, bt = h(Ae, null, [h("span", {
+  } : void 0, gt = h(Ae, null, [h("span", {
     className: De("background")
   }, [h("img", w({
     width: Ne?.naturalWidth,
@@ -423,31 +423,31 @@ const Ys = "lumx-thumbnail", {
     loading: g
   }), null), !B && M && h("span", {
     className: De("fallback")
-  }, [H ? X({
+  }, [V ? X({
     icon: l,
-    size: is.xxs,
-    theme: N
+    size: cs.xxs,
+    theme: k
   }) : l])]), o]);
   return G ? tr({
     ref: i,
     ...ie,
-    className: vt,
-    children: bt,
-    handleClick: $,
+    className: bt,
+    children: gt,
+    handleClick: E,
     handleKeyPress: T
   }) : h("div", w({
     ref: i
   }, ie, {
-    className: vt
-  }), [bt]);
-}, Js = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function Qs() {
-  return Kn(Js, { state: null });
+    className: bt
+  }), [gt]);
+}, ei = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function ti() {
+  return Yn(ei, { state: null });
 }
 function se(e) {
-  const t = Qs(), n = A(() => {
-    const a = typeof e == "function" ? e() : Bn(e);
-    return ws(t, {
+  const t = ti(), n = A(() => {
+    const a = typeof e == "function" ? e() : Dn(e);
+    return xs(t, {
       disabled: a.disabled,
       isDisabled: a.isDisabled,
       "aria-disabled": a["aria-disabled"] ?? a.ariaDisabled
@@ -455,23 +455,23 @@ function se(e) {
   }), r = A(
     () => n.value["aria-disabled"] || n.value.disabled || void 0
   ), o = A(() => {
-    const a = typeof e == "function" ? e() : Bn(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: u, onChange: d, ...f } = a;
+    const a = typeof e == "function" ? e() : Dn(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: u, onChange: d, ...f } = a;
     return r.value || (u && (f.onClick = u), d && (f.onChange = d)), f;
   });
   return { disabledStateProps: n, isAnyDisabled: r, otherProps: o };
 }
-const Ee = (e) => ea()?.vnode.props?.[e] !== void 0;
-function ei(e, t) {
-  const n = F(yt(t.value));
+const _e = (e) => ea()?.vnode.props?.[e] !== void 0;
+function ni(e, t) {
+  const n = q(wt(t.value));
   Z(
     [e, t],
     () => {
-      n.value = yt(t.value);
+      n.value = wt(t.value);
     },
     { immediate: !0 }
   );
   const r = (o) => {
-    t.value && (n.value = yt(t.value, o));
+    t.value && (n.value = wt(t.value, o));
   };
   return Z(
     t,
@@ -483,9 +483,9 @@ function ei(e, t) {
     t.value && (t.value.removeEventListener("load", r), t.value.removeEventListener("error", r));
   }), n;
 }
-function ti(e) {
+function ri(e) {
   const { image: t, aspectRatio: n, focusPoint: r, width: o, height: a, element: s, isLoaded: i } = e, l = A(
-    () => Gs({
+    () => Ys({
       image: t.value,
       aspectRatio: n.value,
       focusPoint: r.value,
@@ -494,7 +494,7 @@ function ti(e) {
       element: s.value,
       isLoaded: i.value
     })
-  ), c = F(void 0), u = () => {
+  ), c = q(void 0), u = () => {
     const f = s.value?.offsetWidth, m = s.value?.offsetHeight;
     if (f && m) {
       const v = c.value;
@@ -504,11 +504,11 @@ function ti(e) {
   return Z(
     [() => s.value?.offsetWidth, () => s.value?.offsetHeight, l],
     () => {
-      ls(u);
+      us(u);
     },
     { immediate: !0 }
   ), A(
-    () => Ks({
+    () => Xs({
       image: t.value,
       aspectRatio: n.value,
       focusPoint: r.value,
@@ -518,21 +518,21 @@ function ti(e) {
     })
   );
 }
-const ni = {
+const oi = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, ri = /* @__PURE__ */ C((e, {
+}, ai = /* @__PURE__ */ N((e, {
   emit: t,
   slots: n
 }) => {
-  const r = _(), o = q(), a = F(), s = Ee("onClick"), i = Ee("onKeyPress"), {
+  const r = $(), o = j(), a = q(), s = _e("onClick"), i = _e("onKeyPress"), {
     isAnyDisabled: l,
     disabledStateProps: c,
     otherProps: u
   } = se(A(() => ({
     ...e,
     ...r
-  }))), d = ei(ke(() => e.image), a), f = A(() => d.value === "isLoaded"), m = ti({
+  }))), d = ni(ke(() => e.image), a), f = A(() => d.value === "isLoaded"), m = ri({
     image: ke(() => e.image),
     aspectRatio: ke(() => e.aspectRatio),
     focusPoint: ke(() => e.focusPoint),
@@ -550,7 +550,7 @@ const ni = {
       linkAs: y,
       ...x
     } = u.value;
-    return h(Zs, w(x, {
+    return h(Qs, w(x, {
       linkAs: rt(y),
       className: e.class,
       theme: e.theme || o.value,
@@ -582,17 +582,17 @@ const ni = {
   name: "LumxThumbnail",
   inheritAttrs: !1,
   props: O()("align", "alt", "aspectRatio", "class", "crossOrigin", "fillHeight", "focusPoint", "image", "imgProps", "isLoading", "linkAs", "linkProps", "loading", "loadingPlaceholderImageRef", "objectFit", "size", "theme", "variant", "aria-disabled", "aria-label"),
-  emits: ni
-}), Lf = {
+  emits: oi
+}), Vf = {
   squared: "squared",
   rounded: "rounded"
-}, If = {
+}, Uf = {
   cover: "cover",
   contain: "contain"
-}, Mf = /* @__PURE__ */ C((e, {
+}, Gf = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = q();
+  const n = $(), r = j();
   return () => {
     const {
       image: o,
@@ -610,16 +610,16 @@ const ni = {
     } = {
       ...n
     }, g = t.actions?.(), b = t.badge?.();
-    return h(Fs, w(p, {
+    return h(zs, w(p, {
       className: d,
       theme: f,
       size: s,
       actions: g,
       badge: b,
-      image: h(ri, w({
+      image: h(ai, w({
         linkProps: l,
         linkAs: c,
-        class: Dn("thumbnail"),
+        class: jn("thumbnail"),
         onClick: m,
         onKeyPress: v
       }, u, {
@@ -635,11 +635,11 @@ const ni = {
   name: "LumxAvatar",
   inheritAttrs: !1,
   props: O()("image", "alt", "size", "theme", "linkProps", "linkAs", "thumbnailProps", "class")
-}), oi = "Badge", da = "lumx-badge", {
-  block: ai
+}), si = "Badge", da = "lumx-badge", {
+  block: ii
 } = L(da), fa = {
-  color: j.primary
-}, at = (e) => {
+  color: F.primary
+}, st = (e) => {
   const {
     children: t,
     className: n,
@@ -650,19 +650,19 @@ const ni = {
   return h("div", w({
     ref: o
   }, a, {
-    className: E(n, ai({
+    className: _(n, ii({
       [`color-${r}`]: !!r
     }))
   }), [t]);
 };
-at.displayName = oi;
-at.className = da;
-at.defaultProps = fa;
-const Bf = /* @__PURE__ */ C((e, {
+st.displayName = si;
+st.className = da;
+st.defaultProps = fa;
+const Kf = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(at, w(e, n, {
+  const n = $();
+  return () => h(st, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -671,10 +671,10 @@ const Bf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("color", "class")
-}), si = "lumx-badge-wrapper", {
-  block: ii,
-  element: li
-} = L(si), ci = (e) => {
+}), li = "lumx-badge-wrapper", {
+  block: ci,
+  element: ui
+} = L(li), di = (e) => {
   const {
     badge: t,
     children: n,
@@ -685,15 +685,15 @@ const Bf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: o
   }, a, {
-    className: E(r, ii())
+    className: _(r, ci())
   }), [n, t && h("div", {
-    className: li("badge")
+    className: ui("badge")
   }, [t])]);
-}, Df = /* @__PURE__ */ C((e, {
+}, Yf = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(ci, w(e, n, {
+  const n = $();
+  return () => h(di, w(e, n, {
     className: e.class,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -703,40 +703,40 @@ const Bf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   props: O()("badge", "class")
 });
-var wt, wr;
+var At, wr;
 function ma() {
-  if (wr) return wt;
+  if (wr) return At;
   wr = 1;
   var e = Object.prototype;
   function t(n) {
     var r = n && n.constructor, o = typeof r == "function" && r.prototype || e;
     return n === o;
   }
-  return wt = t, wt;
+  return At = t, At;
 }
-var At, Ar;
-function ui() {
-  if (Ar) return At;
+var xt, Ar;
+function fi() {
+  if (Ar) return xt;
   Ar = 1;
   function e(t, n) {
     return function(r) {
       return t(n(r));
     };
   }
-  return At = e, At;
+  return xt = e, xt;
 }
-var xt, xr;
-function di() {
-  if (xr) return xt;
+var St, xr;
+function mi() {
+  if (xr) return St;
   xr = 1;
-  var e = ui(), t = e(Object.keys, Object);
-  return xt = t, xt;
+  var e = fi(), t = e(Object.keys, Object);
+  return St = t, St;
 }
-var St, Sr;
-function fi() {
-  if (Sr) return St;
+var Pt, Sr;
+function hi() {
+  if (Sr) return Pt;
   Sr = 1;
-  var e = ma(), t = di(), n = Object.prototype, r = n.hasOwnProperty;
+  var e = ma(), t = mi(), n = Object.prototype, r = n.hasOwnProperty;
   function o(a) {
     if (!e(a))
       return t(a);
@@ -745,32 +745,32 @@ function fi() {
       r.call(a, i) && i != "constructor" && s.push(i);
     return s;
   }
-  return St = o, St;
+  return Pt = o, Pt;
 }
-var Pt, Pr;
+var Tt, Pr;
 function ha() {
-  if (Pr) return Pt;
+  if (Pr) return Tt;
   Pr = 1;
   var e = typeof Ue == "object" && Ue && Ue.Object === Object && Ue;
-  return Pt = e, Pt;
+  return Tt = e, Tt;
 }
-var Tt, Tr;
+var Nt, Tr;
 function ve() {
-  if (Tr) return Tt;
+  if (Tr) return Nt;
   Tr = 1;
   var e = ha(), t = typeof self == "object" && self && self.Object === Object && self, n = e || t || Function("return this")();
-  return Tt = n, Tt;
+  return Nt = n, Nt;
 }
-var Nt, Nr;
+var kt, Nr;
 function pa() {
-  if (Nr) return Nt;
+  if (Nr) return kt;
   Nr = 1;
   var e = ve(), t = e.Symbol;
-  return Nt = t, Nt;
+  return kt = t, kt;
 }
-var kt, kr;
-function mi() {
-  if (kr) return kt;
+var Ct, kr;
+function pi() {
+  if (kr) return Ct;
   kr = 1;
   var e = pa(), t = Object.prototype, n = t.hasOwnProperty, r = t.toString, o = e ? e.toStringTag : void 0;
   function a(s) {
@@ -783,42 +783,42 @@ function mi() {
     var u = r.call(s);
     return c && (i ? s[o] = l : delete s[o]), u;
   }
-  return kt = a, kt;
+  return Ct = a, Ct;
 }
-var Ct, Cr;
-function hi() {
-  if (Cr) return Ct;
+var Ot, Cr;
+function vi() {
+  if (Cr) return Ot;
   Cr = 1;
   var e = Object.prototype, t = e.toString;
   function n(r) {
     return t.call(r);
   }
-  return Ct = n, Ct;
+  return Ot = n, Ot;
 }
-var Ot, Or;
+var _t, Or;
 function Fe() {
-  if (Or) return Ot;
+  if (Or) return _t;
   Or = 1;
-  var e = pa(), t = mi(), n = hi(), r = "[object Null]", o = "[object Undefined]", a = e ? e.toStringTag : void 0;
+  var e = pa(), t = pi(), n = vi(), r = "[object Null]", o = "[object Undefined]", a = e ? e.toStringTag : void 0;
   function s(i) {
     return i == null ? i === void 0 ? o : r : a && a in Object(i) ? t(i) : n(i);
   }
-  return Ot = s, Ot;
+  return _t = s, _t;
 }
-var Et, Er;
+var $t, _r;
 function nr() {
-  if (Er) return Et;
-  Er = 1;
+  if (_r) return $t;
+  _r = 1;
   function e(t) {
     var n = typeof t;
     return t != null && (n == "object" || n == "function");
   }
-  return Et = e, Et;
+  return $t = e, $t;
 }
-var _t, _r;
+var Et, $r;
 function va() {
-  if (_r) return _t;
-  _r = 1;
+  if ($r) return Et;
+  $r = 1;
   var e = Fe(), t = nr(), n = "[object AsyncFunction]", r = "[object Function]", o = "[object GeneratorFunction]", a = "[object Proxy]";
   function s(i) {
     if (!t(i))
@@ -826,31 +826,31 @@ function va() {
     var l = e(i);
     return l == r || l == o || l == n || l == a;
   }
-  return _t = s, _t;
+  return Et = s, Et;
 }
-var $t, $r;
-function pi() {
-  if ($r) return $t;
-  $r = 1;
+var Rt, Er;
+function bi() {
+  if (Er) return Rt;
+  Er = 1;
   var e = ve(), t = e["__core-js_shared__"];
-  return $t = t, $t;
+  return Rt = t, Rt;
 }
-var Rt, Rr;
-function vi() {
-  if (Rr) return Rt;
+var Lt, Rr;
+function gi() {
+  if (Rr) return Lt;
   Rr = 1;
-  var e = pi(), t = (function() {
+  var e = bi(), t = (function() {
     var r = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return r ? "Symbol(src)_1." + r : "";
   })();
   function n(r) {
     return !!t && t in r;
   }
-  return Rt = n, Rt;
+  return Lt = n, Lt;
 }
-var Lt, Lr;
+var It, Lr;
 function ba() {
-  if (Lr) return Lt;
+  if (Lr) return It;
   Lr = 1;
   var e = Function.prototype, t = e.toString;
   function n(r) {
@@ -866,13 +866,13 @@ function ba() {
     }
     return "";
   }
-  return Lt = n, Lt;
+  return It = n, It;
 }
-var It, Ir;
-function bi() {
-  if (Ir) return It;
+var Mt, Ir;
+function yi() {
+  if (Ir) return Mt;
   Ir = 1;
-  var e = va(), t = vi(), n = nr(), r = ba(), o = /[\\^$.*+?()[\]{}|]/g, a = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, c = i.hasOwnProperty, u = RegExp(
+  var e = va(), t = gi(), n = nr(), r = ba(), o = /[\\^$.*+?()[\]{}|]/g, a = /^\[object .+?Constructor\]$/, s = Function.prototype, i = Object.prototype, l = s.toString, c = i.hasOwnProperty, u = RegExp(
     "^" + l.call(c).replace(o, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function d(f) {
@@ -881,72 +881,72 @@ function bi() {
     var m = e(f) ? u : a;
     return m.test(r(f));
   }
-  return It = d, It;
+  return Mt = d, Mt;
 }
-var Mt, Mr;
-function gi() {
-  if (Mr) return Mt;
+var Bt, Mr;
+function wi() {
+  if (Mr) return Bt;
   Mr = 1;
   function e(t, n) {
     return t?.[n];
   }
-  return Mt = e, Mt;
+  return Bt = e, Bt;
 }
-var Bt, Br;
+var Dt, Br;
 function Le() {
-  if (Br) return Bt;
+  if (Br) return Dt;
   Br = 1;
-  var e = bi(), t = gi();
+  var e = yi(), t = wi();
   function n(r, o) {
     var a = t(r, o);
     return e(a) ? a : void 0;
   }
-  return Bt = n, Bt;
+  return Dt = n, Dt;
 }
-var Dt, Dr;
-function yi() {
-  if (Dr) return Dt;
+var jt, Dr;
+function Ai() {
+  if (Dr) return jt;
   Dr = 1;
   var e = Le(), t = ve(), n = e(t, "DataView");
-  return Dt = n, Dt;
+  return jt = n, jt;
 }
-var jt, jr;
-function wi() {
-  if (jr) return jt;
+var qt, jr;
+function xi() {
+  if (jr) return qt;
   jr = 1;
   var e = Le(), t = ve(), n = e(t, "Map");
-  return jt = n, jt;
+  return qt = n, qt;
 }
-var qt, qr;
-function Ai() {
-  if (qr) return qt;
+var Ft, qr;
+function Si() {
+  if (qr) return Ft;
   qr = 1;
   var e = Le(), t = ve(), n = e(t, "Promise");
-  return qt = n, qt;
+  return Ft = n, Ft;
 }
-var Ft, Fr;
-function xi() {
-  if (Fr) return Ft;
+var Wt, Fr;
+function Pi() {
+  if (Fr) return Wt;
   Fr = 1;
   var e = Le(), t = ve(), n = e(t, "Set");
-  return Ft = n, Ft;
+  return Wt = n, Wt;
 }
-var Wt, Wr;
-function Si() {
-  if (Wr) return Wt;
+var zt, Wr;
+function Ti() {
+  if (Wr) return zt;
   Wr = 1;
   var e = Le(), t = ve(), n = e(t, "WeakMap");
-  return Wt = n, Wt;
+  return zt = n, zt;
 }
-var zt, zr;
-function Pi() {
-  if (zr) return zt;
+var Ht, zr;
+function Ni() {
+  if (zr) return Ht;
   zr = 1;
-  var e = yi(), t = wi(), n = Ai(), r = xi(), o = Si(), a = Fe(), s = ba(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", f = "[object DataView]", m = s(e), v = s(t), p = s(n), g = s(r), b = s(o), y = a;
+  var e = Ai(), t = xi(), n = Si(), r = Pi(), o = Ti(), a = Fe(), s = ba(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", f = "[object DataView]", m = s(e), v = s(t), p = s(n), g = s(r), b = s(o), y = a;
   return (e && y(new e(new ArrayBuffer(1))) != f || t && y(new t()) != i || n && y(n.resolve()) != c || r && y(new r()) != u || o && y(new o()) != d) && (y = function(x) {
-    var S = a(x), N = S == l ? x.constructor : void 0, k = N ? s(N) : "";
-    if (k)
-      switch (k) {
+    var S = a(x), k = S == l ? x.constructor : void 0, C = k ? s(k) : "";
+    if (C)
+      switch (C) {
         case m:
           return f;
         case v:
@@ -959,108 +959,108 @@ function Pi() {
           return d;
       }
     return S;
-  }), zt = y, zt;
+  }), Ht = y, Ht;
 }
-var Vt, Vr;
-function st() {
-  if (Vr) return Vt;
-  Vr = 1;
+var Vt, Hr;
+function it() {
+  if (Hr) return Vt;
+  Hr = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
   return Vt = e, Vt;
 }
-var Ht, Hr;
-function Ti() {
-  if (Hr) return Ht;
-  Hr = 1;
-  var e = Fe(), t = st(), n = "[object Arguments]";
+var Ut, Vr;
+function ki() {
+  if (Vr) return Ut;
+  Vr = 1;
+  var e = Fe(), t = it(), n = "[object Arguments]";
   function r(o) {
     return t(o) && e(o) == n;
   }
-  return Ht = r, Ht;
+  return Ut = r, Ut;
 }
-var Ut, Ur;
-function Ni() {
-  if (Ur) return Ut;
+var Gt, Ur;
+function Ci() {
+  if (Ur) return Gt;
   Ur = 1;
-  var e = Ti(), t = st(), n = Object.prototype, r = n.hasOwnProperty, o = n.propertyIsEnumerable, a = e(/* @__PURE__ */ (function() {
+  var e = ki(), t = it(), n = Object.prototype, r = n.hasOwnProperty, o = n.propertyIsEnumerable, a = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return t(s) && r.call(s, "callee") && !o.call(s, "callee");
   };
-  return Ut = a, Ut;
+  return Gt = a, Gt;
 }
-var Gt, Gr;
+var Kt, Gr;
 function ga() {
-  if (Gr) return Gt;
+  if (Gr) return Kt;
   Gr = 1;
   var e = Array.isArray;
-  return Gt = e, Gt;
+  return Kt = e, Kt;
 }
-var Kt, Kr;
+var Yt, Kr;
 function ya() {
-  if (Kr) return Kt;
+  if (Kr) return Yt;
   Kr = 1;
   var e = 9007199254740991;
   function t(n) {
     return typeof n == "number" && n > -1 && n % 1 == 0 && n <= e;
   }
-  return Kt = t, Kt;
+  return Yt = t, Yt;
 }
-var Yt, Yr;
-function ki() {
-  if (Yr) return Yt;
+var Xt, Yr;
+function Oi() {
+  if (Yr) return Xt;
   Yr = 1;
   var e = va(), t = ya();
   function n(r) {
     return r != null && t(r.length) && !e(r);
   }
-  return Yt = n, Yt;
+  return Xt = n, Xt;
 }
-var Me = { exports: {} }, Xt, Xr;
-function Ci() {
-  if (Xr) return Xt;
+var Me = { exports: {} }, Zt, Xr;
+function _i() {
+  if (Xr) return Zt;
   Xr = 1;
   function e() {
     return !1;
   }
-  return Xt = e, Xt;
+  return Zt = e, Zt;
 }
 Me.exports;
 var Zr;
-function Oi() {
+function $i() {
   return Zr || (Zr = 1, (function(e, t) {
-    var n = ve(), r = Ci(), o = t && !t.nodeType && t, a = o && !0 && e && !e.nodeType && e, s = a && a.exports === o, i = s ? n.Buffer : void 0, l = i ? i.isBuffer : void 0, c = l || r;
+    var n = ve(), r = _i(), o = t && !t.nodeType && t, a = o && !0 && e && !e.nodeType && e, s = a && a.exports === o, i = s ? n.Buffer : void 0, l = i ? i.isBuffer : void 0, c = l || r;
     e.exports = c;
   })(Me, Me.exports)), Me.exports;
 }
-var Zt, Jr;
+var Jt, Jr;
 function Ei() {
-  if (Jr) return Zt;
+  if (Jr) return Jt;
   Jr = 1;
-  var e = Fe(), t = ya(), n = st(), r = "[object Arguments]", o = "[object Array]", a = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", f = "[object RegExp]", m = "[object Set]", v = "[object String]", p = "[object WeakMap]", g = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", x = "[object Float64Array]", S = "[object Int8Array]", N = "[object Int16Array]", k = "[object Int32Array]", P = "[object Uint8Array]", R = "[object Uint8ClampedArray]", I = "[object Uint16Array]", $ = "[object Uint32Array]", T = {};
-  T[y] = T[x] = T[S] = T[N] = T[k] = T[P] = T[R] = T[I] = T[$] = !0, T[r] = T[o] = T[g] = T[a] = T[b] = T[s] = T[i] = T[l] = T[c] = T[u] = T[d] = T[f] = T[m] = T[v] = T[p] = !1;
+  var e = Fe(), t = ya(), n = it(), r = "[object Arguments]", o = "[object Array]", a = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", f = "[object RegExp]", m = "[object Set]", v = "[object String]", p = "[object WeakMap]", g = "[object ArrayBuffer]", b = "[object DataView]", y = "[object Float32Array]", x = "[object Float64Array]", S = "[object Int8Array]", k = "[object Int16Array]", C = "[object Int32Array]", P = "[object Uint8Array]", R = "[object Uint8ClampedArray]", I = "[object Uint16Array]", E = "[object Uint32Array]", T = {};
+  T[y] = T[x] = T[S] = T[k] = T[C] = T[P] = T[R] = T[I] = T[E] = !0, T[r] = T[o] = T[g] = T[a] = T[b] = T[s] = T[i] = T[l] = T[c] = T[u] = T[d] = T[f] = T[m] = T[v] = T[p] = !1;
   function D(B) {
     return n(B) && t(B.length) && !!T[e(B)];
   }
-  return Zt = D, Zt;
+  return Jt = D, Jt;
 }
-var Jt, Qr;
+var Qt, Qr;
 function wa() {
-  if (Qr) return Jt;
+  if (Qr) return Qt;
   Qr = 1;
   function e(t) {
     return function(n) {
       return t(n);
     };
   }
-  return Jt = e, Jt;
+  return Qt = e, Qt;
 }
 var Be = { exports: {} };
 Be.exports;
 var eo;
-function _i() {
+function Ri() {
   return eo || (eo = 1, (function(e, t) {
     var n = ha(), r = t && !t.nodeType && t, o = r && !0 && e && !e.nodeType && e, a = o && o.exports === r, s = a && n.process, i = (function() {
       try {
@@ -1072,18 +1072,18 @@ function _i() {
     e.exports = i;
   })(Be, Be.exports)), Be.exports;
 }
-var Qt, to;
-function $i() {
-  if (to) return Qt;
+var en, to;
+function Li() {
+  if (to) return en;
   to = 1;
-  var e = Ei(), t = wa(), n = _i(), r = n && n.isTypedArray, o = r ? t(r) : e;
-  return Qt = o, Qt;
+  var e = Ei(), t = wa(), n = Ri(), r = n && n.isTypedArray, o = r ? t(r) : e;
+  return en = o, en;
 }
-var en, no;
-function Ri() {
-  if (no) return en;
+var tn, no;
+function Ii() {
+  if (no) return tn;
   no = 1;
-  var e = fi(), t = Pi(), n = Ni(), r = ga(), o = ki(), a = Oi(), s = ma(), i = $i(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
+  var e = hi(), t = Ni(), n = Ci(), r = ga(), o = Oi(), a = $i(), s = ma(), i = Li(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
   function f(m) {
     if (m == null)
       return !0;
@@ -1099,20 +1099,20 @@ function Ri() {
         return !1;
     return !0;
   }
-  return en = f, en;
+  return tn = f, tn;
 }
-var Li = Ri();
-const ro = /* @__PURE__ */ Re(Li), Ii = "ButtonRoot", Mi = "lumx-button-wrapper", {
-  block: Bi
-} = L(Mi), Di = "lumx-button", {
+var Mi = Ii();
+const ro = /* @__PURE__ */ Re(Mi), Bi = "ButtonRoot", Di = "lumx-button-wrapper", {
   block: ji
-} = L(Di), qi = (e) => {
+} = L(Di), qi = "lumx-button", {
+  block: Fi
+} = L(qi), Wi = (e) => {
   const {
     color: t,
     emphasis: n,
     variant: r,
     fullWidth: o
-  } = e, a = n === ge.low && (t === j.light ? j.dark : j.light), s = Bi({
+  } = e, a = n === ge.low && (t === F.light ? F.dark : F.light), s = ji({
     [`color-${a}`]: !!a,
     [`variant-${r}`]: !!r,
     "is-full-width": o
@@ -1143,15 +1143,15 @@ const ro = /* @__PURE__ */ Re(Li), Ii = "ButtonRoot", Mi = "lumx-button-wrapper"
     fullWidth: g,
     ref: b,
     ...y
-  } = e, x = a || s !== ge.high && v === je.dark && j.light || s === ge.high && j.primary || j.dark;
+  } = e, x = a || s !== ge.high && v === je.dark && F.light || s === ge.high && F.primary || F.dark;
   if (i)
-    return qi({
+    return Wi({
       ...e,
       ref: b,
       variant: p,
       color: x
     });
-  const S = E(o, ji({
+  const S = _(o, Fi({
     [`color-${x}`]: !!x,
     [`emphasis-${s}`]: !!s,
     "is-selected": l,
@@ -1174,22 +1174,22 @@ const ro = /* @__PURE__ */ Re(Li), Ii = "ButtonRoot", Mi = "lumx-button-wrapper"
     children: r
   });
 };
-We.displayName = Ii;
+We.displayName = Bi;
 We.defaultProps = {};
-const Fi = "Button", Aa = "lumx-button", {
-  modifier: Wi
-} = L(Aa), jn = {
+const zi = "Button", Aa = "lumx-button", {
+  modifier: Hi
+} = L(Aa), qn = {
   emphasis: ge.high,
   size: z.m
-}, it = (e) => {
+}, lt = (e) => {
   const {
     className: t,
-    emphasis: n = jn.emphasis,
+    emphasis: n = qn.emphasis,
     leftIcon: r,
     rightIcon: o,
-    size: a = jn.size,
+    size: a = qn.size,
     ...s
-  } = e, i = E(t, Wi({
+  } = e, i = _(t, Hi({
     "has-left-icon": !!r,
     "has-right-icon": !!o
   }));
@@ -1201,16 +1201,16 @@ const Fi = "Button", Aa = "lumx-button", {
     variant: "button"
   });
 };
-it.displayName = Fi;
-it.className = Aa;
-it.defaultProps = jn;
-const oo = C({
+lt.displayName = zi;
+lt.className = Aa;
+lt.defaultProps = qn;
+const oo = N({
   name: "ResetTheme",
   setup(e, { slots: t }) {
-    return Yn("theme", void 0), () => t.default?.();
+    return Xn("theme", void 0), () => t.default?.();
   }
-}), qn = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q({
+}), Fn = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j({
     defaultTheme: void 0
   });
   return () => h(X, w(e, t, {
@@ -1222,9 +1222,9 @@ const oo = C({
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
-}), zi = "lumx-text", {
-  block: Vi
-} = L(zi), Hi = (e) => {
+}), Vi = "lumx-text", {
+  block: Ui
+} = L(Vi), Gi = (e) => {
   const {
     className: t,
     color: n,
@@ -1240,11 +1240,11 @@ const oo = C({
     "--lumx-text-white-space": i
   };
   return {
-    className: E(t, Vi({
+    className: _(t, Ui({
       "is-truncated": d && !u,
       "is-truncated-multiline": u,
       "no-wrap": o
-    }), a && er(a), n && $s(n, r)),
+    }), a && er(a), n && Ls(n, r)),
     style: {
       ...c,
       ...f,
@@ -1255,37 +1255,37 @@ const oo = C({
 function xa(e, t) {
   return na() ? (ra(e, t), !0) : !1;
 }
-const Ui = typeof window < "u" && typeof document < "u";
+const Ki = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Gi = (e) => e != null;
-function Ki(e) {
+const Yi = (e) => e != null;
+function Xi(e) {
   return Array.isArray(e) ? e : [e];
 }
-const Sa = Ui ? window : void 0;
-function Fn(e) {
+const Sa = Ki ? window : void 0;
+function Wn(e) {
   var t;
-  const n = Xn(e);
+  const n = Zn(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 // @__NO_SIDE_EFFECTS__
-function Yi() {
-  const e = Zn(!1), t = ea();
-  return t && cs(() => {
+function Zi() {
+  const e = Jn(!1), t = ea();
+  return t && ds(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
 function Pa(e) {
-  const t = /* @__PURE__ */ Yi();
+  const t = /* @__PURE__ */ Zi();
   return A(() => (t.value, !!e()));
 }
-function Xi(e, t, n = {}) {
+function Ji(e, t, n = {}) {
   const { window: r = Sa, ...o } = n;
   let a;
   const s = /* @__PURE__ */ Pa(() => r && "MutationObserver" in r), i = () => {
     a && (a.disconnect(), a = void 0);
   }, l = Z(A(() => {
-    const d = Ki(Xn(e)).map(Fn).filter(Gi);
+    const d = Xi(Zn(e)).map(Wn).filter(Yi);
     return new Set(d);
   }), (d) => {
     i(), s.value && d.size && (a = new MutationObserver(t), d.forEach((f) => a.observe(f, o)));
@@ -1301,14 +1301,14 @@ function Xi(e, t, n = {}) {
     takeRecords: c
   };
 }
-function Zi(e, t, n = {}) {
+function Qi(e, t, n = {}) {
   const { window: r = Sa, ...o } = n;
   let a;
   const s = /* @__PURE__ */ Pa(() => r && "ResizeObserver" in r), i = () => {
     a && (a.disconnect(), a = void 0);
   }, l = Z(A(() => {
-    const u = Xn(e);
-    return Array.isArray(u) ? u.map((d) => Fn(d)) : [Fn(u)];
+    const u = Zn(e);
+    return Array.isArray(u) ? u.map((d) => Wn(d)) : [Wn(u)];
   }), (u) => {
     if (i(), s.value && r) {
       a = new ResizeObserver(t);
@@ -1325,36 +1325,36 @@ function Zi(e, t, n = {}) {
     stop: c
   };
 }
-const Ta = /* @__PURE__ */ Symbol("tooltip-context"), Ji = {};
-function Qi() {
-  Yn(Ta, Ji);
+const Ta = /* @__PURE__ */ Symbol("tooltip-context"), el = {};
+function tl() {
+  Xn(Ta, el);
 }
-function el() {
-  return Kn(Ta, void 0);
+function nl() {
+  return Yn(Ta, void 0);
 }
-function tl(e) {
-  const t = F(void 0);
-  if (el())
+function rl(e) {
+  const t = q(void 0);
+  if (nl())
     return { tooltipLabel: t };
   const r = () => {
     const o = e.value;
     o && !o.closest(`.${me.visuallyHidden()}`) && o.offsetWidth < o.scrollWidth ? t.value = o.innerText : t.value = void 0;
   };
-  return Xi(e, r, {
+  return Ji(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), Zi(e, r), Z(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), Qi(e, r), Z(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const nl = (e = "default") => {
+const ol = (e = "default") => {
   const t = ot();
   return () => {
     const n = t?.[e];
     return n ? n() : null;
   };
 };
-function Wn(e) {
+function zn(e) {
   if (!e) return;
   const t = [];
   for (const n of e) {
@@ -1362,17 +1362,17 @@ function Wn(e) {
       t.push(n);
       continue;
     }
-    if (n.type === qn) {
+    if (n.type === Fn) {
       t.push(" "), t.push(n), t.push(" ");
       continue;
     }
     if (n.type === Ae && Array.isArray(n.children)) {
-      const r = Wn(n.children);
+      const r = zn(n.children);
       r && t.push(...r);
       continue;
     }
     if (typeof n.type == "string" && Array.isArray(n.children)) {
-      const r = Wn(n.children), o = { ...n.props || {} };
+      const r = zn(n.children), o = { ...n.props || {} };
       n.key != null && (o.key = n.key), n.ref != null && (o.ref = n.ref), t.push(h(n.type, o, r));
       continue;
     }
@@ -1380,15 +1380,15 @@ function Wn(e) {
   }
   return t;
 }
-function rl(e) {
+function al(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const rr = /* @__PURE__ */ C((e, {
+const rr = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = nl(), o = us("tooltip-label"), {
+  const n = $(), r = ol(), o = fs("tooltip-label"), {
     tooltipLabel: a
-  } = tl(o), s = A(() => Hi({
+  } = rl(o), s = A(() => Gi({
     ...e,
     className: e.class || n.class || n.className
   })), i = A(() => {
@@ -1402,14 +1402,14 @@ const rr = /* @__PURE__ */ C((e, {
     };
   });
   return () => {
-    const l = e.as || "div", c = r() || t.default?.(), u = c ? Wn(c) : null;
+    const l = e.as || "div", c = r() || t.default?.(), u = c ? zn(c) : null;
     return h(l, w({
       ref: "tooltip-label"
     }, i.value, {
       class: i.value.className,
       style: i.value.style,
       title: a.value
-    }), rl(u) ? u : {
+    }), al(u) ? u : {
       default: () => [u]
     });
   };
@@ -1418,12 +1418,12 @@ const rr = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), ol = {
+}), sl = {
   click: (e) => e instanceof MouseEvent
-}, jf = /* @__PURE__ */ C((e, {
+}, Xf = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const n = ot(), r = _(), o = q(), {
+  const n = ot(), r = $(), o = j(), {
     isAnyDisabled: a,
     disabledStateProps: s,
     otherProps: i
@@ -1438,18 +1438,18 @@ const rr = /* @__PURE__ */ C((e, {
   };
   return () => {
     const u = h(Ae, null, [e.leftIcon && !ro(e.leftIcon) && h(oo, null, {
-      default: () => [h(qn, {
+      default: () => [h(Fn, {
         icon: e.leftIcon
       }, null)]
     }), c(), e.rightIcon && !ro(e.rightIcon) && h(oo, null, {
-      default: () => [h(qn, {
+      default: () => [h(Fn, {
         icon: e.rightIcon
       }, null)]
     })]), {
       linkAs: d,
       ...f
     } = i.value;
-    return h(it, w(f, {
+    return h(lt, w(f, {
       linkAs: rt(d)
     }, s.value, {
       className: e.class,
@@ -1463,17 +1463,17 @@ const rr = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("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: ol
-}), al = "IconButton", sl = "lumx-icon-button", zn = {
+  emits: sl
+}), il = "IconButton", ll = "lumx-icon-button", Hn = {
   emphasis: ge.high,
   size: z.m
 }, ze = (e) => {
   const {
-    emphasis: t = zn.emphasis,
+    emphasis: t = Hn.emphasis,
     image: n,
     icon: r,
     label: o,
-    size: a = zn.size,
+    size: a = Hn.size,
     ...s
   } = e, i = n ? h("img", {
     alt: "",
@@ -1490,18 +1490,18 @@ const rr = /* @__PURE__ */ C((e, {
     children: i
   });
 };
-ze.displayName = al;
-ze.className = sl;
-ze.defaultProps = zn;
-const il = ["top", "right", "bottom", "left"], ao = ["start", "end"], so = /* @__PURE__ */ il.reduce((e, t) => e.concat(t, t + "-" + ao[0], t + "-" + ao[1]), []), he = Math.min, K = Math.max, Je = Math.round, Ge = Math.floor, te = (e) => ({
+ze.displayName = il;
+ze.className = ll;
+ze.defaultProps = Hn;
+const cl = ["top", "right", "bottom", "left"], ao = ["start", "end"], so = /* @__PURE__ */ cl.reduce((e, t) => e.concat(t, t + "-" + ao[0], t + "-" + ao[1]), []), he = Math.min, K = Math.max, Je = Math.round, Ge = Math.floor, te = (e) => ({
   x: e,
   y: e
-}), ll = {
+}), ul = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, cl = {
+}, dl = {
   start: "end",
   end: "start"
 };
@@ -1523,9 +1523,9 @@ function Na(e) {
 function or(e) {
   return e === "y" ? "height" : "width";
 }
-const ul = /* @__PURE__ */ new Set(["top", "bottom"]);
+const fl = /* @__PURE__ */ new Set(["top", "bottom"]);
 function ae(e) {
-  return ul.has(ne(e)) ? "y" : "x";
+  return fl.has(ne(e)) ? "y" : "x";
 }
 function ar(e) {
   return Na(ae(e));
@@ -1536,35 +1536,35 @@ function ka(e, t, n) {
   let s = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
   return t.reference[a] > t.floating[a] && (s = et(s)), [s, et(s)];
 }
-function dl(e) {
+function ml(e) {
   const t = et(e);
   return [Qe(e), t, Qe(t)];
 }
 function Qe(e) {
-  return e.replace(/start|end/g, (t) => cl[t]);
+  return e.replace(/start|end/g, (t) => dl[t]);
 }
-const io = ["left", "right"], lo = ["right", "left"], fl = ["top", "bottom"], ml = ["bottom", "top"];
-function hl(e, t, n) {
+const io = ["left", "right"], lo = ["right", "left"], hl = ["top", "bottom"], pl = ["bottom", "top"];
+function vl(e, t, n) {
   switch (e) {
     case "top":
     case "bottom":
       return n ? t ? lo : io : t ? io : lo;
     case "left":
     case "right":
-      return t ? fl : ml;
+      return t ? hl : pl;
     default:
       return [];
   }
 }
-function pl(e, t, n, r) {
+function bl(e, t, n, r) {
   const o = J(e);
-  let a = hl(ne(e), n === "start", r);
+  let a = vl(ne(e), n === "start", r);
   return o && (a = a.map((s) => s + "-" + o), t && (a = a.concat(a.map(Qe)))), a;
 }
 function et(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => ll[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => ul[t]);
 }
-function vl(e) {
+function gl(e) {
   return {
     top: 0,
     right: 0,
@@ -1574,7 +1574,7 @@ function vl(e) {
   };
 }
 function Ca(e) {
-  return typeof e != "number" ? vl(e) : {
+  return typeof e != "number" ? gl(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1647,7 +1647,7 @@ function co(e, t, n) {
   }
   return m;
 }
-async function bl(e, t) {
+async function yl(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -1679,20 +1679,20 @@ async function bl(e, t) {
   } : {
     x: 1,
     y: 1
-  }, N = tt(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, k = tt(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: y,
     offsetParent: x,
     strategy: l
   }) : y);
   return {
-    top: (b.top - N.top + v.top) / S.y,
-    bottom: (N.bottom - b.bottom + v.bottom) / S.y,
-    left: (b.left - N.left + v.left) / S.x,
-    right: (N.right - b.right + v.right) / S.x
+    top: (b.top - k.top + v.top) / S.y,
+    bottom: (k.bottom - b.bottom + v.bottom) / S.y,
+    left: (b.left - k.left + v.left) / S.x,
+    right: (k.right - b.right + v.right) / S.x
   };
 }
-const gl = async (e, t, n) => {
+const wl = async (e, t, n) => {
   const {
     placement: r = "bottom",
     strategy: o = "absolute",
@@ -1715,8 +1715,8 @@ const gl = async (e, t, n) => {
     } = i[g], {
       x,
       y: S,
-      data: N,
-      reset: k
+      data: k,
+      reset: C
     } = await y({
       x: u,
       y: d,
@@ -1727,7 +1727,7 @@ const gl = async (e, t, n) => {
       rects: c,
       platform: {
         ...s,
-        detectOverflow: (p = s.detectOverflow) != null ? p : bl
+        detectOverflow: (p = s.detectOverflow) != null ? p : yl
       },
       elements: {
         reference: e,
@@ -1738,13 +1738,13 @@ const gl = async (e, t, n) => {
       ...m,
       [b]: {
         ...m[b],
-        ...N
+        ...k
       }
-    }, k && v <= 50 && (v++, typeof k == "object" && (k.placement && (f = k.placement), k.rects && (c = k.rects === !0 ? await s.getElementRects({
+    }, C && v <= 50 && (v++, typeof C == "object" && (C.placement && (f = C.placement), C.rects && (c = C.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : k.rects), {
+    }) : C.rects), {
       x: u,
       y: d
     } = co(c, f, l)), g = -1);
@@ -1756,7 +1756,7 @@ const gl = async (e, t, n) => {
     strategy: o,
     middlewareData: m
   };
-}, yl = (e) => ({
+}, Al = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1777,15 +1777,15 @@ const gl = async (e, t, n) => {
     const d = Ca(u), f = {
       x: n,
       y: r
-    }, m = ar(o), v = or(m), p = await s.getDimensions(c), g = m === "y", b = g ? "top" : "left", y = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = a.reference[v] + a.reference[m] - f[m] - a.floating[v], N = f[m] - a.reference[m], k = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
-    let P = k ? k[x] : 0;
-    (!P || !await (s.isElement == null ? void 0 : s.isElement(k))) && (P = i.floating[x] || a.floating[v]);
-    const R = S / 2 - N / 2, I = P / 2 - p[v] / 2 - 1, $ = he(d[b], I), T = he(d[y], I), D = $, B = P - p[v] - T, M = P / 2 - p[v] / 2 + R, H = Vn(D, M, B), U = !l.arrow && J(o) != null && M !== H && a.reference[v] / 2 - (M < D ? $ : T) - p[v] / 2 < 0, W = U ? M < D ? M - D : M - B : 0;
+    }, m = ar(o), v = or(m), p = await s.getDimensions(c), g = m === "y", b = g ? "top" : "left", y = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = a.reference[v] + a.reference[m] - f[m] - a.floating[v], k = f[m] - a.reference[m], C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    let P = C ? C[x] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(C))) && (P = i.floating[x] || a.floating[v]);
+    const R = S / 2 - k / 2, I = P / 2 - p[v] / 2 - 1, E = he(d[b], I), T = he(d[y], I), D = E, B = P - p[v] - T, M = P / 2 - p[v] / 2 + R, V = Vn(D, M, B), U = !l.arrow && J(o) != null && M !== V && a.reference[v] / 2 - (M < D ? E : T) - p[v] / 2 < 0, W = U ? M < D ? M - D : M - B : 0;
     return {
       [m]: f[m] + W,
       data: {
-        [m]: H,
-        centerOffset: M - H - W,
+        [m]: V,
+        centerOffset: M - V - W,
         ...U && {
           alignmentOffset: W
         }
@@ -1794,10 +1794,10 @@ const gl = async (e, t, n) => {
     };
   }
 });
-function wl(e, t, n) {
+function xl(e, t, n) {
   return (e ? [...n.filter((o) => J(o) === e), ...n.filter((o) => J(o) !== e)] : n.filter((o) => ne(o) === o)).filter((o) => e ? J(o) === e || (t ? Qe(o) !== o : !1) : !0);
 }
-const Al = function(e) {
+const Sl = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -1815,7 +1815,7 @@ const Al = function(e) {
         allowedPlacements: f = so,
         autoAlignment: m = !0,
         ...v
-      } = xe(e, t), p = d !== void 0 || f === so ? wl(d || null, m, f) : f, g = await l.detectOverflow(t, v), b = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[b];
+      } = xe(e, t), p = d !== void 0 || f === so ? xl(d || null, m, f) : f, g = await l.detectOverflow(t, v), b = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[b];
       if (y == null)
         return {};
       const x = ka(y, a, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
@@ -1825,39 +1825,39 @@ const Al = function(e) {
             placement: p[0]
           }
         };
-      const S = [g[ne(y)], g[x[0]], g[x[1]]], N = [...((r = s.autoPlacement) == null ? void 0 : r.overflows) || [], {
+      const S = [g[ne(y)], g[x[0]], g[x[1]]], k = [...((r = s.autoPlacement) == null ? void 0 : r.overflows) || [], {
         placement: y,
         overflows: S
-      }], k = p[b + 1];
-      if (k)
+      }], C = p[b + 1];
+      if (C)
         return {
           data: {
             index: b + 1,
-            overflows: N
+            overflows: k
           },
           reset: {
-            placement: k
+            placement: C
           }
         };
-      const P = N.map(($) => {
-        const T = J($.placement);
-        return [$.placement, T && u ? (
+      const P = k.map((E) => {
+        const T = J(E.placement);
+        return [E.placement, T && u ? (
           // Check along the mainAxis and main crossAxis side.
-          $.overflows.slice(0, 2).reduce((D, B) => D + B, 0)
+          E.overflows.slice(0, 2).reduce((D, B) => D + B, 0)
         ) : (
           // Check only the mainAxis.
-          $.overflows[0]
-        ), $.overflows];
-      }).sort(($, T) => $[1] - T[1]), I = ((o = P.filter(($) => $[2].slice(
+          E.overflows[0]
+        ), E.overflows];
+      }).sort((E, T) => E[1] - T[1]), I = ((o = P.filter((E) => E[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        J($[0]) ? 2 : 3
+        J(E[0]) ? 2 : 3
       ).every((T) => T <= 0))[0]) == null ? void 0 : o[0]) || P[0][0];
       return I !== i ? {
         data: {
           index: b + 1,
-          overflows: N
+          overflows: k
         },
         reset: {
           placement: I
@@ -1865,7 +1865,7 @@ const Al = function(e) {
       } : {};
     }
   };
-}, xl = function(e) {
+}, Pl = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1889,46 +1889,46 @@ const Al = function(e) {
       } = xe(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
-      const b = ne(o), y = ae(i), x = ne(i) === i, S = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), N = f || (x || !p ? [et(i)] : dl(i)), k = v !== "none";
-      !f && k && N.push(...pl(i, p, v, S));
-      const P = [i, ...N], R = await l.detectOverflow(t, g), I = [];
-      let $ = ((r = a.flip) == null ? void 0 : r.overflows) || [];
+      const b = ne(o), y = ae(i), x = ne(i) === i, S = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), k = f || (x || !p ? [et(i)] : ml(i)), C = v !== "none";
+      !f && C && k.push(...bl(i, p, v, S));
+      const P = [i, ...k], R = await l.detectOverflow(t, g), I = [];
+      let E = ((r = a.flip) == null ? void 0 : r.overflows) || [];
       if (u && I.push(R[b]), d) {
         const M = ka(o, s, S);
         I.push(R[M[0]], R[M[1]]);
       }
-      if ($ = [...$, {
+      if (E = [...E, {
         placement: o,
         overflows: I
       }], !I.every((M) => M <= 0)) {
         var T, D;
-        const M = (((T = a.flip) == null ? void 0 : T.index) || 0) + 1, H = P[M];
-        if (H && (!(d === "alignment" ? y !== ae(H) : !1) || // We leave the current main axis only if every placement on that axis
+        const M = (((T = a.flip) == null ? void 0 : T.index) || 0) + 1, V = P[M];
+        if (V && (!(d === "alignment" ? y !== ae(V) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        $.every((V) => ae(V.placement) === y ? V.overflows[0] > 0 : !0)))
+        E.every((H) => ae(H.placement) === y ? H.overflows[0] > 0 : !0)))
           return {
             data: {
               index: M,
-              overflows: $
+              overflows: E
             },
             reset: {
-              placement: H
+              placement: V
             }
           };
-        let U = (D = $.filter((W) => W.overflows[0] <= 0).sort((W, V) => W.overflows[1] - V.overflows[1])[0]) == null ? void 0 : D.placement;
+        let U = (D = E.filter((W) => W.overflows[0] <= 0).sort((W, H) => W.overflows[1] - H.overflows[1])[0]) == null ? void 0 : D.placement;
         if (!U)
           switch (m) {
             case "bestFit": {
               var B;
-              const W = (B = $.filter((V) => {
-                if (k) {
-                  const G = ae(V.placement);
+              const W = (B = E.filter((H) => {
+                if (C) {
+                  const G = ae(H.placement);
                   return G === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   G === "y";
                 }
                 return !0;
-              }).map((V) => [V.placement, V.overflows.filter((G) => G > 0).reduce((G, ie) => G + ie, 0)]).sort((V, G) => V[1] - G[1])[0]) == null ? void 0 : B[0];
+              }).map((H) => [H.placement, H.overflows.filter((G) => G > 0).reduce((G, ie) => G + ie, 0)]).sort((H, G) => H[1] - G[1])[0]) == null ? void 0 : B[0];
               W && (U = W);
               break;
             }
@@ -1946,13 +1946,13 @@ const Al = function(e) {
       return {};
     }
   };
-}, Sl = /* @__PURE__ */ new Set(["left", "top"]);
-async function Pl(e, t) {
+}, Tl = /* @__PURE__ */ new Set(["left", "top"]);
+async function Nl(e, t) {
   const {
     placement: n,
     platform: r,
     elements: o
-  } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), s = ne(n), i = J(n), l = ae(n) === "y", c = Sl.has(s) ? -1 : 1, u = a && l ? -1 : 1, d = xe(t, e);
+  } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), s = ne(n), i = J(n), l = ae(n) === "y", c = Tl.has(s) ? -1 : 1, u = a && l ? -1 : 1, d = xe(t, e);
   let {
     mainAxis: f,
     crossAxis: m,
@@ -1974,7 +1974,7 @@ async function Pl(e, t) {
     y: m * u
   };
 }
-const Tl = function(e) {
+const kl = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1985,7 +1985,7 @@ const Tl = function(e) {
         y: a,
         placement: s,
         middlewareData: i
-      } = t, l = await Pl(t, e);
+      } = t, l = await Nl(t, e);
       return s === ((n = i.offset) == null ? void 0 : n.placement) && (r = i.arrow) != null && r.alignmentOffset ? {} : {
         x: o + l.x,
         y: a + l.y,
@@ -1996,7 +1996,7 @@ const Tl = function(e) {
       };
     }
   };
-}, Nl = function(e) {
+}, Cl = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -2053,7 +2053,7 @@ const Tl = function(e) {
       };
     }
   };
-}, kl = function(e) {
+}, Ol = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -2074,11 +2074,11 @@ const Tl = function(e) {
       } = a.floating;
       let g, b;
       d === "top" || d === "bottom" ? (g = d, b = f === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (b = d, g = f === "end" ? "top" : "bottom");
-      const y = p - u.top - u.bottom, x = v - u.left - u.right, S = he(p - u[g], y), N = he(v - u[b], x), k = !t.middlewareData.shift;
-      let P = S, R = N;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = x), (r = t.middlewareData.shift) != null && r.enabled.y && (P = y), k && !f) {
-        const $ = K(u.left, 0), T = K(u.right, 0), D = K(u.top, 0), B = K(u.bottom, 0);
-        m ? R = v - 2 * ($ !== 0 || T !== 0 ? $ + T : K(u.left, u.right)) : P = p - 2 * (D !== 0 || B !== 0 ? D + B : K(u.top, u.bottom));
+      const y = p - u.top - u.bottom, x = v - u.left - u.right, S = he(p - u[g], y), k = he(v - u[b], x), C = !t.middlewareData.shift;
+      let P = S, R = k;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = x), (r = t.middlewareData.shift) != null && r.enabled.y && (P = y), C && !f) {
+        const E = K(u.left, 0), T = K(u.right, 0), D = K(u.top, 0), B = K(u.bottom, 0);
+        m ? R = v - 2 * (E !== 0 || T !== 0 ? E + T : K(u.left, u.right)) : P = p - 2 * (D !== 0 || B !== 0 ? D + B : K(u.top, u.bottom));
       }
       await l({
         ...t,
@@ -2094,7 +2094,7 @@ const Tl = function(e) {
     }
   };
 };
-function lt() {
+function ct() {
   return typeof window < "u";
 }
 function Se(e) {
@@ -2109,34 +2109,34 @@ function oe(e) {
   return (t = (sr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function sr(e) {
-  return lt() ? e instanceof Node || e instanceof Y(e).Node : !1;
+  return ct() ? e instanceof Node || e instanceof Y(e).Node : !1;
 }
 function Q(e) {
-  return lt() ? e instanceof Element || e instanceof Y(e).Element : !1;
+  return ct() ? e instanceof Element || e instanceof Y(e).Element : !1;
 }
 function re(e) {
-  return lt() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
+  return ct() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
 }
 function uo(e) {
-  return !lt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
+  return !ct() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
 }
-const Cl = /* @__PURE__ */ new Set(["inline", "contents"]);
-function Ve(e) {
+const _l = /* @__PURE__ */ new Set(["inline", "contents"]);
+function He(e) {
   const {
     overflow: t,
     overflowX: n,
     overflowY: r,
     display: o
   } = ee(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !Cl.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !_l.has(o);
 }
-const Ol = /* @__PURE__ */ new Set(["table", "td", "th"]);
+const $l = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function El(e) {
-  return Ol.has(Se(e));
+  return $l.has(Se(e));
 }
-const _l = [":popover-open", ":modal"];
-function ct(e) {
-  return _l.some((t) => {
+const Rl = [":popover-open", ":modal"];
+function ut(e) {
+  return Rl.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -2144,17 +2144,17 @@ function ct(e) {
     }
   });
 }
-const $l = ["transform", "translate", "scale", "rotate", "perspective"], Rl = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ll = ["paint", "layout", "strict", "content"];
+const Ll = ["transform", "translate", "scale", "rotate", "perspective"], Il = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ml = ["paint", "layout", "strict", "content"];
 function ir(e) {
   const t = lr(), n = Q(e) ? ee(e) : e;
-  return $l.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Rl.some((r) => (n.willChange || "").includes(r)) || Ll.some((r) => (n.contain || "").includes(r));
+  return Ll.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Il.some((r) => (n.willChange || "").includes(r)) || Ml.some((r) => (n.contain || "").includes(r));
 }
-function Il(e) {
+function Bl(e) {
   let t = pe(e);
-  for (; re(t) && !$e(t); ) {
+  for (; re(t) && !Ee(t); ) {
     if (ir(t))
       return t;
-    if (ct(t))
+    if (ut(t))
       return null;
     t = pe(t);
   }
@@ -2163,14 +2163,14 @@ function Il(e) {
 function lr() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Ml = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function $e(e) {
-  return Ml.has(Se(e));
+const Dl = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Ee(e) {
+  return Dl.has(Se(e));
 }
 function ee(e) {
   return Y(e).getComputedStyle(e);
 }
-function ut(e) {
+function dt(e) {
   return Q(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -2193,22 +2193,22 @@ function pe(e) {
 }
 function Oa(e) {
   const t = pe(e);
-  return $e(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : re(t) && Ve(t) ? t : Oa(t);
+  return Ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : re(t) && He(t) ? t : Oa(t);
 }
 function qe(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
   const o = Oa(e), a = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = Y(o);
   if (a) {
-    const i = Hn(s);
-    return t.concat(s, s.visualViewport || [], Ve(o) ? o : [], i && n ? qe(i) : []);
+    const i = Un(s);
+    return t.concat(s, s.visualViewport || [], He(o) ? o : [], i && n ? qe(i) : []);
   }
   return t.concat(o, qe(o, [], n));
 }
-function Hn(e) {
+function Un(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Ea(e) {
+function _a(e) {
   const t = ee(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
   const o = re(e), a = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, i = Je(n) !== a || Je(r) !== s;
@@ -2221,7 +2221,7 @@ function Ea(e) {
 function cr(e) {
   return Q(e) ? e : e.contextElement;
 }
-function _e(e) {
+function $e(e) {
   const t = cr(e);
   if (!re(t))
     return te(1);
@@ -2229,37 +2229,37 @@ function _e(e) {
     width: r,
     height: o,
     $: a
-  } = Ea(t);
+  } = _a(t);
   let s = (a ? Je(n.width) : n.width) / r, i = (a ? Je(n.height) : n.height) / o;
   return (!s || !Number.isFinite(s)) && (s = 1), (!i || !Number.isFinite(i)) && (i = 1), {
     x: s,
     y: i
   };
 }
-const Bl = /* @__PURE__ */ te(0);
-function _a(e) {
+const jl = /* @__PURE__ */ te(0);
+function $a(e) {
   const t = Y(e);
-  return !lr() || !t.visualViewport ? Bl : {
+  return !lr() || !t.visualViewport ? jl : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Dl(e, t, n) {
+function ql(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== Y(e) ? !1 : t;
 }
 function ye(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), a = cr(e);
   let s = te(1);
-  t && (r ? Q(r) && (s = _e(r)) : s = _e(e));
-  const i = Dl(a, n, r) ? _a(a) : te(0);
+  t && (r ? Q(r) && (s = $e(r)) : s = $e(e));
+  const i = ql(a, n, r) ? $a(a) : te(0);
   let l = (o.left + i.x) / s.x, c = (o.top + i.y) / s.y, u = o.width / s.x, d = o.height / s.y;
   if (a) {
     const f = Y(a), m = r && Q(r) ? Y(r) : r;
-    let v = f, p = Hn(v);
+    let v = f, p = Un(v);
     for (; p && r && m !== v; ) {
-      const g = _e(p), b = p.getBoundingClientRect(), y = ee(p), x = b.left + (p.clientLeft + parseFloat(y.paddingLeft)) * g.x, S = b.top + (p.clientTop + parseFloat(y.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += x, c += S, v = Y(p), p = Hn(v);
+      const g = $e(p), b = p.getBoundingClientRect(), y = ee(p), x = b.left + (p.clientLeft + parseFloat(y.paddingLeft)) * g.x, S = b.top + (p.clientTop + parseFloat(y.paddingTop)) * g.y;
+      l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += x, c += S, v = Y(p), p = Un(v);
     }
   }
   return tt({
@@ -2269,25 +2269,25 @@ function ye(e, t, n, r) {
     y: c
   });
 }
-function dt(e, t) {
-  const n = ut(e).scrollLeft;
+function ft(e, t) {
+  const n = dt(e).scrollLeft;
   return t ? t.left + n : ye(oe(e)).left + n;
 }
-function $a(e, t) {
-  const n = e.getBoundingClientRect(), r = n.left + t.scrollLeft - dt(e, n), o = n.top + t.scrollTop;
+function Ea(e, t) {
+  const n = e.getBoundingClientRect(), r = n.left + t.scrollLeft - ft(e, n), o = n.top + t.scrollTop;
   return {
     x: r,
     y: o
   };
 }
-function jl(e) {
+function Fl(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: r,
     strategy: o
   } = e;
-  const a = o === "fixed", s = oe(r), i = t ? ct(t.floating) : !1;
+  const a = o === "fixed", s = oe(r), i = t ? ut(t.floating) : !1;
   if (r === s || i && a)
     return n;
   let l = {
@@ -2295,11 +2295,11 @@ function jl(e) {
     scrollTop: 0
   }, c = te(1);
   const u = te(0), d = re(r);
-  if ((d || !d && !a) && ((Se(r) !== "body" || Ve(s)) && (l = ut(r)), re(r))) {
+  if ((d || !d && !a) && ((Se(r) !== "body" || He(s)) && (l = dt(r)), re(r))) {
     const m = ye(r);
-    c = _e(r), u.x = m.x + r.clientLeft, u.y = m.y + r.clientTop;
+    c = $e(r), u.x = m.x + r.clientLeft, u.y = m.y + r.clientTop;
   }
-  const f = s && !d && !a ? $a(s, l) : te(0);
+  const f = s && !d && !a ? Ea(s, l) : te(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
@@ -2307,12 +2307,12 @@ function jl(e) {
     y: n.y * c.y - l.scrollTop * c.y + u.y + f.y
   };
 }
-function ql(e) {
+function Wl(e) {
   return Array.from(e.getClientRects());
 }
-function Fl(e) {
-  const t = oe(e), n = ut(e), r = e.ownerDocument.body, o = K(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = K(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
-  let s = -n.scrollLeft + dt(e);
+function zl(e) {
+  const t = oe(e), n = dt(e), r = e.ownerDocument.body, o = K(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = K(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  let s = -n.scrollLeft + ft(e);
   const i = -n.scrollTop;
   return ee(r).direction === "rtl" && (s += K(t.clientWidth, r.clientWidth) - o), {
     width: o,
@@ -2322,7 +2322,7 @@ function Fl(e) {
   };
 }
 const fo = 25;
-function Wl(e, t) {
+function Hl(e, t) {
   const n = Y(e), r = oe(e), o = n.visualViewport;
   let a = r.clientWidth, s = r.clientHeight, i = 0, l = 0;
   if (o) {
@@ -2330,7 +2330,7 @@ function Wl(e, t) {
     const u = lr();
     (!u || u && t === "fixed") && (i = o.offsetLeft, l = o.offsetTop);
   }
-  const c = dt(r);
+  const c = ft(r);
   if (c <= 0) {
     const u = r.ownerDocument, d = u.body, f = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, v = Math.abs(r.clientWidth - d.clientWidth - m);
     v <= fo && (a -= v);
@@ -2342,9 +2342,9 @@ function Wl(e, t) {
     y: l
   };
 }
-const zl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Vl(e, t) {
-  const n = ye(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, a = re(e) ? _e(e) : te(1), s = e.clientWidth * a.x, i = e.clientHeight * a.y, l = o * a.x, c = r * a.y;
+const Vl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ul(e, t) {
+  const n = ye(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, a = re(e) ? $e(e) : te(1), s = e.clientWidth * a.x, i = e.clientHeight * a.y, l = o * a.x, c = r * a.y;
   return {
     width: s,
     height: i,
@@ -2355,13 +2355,13 @@ function Vl(e, t) {
 function mo(e, t, n) {
   let r;
   if (t === "viewport")
-    r = Wl(e, n);
+    r = Hl(e, n);
   else if (t === "document")
-    r = Fl(oe(e));
+    r = zl(oe(e));
   else if (Q(t))
-    r = Vl(t, n);
+    r = Ul(t, n);
   else {
-    const o = _a(e);
+    const o = $a(e);
     r = {
       x: t.x - o.x,
       y: t.y - o.y,
@@ -2373,29 +2373,29 @@ function mo(e, t, n) {
 }
 function Ra(e, t) {
   const n = pe(e);
-  return n === t || !Q(n) || $e(n) ? !1 : ee(n).position === "fixed" || Ra(n, t);
+  return n === t || !Q(n) || Ee(n) ? !1 : ee(n).position === "fixed" || Ra(n, t);
 }
-function Hl(e, t) {
+function Gl(e, t) {
   const n = t.get(e);
   if (n)
     return n;
   let r = qe(e, [], !1).filter((i) => Q(i) && Se(i) !== "body"), o = null;
   const a = ee(e).position === "fixed";
   let s = a ? pe(e) : e;
-  for (; Q(s) && !$e(s); ) {
+  for (; Q(s) && !Ee(s); ) {
     const i = ee(s), l = ir(s);
-    !l && i.position === "fixed" && (o = null), (a ? !l && !o : !l && i.position === "static" && !!o && zl.has(o.position) || Ve(s) && !l && Ra(e, s)) ? r = r.filter((u) => u !== s) : o = i, s = pe(s);
+    !l && i.position === "fixed" && (o = null), (a ? !l && !o : !l && i.position === "static" && !!o && Vl.has(o.position) || He(s) && !l && Ra(e, s)) ? r = r.filter((u) => u !== s) : o = i, s = pe(s);
   }
   return t.set(e, r), r;
 }
-function Ul(e) {
+function Kl(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: r,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? ct(t) ? [] : Hl(t, this._c) : [].concat(n), r], i = s[0], l = s.reduce((c, u) => {
+  const s = [...n === "clippingAncestors" ? ut(t) ? [] : Gl(t, this._c) : [].concat(n), r], i = s[0], l = s.reduce((c, u) => {
     const d = mo(t, u, o);
     return c.top = K(d.top, c.top), c.right = he(d.right, c.right), c.bottom = he(d.bottom, c.bottom), c.left = K(d.left, c.left), c;
   }, mo(t, i, o));
@@ -2406,17 +2406,17 @@ function Ul(e) {
     y: l.top
   };
 }
-function Gl(e) {
+function Yl(e) {
   const {
     width: t,
     height: n
-  } = Ea(e);
+  } = _a(e);
   return {
     width: t,
     height: n
   };
 }
-function Kl(e, t, n) {
+function Xl(e, t, n) {
   const r = re(t), o = oe(t), a = n === "fixed", s = ye(e, !0, a, t);
   let i = {
     scrollLeft: 0,
@@ -2424,15 +2424,15 @@ function Kl(e, t, n) {
   };
   const l = te(0);
   function c() {
-    l.x = dt(o);
+    l.x = ft(o);
   }
   if (r || !r && !a)
-    if ((Se(t) !== "body" || Ve(o)) && (i = ut(t)), r) {
+    if ((Se(t) !== "body" || He(o)) && (i = dt(t)), r) {
       const m = ye(t, !0, a, t);
       l.x = m.x + t.clientLeft, l.y = m.y + t.clientTop;
     } else o && c();
   a && !r && o && c();
-  const u = o && !r && !a ? $a(o, i) : te(0), d = s.left + i.scrollLeft - l.x - u.x, f = s.top + i.scrollTop - l.y - u.y;
+  const u = o && !r && !a ? Ea(o, i) : te(0), d = s.left + i.scrollLeft - l.x - u.x, f = s.top + i.scrollTop - l.y - u.y;
   return {
     x: d,
     y: f,
@@ -2440,7 +2440,7 @@ function Kl(e, t, n) {
     height: s.height
   };
 }
-function tn(e) {
+function nn(e) {
   return ee(e).position === "static";
 }
 function ho(e, t) {
@@ -2453,26 +2453,26 @@ function ho(e, t) {
 }
 function La(e, t) {
   const n = Y(e);
-  if (ct(e))
+  if (ut(e))
     return n;
   if (!re(e)) {
     let o = pe(e);
-    for (; o && !$e(o); ) {
-      if (Q(o) && !tn(o))
+    for (; o && !Ee(o); ) {
+      if (Q(o) && !nn(o))
         return o;
       o = pe(o);
     }
     return n;
   }
   let r = ho(e, t);
-  for (; r && El(r) && tn(r); )
+  for (; r && El(r) && nn(r); )
     r = ho(r, t);
-  return r && $e(r) && tn(r) && !ir(r) ? n : r || Il(e) || n;
+  return r && Ee(r) && nn(r) && !ir(r) ? n : r || Bl(e) || n;
 }
-const Yl = async function(e) {
+const Zl = async function(e) {
   const t = this.getOffsetParent || La, n = this.getDimensions, r = await n(e.floating);
   return {
-    reference: Kl(e.reference, await t(e.floating), e.strategy),
+    reference: Xl(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2481,25 +2481,25 @@ const Yl = async function(e) {
     }
   };
 };
-function Xl(e) {
+function Jl(e) {
   return ee(e).direction === "rtl";
 }
-const Zl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: jl,
+const Ql = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Fl,
   getDocumentElement: oe,
-  getClippingRect: Ul,
+  getClippingRect: Kl,
   getOffsetParent: La,
-  getElementRects: Yl,
-  getClientRects: ql,
-  getDimensions: Gl,
-  getScale: _e,
+  getElementRects: Zl,
+  getClientRects: Wl,
+  getDimensions: Yl,
+  getScale: $e,
   isElement: Q,
-  isRTL: Xl
+  isRTL: Jl
 };
 function Ia(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Jl(e, t) {
+function ec(e, t) {
   let n = null, r;
   const o = oe(e);
   function a() {
@@ -2521,8 +2521,8 @@ function Jl(e, t) {
       threshold: K(0, he(1, l)) || 1
     };
     let S = !0;
-    function N(k) {
-      const P = k[0].intersectionRatio;
+    function k(C) {
+      const P = C[0].intersectionRatio;
       if (P !== l) {
         if (!S)
           return s();
@@ -2533,13 +2533,13 @@ function Jl(e, t) {
       P === 1 && !Ia(c, e.getBoundingClientRect()) && s(), S = !1;
     }
     try {
-      n = new IntersectionObserver(N, {
+      n = new IntersectionObserver(k, {
         ...x,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(N, x);
+      n = new IntersectionObserver(k, x);
     }
     n.observe(e);
   }
@@ -2559,7 +2559,7 @@ function Ma(e, t, n, r) {
       passive: !0
     }), a && b.addEventListener("resize", n);
   });
-  const d = c && i ? Jl(c, n) : null;
+  const d = c && i ? ec(c, n) : null;
   let f = -1, m = null;
   s && (m = new ResizeObserver((b) => {
     let [y] = b;
@@ -2581,31 +2581,31 @@ function Ma(e, t, n, r) {
     }), d?.(), (b = m) == null || b.disconnect(), m = null, l && cancelAnimationFrame(v);
   };
 }
-const Ba = Tl, Ql = Al, ec = Nl, tc = xl, nc = kl, rc = yl, oc = (e, t, n) => {
+const Ba = kl, tc = Sl, nc = Cl, rc = Pl, oc = Ol, ac = Al, sc = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), o = {
-    platform: Zl,
+    platform: Ql,
     ...n
   }, a = {
     ...o.platform,
     _c: r
   };
-  return gl(e, t, {
+  return wl(e, t, {
     ...o,
     platform: a
   });
 };
-function ac(e) {
+function ic(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function po(e) {
-  if (ac(e)) {
+  if (ic(e)) {
     const t = e.$el;
     return sr(t) && Se(t) === "#comment" ? null : t;
   }
   return e;
 }
 function Ie(e) {
-  return typeof e == "function" ? e() : Bn(e);
+  return typeof e == "function" ? e() : Dn(e);
 }
 function Da(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
@@ -2628,7 +2628,7 @@ function ja(e, t, n) {
   }), l = A(() => {
     var P;
     return (P = Ie(n.transform)) != null ? P : !0;
-  }), c = A(() => po(e.value)), u = A(() => po(t.value)), d = F(0), f = F(0), m = F(i.value), v = F(s.value), p = Zn({}), g = F(!1), b = A(() => {
+  }), c = A(() => po(e.value)), u = A(() => po(t.value)), d = q(0), f = q(0), m = q(i.value), v = q(s.value), p = Jn({}), g = q(!1), b = A(() => {
     const P = {
       position: m.value,
       left: "0",
@@ -2654,7 +2654,7 @@ function ja(e, t, n) {
     if (c.value == null || u.value == null)
       return;
     const P = o.value;
-    oc(c.value, u.value, {
+    sc(c.value, u.value, {
       middleware: a.value,
       placement: s.value,
       strategy: i.value
@@ -2665,7 +2665,7 @@ function ja(e, t, n) {
   function S() {
     typeof y == "function" && (y(), y = void 0);
   }
-  function N() {
+  function k() {
     if (S(), r === void 0) {
       x();
       return;
@@ -2675,14 +2675,14 @@ function ja(e, t, n) {
       return;
     }
   }
-  function k() {
+  function C() {
     o.value || (g.value = !1);
   }
   return Z([a, s, i, o], x, {
     flush: "sync"
-  }), Z([c, u], N, {
+  }), Z([c, u], k, {
     flush: "sync"
-  }), Z(o, k, {
+  }), Z(o, C, {
     flush: "sync"
   }), na() && ra(S), {
     x: Ce(d),
@@ -2695,13 +2695,13 @@ function ja(e, t, n) {
     update: x
   };
 }
-const sc = 8, qa = 1e4, Ke = {
+const lc = 8, qa = 1e4, Ke = {
   placement: "bottom",
   closeMode: "unmount",
   ariaLinkMode: "aria-describedby",
   zIndex: qa
-}, ic = "Tooltip", Fa = "lumx-tooltip", {
-  block: lc,
+}, cc = "Tooltip", Fa = "lumx-tooltip", {
+  block: uc,
   element: bo
 } = L(Fa), ur = (e) => {
   const {
@@ -2721,9 +2721,9 @@ const sc = 8, qa = 1e4, Ke = {
   }, c, {
     id: t,
     role: "tooltip",
-    className: E(i, lc({
+    className: _(i, uc({
       [`position-${r}`]: !!r
-    }), o && Rs()),
+    }), o && Is()),
     style: {
       ...o ? void 0 : a,
       zIndex: s
@@ -2737,36 +2737,36 @@ const sc = 8, qa = 1e4, Ke = {
     key: f
   }, [d]))])]);
 };
-ur.displayName = ic;
+ur.displayName = cc;
 ur.className = Fa;
 let go = 0;
-function ft() {
+function mt() {
   return go += 1, `:lumx${go}:`;
 }
-var nn, yo;
-function cc() {
-  if (yo) return nn;
+var rn, yo;
+function dc() {
+  if (yo) return rn;
   yo = 1;
   function e(t) {
     var n = t == null ? 0 : t.length;
     return n ? t[n - 1] : void 0;
   }
-  return nn = e, nn;
+  return rn = e, rn;
 }
-var uc = cc();
-const wo = /* @__PURE__ */ Re(uc);
-var rn, Ao;
+var fc = dc();
+const wo = /* @__PURE__ */ Re(fc);
+var on, Ao;
 function Wa() {
-  if (Ao) return rn;
+  if (Ao) return on;
   Ao = 1;
   function e(t) {
     return t;
   }
-  return rn = e, rn;
+  return on = e, on;
 }
-var on, xo;
-function dc() {
-  if (xo) return on;
+var an, xo;
+function mc() {
+  if (xo) return an;
   xo = 1;
   function e(t, n, r) {
     switch (r.length) {
@@ -2781,13 +2781,13 @@ function dc() {
     }
     return t.apply(n, r);
   }
-  return on = e, on;
+  return an = e, an;
 }
-var an, So;
-function fc() {
-  if (So) return an;
+var sn, So;
+function hc() {
+  if (So) return sn;
   So = 1;
-  var e = dc(), t = Math.max;
+  var e = mc(), t = Math.max;
   function n(r, o, a) {
     return o = t(o === void 0 ? r.length - 1 : o, 0), function() {
       for (var s = arguments, i = -1, l = t(s.length - o, 0), c = Array(l); ++i < l; )
@@ -2798,22 +2798,22 @@ function fc() {
       return u[o] = a(c), e(r, this, u);
     };
   }
-  return an = n, an;
+  return sn = n, sn;
 }
-var sn, Po;
-function mc() {
-  if (Po) return sn;
+var ln, Po;
+function pc() {
+  if (Po) return ln;
   Po = 1;
   function e(t) {
     return function() {
       return t;
     };
   }
-  return sn = e, sn;
+  return ln = e, ln;
 }
-var ln, To;
-function hc() {
-  if (To) return ln;
+var cn, To;
+function vc() {
+  if (To) return cn;
   To = 1;
   var e = Le(), t = (function() {
     try {
@@ -2822,13 +2822,13 @@ function hc() {
     } catch {
     }
   })();
-  return ln = t, ln;
+  return cn = t, cn;
 }
-var cn, No;
-function pc() {
-  if (No) return cn;
+var un, No;
+function bc() {
+  if (No) return un;
   No = 1;
-  var e = mc(), t = hc(), n = Wa(), r = t ? function(o, a) {
+  var e = pc(), t = vc(), n = Wa(), r = t ? function(o, a) {
     return t(o, "toString", {
       configurable: !0,
       enumerable: !1,
@@ -2836,11 +2836,11 @@ function pc() {
       writable: !0
     });
   } : n;
-  return cn = r, cn;
+  return un = r, un;
 }
-var un, ko;
-function vc() {
-  if (ko) return un;
+var dn, ko;
+function gc() {
+  if (ko) return dn;
   ko = 1;
   var e = 800, t = 16, n = Date.now;
   function r(o) {
@@ -2855,60 +2855,60 @@ function vc() {
       return o.apply(void 0, arguments);
     };
   }
-  return un = r, un;
+  return dn = r, dn;
 }
-var dn, Co;
-function bc() {
-  if (Co) return dn;
+var fn, Co;
+function yc() {
+  if (Co) return fn;
   Co = 1;
-  var e = pc(), t = vc(), n = t(e);
-  return dn = n, dn;
+  var e = bc(), t = gc(), n = t(e);
+  return fn = n, fn;
 }
-var fn, Oo;
-function gc() {
-  if (Oo) return fn;
+var mn, Oo;
+function wc() {
+  if (Oo) return mn;
   Oo = 1;
-  var e = Wa(), t = fc(), n = bc();
+  var e = Wa(), t = hc(), n = yc();
   function r(o, a) {
     return n(t(o, a, e), o + "");
   }
-  return fn = r, fn;
+  return mn = r, mn;
 }
-var mn, Eo;
-function yc() {
-  if (Eo) return mn;
-  Eo = 1;
+var hn, _o;
+function Ac() {
+  if (_o) return hn;
+  _o = 1;
   function e(t, n) {
     for (var r = -1, o = t == null ? 0 : t.length, a = Array(o); ++r < o; )
       a[r] = n(t[r], r, t);
     return a;
   }
-  return mn = e, mn;
+  return hn = e, hn;
 }
-var hn, _o;
-function wc() {
-  if (_o) return hn;
-  _o = 1;
+var pn, $o;
+function xc() {
+  if ($o) return pn;
+  $o = 1;
   function e(t, n, r, o) {
     for (var a = t.length, s = r + (o ? 1 : -1); o ? s-- : ++s < a; )
       if (n(t[s], s, t))
         return s;
     return -1;
   }
-  return hn = e, hn;
+  return pn = e, pn;
 }
-var pn, $o;
-function Ac() {
-  if ($o) return pn;
-  $o = 1;
+var vn, Eo;
+function Sc() {
+  if (Eo) return vn;
+  Eo = 1;
   function e(t) {
     return t !== t;
   }
-  return pn = e, pn;
+  return vn = e, vn;
 }
-var vn, Ro;
-function xc() {
-  if (Ro) return vn;
+var bn, Ro;
+function Pc() {
+  if (Ro) return bn;
   Ro = 1;
   function e(t, n, r) {
     for (var o = r - 1, a = t.length; ++o < a; )
@@ -2916,21 +2916,21 @@ function xc() {
         return o;
     return -1;
   }
-  return vn = e, vn;
+  return bn = e, bn;
 }
-var bn, Lo;
-function Sc() {
-  if (Lo) return bn;
+var gn, Lo;
+function Tc() {
+  if (Lo) return gn;
   Lo = 1;
-  var e = wc(), t = Ac(), n = xc();
+  var e = xc(), t = Sc(), n = Pc();
   function r(o, a, s) {
     return a === a ? n(o, a, s) : e(o, t, s);
   }
-  return bn = r, bn;
+  return gn = r, gn;
 }
-var gn, Io;
-function Pc() {
-  if (Io) return gn;
+var yn, Io;
+function Nc() {
+  if (Io) return yn;
   Io = 1;
   function e(t, n, r, o) {
     for (var a = r - 1, s = t.length; ++a < s; )
@@ -2938,11 +2938,11 @@ function Pc() {
         return a;
     return -1;
   }
-  return gn = e, gn;
+  return yn = e, yn;
 }
-var yn, Mo;
-function Tc() {
-  if (Mo) return yn;
+var wn, Mo;
+function kc() {
+  if (Mo) return wn;
   Mo = 1;
   function e(t, n) {
     var r = -1, o = t.length;
@@ -2950,13 +2950,13 @@ function Tc() {
       n[r] = t[r];
     return n;
   }
-  return yn = e, yn;
+  return wn = e, wn;
 }
-var wn, Bo;
-function Nc() {
-  if (Bo) return wn;
+var An, Bo;
+function Cc() {
+  if (Bo) return An;
   Bo = 1;
-  var e = yc(), t = Sc(), n = Pc(), r = wa(), o = Tc(), a = Array.prototype, s = a.splice;
+  var e = Ac(), t = Tc(), n = Nc(), r = wa(), o = kc(), a = Array.prototype, s = a.splice;
   function i(l, c, u, d) {
     var f = d ? n : t, m = -1, v = c.length, p = l;
     for (l === c && (c = o(c)), u && (p = e(l, r(u))); ++m < v; )
@@ -2964,27 +2964,27 @@ function Nc() {
         p !== l && s.call(p, g, 1), s.call(l, g, 1);
     return l;
   }
-  return wn = i, wn;
+  return An = i, An;
 }
-var An, Do;
-function kc() {
-  if (Do) return An;
+var xn, Do;
+function Oc() {
+  if (Do) return xn;
   Do = 1;
-  var e = Nc();
+  var e = Cc();
   function t(n, r) {
     return n && n.length && r && r.length ? e(n, r) : n;
   }
-  return An = t, An;
+  return xn = t, xn;
 }
-var xn, jo;
-function Cc() {
-  if (jo) return xn;
+var Sn, jo;
+function _c() {
+  if (jo) return Sn;
   jo = 1;
-  var e = gc(), t = kc(), n = e(t);
-  return xn = n, xn;
+  var e = wc(), t = Oc(), n = e(t);
+  return Sn = n, Sn;
 }
-var Oc = Cc();
-const Ec = /* @__PURE__ */ Re(Oc);
+var $c = _c();
+const Ec = /* @__PURE__ */ Re($c);
 function za() {
   const e = [];
   return {
@@ -2996,31 +2996,31 @@ function za() {
     }
   };
 }
-const Sn = za();
-function Va(e, t = !0) {
+const Pn = za();
+function Ha(e, t = !0) {
   let n;
-  Jn((r) => {
+  at((r) => {
     const o = fe(e) ? e.value : e;
     if (!(fe(t) ? t.value : t) || !o) return;
-    const s = Is(() => o()), i = {
+    const s = Bs(() => o()), i = {
       enable: () => document.body.addEventListener("keydown", s),
       disable: () => document.body.removeEventListener("keydown", s)
     };
-    Sn.register(i), n = i, r(() => {
-      Sn.unregister(i), n = void 0;
+    Pn.register(i), n = i, r(() => {
+      Pn.unregister(i), n = void 0;
     });
   }), oa(() => {
-    n && (Sn.unregister(n), n = void 0);
+    n && (Pn.unregister(n), n = void 0);
   });
 }
-const _c = (e) => {
+const Rc = (e) => {
   try {
     return e?.matches?.(":focus-visible, [data-focus-visible-added]");
   } catch {
     return !0;
   }
-}, $c = () => !!window.matchMedia?.("(hover: none)").matches;
-function Rc(e) {
+}, Lc = () => !!window.matchMedia?.("(hover: none)").matches;
+function Ic(e) {
   const { delay: t, onStateChange: n } = e;
   let r, o, a, s, i;
   const l = (b) => {
@@ -3028,8 +3028,8 @@ function Rc(e) {
     const y = () => {
       n(!!a);
     };
-    Ds ? r = setTimeout(y, b) : y();
-  }, c = $c(), u = typeof window < "u" && "ontouchstart" in window, d = t || (c ? br.open : vr.open), f = c ? br.close : vr.close, m = () => {
+    qs ? r = setTimeout(y, b) : y();
+  }, c = Lc(), u = typeof window < "u" && "ontouchstart" in window, d = t || (c ? br.open : vr.open), f = c ? br.close : vr.close, m = () => {
     a && !r || (a = !0, o = Date.now(), l(d));
   }, v = (b) => {
     !a && !r || (a = !1, l(b));
@@ -3048,7 +3048,7 @@ function Rc(e) {
       b.addEventListener(
         "focusin",
         (x) => {
-          _c(x.target) && m();
+          Rc(x.target) && m();
         },
         { signal: y }
       ), b.addEventListener("focusout", g, { signal: y });
@@ -3067,12 +3067,12 @@ function Rc(e) {
     }
   };
 }
-function Lc(e, t) {
-  const n = F(!1), r = Zn();
-  return Jn((a) => {
+function Mc(e, t) {
+  const n = q(!1), r = Jn();
+  return at((a) => {
     const s = t.value;
     if (!s) return;
-    const i = Rc({
+    const i = Ic({
       delay: e.value,
       onStateChange: (l) => {
         n.value = l;
@@ -3085,25 +3085,25 @@ function Lc(e, t) {
     r.value?.attachPopper(a);
   }, manager: r };
 }
-function Ha(e) {
-  return e.flatMap((t) => t.type === Ae ? Ha(t.children) : [t]);
+function Va(e) {
+  return e.flatMap((t) => t.type === Ae ? Va(t.children) : [t]);
 }
-function Ic(e) {
+function Bc(e) {
   const t = e.props || {};
   return t.disabled === !0 || t.isDisabled === !0;
 }
-function Mc(e) {
+function Dc(e) {
   const { slotContent: t, setAnchorElement: n, isMounted: r, id: o, label: a, ariaLinkMode: s } = e;
   if (!t || !a)
     return mr(Ae, t);
-  const i = Ha(t), l = i.find((d) => d.type !== ds), c = r ? o : void 0;
-  if (l && i.length === 1 && l.type !== fs && !Ic(l)) {
+  const i = Va(t), l = i.find((d) => d.type !== ms), c = r ? o : void 0;
+  if (l && i.length === 1 && l.type !== hs && !Bc(l)) {
     const d = { ref: n };
     if (c && a !== l.props?.["aria-label"]) {
       const f = l.props?.[s];
       d[s] = f ? `${f} ${c}` : c;
     }
-    return ms(l, d, !0);
+    return ps(l, d, !0);
   }
   const u = {
     class: "lumx-tooltip-anchor-wrapper",
@@ -3111,27 +3111,27 @@ function Mc(e) {
   };
   return c && (u[s] = c), mr("div", u, t);
 }
-function Bc(e) {
+function jc(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const Dc = /* @__PURE__ */ C((e, {
+const qc = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = ft(), r = F(null), o = F(null), a = A(() => e.placement || Ke.placement), s = A(() => e.closeMode || Ke.closeMode), i = A(() => e.ariaLinkMode || Ke.ariaLinkMode), l = A(() => e.zIndex || Ke.zIndex), {
+  const n = mt(), r = q(null), o = q(null), a = A(() => e.placement || Ke.placement), s = A(() => e.closeMode || Ke.closeMode), i = A(() => e.ariaLinkMode || Ke.ariaLinkMode), l = A(() => e.zIndex || Ke.zIndex), {
     floatingStyles: c,
     placement: u
   } = ja(r, o, {
     placement: a,
     whileElementsMounted: Ma,
-    middleware: [Ba(sc)]
+    middleware: [Ba(lc)]
   }), {
     isOpen: d,
     onPopperMount: f,
     manager: m
-  } = Lc(A(() => e.delay), r), v = A(() => (d.value || e.forceOpen) && !!e.label), p = A(() => !!e.label && (v.value || s.value === "hide")), g = A(() => !v.value && s.value === "hide");
-  return Va(A(() => v.value ? () => m.value?.close() : void 0)), Qi(), () => {
+  } = Mc(A(() => e.delay), r), v = A(() => (d.value || e.forceOpen) && !!e.label), p = A(() => !!e.label && (v.value || s.value === "hide")), g = A(() => !v.value && s.value === "hide");
+  return Ha(A(() => v.value ? () => m.value?.close() : void 0)), tl(), () => {
     let b;
-    const y = u.value ?? a.value, x = Mc({
+    const y = u.value ?? a.value, x = Dc({
       slotContent: t.default?.(),
       setAnchorElement: (S) => {
         r.value = S?.$el || S;
@@ -3141,10 +3141,10 @@ const Dc = /* @__PURE__ */ C((e, {
       label: e.label,
       ariaLinkMode: i.value
     });
-    return h(Ae, null, [x, p.value && h(aa, null, Bc(b = ur({
+    return h(Ae, null, [x, p.value && h(aa, null, jc(b = ur({
       ref: (S) => {
-        const N = S?.$el || S;
-        o.value = N, f(N);
+        const k = S?.$el || S;
+        o.value = k, f(k);
       },
       id: n,
       label: e.label,
@@ -3161,13 +3161,13 @@ const Dc = /* @__PURE__ */ C((e, {
   name: "LumxTooltip",
   inheritAttrs: !1,
   props: O()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
-}), jc = {
+}), Fc = {
   click: (e) => e instanceof MouseEvent
-}, qf = /* @__PURE__ */ C((e, {
+}, Zf = /* @__PURE__ */ N((e, {
   emit: t,
   expose: n
 }) => {
-  const r = _(), o = q(), {
+  const r = $(), o = j(), {
     isAnyDisabled: a,
     disabledStateProps: s,
     otherProps: i
@@ -3176,7 +3176,7 @@ const Dc = /* @__PURE__ */ C((e, {
     ...r
   }))), l = (u) => {
     a.value || t("click", u);
-  }, c = F();
+  }, c = q();
   return n({
     $el: c
   }), () => {
@@ -3186,7 +3186,7 @@ const Dc = /* @__PURE__ */ C((e, {
       hideTooltip: f,
       ...m
     } = i.value;
-    return h(Dc, w({
+    return h(qc, w({
       label: f ? "" : e.label
     }, d), {
       default: () => [h(ze, w(m, {
@@ -3205,25 +3205,25 @@ const Dc = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("icon", "image", "color", "label", "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", "tooltipProps", "hideTooltip"),
-  emits: jc
-}), qc = "ButtonGroup", Ua = "lumx-button-group", Fc = {}, mt = (e) => {
+  emits: Fc
+}), Wc = "ButtonGroup", Ua = "lumx-button-group", zc = {}, ht = (e) => {
   const {
     children: t,
     className: n,
     ...r
   } = e;
   return h("div", w(r, {
-    className: E(n, Ua)
+    className: _(n, Ua)
   }), [t]);
 };
-mt.displayName = qc;
-mt.className = Ua;
-mt.defaultProps = Fc;
-const Ff = /* @__PURE__ */ C((e, {
+ht.displayName = Wc;
+ht.className = Ua;
+ht.defaultProps = zc;
+const Jf = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(mt, w(e, n, {
+  const n = $();
+  return () => h(ht, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -3232,9 +3232,9 @@ const Ff = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("class")
-}), Wc = "InputLabel", zc = "lumx-input-label", Ga = zc, {
-  block: Vc
-} = L(Ga), Hc = {};
+}), Hc = "InputLabel", Vc = "lumx-input-label", Ga = Vc, {
+  block: Uc
+} = L(Ga), Gc = {};
 function Pe(e) {
   const {
     children: t,
@@ -3250,22 +3250,22 @@ function Pe(e) {
     ref: i
   }, l, {
     htmlFor: r,
-    className: E(n, Vc({
+    className: _(n, Uc({
       "is-required": o,
       [`theme-${a}`]: !!a,
       "has-custom-typography": !!s
     }), s && er(s))
   }), [t]);
 }
-Pe.displayName = Wc;
+Pe.displayName = Hc;
 Pe.className = Ga;
-Pe.defaultProps = Hc;
-const Uc = {
+Pe.defaultProps = Gc;
+const Kc = {
   [de.error]: { color: "red" },
   [de.success]: { color: "green" },
   [de.warning]: { color: "yellow" }
-}, Gc = "InputHelper", Kc = "lumx-input-helper", Ka = Kc, {
-  block: Yc
+}, Yc = "InputHelper", Xc = "lumx-input-helper", Ka = Xc, {
+  block: Zc
 } = L(Ka), Ya = {
   kind: de.info
 };
@@ -3279,23 +3279,23 @@ function Te(e) {
     ...s
   } = e, {
     color: i
-  } = Uc[r] || {};
+  } = Kc[r] || {};
   return h("p", w({
     ref: a
   }, s, {
-    className: E(n, Yc({
+    className: _(n, Zc({
       [`color-${i}`]: !!i,
       [`theme-${o}`]: !!o
     }))
   }), [t]);
 }
-Te.displayName = Gc;
+Te.displayName = Yc;
 Te.className = Ka;
 Te.defaultProps = Ya;
-const Xa = "intermediate", Xc = "lumx-checkbox", {
-  block: Zc,
+const Xa = "intermediate", Jc = "lumx-checkbox", {
+  block: Qc,
   element: le
-} = L(Xc), Jc = (e) => {
+} = L(Jc), eu = (e) => {
   const {
     checked: t,
     className: n,
@@ -3319,7 +3319,7 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   return h("div", w({
     ref: c
   }, g, {
-    className: E(n, Zc({
+    className: _(n, Qc({
       // Whether state is intermediate class name will "-checked"
       "is-checked": b ? !0 : s,
       "is-disabled": v,
@@ -3348,7 +3348,7 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   }, null), h("div", {
     className: le("input-indicator")
   }, [X({
-    icon: b ? xs : As
+    icon: b ? Ps : Ss
   })])])]), h("div", {
     className: le("content")
   }, [i && Pe({
@@ -3362,12 +3362,12 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
     theme: d,
     children: r
   })])]);
-}, Qc = {
+}, tu = {
   change: (e, t, n, r) => typeof e == "boolean" && r instanceof Event
-}, Wf = /* @__PURE__ */ C((e, {
+}, Qf = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const n = _(), r = q(), o = ft(), a = A(() => e.id || o), s = F(null), {
+  const n = $(), r = j(), o = mt(), a = A(() => e.id || o), s = q(null), {
     isAnyDisabled: i,
     disabledStateProps: l,
     otherProps: c
@@ -3383,7 +3383,7 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   const d = (f, m, v, p) => {
     i.value || t("change", f, m, v, p);
   };
-  return () => h(Jc, w(c.value, {
+  return () => h(eu, w(c.value, {
     className: e.class,
     theme: e.theme || r.value,
     inputId: a.value,
@@ -3402,13 +3402,13 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: Qc
-}), eu = "lumx-chip", {
-  block: tu,
-  element: Pn
-} = L(eu), nu = {
+  emits: tu
+}), nu = "lumx-chip", {
+  block: ru,
+  element: Tn
+} = L(nu), ou = {
   size: z.m
-}, ru = (e) => {
+}, au = (e) => {
   const {
     after: t,
     before: n,
@@ -3424,21 +3424,21 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
     hasAfterClick: f,
     hasBeforeClick: m,
     hasOnClick: v,
-    size: p = nu.size,
+    size: p = ou.size,
     theme: g,
     ref: b,
     href: y,
     handleKeyDown: x,
     disabledStateProps: S,
-    isAnyDisabled: N,
-    keyDownProp: k = "onKeyDown",
+    isAnyDisabled: k,
+    keyDownProp: C = "onKeyDown",
     tabIndexProp: P = "tabIndex",
     ...R
-  } = e, I = v && !y, $ = !!v || !!y || s, T = a || (g === je.light ? j.dark : j.light), D = (M) => {
-    x?.(M), v && d && Ls(d)(M);
+  } = e, I = v && !y, E = !!v || !!y || s, T = a || (g === je.light ? F.dark : F.light), D = (M) => {
+    x?.(M), v && d && Ms(d)(M);
   }, B = {
-    [k]: D,
-    [P]: $ && !S.disabled ? 0 : void 0
+    [C]: D,
+    [P]: E && !S.disabled ? 0 : void 0
   };
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -3447,10 +3447,10 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
     }, B, R, {
       href: S.disabled ? void 0 : y,
       ref: b,
-      className: E(o, tu({
-        "is-clickable": $,
+      className: _(o, ru({
+        "is-clickable": E,
         [`color-${T}`]: !!T,
-        "is-disabled": N,
+        "is-disabled": k,
         "has-after": !!t,
         "has-before": !!n,
         "is-highlighted": !!i,
@@ -3458,33 +3458,33 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
         [`size-${p}`]: !!p,
         "is-unselected": !l
       })),
-      "aria-disabled": $ && N || void 0,
+      "aria-disabled": E && k || void 0,
       onClick: v ? d : void 0
     }), [n && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     h("div", {
-      className: Pn("before", {
+      className: Tn("before", {
         "is-clickable": m
       }),
       onClick: u
     }, [n]), h("div", {
-      className: Pn("label")
+      className: Tn("label")
     }, [r]), t && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     h("div", {
-      className: Pn("after", {
+      className: Tn("after", {
         "is-clickable": f
       }),
       onClick: c
     }, [t])])
   );
-}, ou = {
+}, su = {
   click: (e) => e instanceof MouseEvent,
   afterClick: (e) => e instanceof MouseEvent,
   beforeClick: (e) => e instanceof MouseEvent,
   keydown: (e) => e instanceof KeyboardEvent
-}, zf = /* @__PURE__ */ C((e, {
+}, em = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const n = ot(), r = _(), o = q(), a = Ee("onClick"), s = Ee("onAfterClick"), i = Ee("onBeforeClick"), {
+  const n = ot(), r = $(), o = j(), a = _e("onClick"), s = _e("onAfterClick"), i = _e("onBeforeClick"), {
     isAnyDisabled: l,
     disabledStateProps: c,
     otherProps: u
@@ -3500,7 +3500,7 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   }, v = (p) => {
     l.value || t("keydown", p);
   };
-  return () => h(ru, w(u.value, {
+  return () => h(au, w(u.value, {
     className: e.class,
     theme: e.theme || o.value,
     handleClick: d,
@@ -3522,8 +3522,8 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   name: "LumxChip",
   inheritAttrs: !1,
   props: O()("color", "href", "isClickable", "isDisabled", "isHighlighted", "isSelected", "size", "theme", "class", "aria-disabled", "disabled"),
-  emits: ou
-}), au = "lumx-chip-group", su = (e) => {
+  emits: su
+}), iu = "lumx-chip-group", lu = (e) => {
   const {
     children: t,
     className: n,
@@ -3533,13 +3533,13 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   return h("div", w({
     ref: r
   }, o, {
-    className: E(n, au)
+    className: _(n, iu)
   }), [t]);
-}, Vf = /* @__PURE__ */ C((e, {
+}, tm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(su, w(e, n, {
+  const n = $();
+  return () => h(lu, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -3547,9 +3547,9 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   name: "LumxChipGroup",
   inheritAttrs: !1,
   props: O()("align", "class")
-}), iu = "lumx-divider", {
-  block: lu
-} = L(iu), cu = (e) => {
+}), cu = "lumx-divider", {
+  block: uu
+} = L(cu), du = (e) => {
   const {
     className: t,
     theme: n,
@@ -3559,13 +3559,13 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   return h("hr", w({
     ref: r
   }, o, {
-    className: E(t, lu({
+    className: _(t, uu({
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, Hf = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q();
-  return () => h(cu, w(t, e, {
+}, nm = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j();
+  return () => h(du, w(t, e, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -3575,13 +3575,13 @@ const Xa = "intermediate", Xc = "lumx-checkbox", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("class", "theme")
 });
-function uu(e) {
+function fu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const du = "lumx-flag", {
-  block: fu,
+const mu = "lumx-flag", {
+  block: hu,
   element: qo
-} = L(du), mu = (e) => {
+} = L(mu), pu = (e) => {
   const {
     children: t,
     icon: n,
@@ -3591,9 +3591,9 @@ const du = "lumx-flag", {
     truncate: s,
     Text: i,
     ...l
-  } = e, c = r || (a === je.light ? j.dark : j.light), u = !!s;
+  } = e, c = r || (a === je.light ? F.dark : F.light), u = !!s;
   return h("div", w(l, {
-    className: E(o, fu({
+    className: _(o, hu({
       [`color-${c}`]: !!c,
       "is-truncated": u
     }))
@@ -3606,14 +3606,14 @@ const du = "lumx-flag", {
     truncate: !!s,
     typography: "overline",
     className: qo("label")
-  }, uu(t) ? t : {
+  }, fu(t) ? t : {
     default: () => [t]
   })]);
-}, Uf = /* @__PURE__ */ C((e, {
+}, rm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = q();
-  return () => h(mu, w(e, n, {
+  const n = $(), r = j();
+  return () => h(pu, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
     children: t.default?.(),
@@ -3625,9 +3625,9 @@ const du = "lumx-flag", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("color", "icon", "truncate", "theme", "class")
 });
-var Tn, Fo;
-function hu() {
-  if (Fo) return Tn;
+var Nn, Fo;
+function vu() {
+  if (Fo) return Nn;
   Fo = 1;
   var e = ga();
   function t() {
@@ -3636,13 +3636,13 @@ function hu() {
     var n = arguments[0];
     return e(n) ? n : [n];
   }
-  return Tn = t, Tn;
+  return Nn = t, Nn;
 }
-var pu = hu();
-const vu = /* @__PURE__ */ Re(pu), bu = "lumx-flex-box", {
-  block: gu
-} = L(bu);
-function yu(e) {
+var bu = vu();
+const gu = /* @__PURE__ */ Re(bu), yu = "lumx-flex-box", {
+  block: wu
+} = L(yu);
+function Au(e) {
   const {
     className: t,
     fillSpace: n,
@@ -3654,10 +3654,10 @@ function yu(e) {
     wrap: l,
     orientation: c,
     ...u
-  } = e, d = c ?? (l || o || i ? Ms.horizontal : null);
+  } = e, d = c ?? (l || o || i ? Ds.horizontal : null);
   return {
     ...u,
-    className: E(t, gu({
+    className: _(t, wu({
       [`orientation-${d}`]: !!d,
       [`v-align-${i}`]: !!i,
       [`h-align-${o}`]: !!o,
@@ -3665,16 +3665,16 @@ function yu(e) {
       wrap: !!l,
       "fill-space": n,
       "no-shrink": s,
-      ...Object.fromEntries(vu(a).filter(Boolean).map((f) => [`margin-auto-${f}`, !0]))
+      ...Object.fromEntries(gu(a).filter(Boolean).map((f) => [`margin-auto-${f}`, !0]))
     }))
   };
 }
-const Gf = /* @__PURE__ */ C((e, {
+const om = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
+  const n = $();
   return () => {
-    const r = e.as || "div", o = yu({
+    const r = e.as || "div", o = Au({
       ...e,
       ...n,
       className: e.class,
@@ -3691,9 +3691,9 @@ const Gf = /* @__PURE__ */ C((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("as", "fillSpace", "gap", "horizontalAlign", "marginAuto", "noShrink", "orientation", "verticalAlign", "wrap", "class")
 });
-var Nn, Wo;
-function wu() {
-  if (Wo) return Nn;
+var kn, Wo;
+function xu() {
+  if (Wo) return kn;
   Wo = 1;
   var e = /\s/;
   function t(n) {
@@ -3701,33 +3701,33 @@ function wu() {
       ;
     return r;
   }
-  return Nn = t, Nn;
+  return kn = t, kn;
 }
-var kn, zo;
-function Au() {
-  if (zo) return kn;
+var Cn, zo;
+function Su() {
+  if (zo) return Cn;
   zo = 1;
-  var e = wu(), t = /^\s+/;
+  var e = xu(), t = /^\s+/;
   function n(r) {
     return r && r.slice(0, e(r) + 1).replace(t, "");
   }
-  return kn = n, kn;
+  return Cn = n, Cn;
 }
-var Cn, Vo;
-function xu() {
-  if (Vo) return Cn;
-  Vo = 1;
-  var e = Fe(), t = st(), n = "[object Symbol]";
+var On, Ho;
+function Pu() {
+  if (Ho) return On;
+  Ho = 1;
+  var e = Fe(), t = it(), n = "[object Symbol]";
   function r(o) {
     return typeof o == "symbol" || t(o) && e(o) == n;
   }
-  return Cn = r, Cn;
+  return On = r, On;
 }
-var On, Ho;
-function Su() {
-  if (Ho) return On;
-  Ho = 1;
-  var e = Au(), t = nr(), n = xu(), r = NaN, o = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
+var _n, Vo;
+function Tu() {
+  if (Vo) return _n;
+  Vo = 1;
+  var e = Su(), t = nr(), n = Pu(), r = NaN, o = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
   function l(c) {
     if (typeof c == "number")
       return c;
@@ -3743,13 +3743,13 @@ function Su() {
     var d = a.test(c);
     return d || s.test(c) ? i(c.slice(2), d ? 2 : 8) : o.test(c) ? r : +c;
   }
-  return On = l, On;
+  return _n = l, _n;
 }
-var En, Uo;
-function Pu() {
-  if (Uo) return En;
+var $n, Uo;
+function Nu() {
+  if (Uo) return $n;
   Uo = 1;
-  var e = Su(), t = 1 / 0, n = 17976931348623157e292;
+  var e = Tu(), t = 1 / 0, n = 17976931348623157e292;
   function r(o) {
     if (!o)
       return o === 0 ? o : 0;
@@ -3759,35 +3759,35 @@ function Pu() {
     }
     return o === o ? o : 0;
   }
-  return En = r, En;
+  return $n = r, $n;
 }
-var _n, Go;
-function Tu() {
-  if (Go) return _n;
+var En, Go;
+function ku() {
+  if (Go) return En;
   Go = 1;
-  var e = Pu();
+  var e = Nu();
   function t(n) {
     var r = e(n), o = r % 1;
     return r === r ? o ? r - o : r : 0;
   }
-  return _n = t, _n;
+  return En = t, En;
 }
-var $n, Ko;
-function Nu() {
-  if (Ko) return $n;
+var Rn, Ko;
+function Cu() {
+  if (Ko) return Rn;
   Ko = 1;
-  var e = Tu();
+  var e = ku();
   function t(n) {
     return typeof n == "number" && n == e(n);
   }
-  return $n = t, $n;
+  return Rn = t, Rn;
 }
-var ku = Nu();
-const Cu = /* @__PURE__ */ Re(ku);
-function Ou(e) {
+var Ou = Cu();
+const _u = /* @__PURE__ */ Re(Ou);
+function $u(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const Eu = "GridColumn", Za = "lumx-grid-column", _u = {}, ht = (e) => {
+const Eu = "GridColumn", Za = "lumx-grid-column", Ru = {}, pt = (e) => {
   const {
     as: t = "div",
     gap: n,
@@ -3801,25 +3801,25 @@ const Eu = "GridColumn", Za = "lumx-grid-column", _u = {}, ht = (e) => {
   } = e;
   return h(t, w(c, {
     ref: l,
-    className: E(s, Za),
+    className: _(s, Za),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": Cu(o) && `${o}px`,
+      "--lumx-grid-column-item-min-width": _u(o) && `${o}px`,
       "--lumx-grid-column-columns": r,
       "--lumx-grid-column-gap": n && `var(--lumx-spacing-unit-${n})`
     }
-  }), Ou(a) ? a : {
+  }), $u(a) ? a : {
     default: () => [a]
   });
 };
-ht.displayName = Eu;
-ht.className = Za;
-ht.defaultProps = _u;
-const Kf = /* @__PURE__ */ C((e, {
+pt.displayName = Eu;
+pt.className = Za;
+pt.defaultProps = Ru;
+const am = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(ht, w(e, n, {
+  const n = $();
+  return () => h(pt, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -3827,29 +3827,29 @@ const Kf = /* @__PURE__ */ C((e, {
   name: "LumxGridColumn",
   inheritAttrs: !1,
   props: O()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), Yo = 6, $u = {
+}), Yo = 6, Lu = {
   h1: Oe.display1,
   h2: Oe.headline,
   h3: Oe.title,
   h4: Oe.subtitle2,
   h5: Oe.subtitle1,
   h6: Oe.body2
-}, Ru = { level: 1, headingElement: "h1" }, Lu = "lumx-heading", Iu = (e, t) => {
+}, Iu = { level: 1, headingElement: "h1" }, Mu = "lumx-heading", Bu = (e, t) => {
   const { as: n, className: r, typography: o, ...a } = e, s = n || t || "h1";
   return {
     ...a,
     as: s,
-    className: E(r, Lu),
-    typography: o || $u[s]
+    className: _(r, Mu),
+    typography: o || Lu[s]
   };
-}, Ja = /* @__PURE__ */ Symbol("HeadingLevelContext"), Qa = () => Kn(Ja, Ru), Yf = /* @__PURE__ */ C((e, {
+}, Ja = /* @__PURE__ */ Symbol("HeadingLevelContext"), Qa = () => Yn(Ja, Iu), sm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = Qa(), o = A(() => {
+  const n = $(), r = Qa(), o = A(() => {
     const {
       className: a,
       ...s
-    } = Iu({
+    } = Bu({
       ...n,
       ...e,
       className: e.class || n.class || n.className
@@ -3867,26 +3867,26 @@ const Kf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
-}), Mu = (e, t) => {
+}), Du = (e, t) => {
   const n = e || t + 1;
   return n > Yo ? Yo : n;
-}, Bu = /* @__PURE__ */ C((e, {
+}, ju = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
   const {
     level: n
-  } = hs(e), r = Qa(), o = A(() => Mu(n?.value, r.level)), a = A(() => `h${o.value}`), s = ps({
+  } = vs(e), r = Qa(), o = A(() => Du(n?.value, r.level)), a = A(() => `h${o.value}`), s = bs({
     level: o,
     headingElement: a
   });
-  return Yn(Ja, s), () => t.default?.();
+  return Xn(Ja, s), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
   props: O()("level")
-}), Xf = /* @__PURE__ */ C((e, {
+}), im = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = q();
+  const n = $(), r = j();
   return () => h(Te, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
@@ -3897,10 +3897,10 @@ const Kf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("kind", "theme", "class", "id")
-}), Zf = /* @__PURE__ */ C((e, {
+}), lm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = q();
+  const n = $(), r = j();
   return () => h(Pe, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
@@ -3912,8 +3912,8 @@ const Kf = /* @__PURE__ */ C((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("htmlFor", "isRequired", "typography", "theme", "class")
 }), es = "lumx-link", {
-  block: Du
-} = L(es), ju = (e) => {
+  block: qu
+} = L(es), Fu = (e) => {
   const {
     children: t,
     className: n,
@@ -3933,20 +3933,20 @@ const Kf = /* @__PURE__ */ C((e, {
     ...u,
     handleClick: i,
     children: t,
-    className: E(n, Du({
+    className: _(n, qu({
       [`color-${d}`]: !!d,
       [`color-variant-${f}`]: !!f,
       "has-typography": !!a
     }), a && er(a))
   });
-}, qu = {
+}, Wu = {
   click: (e) => e instanceof MouseEvent
 }, {
-  element: Fu
-} = me.bem(es), Jf = /* @__PURE__ */ C((e, {
+  element: zu
+} = me.bem(es), cm = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const n = ot(), r = _(), {
+  const n = ot(), r = $(), {
     isAnyDisabled: o,
     disabledStateProps: a,
     otherProps: s
@@ -3961,13 +3961,13 @@ const Kf = /* @__PURE__ */ C((e, {
       linkAs: l,
       ...c
     } = s.value;
-    return h(ju, w(c, {
+    return h(Fu, w(c, {
       linkAs: rt(l)
     }, a.value, {
       className: e.class,
       handleClick: i,
       children: h("span", {
-        className: Fu("content")
+        className: zu("content")
       }, [n.default?.()])
     }), null);
   };
@@ -3975,25 +3975,25 @@ const Kf = /* @__PURE__ */ C((e, {
   name: "LumxLink",
   inheritAttrs: !1,
   props: O()("color", "colorVariant", "href", "isDisabled", "disabled", "linkAs", "target", "typography", "class", "aria-disabled"),
-  emits: qu
-}), Wu = "Message", ts = "lumx-message", {
-  block: zu,
-  element: Rn
-} = L(ts), Vu = {
+  emits: Wu
+}), Hu = "Message", ts = "lumx-message", {
+  block: Vu,
+  element: Ln
+} = L(ts), Uu = {
   [de.error]: {
-    color: j.red,
-    icon: Ss
+    color: F.red,
+    icon: Ts
   },
   [de.info]: {
-    color: j.blue,
-    icon: Ns
+    color: F.blue,
+    icon: Cs
   },
   [de.success]: {
-    color: j.green,
-    icon: Ps
+    color: F.green,
+    icon: Ns
   },
   [de.warning]: {
-    color: j.yellow,
+    color: F.yellow,
     icon: sa
   }
 }, dr = (e) => {
@@ -4009,38 +4009,38 @@ const Kf = /* @__PURE__ */ C((e, {
   } = e, {
     color: c,
     icon: u
-  } = Vu[o] || {}, {
+  } = Uu[o] || {}, {
     onClick: d,
     label: f
   } = s || {}, m = r && o === "info" && d && f;
   return h("div", w(l, {
     ref: i,
-    className: E(n, zu({
+    className: _(n, Vu({
       [`color-${c}`]: !!c,
       "has-background": r
     }))
   }), [(a || u) && X({
-    className: Rn("icon"),
+    className: Ln("icon"),
     icon: a || u,
     size: z.xs,
     color: c
   }), h("div", {
-    className: Rn("text")
+    className: Ln("text")
   }, [t]), m && ze({
-    className: Rn("close-button"),
-    icon: Ts,
+    className: Ln("close-button"),
+    icon: ks,
     handleClick: d,
     label: f,
     emphasis: ge.low
   })]);
 };
-dr.displayName = Wu;
+dr.displayName = Hu;
 dr.className = ts;
-const Qf = /* @__PURE__ */ C((e, {
+const um = /* @__PURE__ */ N((e, {
   slots: t,
   emit: n
 }) => {
-  const r = _(), {
+  const r = $(), {
     closeButtonLabel: o
   } = e;
   return () => h(dr, w(e, r, {
@@ -4057,7 +4057,7 @@ const Qf = /* @__PURE__ */ C((e, {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("hasBackground", "icon", "kind", "class", "closeButtonLabel"),
   emits: ["close"]
-}), Hu = {
+}), Gu = {
   AUTO: "auto",
   AUTO_END: "auto-end",
   AUTO_START: "auto-start",
@@ -4073,21 +4073,21 @@ const Qf = /* @__PURE__ */ C((e, {
   LEFT: "left",
   LEFT_END: "left-end",
   LEFT_START: "left-start"
-}, Uu = {
+}, Ku = {
   MIN_WIDTH: "minWidth"
-}, Ln = 14, Gu = 9999;
-function Ku(e) {
+}, In = 14, Yu = 9999;
+function Xu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const Yu = "lumx-popover", {
-  block: Xu,
-  element: Zu
-} = L(Yu), Xe = {
+const Zu = "lumx-popover", {
+  block: Ju,
+  element: Qu
+} = L(Zu), Xe = {
   closeMode: "unmount",
   elevation: 3,
-  placement: Hu.AUTO,
+  placement: Gu.AUTO,
   usePortal: !0
-}, Ju = (e, {
+}, ed = (e, {
   Portal: t,
   ClickAwayProvider: n,
   ThemeProvider: r
@@ -4112,30 +4112,30 @@ const Yu = "lumx-popover", {
     clickAwayRefs: x,
     unmountSentinel: S,
     // Forwarded props
-    ...N
-  } = e, k = !u && i === "hide", P = u || i === "hide", R = o, I = Math.min(l || 0, 5);
+    ...k
+  } = e, C = !u && i === "hide", P = u || i === "hide", R = o, I = Math.min(l || 0, 5);
   return P ? h(t, {
     enabled: b
   }, {
-    default: () => [h(R, w(N, {
+    default: () => [h(R, w(k, {
       ref: p,
-      className: E(s, Xu({
+      className: _(s, Ju({
         [`theme-${v}`]: !!v,
         [`elevation-${I}`]: !!I,
         [`position-${d}`]: !!d,
-        "is-hidden": !!k
+        "is-hidden": !!C
       })),
-      style: k ? void 0 : f,
+      style: C ? void 0 : f,
       "data-popper-placement": d
     }), {
       default: () => [S, h(n, {
-        callback: !k && y,
+        callback: !C && y,
         childrenRefs: x
       }, {
         default: () => [c && h("div", {
           ref: g,
-          className: Zu("arrow"),
-          style: k ? void 0 : m
+          className: Qu("arrow"),
+          style: C ? void 0 : m
         }, [h("svg", {
           viewBox: "0 0 14 14",
           "aria-hidden": !0
@@ -4143,46 +4143,46 @@ const Yu = "lumx-popover", {
           d: "M8 3.49C7.62 2.82 6.66 2.82 6.27 3.48L.04 14 14.04 14 8 3.49Z"
         }, null)])]), h(r, {
           value: v
-        }, Ku(a) ? a : {
+        }, Xu(a) ? a : {
           default: () => [a]
         })]
       })]
     })]
   }) : null;
 };
-function Qu(e) {
+function td(e) {
   return e === "auto" ? { isAuto: !0 } : e === "auto-start" ? { isAuto: !0, autoAlignment: "start" } : e === "auto-end" ? { isAuto: !0, autoAlignment: "end" } : { floatingPlacement: e, isAuto: !1 };
 }
-function ed(e) {
+function nd(e) {
   if (e)
-    return typeof e == "string" ? e : Uu.MIN_WIDTH;
+    return typeof e == "string" ? e : Ku.MIN_WIDTH;
 }
-function td(e) {
-  const { offset: t, hasArrow: n, fitWidth: r, fitWithinViewportHeight: o, boundary: a, parsedPlacement: s, arrowElement: i } = e, l = [], c = (t?.away ?? 0) + (n ? Ln : 0), u = t?.along ?? 0;
+function rd(e) {
+  const { offset: t, hasArrow: n, fitWidth: r, fitWithinViewportHeight: o, boundary: a, parsedPlacement: s, arrowElement: i } = e, l = [], c = (t?.away ?? 0) + (n ? In : 0), u = t?.along ?? 0;
   return l.push(Ba({ mainAxis: c, crossAxis: u })), s.isAuto ? l.push(
-    Ql({ ...a ? { boundary: a } : {}, alignment: s.autoAlignment })
-  ) : (l.push(tc(a ? { boundary: a } : {})), l.push(ec(a ? { boundary: a } : {}))), (r || o) && l.push(
-    nc({
+    tc({ ...a ? { boundary: a } : {}, alignment: s.autoAlignment })
+  ) : (l.push(rc(a ? { boundary: a } : {})), l.push(nc(a ? { boundary: a } : {}))), (r || o) && l.push(
+    oc({
       ...a ? { boundary: a } : {},
       apply({ availableHeight: d, rects: f, elements: m }) {
-        r && Object.assign(m.floating.style, { [r]: `${f.reference.width}px` }), o && (m.floating.style.maxHeight = `${Math.max(0, d - Ln)}px`);
+        r && Object.assign(m.floating.style, { [r]: `${f.reference.width}px` }), o && (m.floating.style.maxHeight = `${Math.max(0, d - In)}px`);
       }
     })
-  ), n && i && l.push(rc({ element: i, padding: Ln / 2 })), l;
+  ), n && i && l.push(ac({ element: i, padding: In / 2 })), l;
 }
-function nd(e) {
+function od(e) {
   if (e)
     return {
       left: e.x != null ? `${e.x}px` : "",
       top: e.y != null ? `${e.y}px` : ""
     };
 }
-function rd(e) {
+function ad(e) {
   return e.isAuto ? void 0 : e.floatingPlacement;
 }
-function od(e) {
-  const t = F(), n = F(), r = A(() => Qu(e.placement?.value)), o = A(() => ed(e.fitToAnchorWidth?.value)), a = A(
-    () => td({
+function sd(e) {
+  const t = q(), n = q(), r = A(() => td(e.placement?.value)), o = A(() => nd(e.fitToAnchorWidth?.value)), a = A(
+    () => rd({
       offset: e.offset?.value,
       hasArrow: e.hasArrow?.value,
       fitWidth: o.value,
@@ -4191,7 +4191,7 @@ function od(e) {
       parsedPlacement: r.value,
       arrowElement: n.value
     })
-  ), s = A(() => rd(r.value)), {
+  ), s = A(() => ad(r.value)), {
     floatingStyles: i,
     placement: l,
     isPositioned: c,
@@ -4202,7 +4202,7 @@ function od(e) {
     middleware: a
   }), d = A(
     () => l.value ?? e.placement?.value
-  ), f = A(() => nd(u.value?.arrow)), m = A(() => ({
+  ), f = A(() => od(u.value?.arrow)), m = A(() => ({
     ...e.style?.value || {},
     ...i.value,
     zIndex: e.zIndex?.value
@@ -4215,24 +4215,24 @@ function od(e) {
     arrowRef: n
   };
 }
-const ad = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]', sd = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])', id = (e) => !e.matches(sd);
-function ld(e) {
-  return Array.from(e.querySelectorAll(ad)).filter(id);
+const id = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]', ld = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])', cd = (e) => !e.matches(ld);
+function ud(e) {
+  return Array.from(e.querySelectorAll(id)).filter(cd);
 }
-function Un(e) {
-  const t = ld(e), n = t[0], r = t[t.length - 1];
+function Gn(e) {
+  const t = ud(e), n = t[0], r = t[t.length - 1];
   return r && n ? { first: n, last: r } : {};
 }
-const In = za();
-function cd(e, t) {
+const Mn = za();
+function dd(e, t) {
   let n;
-  vs((r) => {
+  gs((r) => {
     const o = fe(e) ? e.value : e, a = fe(t) ? t.value : t;
     if (!o) return;
     const s = o.shadowRoot || o, i = (c) => {
       const { key: u } = c;
       if (u !== "Tab") return;
-      const d = Un(s);
+      const d = Gn(s);
       if (!d.first) {
         c.preventDefault();
         return;
@@ -4254,21 +4254,21 @@ function cd(e, t) {
       enable: () => document.body.addEventListener("keydown", i),
       disable: () => document.body.removeEventListener("keydown", i)
     };
-    a && s.contains(a) ? a.focus({ preventScroll: !0 }) : Un(s).first?.focus({ preventScroll: !0 }), In.register(l), n = l, r(() => {
-      In.unregister(l), n = void 0;
+    a && s.contains(a) ? a.focus({ preventScroll: !0 }) : Gn(s).first?.focus({ preventScroll: !0 }), Mn.register(l), n = l, r(() => {
+      Mn.unregister(l), n = void 0;
     });
   }), oa(() => {
-    n && (In.unregister(n), n = void 0);
+    n && (Mn.unregister(n), n = void 0);
   });
 }
-function ud(e, t = !0) {
-  const n = F(!1);
-  Jn(() => {
+function fd(e, t = !0) {
+  const n = q(!1);
+  at(() => {
     const r = fe(e) ? e.value : e, o = fe(t) ? t.value : t;
     o && !n.value && r && (r.focus(), n.value = !0), o || (n.value = !1);
   });
 }
-function dd(e, t, n, r, o) {
+function md(e, t, n, r, o) {
   const a = () => {
     if (!e.value) return;
     const s = r.value;
@@ -4276,7 +4276,7 @@ function dd(e, t, n, r, o) {
       const l = t.value, c = l && "$el" in l ? l.$el : l;
       // Provided parent element
       (n?.value || // Or first focusable element in anchor
-      (c instanceof HTMLElement ? Un(c).first : void 0) || // Fallback to anchor
+      (c instanceof HTMLElement ? Gn(c).first : void 0) || // Fallback to anchor
       c)?.focus({ preventScroll: !0 });
     }, 0);
   };
@@ -4290,20 +4290,20 @@ function dd(e, t, n, r, o) {
     a();
   });
 }
-const fd = {
+const hd = {
   close: () => !0
-}, md = /* @__PURE__ */ C((e, {
+}, pd = /* @__PURE__ */ N((e, {
   emit: t,
   slots: n,
   attrs: r
 }) => {
-  const o = A(() => fe(e.anchorRef) ? e.anchorRef.value : e.anchorRef), a = A(() => fe(e.boundaryRef) ? e.boundaryRef.value : e.boundaryRef), s = A(() => e.offset), i = A(() => e.hasArrow), l = A(() => e.fitToAnchorWidth), c = A(() => e.fitWithinViewportHeight), u = A(() => e.placement || Xe.placement), d = A(() => e.zIndex ?? Gu), f = A(() => e.focusAnchorOnClose ?? !0), m = A(() => e.parentElement), v = A(() => !!e.isOpen), {
+  const o = A(() => fe(e.anchorRef) ? e.anchorRef.value : e.anchorRef), a = A(() => fe(e.boundaryRef) ? e.boundaryRef.value : e.boundaryRef), s = A(() => e.offset), i = A(() => e.hasArrow), l = A(() => e.fitToAnchorWidth), c = A(() => e.fitWithinViewportHeight), u = A(() => e.placement || Xe.placement), d = A(() => e.zIndex ?? Yu), f = A(() => e.focusAnchorOnClose ?? !0), m = A(() => e.parentElement), v = A(() => !!e.isOpen), {
     styles: p,
     isPositioned: g,
     position: b,
     floatingRef: y,
     arrowRef: x
-  } = od({
+  } = sd({
     anchorRef: o,
     offset: s,
     hasArrow: i,
@@ -4315,46 +4315,46 @@ const fd = {
     }),
     zIndex: d
   });
-  dd(f, o, m, y, v);
+  md(f, o, m, y, v);
   const S = () => {
     t("close");
-  }, N = A(() => S), k = A(() => !!(e.isOpen && e.closeOnEscape));
-  Va(N, k);
+  }, k = A(() => S), C = A(() => !!(e.isOpen && e.closeOnEscape));
+  Ha(k, C);
   const P = A(() => e.focusElement), R = A(() => !e.withFocusTrap && !!e.isOpen && g.value);
-  ud(P, R);
+  fd(P, R);
   const I = A(() => !e.withFocusTrap || !e.isOpen ? !1 : e.focusTrapZoneElement || y.value || !1);
-  cd(I, P);
-  const $ = A(() => [y, o]);
+  dd(I, P);
+  const E = A(() => [y, o]);
   return () => {
     const T = e.theme, {
       class: D,
       isOpen: B,
       ...M
     } = e, {
-      anchorRef: H,
+      anchorRef: V,
       boundaryRef: U,
       closeMode: W,
-      closeOnClickAway: V,
+      closeOnClickAway: H,
       closeOnEscape: G,
       focusElement: ie,
-      focusAnchorOnClose: vt,
+      focusAnchorOnClose: bt,
       fitToAnchorWidth: Ne,
       fitWithinViewportHeight: fr,
-      offset: bt,
-      parentElement: cf,
-      placement: uf,
-      usePortal: df,
-      focusTrapZoneElement: ff,
-      zIndex: mf,
-      withFocusTrap: hf,
-      theme: pf,
-      as: vf,
-      elevation: bf,
-      hasArrow: gf,
-      ...rs
-    } = M, os = e.closeOnClickAway ? S : void 0;
-    return Ju({
-      ...rs,
+      offset: gt,
+      parentElement: wf,
+      placement: Af,
+      usePortal: xf,
+      focusTrapZoneElement: Sf,
+      zIndex: Pf,
+      withFocusTrap: Tf,
+      theme: Nf,
+      as: kf,
+      elevation: Cf,
+      hasArrow: Of,
+      ...as
+    } = M, ss = e.closeOnClickAway ? S : void 0;
+    return ed({
+      ...as,
       ...r,
       as: e.as,
       children: n.default?.(),
@@ -4370,26 +4370,26 @@ const fd = {
       ref: y,
       arrowRef: x,
       usePortal: e.usePortal ?? !0,
-      clickAwayCallback: os,
-      clickAwayRefs: $
+      clickAwayCallback: ss,
+      clickAwayRefs: E
     }, {
       Portal: aa,
-      ClickAwayProvider: bs,
-      ThemeProvider: gs
+      ClickAwayProvider: ys,
+      ThemeProvider: ws
     });
   };
 }, {
   name: "LumxPopover",
   inheritAttrs: !1,
   props: O()("anchorRef", "as", "boundaryRef", "closeMode", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusElement", "focusAnchorOnClose", "hasArrow", "isOpen", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "zIndex", "withFocusTrap", "theme", "class"),
-  emits: fd
-}), hd = "PopoverDialog", pd = "lumx-popover-dialog", vd = {
+  emits: hd
+}), vd = "PopoverDialog", bd = "lumx-popover-dialog", gd = {
   close: () => !0
-}, em = /* @__PURE__ */ C((e, {
+}, dm = /* @__PURE__ */ N((e, {
   emit: t,
   slots: n
 }) => {
-  const r = _(), o = A(() => me.join(e.class, pd)), a = A(() => e.label ?? e.ariaLabel ?? r["aria-label"]), s = () => t("close");
+  const r = $(), o = A(() => me.join(e.class, bd)), a = A(() => e.label ?? e.ariaLabel ?? r["aria-label"]), s = () => t("close");
   return () => {
     const {
       label: i,
@@ -4397,7 +4397,7 @@ const fd = {
       class: c,
       ...u
     } = e;
-    return h(md, w(u, w(r, {
+    return h(pd, w(u, w(r, {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": a.value
@@ -4408,7 +4408,7 @@ const fd = {
       withFocusTrap: !0,
       onClose: s
     }), {
-      default: () => [h(Bu, {
+      default: () => [h(ju, {
         level: 2
       }, {
         default: () => [n.default?.()]
@@ -4416,17 +4416,17 @@ const fd = {
     });
   };
 }, {
-  name: `Lumx${hd}`,
+  name: `Lumx${vd}`,
   inheritAttrs: !1,
   props: O()("anchorRef", "aria-label", "aria-labelledby", "as", "boundaryRef", "closeMode", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusAnchorOnClose", "focusElement", "hasArrow", "isOpen", "label", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "withFocusTrap", "zIndex", "theme", "class"),
-  emits: vd
-}), bd = "lumx-progress-circular", {
-  block: gd,
+  emits: gd
+}), yd = "lumx-progress-circular", {
+  block: wd,
   element: nt
-} = L(bd), Xo = {
+} = L(yd), Xo = {
   size: z.m,
   display: "block"
-}, yd = (e) => {
+}, Ad = (e) => {
   const {
     className: t,
     theme: n,
@@ -4440,7 +4440,7 @@ const fd = {
   return h(c, w({
     ref: a
   }, l, {
-    className: E(t, gd({
+    className: _(t, wd({
       [`theme-${n}`]: !!n,
       [`size-${r}`]: !!r,
       [`display-${o}`]: !!o
@@ -4459,9 +4459,9 @@ const fd = {
       fill: "none"
     }), null)])]
   });
-}, tm = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q();
-  return () => h(yd, w(e, t, {
+}, fm = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j();
+  return () => h(Ad, w(e, t, {
     className: e.class,
     theme: e.theme || n.value,
     circleProps: {
@@ -4476,10 +4476,10 @@ const fd = {
   name: "LumxProgressCircular",
   inheritAttrs: !1,
   props: O()("class", "size", "display", "theme")
-}), wd = "lumx-progress-linear", {
-  block: Ad,
+}), xd = "lumx-progress-linear", {
+  block: Sd,
   element: Zo
-} = L(wd), xd = (e) => {
+} = L(xd), Pd = (e) => {
   const {
     className: t,
     theme: n,
@@ -4489,7 +4489,7 @@ const fd = {
   return h("div", w({
     ref: r
   }, o, {
-    className: E(t, Ad({
+    className: _(t, Sd({
       [`theme-${n}`]: !!n
     }))
   }), [h("div", {
@@ -4497,9 +4497,9 @@ const fd = {
   }, null), h("div", {
     className: Zo("line2")
   }, null)]);
-}, nm = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q();
-  return () => h(xd, w(e, t, {
+}, mm = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j();
+  return () => h(Pd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4507,10 +4507,10 @@ const fd = {
   name: "LumxProgressLinear",
   inheritAttrs: !1,
   props: O()("class", "theme")
-}), Sd = "lumx-radio-button", {
-  block: Pd,
+}), Td = "lumx-radio-button", {
+  block: Nd,
   element: ce
-} = L(Sd), Td = (e) => {
+} = L(Td), kd = (e) => {
   const {
     checked: t,
     className: n,
@@ -4534,7 +4534,7 @@ const fd = {
   return h("div", w({
     ref: c
   }, g, {
-    className: E(n, Pd({
+    className: _(n, Nd({
       "is-checked": s,
       "is-disabled": v,
       "is-unchecked": !s,
@@ -4573,12 +4573,12 @@ const fd = {
     theme: d,
     children: r
   })])]);
-}, Nd = {
+}, Cd = {
   change: (e, t, n) => n instanceof Event
-}, rm = /* @__PURE__ */ C((e, {
+}, hm = /* @__PURE__ */ N((e, {
   emit: t
 }) => {
-  const n = _(), r = q(), o = ft(), a = A(() => e.id || o), {
+  const n = $(), r = j(), o = mt(), a = A(() => e.id || o), {
     isAnyDisabled: s,
     disabledStateProps: i,
     otherProps: l
@@ -4588,7 +4588,7 @@ const fd = {
   }))), c = (u, d, f) => {
     s.value || t("change", u, d, f);
   };
-  return () => h(Td, w(l.value, {
+  return () => h(kd, w(l.value, {
     className: e.class,
     theme: e.theme || r.value,
     inputId: a.value,
@@ -4606,8 +4606,8 @@ const fd = {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "theme", "value", "aria-disabled"),
-  emits: Nd
-}), kd = "RadioGroup", ns = "lumx-radio-group", Cd = {}, pt = (e) => {
+  emits: Cd
+}), Od = "RadioGroup", ns = "lumx-radio-group", _d = {}, vt = (e) => {
   const {
     children: t,
     className: n,
@@ -4617,17 +4617,17 @@ const fd = {
   return h("div", w({
     ref: r
   }, o, {
-    className: E(n, ns)
+    className: _(n, ns)
   }), [t]);
 };
-pt.displayName = kd;
-pt.className = ns;
-pt.defaultProps = Cd;
-const om = /* @__PURE__ */ C((e, {
+vt.displayName = Od;
+vt.className = ns;
+vt.defaultProps = _d;
+const pm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(pt, w(e, n, {
+  const n = $();
+  return () => h(vt, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -4635,9 +4635,9 @@ const om = /* @__PURE__ */ C((e, {
   name: "RadioGroup",
   inheritAttrs: !1,
   props: O()("class")
-}), Od = "lumx-skeleton-circle", {
+}), $d = "lumx-skeleton-circle", {
   block: Ed
-} = L(Od), _d = (e) => {
+} = L($d), Rd = (e) => {
   const {
     className: t,
     size: n,
@@ -4649,28 +4649,28 @@ const om = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: a
   }, s, {
-    className: E(t, Ed({
+    className: _(t, Ed({
       [`size-${n}`]: !!n,
       [`color-${r}`]: !!r,
       [`theme-${o}`]: !!o
     }))
   }), null);
-}, $d = {
+}, Ld = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, Rd = "lumx-skeleton-rectangle", {
-  block: Ld,
-  element: Id
-} = L(Rd), Md = {
-  variant: $d.squared
-}, Bd = (e) => {
+}, Id = "lumx-skeleton-rectangle", {
+  block: Md,
+  element: Bd
+} = L(Id), Dd = {
+  variant: Ld.squared
+}, jd = (e) => {
   const {
     aspectRatio: t,
     className: n,
     height: r,
     theme: o,
-    variant: a = Md.variant,
+    variant: a = Dd.variant,
     width: s,
     color: i,
     ref: l,
@@ -4679,7 +4679,7 @@ const om = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: l
   }, c, {
-    className: E(n, Ld({
+    className: _(n, Md({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${r}`]: !!(!t && r),
       [`theme-${o}`]: !!o,
@@ -4688,12 +4688,12 @@ const om = /* @__PURE__ */ C((e, {
       [`color-${i}`]: !!i
     }))
   }), [h("div", {
-    className: Id("inner")
+    className: Bd("inner")
   }, null)]);
-}, Dd = "lumx-skeleton-typography", {
-  block: jd,
-  element: qd
-} = L(Dd), Fd = (e) => {
+}, qd = "lumx-skeleton-typography", {
+  block: Fd,
+  element: Wd
+} = L(qd), zd = (e) => {
   const {
     className: t,
     theme: n,
@@ -4706,7 +4706,7 @@ const om = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: s
   }, i, {
-    className: E(t, jd({
+    className: _(t, Fd({
       [`theme-${n}`]: !!n,
       [`typography-${r}`]: !!r,
       [`color-${a}`]: !!a
@@ -4716,11 +4716,11 @@ const om = /* @__PURE__ */ C((e, {
       width: o
     }
   }), [h("div", {
-    className: qd("inner")
+    className: Wd("inner")
   }, null)]);
-}, am = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q();
-  return () => h(_d, w(e, t, {
+}, vm = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j();
+  return () => h(Rd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4728,9 +4728,9 @@ const om = /* @__PURE__ */ C((e, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
   props: O()("class", "size", "color", "theme")
-}), sm = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q();
-  return () => h(Bd, w(e, t, {
+}), bm = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j();
+  return () => h(jd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4738,9 +4738,9 @@ const om = /* @__PURE__ */ C((e, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
   props: O()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), im = /* @__PURE__ */ C((e) => {
-  const t = _(), n = q();
-  return () => h(Fd, w(e, t, {
+}), gm = /* @__PURE__ */ N((e) => {
+  const t = $(), n = j();
+  return () => h(zd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4748,12 +4748,12 @@ const om = /* @__PURE__ */ C((e, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
   props: O()("class", "typography", "width", "color", "theme", "style")
-}), Wd = "lumx-switch", {
-  block: zd,
+}), Hd = "lumx-switch", {
+  block: Vd,
   element: ue
-} = L(Wd), Vd = {
+} = L(Hd), Ud = {
   position: "left"
-}, Hd = (e) => {
+}, Gd = (e) => {
   const {
     checked: t,
     className: n,
@@ -4770,7 +4770,7 @@ const om = /* @__PURE__ */ C((e, {
     inputProps: m = {},
     isDisabled: v,
     inputId: p,
-    position: g = Vd.position,
+    position: g = Ud.position,
     ...b
   } = e, y = (x) => {
     u && u(!s, f, l, x);
@@ -4778,7 +4778,7 @@ const om = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: c
   }, b, {
-    className: E(n, zd({
+    className: _(n, Vd({
       "is-checked": s,
       "is-disabled": v,
       "is-unchecked": !s,
@@ -4820,13 +4820,13 @@ const om = /* @__PURE__ */ C((e, {
     theme: d,
     children: r
   })])]);
-}, Ud = {
+}, Kd = {
   change: (e, t, n, r) => typeof e == "boolean" && r instanceof Event
-}, lm = /* @__PURE__ */ C((e, {
+}, ym = /* @__PURE__ */ N((e, {
   emit: t,
   slots: n
 }) => {
-  const r = _(), o = q(), a = ft(), s = A(() => e.id || a), {
+  const r = $(), o = j(), a = mt(), s = A(() => e.id || a), {
     isAnyDisabled: i,
     disabledStateProps: l,
     otherProps: c
@@ -4836,7 +4836,7 @@ const om = /* @__PURE__ */ C((e, {
   }))), u = (d, f, m, v) => {
     i.value || t("change", d, f, m, v);
   };
-  return () => h(Hd, w(c.value, {
+  return () => h(Gd, w(c.value, {
     className: e.class,
     theme: e.theme || o.value,
     inputId: s.value,
@@ -4854,10 +4854,132 @@ const om = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("checked", "class", "disabled", "helper", "id", "inputProps", "isChecked", "isDisabled", "label", "name", "position", "theme", "value", "aria-disabled"),
-  emits: Ud
-}), He = "lumx-table", {
-  block: Gd
-} = L(He), Kd = (e) => {
+  emits: Kd
+}), Yd = "lumx-text-field", rs = `${Yd}__input-native`, {
+  block: Xd
+} = L(rs), Zd = {
+  type: "text"
+}, Jd = (e) => {
+  const {
+    className: t,
+    theme: n,
+    value: r,
+    handleChange: o,
+    type: a = Zd.type,
+    name: s,
+    ref: i,
+    ...l
+  } = e, c = (u) => {
+    o?.(u.target.value, s, u);
+  };
+  return h("input", w(l, {
+    name: s,
+    type: a,
+    ref: i,
+    className: _(t, Xd({
+      [`theme-${n}`]: !!n,
+      text: !0
+    })),
+    onChange: c,
+    value: r
+  }), null);
+}, Qd = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  change: (e, t, n) => typeof e == "string"
+}, wm = /* @__PURE__ */ N((e, {
+  emit: t
+}) => {
+  const n = $(), r = j(), o = (a, s, i) => {
+    i?.stopImmediatePropagation(), t("change", a, s, i);
+  };
+  return () => h(Jd, w(n, {
+    value: e.value,
+    type: e.type,
+    name: e.name,
+    className: e.class,
+    theme: e.theme || r.value,
+    handleChange: o
+  }), null);
+}, {
+  name: "LumxRawInputText",
+  inheritAttrs: !1,
+  props: O()("class", "theme", "value", "type", "name"),
+  emits: Qd
+}), {
+  block: ef
+} = L(rs), os = {
+  rows: 2
+}, tf = (e) => {
+  const {
+    className: t,
+    theme: n,
+    value: r,
+    handleChange: o,
+    rows: a = os.rows,
+    name: s,
+    ref: i,
+    ...l
+  } = e, c = (u) => {
+    o?.(u.target.value, s, u);
+  };
+  return h("textarea", w(l, {
+    name: s,
+    ref: i,
+    className: _(t, ef({
+      [`theme-${n}`]: !!n,
+      textarea: !0
+    })),
+    onChange: c,
+    value: r,
+    rows: a
+  }), null);
+};
+function nf(e, t, n) {
+  const r = q(e.value);
+  return at(
+    () => {
+      const o = t.value;
+      if (!o) return;
+      const a = e.value;
+      n.value;
+      const s = o.rows;
+      o.rows = a;
+      const i = o.clientHeight / a;
+      o.rows = 1;
+      const { scrollHeight: l } = o;
+      o.rows = s;
+      const c = i > 0 ? Math.ceil(l / i) : a;
+      r.value = Math.max(c, a);
+    },
+    { flush: "post" }
+  ), r;
+}
+const rf = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  change: (e, t, n) => typeof e == "string"
+}, Am = /* @__PURE__ */ N((e, {
+  emit: t
+}) => {
+  const n = $(), r = j(), o = q(null), a = nf(A(() => e.rows ?? os.rows), o, A(() => e.value)), s = (i, l, c) => {
+    c?.stopImmediatePropagation(), t("change", i, l, c);
+  };
+  return () => h(tf, w(n, {
+    ref: o,
+    value: e.value,
+    rows: a.value,
+    name: e.name,
+    className: e.class,
+    theme: e.theme || r.value,
+    handleChange: s
+  }), null);
+}, {
+  name: "LumxRawInputTextarea",
+  inheritAttrs: !1,
+  props: O()("class", "theme", "value", "rows", "name"),
+  emits: rf
+}), Ve = "lumx-table", {
+  block: of
+} = L(Ve), af = (e) => {
   const {
     children: t,
     className: n,
@@ -4870,17 +4992,17 @@ const om = /* @__PURE__ */ C((e, {
   return h("table", w({
     ref: a
   }, i, {
-    className: E(n, Gd({
+    className: _(n, of({
       "has-before": r,
       "has-dividers": o,
       [`theme-${s}`]: !!s
     }))
   }), [t]);
-}, cm = /* @__PURE__ */ C((e, {
+}, xm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), r = q();
-  return () => h(Kd, w(e, n, {
+  const n = $(), r = j();
+  return () => h(af, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
     children: t.default?.()
@@ -4889,7 +5011,7 @@ const om = /* @__PURE__ */ C((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: O()("class", "hasBefore", "hasDividers", "theme")
-}), Yd = `${He}__body`, Xd = (e) => {
+}), sf = `${Ve}__body`, lf = (e) => {
   const {
     children: t,
     className: n,
@@ -4899,13 +5021,13 @@ const om = /* @__PURE__ */ C((e, {
   return h("tbody", w({
     ref: r
   }, o, {
-    className: E(n, Yd)
+    className: _(n, sf)
   }), [t]);
-}, um = /* @__PURE__ */ C((e, {
+}, Sm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(Xd, w(e, n, {
+  const n = $();
+  return () => h(lf, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -4916,14 +5038,14 @@ const om = /* @__PURE__ */ C((e, {
 }), Ye = {
   asc: "asc",
   desc: "desc"
-}, Gn = {
+}, Kn = {
   body: "body",
   head: "head"
-}, be = `${He}__cell`, {
+}, be = `${Ve}__cell`, {
   block: Jo
-} = L(be), Zd = {
-  variant: Gn.body
-}, Jd = (e) => {
+} = L(be), cf = {
+  variant: Kn.body
+}, uf = (e) => {
   const {
     children: t,
     className: n,
@@ -4932,17 +5054,17 @@ const om = /* @__PURE__ */ C((e, {
     handleClick: a,
     ref: s,
     sortOrder: i,
-    variant: l = Zd.variant,
+    variant: l = cf.variant,
     ...c
   } = e, u = a ? "button" : "div", d = u === "button" ? {
     type: "button",
     onClick: a
   } : void 0;
   let f;
-  return o && (f = "none", i === Ye.asc && (f = "ascending"), i === Ye.desc && (f = "descending")), h(Ae, null, [l === Gn.head && h("th", w({
+  return o && (f = "none", i === Ye.asc && (f = "ascending"), i === Ye.desc && (f = "descending")), h(Ae, null, [l === Kn.head && h("th", w({
     ref: s
   }, c, {
-    className: E(n, Jo({
+    className: _(n, Jo({
       "is-sortable": o,
       "is-sorted": o && !!i,
       head: !0
@@ -4957,35 +5079,35 @@ const om = /* @__PURE__ */ C((e, {
       size: z.xxs
     }), o && i === Ye.asc && X({
       className: `${be}-icon`,
-      icon: Cs,
+      icon: _s,
       size: z.xxs
     }), o && i === Ye.desc && X({
       className: `${be}-icon`,
-      icon: ks,
+      icon: Os,
       size: z.xxs
     }), h("div", {
       className: `${be}-content`
     }, [t])]
-  })]), l === Gn.body && h("td", w({
+  })]), l === Kn.body && h("td", w({
     ref: s
   }, c, {
-    className: E(n, Jo({
+    className: _(n, Jo({
       body: !0
     }))
   }), [h("div", {
     className: `${be}-content`
   }, [t])])]);
-}, Qd = {
+}, df = {
   headerClick: () => !0
-}, dm = /* @__PURE__ */ C((e, {
+}, Pm = /* @__PURE__ */ N((e, {
   emit: t,
   slots: n,
   attrs: r
 }) => {
   const o = () => {
     t("headerClick");
-  }, a = Ee("onHeaderClick");
-  return () => h(Jd, w(e, r, {
+  }, a = _e("onHeaderClick");
+  return () => h(uf, w(e, r, {
     className: e.class,
     handleClick: a ? o : void 0,
     children: n.default?.()
@@ -4994,8 +5116,8 @@ const om = /* @__PURE__ */ C((e, {
   name: "LumxTableCell",
   inheritAttrs: !1,
   props: O()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: Qd
-}), ef = `${He}__header`, tf = (e) => {
+  emits: df
+}), ff = `${Ve}__header`, mf = (e) => {
   const {
     children: t,
     className: n,
@@ -5005,13 +5127,13 @@ const om = /* @__PURE__ */ C((e, {
   return h("thead", w({
     ref: r
   }, o, {
-    className: E(n, ef)
+    className: _(n, ff)
   }), [t]);
-}, fm = /* @__PURE__ */ C((e, {
+}, Tm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(tf, w(e, n, {
+  const n = $();
+  return () => h(mf, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -5019,9 +5141,9 @@ const om = /* @__PURE__ */ C((e, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
   props: O()("class")
-}), nf = `${He}__row`, {
-  block: rf
-} = L(nf), of = (e) => {
+}), hf = `${Ve}__row`, {
+  block: pf
+} = L(hf), vf = (e) => {
   const {
     children: t,
     className: n,
@@ -5038,23 +5160,23 @@ const om = /* @__PURE__ */ C((e, {
   }, s !== void 0 ? {
     tabIndex: s
   } : {}, l, {
-    className: E(n, rf({
+    className: _(n, pf({
       "is-clickable": r && !c,
       "is-disabled": c,
       "is-selected": o && !c
     }))
   }), [t]);
-}, mm = /* @__PURE__ */ C((e, {
+}, Nm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _(), {
+  const n = $(), {
     isAnyDisabled: r,
     otherProps: o
   } = se(A(() => ({
     ...e,
     ...n
   })));
-  return () => h(of, w(o.value, {
+  return () => h(vf, w(o.value, {
     className: e.class,
     tabIndex: e.isClickable && !r.value ? 0 : -1,
     "aria-disabled": r.value,
@@ -5064,10 +5186,10 @@ const om = /* @__PURE__ */ C((e, {
   name: "LumxTableRow",
   inheritAttrs: !1,
   props: O()("class", "isClickable", "isDisabled", "isSelected")
-}), hm = "Toolbar", af = "lumx-toolbar", {
-  block: sf,
-  element: Mn
-} = L(af), lf = (e) => {
+}), km = "Toolbar", bf = "lumx-toolbar", {
+  block: gf,
+  element: Bn
+} = L(bf), yf = (e) => {
   const {
     after: t,
     before: n,
@@ -5079,23 +5201,23 @@ const om = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: a
   }, s, {
-    className: E(r, sf({
+    className: _(r, gf({
       "has-after": !!t,
       "has-before": !!n,
       "has-label": !!o
     }))
   }), [n && h("div", {
-    className: Mn("before")
+    className: Bn("before")
   }, [n]), o && h("div", {
-    className: Mn("label")
+    className: Bn("label")
   }, [o]), t && h("div", {
-    className: Mn("after")
+    className: Bn("after")
   }, [t])]);
-}, pm = /* @__PURE__ */ C((e, {
+}, Cm = /* @__PURE__ */ N((e, {
   slots: t
 }) => {
-  const n = _();
-  return () => h(lf, w(e, n, {
+  const n = $();
+  return () => h(yf, w(e, n, {
     className: e.class,
     label: t.default?.(),
     before: t.before?.(),
@@ -5107,53 +5229,55 @@ const om = /* @__PURE__ */ C((e, {
   props: O()("class")
 });
 export {
-  Mf as Avatar,
-  Bf as Badge,
-  Df as BadgeWrapper,
-  jf as Button,
-  Ff as ButtonGroup,
-  Wf as Checkbox,
-  zf as Chip,
-  Vf as ChipGroup,
-  Hf as Divider,
-  Uf as Flag,
-  Gf as FlexBox,
-  Kf as GridColumn,
-  Yf as Heading,
-  Bu as HeadingLevelProvider,
-  qn as Icon,
-  qf as IconButton,
-  Xf as InputHelper,
-  Zf as InputLabel,
-  Jf as Link,
-  Qf as Message,
-  Hu as Placement,
-  md as Popover,
-  em as PopoverDialog,
-  tm as ProgressCircular,
-  nm as ProgressLinear,
-  rm as RadioButton,
-  om as RadioGroup,
-  am as SkeletonCircle,
-  sm as SkeletonRectangle,
-  $d as SkeletonRectangleVariant,
-  im as SkeletonTypography,
-  lm as Switch,
-  hm as TOOLBAR_NAME,
-  cm as Table,
-  um as TableBody,
-  dm as TableCell,
-  Gn as TableCellVariant,
-  fm as TableHeader,
-  mm as TableRow,
+  Gf as Avatar,
+  Kf as Badge,
+  Yf as BadgeWrapper,
+  Xf as Button,
+  Jf as ButtonGroup,
+  Qf as Checkbox,
+  em as Chip,
+  tm as ChipGroup,
+  nm as Divider,
+  rm as Flag,
+  om as FlexBox,
+  am as GridColumn,
+  sm as Heading,
+  ju as HeadingLevelProvider,
+  Fn as Icon,
+  Zf as IconButton,
+  im as InputHelper,
+  lm as InputLabel,
+  cm as Link,
+  um as Message,
+  Gu as Placement,
+  pd as Popover,
+  dm as PopoverDialog,
+  fm as ProgressCircular,
+  mm as ProgressLinear,
+  hm as RadioButton,
+  pm as RadioGroup,
+  wm as RawInputText,
+  Am as RawInputTextarea,
+  vm as SkeletonCircle,
+  bm as SkeletonRectangle,
+  Ld as SkeletonRectangleVariant,
+  gm as SkeletonTypography,
+  ym as Switch,
+  km as TOOLBAR_NAME,
+  xm as Table,
+  Sm as TableBody,
+  Pm as TableCell,
+  Kn as TableCellVariant,
+  Tm as TableHeader,
+  Nm as TableRow,
   rr as Text,
   Ye as ThOrder,
-  ri as Thumbnail,
-  If as ThumbnailObjectFit,
-  Lf as ThumbnailVariant,
-  pm as Toolbar,
-  Dc as Tooltip,
-  Qd as emitSchema,
+  ai as Thumbnail,
+  Uf as ThumbnailObjectFit,
+  Vf as ThumbnailVariant,
+  Cm as Toolbar,
+  qc as Tooltip,
+  df as emitSchema,
   Qa as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map