npm - @lumx/vue - Versions diffs - 4.5.2-alpha.6 → 4.6.1-alpha.0 - Mend

@lumx/vue 4.5.2-alpha.6 → 4.6.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/components/chip/ChipGroup.d.ts +7 -0
package/components/chip/ChipGroup.stories.d.ts +12 -0
package/components/chip/index.d.ts +1 -0
package/components/popover/Popover.stories.d.ts +8 -0
package/components/popover/Popover.test.stories.d.ts +10 -0
package/components/popover-dialog/PopoverDialog.stories.d.ts +7 -0
package/components/popover-dialog/PopoverDialog.test.stories.d.ts +24 -0
package/index.js +884 -854
package/index.js.map +1 -1
package/package.json +5 -3
package/utils/action-area/ActionArea.stories.d.ts +28 -0

package/index.js CHANGED Viewed

@@ -1,27 +1,27 @@
 import { ColorVariant as as, VISUALLY_HIDDEN as ss, AspectRatio as Qo, Size as is } 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 Yn, computed as A, unref as Mn, 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 nt, provide as Xn, getCurrentScope as na, onScopeDispose as ra, toValue as Zn, shallowRef as Jn, onMounted as cs, useSlots as rt, useTemplateRef as us, shallowReadonly as Ce, watchEffect as ot, isRef as fe, onUnmounted as oa, h as mr, Comment as ds, Text as fs, cloneVNode as ms, toRefs as hs, reactive as ps } from "vue";
-import { u as q, P as aa, C as vs, T as bs } from "./_internal/DCsEMm-b.js";
+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 { classNames as me } from "@lumx/core/js/utils";
-import { mdiImageBroken as gs } from "@lumx/icons/esm/image-broken.js";
+import { mdiImageBroken as ys } from "@lumx/icons/esm/image-broken.js";
 import { mdiAlertCircle as sa } from "@lumx/icons/esm/alert-circle.js";
-import { getDisabledState as ys } from "@lumx/core/js/utils/disabledState";
-import { mdiCheck as ws } from "@lumx/icons/esm/check.js";
-import { mdiMinus as As } from "@lumx/icons/esm/minus.js";
-import { mdiAlert as xs } from "@lumx/icons/esm/alert.js";
-import { mdiCheckCircle as Ss } from "@lumx/icons/esm/check-circle.js";
-import { mdiClose as Ps } from "@lumx/icons/esm/close.js";
-import { mdiInformation as Ts } from "@lumx/icons/esm/information.js";
-import { mdiArrowDown as Ns } from "@lumx/icons/esm/arrow-down.js";
-import { mdiArrowUp as ks } from "@lumx/icons/esm/arrow-up.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";
 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 hr;
-function Cs() {
+function Os() {
   return hr || (hr = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -53,29 +53,15 @@ function Cs() {
     })();
   })(gt)), gt.exports;
 }
-var Os = Cs();
-const E = /* @__PURE__ */ Re(Os);
-function Qn(e, t) {
-  if (!e) return [void 0, t];
-  const [n, r] = e.split("-");
-  return [n, t || r];
-}
-function Es(e, t, n) {
-  const [r, o = as.N] = Qn(t, n);
-  return `lumx-color-${e}-${r}-${o}`;
-}
-const _s = (e, t) => Es("font", e, t);
-function er(e) {
-  return `lumx-typography-${e}`;
-}
-const $s = () => ss;
+var Es = Os();
+const E = /* @__PURE__ */ Re(Es);
 function ia(e, t) {
   const n = [];
   for (const [r, o] of Object.entries(t))
     o && n.push(`${e}--${r}`);
   return n.join(" ");
 }
-function Xe(e, t, n) {
+function Ze(e, t, n) {
   let r, o;
   return Array.isArray(t) ? o = t : (r = t, o = n), !r && !o ? e : E(
     // Additional classes
@@ -86,12 +72,26 @@ function Xe(e, t, n) {
     r ? ia(e, r) : null
   );
 }
+function Qn(e, t) {
+  if (!e) return [void 0, t];
+  const [n, r] = e.split("-");
+  return [n, t || r];
+}
+function _s(e, t, n) {
+  const [r, o = as.N] = Qn(t, n);
+  return `lumx-color-${e}-${r}-${o}`;
+}
+const $s = (e, t) => _s("font", e, t);
+function er(e) {
+  return `lumx-typography-${e}`;
+}
+const Rs = () => ss;
 function pr(e, t, n, r) {
-  return Array.isArray(n) ? Xe(`${e}__${t}`, n) : Xe(`${e}__${t}`, n, r);
+  return Array.isArray(n) ? Ze(`${e}__${t}`, n) : Ze(`${e}__${t}`, n, r);
 }
 function L(e) {
   function t(r, o) {
-    return Array.isArray(r) ? Xe(e, r) : Xe(e, r, o);
+    return Array.isArray(r) ? Ze(e, r) : Ze(e, r, o);
   }
   function n(r, o, a) {
     return Array.isArray(o) ? pr(e, r, o) : pr(e, r, o, a);
@@ -102,12 +102,12 @@ function L(e) {
     modifier: (r) => ia(e, r)
   };
 }
-function Rs(e) {
+function Ls(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function Ls(e) {
+function Is(e) {
   return (t) => {
     t.key === "Escape" && e(t);
   };
@@ -128,7 +128,7 @@ const vr = {
   m: "m",
   xl: "xl",
   xxl: "xxl"
-}, Is = {
+}, Ms = {
   horizontal: "horizontal"
 }, ge = {
   low: "low",
@@ -161,12 +161,12 @@ const vr = {
   yellow: "yellow",
   red: "red",
   light: "light"
-}, Ms = typeof window < "u" && !window.navigator.userAgent.includes("jsdom"), Ds = "lumx-avatar", {
-  block: js,
+}, Ds = typeof window < "u" && !window.navigator.userAgent.includes("jsdom"), js = "lumx-avatar", {
+  block: qs,
   element: Dn
-} = L(Ds), ca = {
+} = L(js), ca = {
   size: z.m
-}, qs = (e) => {
+}, Fs = (e) => {
   const {
     actions: t,
     badge: n,
@@ -180,7 +180,7 @@ const vr = {
   return h("div", w({
     ref: i
   }, l, {
-    className: E(r, js({
+    className: E(r, qs({
       [`size-${a}`]: !!a,
       [`theme-${s}`]: !!s
     }))
@@ -192,9 +192,9 @@ const vr = {
 }, O = () => (...e) => e.reduce(
   (t, n) => (t[n] = { required: !1 }, t),
   {}
-), Fs = "Icon", Ws = "lumx-icon", ua = Ws, {
-  block: zs
-} = L(ua), Vs = {}, X = (e) => {
+), Ws = "Icon", zs = "lumx-icon", ua = zs, {
+  block: Vs
+} = L(ua), Hs = {}, X = (e) => {
   const {
     className: t,
     color: n,
@@ -216,7 +216,7 @@ const vr = {
   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, zs({
+    className: E(t, Vs({
       [`color-${v}`]: !!v,
       [`color-variant-${p}`]: !!p,
       "has-shape": o,
@@ -243,10 +243,10 @@ const vr = {
     fill: "currentColor"
   }, null)])]);
 };
-X.displayName = Fs;
+X.displayName = Ws;
 X.className = ua;
-X.defaultProps = Vs;
-function Hs(e) {
+X.defaultProps = Hs;
+function Us(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);
     }
-  }), Hs(t) ? t : {
+  }), Us(t) ? t : {
     default: () => [t]
   });
 };
 function yt(e, t) {
   return t?.type === "error" || e?.complete && !e.getAttribute("src") ? "hasError" : !e || !e.complete ? "isLoading" : "isLoaded";
 }
-function Us({
+function Gs({
   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 Gs({
+function Ks({
   image: e,
   aspectRatio: t,
   focusPoint: n,
@@ -338,13 +338,13 @@ function Gs({
     containerSize: a.width
   })}% ${u}%` };
 }
-const Ks = "lumx-thumbnail", {
-  block: Ys,
+const Ys = "lumx-thumbnail", {
+  block: Xs,
   element: De
-} = me.bem(Ks), yr = {
-  fallback: gs,
+} = me.bem(Ys), yr = {
+  fallback: ys,
   loading: "lazy"
-}, Xs = (e) => {
+}, Zs = (e) => {
   const {
     align: t,
     alt: n,
@@ -368,35 +368,35 @@ const Ks = "lumx-thumbnail", {
     size: S,
     theme: N,
     loadingState: k,
-    variant: T,
+    variant: P,
     linkProps: R,
     linkAs: I,
-    handleClick: _,
-    handleKeyPress: P,
+    handleClick: $,
+    handleKeyPress: T,
     ...D
-  } = e, M = v || k === "isLoading", B = k === "hasError", H = B && typeof l == "string", U = B && !H, W = {};
+  } = 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 || _ || P), ie = {
+  const V = !!(R?.href || I), G = !y && !!(V || $ || 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, Ys({
+  const vt = me.join(R?.className, a, Xs({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${r}`]: !!r,
     [`size-${S}`]: !!S,
     [`theme-${N}`]: !!N,
-    [`variant-${T}`]: !!T,
+    [`variant-${P}`]: !!P,
     "is-clickable": G,
-    "has-error": B,
+    "has-error": M,
     "has-icon-error-fallback": H,
     "has-custom-error-fallback": U,
-    "is-loading": M,
+    "is-loading": B,
     [`object-fit-${p}`]: !!p,
     "has-badge": !!o,
     "fill-height": u
-  })), Ne = M && b?.current?.complete && b?.current || void 0, fr = Ne ? {
+  })), Ne = B && b?.current?.complete && b?.current || void 0, fr = Ne ? {
     backgroundImage: `url(${Ne.src})`
   } : void 0, bt = h(Ae, null, [h("span", {
     className: De("background")
@@ -406,7 +406,7 @@ const Ks = "lumx-thumbnail", {
   }, f, {
     style: {
       // Reserve space while loading (when possible)
-      width: M ? f?.width || Ne?.naturalWidth : void 0,
+      width: B ? f?.width || Ne?.naturalWidth : void 0,
       ...f?.style,
       ...W,
       ...c,
@@ -414,14 +414,14 @@ const Ks = "lumx-thumbnail", {
     },
     ref: m,
     className: me.join(De("image", {
-      "is-loading": M,
+      "is-loading": B,
       "has-defined-size": !!(f?.height && f.width)
     }), f?.className),
     crossOrigin: s,
     src: d,
     alt: n,
     loading: g
-  }), null), !M && B && h("span", {
+  }), null), !B && M && h("span", {
     className: De("fallback")
   }, [H ? X({
     icon: l,
@@ -433,21 +433,21 @@ const Ks = "lumx-thumbnail", {
     ...ie,
     className: vt,
     children: bt,
-    handleClick: _,
-    handleKeyPress: P
+    handleClick: $,
+    handleKeyPress: T
   }) : h("div", w({
     ref: i
   }, ie, {
     className: vt
   }), [bt]);
-}, Zs = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
-function Js() {
-  return Yn(Zs, { state: null });
+}, Js = /* @__PURE__ */ Symbol("DISABLED_STATE_KEY");
+function Qs() {
+  return Kn(Js, { state: null });
 }
 function se(e) {
-  const t = Js(), n = A(() => {
-    const a = typeof e == "function" ? e() : Mn(e);
-    return ys(t, {
+  const t = Qs(), n = A(() => {
+    const a = typeof e == "function" ? e() : Bn(e);
+    return ws(t, {
       disabled: a.disabled,
       isDisabled: a.isDisabled,
       "aria-disabled": a["aria-disabled"] ?? a.ariaDisabled
@@ -455,13 +455,13 @@ function se(e) {
   }), r = A(
     () => n.value["aria-disabled"] || n.value.disabled || void 0
   ), o = A(() => {
-    const a = typeof e == "function" ? e() : Mn(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: u, onChange: d, ...f } = a;
+    const a = typeof e == "function" ? e() : Bn(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 Qs(e, t) {
+function ei(e, t) {
   const n = F(yt(t.value));
   Z(
     [e, t],
@@ -483,9 +483,9 @@ function Qs(e, t) {
     t.value && (t.value.removeEventListener("load", r), t.value.removeEventListener("error", r));
   }), n;
 }
-function ei(e) {
+function ti(e) {
   const { image: t, aspectRatio: n, focusPoint: r, width: o, height: a, element: s, isLoaded: i } = e, l = A(
-    () => Us({
+    () => Gs({
       image: t.value,
       aspectRatio: n.value,
       focusPoint: r.value,
@@ -508,7 +508,7 @@ function ei(e) {
     },
     { immediate: !0 }
   ), A(
-    () => Gs({
+    () => Ks({
       image: t.value,
       aspectRatio: n.value,
       focusPoint: r.value,
@@ -518,21 +518,21 @@ function ei(e) {
     })
   );
 }
-const ti = {
+const ni = {
   click: (e) => e instanceof Event,
   keyPress: (e) => e instanceof Event
-}, ni = /* @__PURE__ */ C((e, {
+}, ri = /* @__PURE__ */ C((e, {
   emit: t,
   slots: n
 }) => {
-  const r = $(), o = q(), a = F(), s = Ee("onClick"), i = Ee("onKeyPress"), {
+  const r = _(), o = q(), a = F(), s = Ee("onClick"), i = Ee("onKeyPress"), {
     isAnyDisabled: l,
     disabledStateProps: c,
     otherProps: u
   } = se(A(() => ({
     ...e,
     ...r
-  }))), d = Qs(ke(() => e.image), a), f = A(() => d.value === "isLoaded"), m = ei({
+  }))), d = ei(ke(() => e.image), a), f = A(() => d.value === "isLoaded"), m = ti({
     image: ke(() => e.image),
     aspectRatio: ke(() => e.aspectRatio),
     focusPoint: ke(() => e.focusPoint),
@@ -550,8 +550,8 @@ const ti = {
       linkAs: y,
       ...x
     } = u.value;
-    return h(Xs, w(x, {
-      linkAs: nt(y),
+    return h(Zs, w(x, {
+      linkAs: rt(y),
       className: e.class,
       theme: e.theme || o.value,
       isAnyDisabled: l.value,
@@ -582,17 +582,17 @@ const ti = {
   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: ti
-}), Ef = {
+  emits: ni
+}), Lf = {
   squared: "squared",
   rounded: "rounded"
-}, _f = {
+}, If = {
   cover: "cover",
   contain: "contain"
-}, $f = /* @__PURE__ */ C((e, {
+}, Mf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = q();
+  const n = _(), r = q();
   return () => {
     const {
       image: o,
@@ -610,13 +610,13 @@ const ti = {
     } = {
       ...n
     }, g = t.actions?.(), b = t.badge?.();
-    return h(qs, w(p, {
+    return h(Fs, w(p, {
       className: d,
       theme: f,
       size: s,
       actions: g,
       badge: b,
-      image: h(ni, w({
+      image: h(ri, w({
         linkProps: l,
         linkAs: c,
         class: Dn("thumbnail"),
@@ -635,8 +635,8 @@ const ti = {
   name: "LumxAvatar",
   inheritAttrs: !1,
   props: O()("image", "alt", "size", "theme", "linkProps", "linkAs", "thumbnailProps", "class")
-}), ri = "Badge", da = "lumx-badge", {
-  block: oi
+}), oi = "Badge", da = "lumx-badge", {
+  block: ai
 } = L(da), fa = {
   color: j.primary
 }, at = (e) => {
@@ -650,18 +650,18 @@ const ti = {
   return h("div", w({
     ref: o
   }, a, {
-    className: E(n, oi({
+    className: E(n, ai({
       [`color-${r}`]: !!r
     }))
   }), [t]);
 };
-at.displayName = ri;
+at.displayName = oi;
 at.className = da;
 at.defaultProps = fa;
-const Rf = /* @__PURE__ */ C((e, {
+const Bf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
+  const n = _();
   return () => h(at, w(e, n, {
     className: e.class,
     children: t.default?.()
@@ -671,10 +671,10 @@ const Rf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("color", "class")
-}), ai = "lumx-badge-wrapper", {
-  block: si,
-  element: ii
-} = L(ai), li = (e) => {
+}), si = "lumx-badge-wrapper", {
+  block: ii,
+  element: li
+} = L(si), ci = (e) => {
   const {
     badge: t,
     children: n,
@@ -685,15 +685,15 @@ const Rf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: o
   }, a, {
-    className: E(r, si())
+    className: E(r, ii())
   }), [n, t && h("div", {
-    className: ii("badge")
+    className: li("badge")
   }, [t])]);
-}, Lf = /* @__PURE__ */ C((e, {
+}, Df = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
-  return () => h(li, w(e, n, {
+  const n = _();
+  return () => h(ci, w(e, n, {
     className: e.class,
     badge: e.badge || t.badge?.(),
     children: t.default?.()
@@ -715,7 +715,7 @@ function ma() {
   return wt = t, wt;
 }
 var At, Ar;
-function ci() {
+function ui() {
   if (Ar) return At;
   Ar = 1;
   function e(t, n) {
@@ -726,17 +726,17 @@ function ci() {
   return At = e, At;
 }
 var xt, xr;
-function ui() {
+function di() {
   if (xr) return xt;
   xr = 1;
-  var e = ci(), t = e(Object.keys, Object);
+  var e = ui(), t = e(Object.keys, Object);
   return xt = t, xt;
 }
 var St, Sr;
-function di() {
+function fi() {
   if (Sr) return St;
   Sr = 1;
-  var e = ma(), t = ui(), n = Object.prototype, r = n.hasOwnProperty;
+  var e = ma(), t = di(), n = Object.prototype, r = n.hasOwnProperty;
   function o(a) {
     if (!e(a))
       return t(a);
@@ -769,7 +769,7 @@ function pa() {
   return Nt = t, Nt;
 }
 var kt, kr;
-function fi() {
+function mi() {
   if (kr) return kt;
   kr = 1;
   var e = pa(), t = Object.prototype, n = t.hasOwnProperty, r = t.toString, o = e ? e.toStringTag : void 0;
@@ -786,7 +786,7 @@ function fi() {
   return kt = a, kt;
 }
 var Ct, Cr;
-function mi() {
+function hi() {
   if (Cr) return Ct;
   Cr = 1;
   var e = Object.prototype, t = e.toString;
@@ -799,7 +799,7 @@ var Ot, Or;
 function Fe() {
   if (Or) return Ot;
   Or = 1;
-  var e = pa(), t = fi(), n = mi(), r = "[object Null]", o = "[object Undefined]", a = e ? e.toStringTag : void 0;
+  var e = pa(), t = mi(), n = hi(), 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);
   }
@@ -829,17 +829,17 @@ function va() {
   return _t = s, _t;
 }
 var $t, $r;
-function hi() {
+function pi() {
   if ($r) return $t;
   $r = 1;
   var e = ve(), t = e["__core-js_shared__"];
   return $t = t, $t;
 }
 var Rt, Rr;
-function pi() {
+function vi() {
   if (Rr) return Rt;
   Rr = 1;
-  var e = hi(), t = (function() {
+  var e = pi(), t = (function() {
     var r = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return r ? "Symbol(src)_1." + r : "";
   })();
@@ -869,10 +869,10 @@ function ba() {
   return Lt = n, Lt;
 }
 var It, Ir;
-function vi() {
+function bi() {
   if (Ir) return It;
   Ir = 1;
-  var e = va(), t = pi(), 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 = vi(), 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) {
@@ -883,66 +883,66 @@ function vi() {
   }
   return It = d, It;
 }
-var Bt, Br;
-function bi() {
-  if (Br) return Bt;
-  Br = 1;
+var Mt, Mr;
+function gi() {
+  if (Mr) return Mt;
+  Mr = 1;
   function e(t, n) {
     return t?.[n];
   }
-  return Bt = e, Bt;
+  return Mt = e, Mt;
 }
-var Mt, Mr;
+var Bt, Br;
 function Le() {
-  if (Mr) return Mt;
-  Mr = 1;
-  var e = vi(), t = bi();
+  if (Br) return Bt;
+  Br = 1;
+  var e = bi(), t = gi();
   function n(r, o) {
     var a = t(r, o);
     return e(a) ? a : void 0;
   }
-  return Mt = n, Mt;
+  return Bt = n, Bt;
 }
 var Dt, Dr;
-function gi() {
+function yi() {
   if (Dr) return Dt;
   Dr = 1;
   var e = Le(), t = ve(), n = e(t, "DataView");
   return Dt = n, Dt;
 }
 var jt, jr;
-function yi() {
+function wi() {
   if (jr) return jt;
   jr = 1;
   var e = Le(), t = ve(), n = e(t, "Map");
   return jt = n, jt;
 }
 var qt, qr;
-function wi() {
+function Ai() {
   if (qr) return qt;
   qr = 1;
   var e = Le(), t = ve(), n = e(t, "Promise");
   return qt = n, qt;
 }
 var Ft, Fr;
-function Ai() {
+function xi() {
   if (Fr) return Ft;
   Fr = 1;
   var e = Le(), t = ve(), n = e(t, "Set");
   return Ft = n, Ft;
 }
 var Wt, Wr;
-function xi() {
+function Si() {
   if (Wr) return Wt;
   Wr = 1;
   var e = Le(), t = ve(), n = e(t, "WeakMap");
   return Wt = n, Wt;
 }
 var zt, zr;
-function Si() {
+function Pi() {
   if (zr) return zt;
   zr = 1;
-  var e = gi(), t = yi(), n = wi(), r = Ai(), o = xi(), 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 = 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;
   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)
@@ -971,7 +971,7 @@ function st() {
   return Vt = e, Vt;
 }
 var Ht, Hr;
-function Pi() {
+function Ti() {
   if (Hr) return Ht;
   Hr = 1;
   var e = Fe(), t = st(), n = "[object Arguments]";
@@ -981,10 +981,10 @@ function Pi() {
   return Ht = r, Ht;
 }
 var Ut, Ur;
-function Ti() {
+function Ni() {
   if (Ur) return Ut;
   Ur = 1;
-  var e = Pi(), t = st(), n = Object.prototype, r = n.hasOwnProperty, o = n.propertyIsEnumerable, a = e(/* @__PURE__ */ (function() {
+  var e = Ti(), t = st(), 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");
@@ -1009,7 +1009,7 @@ function ya() {
   return Kt = t, Kt;
 }
 var Yt, Yr;
-function Ni() {
+function ki() {
   if (Yr) return Yt;
   Yr = 1;
   var e = va(), t = ya();
@@ -1018,8 +1018,8 @@ function Ni() {
   }
   return Yt = n, Yt;
 }
-var Be = { exports: {} }, Xt, Xr;
-function ki() {
+var Me = { exports: {} }, Xt, Xr;
+function Ci() {
   if (Xr) return Xt;
   Xr = 1;
   function e() {
@@ -1027,22 +1027,22 @@ function ki() {
   }
   return Xt = e, Xt;
 }
-Be.exports;
+Me.exports;
 var Zr;
-function Ci() {
+function Oi() {
   return Zr || (Zr = 1, (function(e, t) {
-    var n = ve(), r = ki(), 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 = 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;
     e.exports = c;
-  })(Be, Be.exports)), Be.exports;
+  })(Me, Me.exports)), Me.exports;
 }
 var Zt, Jr;
-function Oi() {
+function Ei() {
   if (Jr) return Zt;
   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]", T = "[object Uint8Array]", R = "[object Uint8ClampedArray]", I = "[object Uint16Array]", _ = "[object Uint32Array]", P = {};
-  P[y] = P[x] = P[S] = P[N] = P[k] = P[T] = P[R] = P[I] = P[_] = !0, P[r] = P[o] = P[g] = P[a] = P[b] = P[s] = P[i] = P[l] = P[c] = P[u] = P[d] = P[f] = P[m] = P[v] = P[p] = !1;
-  function D(M) {
-    return n(M) && t(M.length) && !!P[e(M)];
+  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;
+  function D(B) {
+    return n(B) && t(B.length) && !!T[e(B)];
   }
   return Zt = D, Zt;
 }
@@ -1057,10 +1057,10 @@ function wa() {
   }
   return Jt = e, Jt;
 }
-var Me = { exports: {} };
-Me.exports;
+var Be = { exports: {} };
+Be.exports;
 var eo;
-function Ei() {
+function _i() {
   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 {
@@ -1070,20 +1070,20 @@ function Ei() {
       }
     })();
     e.exports = i;
-  })(Me, Me.exports)), Me.exports;
+  })(Be, Be.exports)), Be.exports;
 }
 var Qt, to;
-function _i() {
+function $i() {
   if (to) return Qt;
   to = 1;
-  var e = Oi(), t = wa(), n = Ei(), r = n && n.isTypedArray, o = r ? t(r) : e;
+  var e = Ei(), t = wa(), n = _i(), r = n && n.isTypedArray, o = r ? t(r) : e;
   return Qt = o, Qt;
 }
 var en, no;
-function $i() {
+function Ri() {
   if (no) return en;
   no = 1;
-  var e = di(), t = Si(), n = Ti(), r = ga(), o = Ni(), a = Ci(), s = ma(), i = _i(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
+  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;
   function f(m) {
     if (m == null)
       return !0;
@@ -1101,12 +1101,12 @@ function $i() {
   }
   return en = f, en;
 }
-var Ri = $i();
-const ro = /* @__PURE__ */ Re(Ri), Li = "ButtonRoot", Ii = "lumx-button-wrapper", {
+var Li = Ri();
+const ro = /* @__PURE__ */ Re(Li), Ii = "ButtonRoot", Mi = "lumx-button-wrapper", {
   block: Bi
-} = L(Ii), Mi = "lumx-button", {
-  block: Di
-} = L(Mi), ji = (e) => {
+} = L(Mi), Di = "lumx-button", {
+  block: ji
+} = L(Di), qi = (e) => {
   const {
     color: t,
     emphasis: n,
@@ -1145,13 +1145,13 @@ const ro = /* @__PURE__ */ Re(Ri), Li = "ButtonRoot", Ii = "lumx-button-wrapper"
     ...y
   } = e, x = a || s !== ge.high && v === je.dark && j.light || s === ge.high && j.primary || j.dark;
   if (i)
-    return ji({
+    return qi({
       ...e,
       ref: b,
       variant: p,
       color: x
     });
-  const S = E(o, Di({
+  const S = E(o, ji({
     [`color-${x}`]: !!x,
     [`emphasis-${s}`]: !!s,
     "is-selected": l,
@@ -1174,10 +1174,10 @@ const ro = /* @__PURE__ */ Re(Ri), Li = "ButtonRoot", Ii = "lumx-button-wrapper"
     children: r
   });
 };
-We.displayName = Li;
+We.displayName = Ii;
 We.defaultProps = {};
-const qi = "Button", Aa = "lumx-button", {
-  modifier: Fi
+const Fi = "Button", Aa = "lumx-button", {
+  modifier: Wi
 } = L(Aa), jn = {
   emphasis: ge.high,
   size: z.m
@@ -1189,7 +1189,7 @@ const qi = "Button", Aa = "lumx-button", {
     rightIcon: o,
     size: a = jn.size,
     ...s
-  } = e, i = E(t, Fi({
+  } = e, i = E(t, Wi({
     "has-left-icon": !!r,
     "has-right-icon": !!o
   }));
@@ -1201,16 +1201,16 @@ const qi = "Button", Aa = "lumx-button", {
     variant: "button"
   });
 };
-it.displayName = qi;
+it.displayName = Fi;
 it.className = Aa;
 it.defaultProps = jn;
 const oo = C({
   name: "ResetTheme",
   setup(e, { slots: t }) {
-    return Xn("theme", void 0), () => t.default?.();
+    return Yn("theme", void 0), () => t.default?.();
   }
 }), qn = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q({
+  const t = _(), n = q({
     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")
-}), Wi = "lumx-text", {
-  block: zi
-} = L(Wi), Vi = (e) => {
+}), zi = "lumx-text", {
+  block: Vi
+} = L(zi), Hi = (e) => {
   const {
     className: t,
     color: n,
@@ -1240,11 +1240,11 @@ const oo = C({
     "--lumx-text-white-space": i
   };
   return {
-    className: E(t, zi({
+    className: E(t, Vi({
       "is-truncated": d && !u,
       "is-truncated-multiline": u,
       "no-wrap": o
-    }), a && er(a), n && _s(n, r)),
+    }), a && er(a), n && $s(n, r)),
     style: {
       ...c,
       ...f,
@@ -1255,37 +1255,37 @@ const oo = C({
 function xa(e, t) {
   return na() ? (ra(e, t), !0) : !1;
 }
-const Hi = typeof window < "u" && typeof document < "u";
+const Ui = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ui = (e) => e != null;
-function Gi(e) {
+const Gi = (e) => e != null;
+function Ki(e) {
   return Array.isArray(e) ? e : [e];
 }
-const Sa = Hi ? window : void 0;
+const Sa = Ui ? window : void 0;
 function Fn(e) {
   var t;
-  const n = Zn(e);
+  const n = Xn(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ki() {
-  const e = Jn(!1), t = ea();
+function Yi() {
+  const e = Zn(!1), t = ea();
   return t && cs(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
 function Pa(e) {
-  const t = /* @__PURE__ */ Ki();
+  const t = /* @__PURE__ */ Yi();
   return A(() => (t.value, !!e()));
 }
-function Yi(e, t, n = {}) {
+function Xi(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 = Gi(Zn(e)).map(Fn).filter(Ui);
+    const d = Ki(Xn(e)).map(Fn).filter(Gi);
     return new Set(d);
   }), (d) => {
     i(), s.value && d.size && (a = new MutationObserver(t), d.forEach((f) => a.observe(f, o)));
@@ -1301,13 +1301,13 @@ function Yi(e, t, n = {}) {
     takeRecords: c
   };
 }
-function Xi(e, t, n = {}) {
+function Zi(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 = Zn(e);
+    const u = Xn(e);
     return Array.isArray(u) ? u.map((d) => Fn(d)) : [Fn(u)];
   }), (u) => {
     if (i(), s.value && r) {
@@ -1325,30 +1325,30 @@ function Xi(e, t, n = {}) {
     stop: c
   };
 }
-const Ta = /* @__PURE__ */ Symbol("tooltip-context"), Zi = {};
-function Ji() {
-  Xn(Ta, Zi);
-}
+const Ta = /* @__PURE__ */ Symbol("tooltip-context"), Ji = {};
 function Qi() {
-  return Yn(Ta, void 0);
+  Yn(Ta, Ji);
+}
+function el() {
+  return Kn(Ta, void 0);
 }
-function el(e) {
+function tl(e) {
   const t = F(void 0);
-  if (Qi())
+  if (el())
     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 Yi(e, r, {
+  return Xi(e, r, {
     childList: !0,
     attributes: !0,
     characterData: !0,
     subtree: !0
-  }), Xi(e, r), Z(e, r, { immediate: !0 }), { tooltipLabel: t };
+  }), Zi(e, r), Z(e, r, { immediate: !0 }), { tooltipLabel: t };
 }
-const tl = (e = "default") => {
-  const t = rt();
+const nl = (e = "default") => {
+  const t = ot();
   return () => {
     const n = t?.[e];
     return n ? n() : null;
@@ -1380,15 +1380,15 @@ function Wn(e) {
   }
   return t;
 }
-function nl(e) {
+function rl(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
 const rr = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = tl(), o = us("tooltip-label"), {
+  const n = _(), r = nl(), o = us("tooltip-label"), {
     tooltipLabel: a
-  } = el(o), s = A(() => Vi({
+  } = tl(o), s = A(() => Hi({
     ...e,
     className: e.class || n.class || n.className
   })), i = A(() => {
@@ -1409,7 +1409,7 @@ const rr = /* @__PURE__ */ C((e, {
       class: i.value.className,
       style: i.value.style,
       title: a.value
-    }), nl(u) ? u : {
+    }), rl(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")
-}), rl = {
+}), ol = {
   click: (e) => e instanceof MouseEvent
-}, If = /* @__PURE__ */ C((e, {
+}, jf = /* @__PURE__ */ C((e, {
   emit: t
 }) => {
-  const n = rt(), r = $(), o = q(), {
+  const n = ot(), r = _(), o = q(), {
     isAnyDisabled: a,
     disabledStateProps: s,
     otherProps: i
@@ -1450,7 +1450,7 @@ const rr = /* @__PURE__ */ C((e, {
       ...f
     } = i.value;
     return h(it, w(f, {
-      linkAs: nt(d)
+      linkAs: rt(d)
     }, s.value, {
       className: e.class,
       theme: e.theme || o.value,
@@ -1463,8 +1463,8 @@ 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: rl
-}), ol = "IconButton", al = "lumx-icon-button", zn = {
+  emits: ol
+}), al = "IconButton", sl = "lumx-icon-button", zn = {
   emphasis: ge.high,
   size: z.m
 }, ze = (e) => {
@@ -1490,18 +1490,18 @@ const rr = /* @__PURE__ */ C((e, {
     children: i
   });
 };
-ze.displayName = ol;
-ze.className = al;
+ze.displayName = al;
+ze.className = sl;
 ze.defaultProps = zn;
-const sl = ["top", "right", "bottom", "left"], ao = ["start", "end"], so = /* @__PURE__ */ sl.reduce((e, t) => e.concat(t, t + "-" + ao[0], t + "-" + ao[1]), []), he = Math.min, K = Math.max, Ze = Math.round, Ge = Math.floor, te = (e) => ({
+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) => ({
   x: e,
   y: e
-}), il = {
+}), ll = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ll = {
+}, cl = {
   start: "end",
   end: "start"
 };
@@ -1523,9 +1523,9 @@ function Na(e) {
 function or(e) {
   return e === "y" ? "height" : "width";
 }
-const cl = /* @__PURE__ */ new Set(["top", "bottom"]);
+const ul = /* @__PURE__ */ new Set(["top", "bottom"]);
 function ae(e) {
-  return cl.has(ne(e)) ? "y" : "x";
+  return ul.has(ne(e)) ? "y" : "x";
 }
 function ar(e) {
   return Na(ae(e));
@@ -1534,37 +1534,37 @@ function ka(e, t, n) {
   n === void 0 && (n = !1);
   const r = J(e), o = ar(e), a = or(o);
   let s = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return t.reference[a] > t.floating[a] && (s = Qe(s)), [s, Qe(s)];
+  return t.reference[a] > t.floating[a] && (s = et(s)), [s, et(s)];
 }
-function ul(e) {
-  const t = Qe(e);
-  return [Je(e), t, Je(t)];
+function dl(e) {
+  const t = et(e);
+  return [Qe(e), t, Qe(t)];
 }
-function Je(e) {
-  return e.replace(/start|end/g, (t) => ll[t]);
+function Qe(e) {
+  return e.replace(/start|end/g, (t) => cl[t]);
 }
-const io = ["left", "right"], lo = ["right", "left"], dl = ["top", "bottom"], fl = ["bottom", "top"];
-function ml(e, t, n) {
+const io = ["left", "right"], lo = ["right", "left"], fl = ["top", "bottom"], ml = ["bottom", "top"];
+function hl(e, t, n) {
   switch (e) {
     case "top":
     case "bottom":
       return n ? t ? lo : io : t ? io : lo;
     case "left":
     case "right":
-      return t ? dl : fl;
+      return t ? fl : ml;
     default:
       return [];
   }
 }
-function hl(e, t, n, r) {
+function pl(e, t, n, r) {
   const o = J(e);
-  let a = ml(ne(e), n === "start", r);
-  return o && (a = a.map((s) => s + "-" + o), t && (a = a.concat(a.map(Je)))), a;
+  let a = hl(ne(e), n === "start", r);
+  return o && (a = a.map((s) => s + "-" + o), t && (a = a.concat(a.map(Qe)))), a;
 }
-function Qe(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => il[t]);
+function et(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => ll[t]);
 }
-function pl(e) {
+function vl(e) {
   return {
     top: 0,
     right: 0,
@@ -1574,14 +1574,14 @@ function pl(e) {
   };
 }
 function Ca(e) {
-  return typeof e != "number" ? pl(e) : {
+  return typeof e != "number" ? vl(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function et(e) {
+function tt(e) {
   const {
     x: t,
     y: n,
@@ -1647,7 +1647,7 @@ function co(e, t, n) {
   }
   return m;
 }
-async function vl(e, t) {
+async function bl(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -1663,7 +1663,7 @@ async function vl(e, t) {
     elementContext: d = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = xe(t, e), v = Ca(m), g = i[f ? d === "floating" ? "reference" : "floating" : d], b = et(await a.getClippingRect({
+  } = xe(t, e), v = Ca(m), g = i[f ? d === "floating" ? "reference" : "floating" : d], b = tt(await a.getClippingRect({
     element: (n = await (a.isElement == null ? void 0 : a.isElement(g))) == null || n ? g : g.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(i.floating)),
     boundary: c,
     rootBoundary: u,
@@ -1679,7 +1679,7 @@ async function vl(e, t) {
   } : {
     x: 1,
     y: 1
-  }, N = et(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, N = tt(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: y,
     offsetParent: x,
@@ -1692,7 +1692,7 @@ async function vl(e, t) {
     right: (N.right - b.right + v.right) / S.x
   };
 }
-const bl = async (e, t, n) => {
+const gl = async (e, t, n) => {
   const {
     placement: r = "bottom",
     strategy: o = "absolute",
@@ -1727,7 +1727,7 @@ const bl = async (e, t, n) => {
       rects: c,
       platform: {
         ...s,
-        detectOverflow: (p = s.detectOverflow) != null ? p : vl
+        detectOverflow: (p = s.detectOverflow) != null ? p : bl
       },
       elements: {
         reference: e,
@@ -1756,7 +1756,7 @@ const bl = async (e, t, n) => {
     strategy: o,
     middlewareData: m
   };
-}, gl = (e) => ({
+}, yl = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1778,14 +1778,14 @@ const bl = async (e, t, n) => {
       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 T = k ? k[x] : 0;
-    (!T || !await (s.isElement == null ? void 0 : s.isElement(k))) && (T = i.floating[x] || a.floating[v]);
-    const R = S / 2 - N / 2, I = T / 2 - p[v] / 2 - 1, _ = he(d[b], I), P = he(d[y], I), D = _, M = T - p[v] - P, B = T / 2 - p[v] / 2 + R, H = Vn(D, B, M), U = !l.arrow && J(o) != null && B !== H && a.reference[v] / 2 - (B < D ? _ : P) - p[v] / 2 < 0, W = U ? B < D ? B - D : B - M : 0;
+    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;
     return {
       [m]: f[m] + W,
       data: {
         [m]: H,
-        centerOffset: B - H - W,
+        centerOffset: M - H - W,
         ...U && {
           alignmentOffset: W
         }
@@ -1794,10 +1794,10 @@ const bl = async (e, t, n) => {
     };
   }
 });
-function yl(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 ? Je(o) !== o : !1) : !0);
+function wl(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 wl = function(e) {
+const Al = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -1815,7 +1815,7 @@ const wl = function(e) {
         allowedPlacements: f = so,
         autoAlignment: m = !0,
         ...v
-      } = xe(e, t), p = d !== void 0 || f === so ? yl(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 ? 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];
       if (y == null)
         return {};
       const x = ka(y, a, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
@@ -1839,21 +1839,21 @@ const wl = function(e) {
             placement: k
           }
         };
-      const T = N.map((_) => {
-        const P = J(_.placement);
-        return [_.placement, P && u ? (
+      const P = N.map(($) => {
+        const T = J($.placement);
+        return [$.placement, T && u ? (
           // Check along the mainAxis and main crossAxis side.
-          _.overflows.slice(0, 2).reduce((D, M) => D + M, 0)
+          $.overflows.slice(0, 2).reduce((D, B) => D + B, 0)
         ) : (
           // Check only the mainAxis.
-          _.overflows[0]
-        ), _.overflows];
-      }).sort((_, P) => _[1] - P[1]), I = ((o = T.filter((_) => _[2].slice(
+          $.overflows[0]
+        ), $.overflows];
+      }).sort(($, T) => $[1] - T[1]), I = ((o = P.filter(($) => $[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        J(_[0]) ? 2 : 3
-      ).every((P) => P <= 0))[0]) == null ? void 0 : o[0]) || T[0][0];
+        J($[0]) ? 2 : 3
+      ).every((T) => T <= 0))[0]) == null ? void 0 : o[0]) || P[0][0];
       return I !== i ? {
         data: {
           index: b + 1,
@@ -1865,7 +1865,7 @@ const wl = function(e) {
       } : {};
     }
   };
-}, Al = function(e) {
+}, xl = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1889,38 +1889,38 @@ const wl = 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 ? [Qe(i)] : ul(i)), k = v !== "none";
-      !f && k && N.push(...hl(i, p, v, S));
-      const T = [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)), 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) || [];
       if (u && I.push(R[b]), d) {
-        const B = ka(o, s, S);
-        I.push(R[B[0]], R[B[1]]);
+        const M = ka(o, s, S);
+        I.push(R[M[0]], R[M[1]]);
       }
-      if (_ = [..._, {
+      if ($ = [...$, {
         placement: o,
         overflows: I
-      }], !I.every((B) => B <= 0)) {
-        var P, D;
-        const B = (((P = a.flip) == null ? void 0 : P.index) || 0) + 1, H = T[B];
+      }], !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
         // overflows the main axis.
-        _.every((V) => ae(V.placement) === y ? V.overflows[0] > 0 : !0)))
+        $.every((V) => ae(V.placement) === y ? V.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: B,
-              overflows: _
+              index: M,
+              overflows: $
             },
             reset: {
               placement: H
             }
           };
-        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 = $.filter((W) => W.overflows[0] <= 0).sort((W, V) => W.overflows[1] - V.overflows[1])[0]) == null ? void 0 : D.placement;
         if (!U)
           switch (m) {
             case "bestFit": {
-              var M;
-              const W = (M = _.filter((V) => {
+              var B;
+              const W = (B = $.filter((V) => {
                 if (k) {
                   const G = ae(V.placement);
                   return G === y || // Create a bias to the `y` side axis due to horizontal
@@ -1928,7 +1928,7 @@ const wl = function(e) {
                   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 : M[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];
               W && (U = W);
               break;
             }
@@ -1946,13 +1946,13 @@ const wl = function(e) {
       return {};
     }
   };
-}, xl = /* @__PURE__ */ new Set(["left", "top"]);
-async function Sl(e, t) {
+}, Sl = /* @__PURE__ */ new Set(["left", "top"]);
+async function Pl(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 = xl.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 = Sl.has(s) ? -1 : 1, u = a && l ? -1 : 1, d = xe(t, e);
   let {
     mainAxis: f,
     crossAxis: m,
@@ -1974,7 +1974,7 @@ async function Sl(e, t) {
     y: m * u
   };
 }
-const Pl = function(e) {
+const Tl = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1985,7 +1985,7 @@ const Pl = function(e) {
         y: a,
         placement: s,
         middlewareData: i
-      } = t, l = await Sl(t, e);
+      } = t, l = await Pl(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 Pl = function(e) {
       };
     }
   };
-}, Tl = function(e) {
+}, Nl = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -2053,7 +2053,7 @@ const Pl = function(e) {
       };
     }
   };
-}, Nl = function(e) {
+}, kl = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -2075,15 +2075,15 @@ const Pl = function(e) {
       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 T = S, R = N;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = x), (r = t.middlewareData.shift) != null && r.enabled.y && (T = y), k && !f) {
-        const _ = K(u.left, 0), P = K(u.right, 0), D = K(u.top, 0), M = K(u.bottom, 0);
-        m ? R = v - 2 * (_ !== 0 || P !== 0 ? _ + P : K(u.left, u.right)) : T = p - 2 * (D !== 0 || M !== 0 ? D + M : K(u.top, u.bottom));
+      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));
       }
       await l({
         ...t,
         availableWidth: R,
-        availableHeight: T
+        availableHeight: P
       });
       const I = await s.getDimensions(i.floating);
       return v !== I.width || p !== I.height ? {
@@ -2120,7 +2120,7 @@ function re(e) {
 function uo(e) {
   return !lt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
 }
-const kl = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Cl = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Ve(e) {
   const {
     overflow: t,
@@ -2128,15 +2128,15 @@ function Ve(e) {
     overflowY: r,
     display: o
   } = ee(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !kl.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !Cl.has(o);
 }
-const Cl = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ol(e) {
-  return Cl.has(Se(e));
+const Ol = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function El(e) {
+  return Ol.has(Se(e));
 }
-const El = [":popover-open", ":modal"];
+const _l = [":popover-open", ":modal"];
 function ct(e) {
-  return El.some((t) => {
+  return _l.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -2144,12 +2144,12 @@ function ct(e) {
     }
   });
 }
-const _l = ["transform", "translate", "scale", "rotate", "perspective"], $l = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Rl = ["paint", "layout", "strict", "content"];
+const $l = ["transform", "translate", "scale", "rotate", "perspective"], Rl = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ll = ["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) || $l.some((r) => (n.willChange || "").includes(r)) || Rl.some((r) => (n.contain || "").includes(r));
+  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));
 }
-function Ll(e) {
+function Il(e) {
   let t = pe(e);
   for (; re(t) && !$e(t); ) {
     if (ir(t))
@@ -2163,9 +2163,9 @@ function Ll(e) {
 function lr() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Il = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Ml = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function $e(e) {
-  return Il.has(Se(e));
+  return Ml.has(Se(e));
 }
 function ee(e) {
   return Y(e).getComputedStyle(e);
@@ -2211,7 +2211,7 @@ function Hn(e) {
 function Ea(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 = Ze(n) !== a || Ze(r) !== s;
+  const o = re(e), a = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, i = Je(n) !== a || Je(r) !== s;
   return i && (n = a, r = s), {
     width: n,
     height: r,
@@ -2230,7 +2230,7 @@ function _e(e) {
     height: o,
     $: a
   } = Ea(t);
-  let s = (a ? Ze(n.width) : n.width) / r, i = (a ? Ze(n.height) : n.height) / o;
+  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
@@ -2244,7 +2244,7 @@ function _a(e) {
     y: t.visualViewport.offsetTop
   };
 }
-function Ml(e, t, n) {
+function Dl(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== Y(e) ? !1 : t;
 }
 function ye(e, t, n, r) {
@@ -2252,7 +2252,7 @@ function ye(e, t, n, r) {
   const o = e.getBoundingClientRect(), a = cr(e);
   let s = te(1);
   t && (r ? Q(r) && (s = _e(r)) : s = _e(e));
-  const i = Ml(a, n, r) ? _a(a) : te(0);
+  const i = Dl(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;
@@ -2262,7 +2262,7 @@ function ye(e, t, n, r) {
       l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += x, c += S, v = Y(p), p = Hn(v);
     }
   }
-  return et({
+  return tt({
     width: u,
     height: d,
     x: l,
@@ -2280,7 +2280,7 @@ function $a(e, t) {
     y: o
   };
 }
-function Dl(e) {
+function jl(e) {
   let {
     elements: t,
     rect: n,
@@ -2307,10 +2307,10 @@ function Dl(e) {
     y: n.y * c.y - l.scrollTop * c.y + u.y + f.y
   };
 }
-function jl(e) {
+function ql(e) {
   return Array.from(e.getClientRects());
 }
-function ql(e) {
+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);
   const i = -n.scrollTop;
@@ -2322,7 +2322,7 @@ function ql(e) {
   };
 }
 const fo = 25;
-function Fl(e, t) {
+function Wl(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) {
@@ -2342,8 +2342,8 @@ function Fl(e, t) {
     y: l
   };
 }
-const Wl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function zl(e, t) {
+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;
   return {
     width: s,
@@ -2355,11 +2355,11 @@ function zl(e, t) {
 function mo(e, t, n) {
   let r;
   if (t === "viewport")
-    r = Fl(e, n);
+    r = Wl(e, n);
   else if (t === "document")
-    r = ql(oe(e));
+    r = Fl(oe(e));
   else if (Q(t))
-    r = zl(t, n);
+    r = Vl(t, n);
   else {
     const o = _a(e);
     r = {
@@ -2369,13 +2369,13 @@ function mo(e, t, n) {
       height: t.height
     };
   }
-  return et(r);
+  return tt(r);
 }
 function Ra(e, t) {
   const n = pe(e);
   return n === t || !Q(n) || $e(n) ? !1 : ee(n).position === "fixed" || Ra(n, t);
 }
-function Vl(e, t) {
+function Hl(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -2384,18 +2384,18 @@ function Vl(e, t) {
   let s = a ? pe(e) : e;
   for (; Q(s) && !$e(s); ) {
     const i = ee(s), l = ir(s);
-    !l && i.position === "fixed" && (o = null), (a ? !l && !o : !l && i.position === "static" && !!o && Wl.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 && zl.has(o.position) || Ve(s) && !l && Ra(e, s)) ? r = r.filter((u) => u !== s) : o = i, s = pe(s);
   }
   return t.set(e, r), r;
 }
-function Hl(e) {
+function Ul(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: r,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? ct(t) ? [] : Vl(t, this._c) : [].concat(n), r], i = s[0], l = s.reduce((c, u) => {
+  const s = [...n === "clippingAncestors" ? ct(t) ? [] : Hl(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,7 +2406,7 @@ function Hl(e) {
     y: l.top
   };
 }
-function Ul(e) {
+function Gl(e) {
   const {
     width: t,
     height: n
@@ -2416,7 +2416,7 @@ function Ul(e) {
     height: n
   };
 }
-function Gl(e, t, n) {
+function Kl(e, t, n) {
   const r = re(t), o = oe(t), a = n === "fixed", s = ye(e, !0, a, t);
   let i = {
     scrollLeft: 0,
@@ -2465,14 +2465,14 @@ function La(e, t) {
     return n;
   }
   let r = ho(e, t);
-  for (; r && Ol(r) && tn(r); )
+  for (; r && El(r) && tn(r); )
     r = ho(r, t);
-  return r && $e(r) && tn(r) && !ir(r) ? n : r || Ll(e) || n;
+  return r && $e(r) && tn(r) && !ir(r) ? n : r || Il(e) || n;
 }
-const Kl = async function(e) {
+const Yl = async function(e) {
   const t = this.getOffsetParent || La, n = this.getDimensions, r = await n(e.floating);
   return {
-    reference: Gl(e.reference, await t(e.floating), e.strategy),
+    reference: Kl(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2481,25 +2481,25 @@ const Kl = async function(e) {
     }
   };
 };
-function Yl(e) {
+function Xl(e) {
   return ee(e).direction === "rtl";
 }
-const Xl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Dl,
+const Zl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: jl,
   getDocumentElement: oe,
-  getClippingRect: Hl,
+  getClippingRect: Ul,
   getOffsetParent: La,
-  getElementRects: Kl,
-  getClientRects: jl,
-  getDimensions: Ul,
+  getElementRects: Yl,
+  getClientRects: ql,
+  getDimensions: Gl,
   getScale: _e,
   isElement: Q,
-  isRTL: Yl
+  isRTL: Xl
 };
 function Ia(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Zl(e, t) {
+function Jl(e, t) {
   let n = null, r;
   const o = oe(e);
   function a() {
@@ -2522,15 +2522,15 @@ function Zl(e, t) {
     };
     let S = !0;
     function N(k) {
-      const T = k[0].intersectionRatio;
-      if (T !== l) {
+      const P = k[0].intersectionRatio;
+      if (P !== l) {
         if (!S)
           return s();
-        T ? s(!1, T) : r = setTimeout(() => {
+        P ? s(!1, P) : r = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      T === 1 && !Ia(c, e.getBoundingClientRect()) && s(), S = !1;
+      P === 1 && !Ia(c, e.getBoundingClientRect()) && s(), S = !1;
     }
     try {
       n = new IntersectionObserver(N, {
@@ -2545,7 +2545,7 @@ function Zl(e, t) {
   }
   return s(!0), a;
 }
-function Ba(e, t, n, r) {
+function Ma(e, t, n, r) {
   r === void 0 && (r = {});
   const {
     ancestorScroll: o = !0,
@@ -2559,7 +2559,7 @@ function Ba(e, t, n, r) {
       passive: !0
     }), a && b.addEventListener("resize", n);
   });
-  const d = c && i ? Zl(c, n) : null;
+  const d = c && i ? Jl(c, n) : null;
   let f = -1, m = null;
   s && (m = new ResizeObserver((b) => {
     let [y] = b;
@@ -2581,31 +2581,31 @@ function Ba(e, t, n, r) {
     }), d?.(), (b = m) == null || b.disconnect(), m = null, l && cancelAnimationFrame(v);
   };
 }
-const Ma = Pl, Jl = wl, Ql = Tl, ec = Al, tc = Nl, nc = gl, rc = (e, t, n) => {
+const Ba = Tl, Ql = Al, ec = Nl, tc = xl, nc = kl, rc = yl, oc = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), o = {
-    platform: Xl,
+    platform: Zl,
     ...n
   }, a = {
     ...o.platform,
     _c: r
   };
-  return bl(e, t, {
+  return gl(e, t, {
     ...o,
     platform: a
   });
 };
-function oc(e) {
+function ac(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function po(e) {
-  if (oc(e)) {
+  if (ac(e)) {
     const t = e.$el;
     return sr(t) && Se(t) === "#comment" ? null : t;
   }
   return e;
 }
 function Ie(e) {
-  return typeof e == "function" ? e() : Mn(e);
+  return typeof e == "function" ? e() : Bn(e);
 }
 function Da(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
@@ -2617,28 +2617,28 @@ function vo(e, t) {
 function ja(e, t, n) {
   n === void 0 && (n = {});
   const r = n.whileElementsMounted, o = A(() => {
-    var T;
-    return (T = Ie(n.open)) != null ? T : !0;
+    var P;
+    return (P = Ie(n.open)) != null ? P : !0;
   }), a = A(() => Ie(n.middleware)), s = A(() => {
-    var T;
-    return (T = Ie(n.placement)) != null ? T : "bottom";
+    var P;
+    return (P = Ie(n.placement)) != null ? P : "bottom";
   }), i = A(() => {
-    var T;
-    return (T = Ie(n.strategy)) != null ? T : "absolute";
+    var P;
+    return (P = Ie(n.strategy)) != null ? P : "absolute";
   }), l = A(() => {
-    var T;
-    return (T = Ie(n.transform)) != null ? T : !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 = Jn({}), g = F(!1), b = A(() => {
-    const T = {
+    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(() => {
+    const P = {
       position: m.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return T;
+      return P;
     const R = vo(u.value, d.value), I = vo(u.value, f.value);
     return l.value ? {
-      ...T,
+      ...P,
       transform: "translate(" + R + "px, " + I + "px)",
       ...Da(u.value) >= 1.5 && {
         willChange: "transform"
@@ -2653,13 +2653,13 @@ function ja(e, t, n) {
   function x() {
     if (c.value == null || u.value == null)
       return;
-    const T = o.value;
-    rc(c.value, u.value, {
+    const P = o.value;
+    oc(c.value, u.value, {
       middleware: a.value,
       placement: s.value,
       strategy: i.value
     }).then((R) => {
-      d.value = R.x, f.value = R.y, m.value = R.strategy, v.value = R.placement, p.value = R.middlewareData, g.value = T !== !1;
+      d.value = R.x, f.value = R.y, m.value = R.strategy, v.value = R.placement, p.value = R.middlewareData, g.value = P !== !1;
     });
   }
   function S() {
@@ -2695,13 +2695,13 @@ function ja(e, t, n) {
     update: x
   };
 }
-const ac = 8, qa = 1e4, Ke = {
+const sc = 8, qa = 1e4, Ke = {
   placement: "bottom",
   closeMode: "unmount",
   ariaLinkMode: "aria-describedby",
   zIndex: qa
-}, sc = "Tooltip", Fa = "lumx-tooltip", {
-  block: ic,
+}, ic = "Tooltip", Fa = "lumx-tooltip", {
+  block: lc,
   element: bo
 } = L(Fa), ur = (e) => {
   const {
@@ -2721,9 +2721,9 @@ const ac = 8, qa = 1e4, Ke = {
   }, c, {
     id: t,
     role: "tooltip",
-    className: E(i, ic({
+    className: E(i, lc({
       [`position-${r}`]: !!r
-    }), o && $s()),
+    }), o && Rs()),
     style: {
       ...o ? void 0 : a,
       zIndex: s
@@ -2737,14 +2737,14 @@ const ac = 8, qa = 1e4, Ke = {
     key: f
   }, [d]))])]);
 };
-ur.displayName = sc;
+ur.displayName = ic;
 ur.className = Fa;
 let go = 0;
 function ft() {
   return go += 1, `:lumx${go}:`;
 }
 var nn, yo;
-function lc() {
+function cc() {
   if (yo) return nn;
   yo = 1;
   function e(t) {
@@ -2753,8 +2753,8 @@ function lc() {
   }
   return nn = e, nn;
 }
-var cc = lc();
-const wo = /* @__PURE__ */ Re(cc);
+var uc = cc();
+const wo = /* @__PURE__ */ Re(uc);
 var rn, Ao;
 function Wa() {
   if (Ao) return rn;
@@ -2765,7 +2765,7 @@ function Wa() {
   return rn = e, rn;
 }
 var on, xo;
-function uc() {
+function dc() {
   if (xo) return on;
   xo = 1;
   function e(t, n, r) {
@@ -2784,10 +2784,10 @@ function uc() {
   return on = e, on;
 }
 var an, So;
-function dc() {
+function fc() {
   if (So) return an;
   So = 1;
-  var e = uc(), t = Math.max;
+  var e = dc(), 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; )
@@ -2801,7 +2801,7 @@ function dc() {
   return an = n, an;
 }
 var sn, Po;
-function fc() {
+function mc() {
   if (Po) return sn;
   Po = 1;
   function e(t) {
@@ -2812,7 +2812,7 @@ function fc() {
   return sn = e, sn;
 }
 var ln, To;
-function mc() {
+function hc() {
   if (To) return ln;
   To = 1;
   var e = Le(), t = (function() {
@@ -2825,10 +2825,10 @@ function mc() {
   return ln = t, ln;
 }
 var cn, No;
-function hc() {
+function pc() {
   if (No) return cn;
   No = 1;
-  var e = fc(), t = mc(), n = Wa(), r = t ? function(o, a) {
+  var e = mc(), t = hc(), n = Wa(), r = t ? function(o, a) {
     return t(o, "toString", {
       configurable: !0,
       enumerable: !1,
@@ -2839,7 +2839,7 @@ function hc() {
   return cn = r, cn;
 }
 var un, ko;
-function pc() {
+function vc() {
   if (ko) return un;
   ko = 1;
   var e = 800, t = 16, n = Date.now;
@@ -2858,24 +2858,24 @@ function pc() {
   return un = r, un;
 }
 var dn, Co;
-function vc() {
+function bc() {
   if (Co) return dn;
   Co = 1;
-  var e = hc(), t = pc(), n = t(e);
+  var e = pc(), t = vc(), n = t(e);
   return dn = n, dn;
 }
 var fn, Oo;
-function bc() {
+function gc() {
   if (Oo) return fn;
   Oo = 1;
-  var e = Wa(), t = dc(), n = vc();
+  var e = Wa(), t = fc(), n = bc();
   function r(o, a) {
     return n(t(o, a, e), o + "");
   }
   return fn = r, fn;
 }
 var mn, Eo;
-function gc() {
+function yc() {
   if (Eo) return mn;
   Eo = 1;
   function e(t, n) {
@@ -2886,7 +2886,7 @@ function gc() {
   return mn = e, mn;
 }
 var hn, _o;
-function yc() {
+function wc() {
   if (_o) return hn;
   _o = 1;
   function e(t, n, r, o) {
@@ -2898,7 +2898,7 @@ function yc() {
   return hn = e, hn;
 }
 var pn, $o;
-function wc() {
+function Ac() {
   if ($o) return pn;
   $o = 1;
   function e(t) {
@@ -2907,7 +2907,7 @@ function wc() {
   return pn = e, pn;
 }
 var vn, Ro;
-function Ac() {
+function xc() {
   if (Ro) return vn;
   Ro = 1;
   function e(t, n, r) {
@@ -2919,17 +2919,17 @@ function Ac() {
   return vn = e, vn;
 }
 var bn, Lo;
-function xc() {
+function Sc() {
   if (Lo) return bn;
   Lo = 1;
-  var e = yc(), t = wc(), n = Ac();
+  var e = wc(), t = Ac(), n = xc();
   function r(o, a, s) {
     return a === a ? n(o, a, s) : e(o, t, s);
   }
   return bn = r, bn;
 }
 var gn, Io;
-function Sc() {
+function Pc() {
   if (Io) return gn;
   Io = 1;
   function e(t, n, r, o) {
@@ -2940,10 +2940,10 @@ function Sc() {
   }
   return gn = e, gn;
 }
-var yn, Bo;
-function Pc() {
-  if (Bo) return yn;
-  Bo = 1;
+var yn, Mo;
+function Tc() {
+  if (Mo) return yn;
+  Mo = 1;
   function e(t, n) {
     var r = -1, o = t.length;
     for (n || (n = Array(o)); ++r < o; )
@@ -2952,11 +2952,11 @@ function Pc() {
   }
   return yn = e, yn;
 }
-var wn, Mo;
-function Tc() {
-  if (Mo) return wn;
-  Mo = 1;
-  var e = gc(), t = xc(), n = Sc(), r = wa(), o = Pc(), a = Array.prototype, s = a.splice;
+var wn, Bo;
+function Nc() {
+  if (Bo) return wn;
+  Bo = 1;
+  var e = yc(), t = Sc(), n = Pc(), r = wa(), o = Tc(), 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; )
@@ -2967,24 +2967,24 @@ function Tc() {
   return wn = i, wn;
 }
 var An, Do;
-function Nc() {
+function kc() {
   if (Do) return An;
   Do = 1;
-  var e = Tc();
+  var e = Nc();
   function t(n, r) {
     return n && n.length && r && r.length ? e(n, r) : n;
   }
   return An = t, An;
 }
 var xn, jo;
-function kc() {
+function Cc() {
   if (jo) return xn;
   jo = 1;
-  var e = bc(), t = Nc(), n = e(t);
+  var e = gc(), t = kc(), n = e(t);
   return xn = n, xn;
 }
-var Cc = kc();
-const Oc = /* @__PURE__ */ Re(Cc);
+var Oc = Cc();
+const Ec = /* @__PURE__ */ Re(Oc);
 function za() {
   const e = [];
   return {
@@ -2992,17 +2992,17 @@ function za() {
       wo(e)?.disable(), e.push(t), t.enable();
     },
     unregister(t) {
-      t.disable(), Oc(e, t), wo(e)?.enable();
+      t.disable(), Ec(e, t), wo(e)?.enable();
     }
   };
 }
 const Sn = za();
 function Va(e, t = !0) {
   let n;
-  ot((r) => {
+  Jn((r) => {
     const o = fe(e) ? e.value : e;
     if (!(fe(t) ? t.value : t) || !o) return;
-    const s = Ls(() => o()), i = {
+    const s = Is(() => o()), i = {
       enable: () => document.body.addEventListener("keydown", s),
       disable: () => document.body.removeEventListener("keydown", s)
     };
@@ -3013,14 +3013,14 @@ function Va(e, t = !0) {
     n && (Sn.unregister(n), n = void 0);
   });
 }
-const Ec = (e) => {
+const _c = (e) => {
   try {
     return e?.matches?.(":focus-visible, [data-focus-visible-added]");
   } catch {
     return !0;
   }
-}, _c = () => !!window.matchMedia?.("(hover: none)").matches;
-function $c(e) {
+}, $c = () => !!window.matchMedia?.("(hover: none)").matches;
+function Rc(e) {
   const { delay: t, onStateChange: n } = e;
   let r, o, a, s, i;
   const l = (b) => {
@@ -3028,8 +3028,8 @@ function $c(e) {
     const y = () => {
       n(!!a);
     };
-    Ms ? 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 = () => {
+    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 = () => {
     a && !r || (a = !0, o = Date.now(), l(d));
   }, v = (b) => {
     !a && !r || (a = !1, l(b));
@@ -3048,7 +3048,7 @@ function $c(e) {
       b.addEventListener(
         "focusin",
         (x) => {
-          Ec(x.target) && m();
+          _c(x.target) && m();
         },
         { signal: y }
       ), b.addEventListener("focusout", g, { signal: y });
@@ -3067,12 +3067,12 @@ function $c(e) {
     }
   };
 }
-function Rc(e, t) {
-  const n = F(!1), r = Jn();
-  return ot((a) => {
+function Lc(e, t) {
+  const n = F(!1), r = Zn();
+  return Jn((a) => {
     const s = t.value;
     if (!s) return;
-    const i = $c({
+    const i = Rc({
       delay: e.value,
       onStateChange: (l) => {
         n.value = l;
@@ -3088,16 +3088,16 @@ function Rc(e, t) {
 function Ha(e) {
   return e.flatMap((t) => t.type === Ae ? Ha(t.children) : [t]);
 }
-function Lc(e) {
+function Ic(e) {
   const t = e.props || {};
   return t.disabled === !0 || t.isDisabled === !0;
 }
-function Ic(e) {
+function Mc(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 && !Lc(l)) {
+  if (l && i.length === 1 && l.type !== fs && !Ic(l)) {
     const d = { ref: n };
     if (c && a !== l.props?.["aria-label"]) {
       const f = l.props?.[s];
@@ -3114,7 +3114,7 @@ function Ic(e) {
 function Bc(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const Mc = /* @__PURE__ */ C((e, {
+const Dc = /* @__PURE__ */ C((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), {
@@ -3122,16 +3122,16 @@ const Mc = /* @__PURE__ */ C((e, {
     placement: u
   } = ja(r, o, {
     placement: a,
-    whileElementsMounted: Ba,
-    middleware: [Ma(ac)]
+    whileElementsMounted: Ma,
+    middleware: [Ba(sc)]
   }), {
     isOpen: d,
     onPopperMount: f,
     manager: m
-  } = Rc(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)), Ji(), () => {
+  } = 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(), () => {
     let b;
-    const y = u.value ?? a.value, x = Ic({
+    const y = u.value ?? a.value, x = Mc({
       slotContent: t.default?.(),
       setAnchorElement: (S) => {
         r.value = S?.$el || S;
@@ -3161,13 +3161,13 @@ const Mc = /* @__PURE__ */ C((e, {
   name: "LumxTooltip",
   inheritAttrs: !1,
   props: O()("label", "placement", "delay", "forceOpen", "closeMode", "ariaLinkMode", "zIndex", "class")
-}), Dc = {
+}), jc = {
   click: (e) => e instanceof MouseEvent
-}, Bf = /* @__PURE__ */ C((e, {
+}, qf = /* @__PURE__ */ C((e, {
   emit: t,
   expose: n
 }) => {
-  const r = $(), o = q(), {
+  const r = _(), o = q(), {
     isAnyDisabled: a,
     disabledStateProps: s,
     otherProps: i
@@ -3186,12 +3186,12 @@ const Mc = /* @__PURE__ */ C((e, {
       hideTooltip: f,
       ...m
     } = i.value;
-    return h(Mc, w({
+    return h(Dc, w({
       label: f ? "" : e.label
     }, d), {
       default: () => [h(ze, w(m, {
         ref: c,
-        linkAs: nt(u)
+        linkAs: rt(u)
       }, s.value, {
         className: e.class,
         theme: e.theme || o.value,
@@ -3205,8 +3205,8 @@ const Mc = /* @__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: Dc
-}), jc = "ButtonGroup", Ua = "lumx-button-group", qc = {}, mt = (e) => {
+  emits: jc
+}), qc = "ButtonGroup", Ua = "lumx-button-group", Fc = {}, mt = (e) => {
   const {
     children: t,
     className: n,
@@ -3216,13 +3216,13 @@ const Mc = /* @__PURE__ */ C((e, {
     className: E(n, Ua)
   }), [t]);
 };
-mt.displayName = jc;
+mt.displayName = qc;
 mt.className = Ua;
-mt.defaultProps = qc;
-const Mf = /* @__PURE__ */ C((e, {
+mt.defaultProps = Fc;
+const Ff = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
+  const n = _();
   return () => h(mt, w(e, n, {
     className: e.class,
     children: t.default?.()
@@ -3232,9 +3232,9 @@ const Mf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("class")
-}), Fc = "InputLabel", Wc = "lumx-input-label", Ga = Wc, {
-  block: zc
-} = L(Ga), Vc = {};
+}), Wc = "InputLabel", zc = "lumx-input-label", Ga = zc, {
+  block: Vc
+} = L(Ga), Hc = {};
 function Pe(e) {
   const {
     children: t,
@@ -3250,22 +3250,22 @@ function Pe(e) {
     ref: i
   }, l, {
     htmlFor: r,
-    className: E(n, zc({
+    className: E(n, Vc({
       "is-required": o,
       [`theme-${a}`]: !!a,
       "has-custom-typography": !!s
     }), s && er(s))
   }), [t]);
 }
-Pe.displayName = Fc;
+Pe.displayName = Wc;
 Pe.className = Ga;
-Pe.defaultProps = Vc;
-const Hc = {
+Pe.defaultProps = Hc;
+const Uc = {
   [de.error]: { color: "red" },
   [de.success]: { color: "green" },
   [de.warning]: { color: "yellow" }
-}, Uc = "InputHelper", Gc = "lumx-input-helper", Ka = Gc, {
-  block: Kc
+}, Gc = "InputHelper", Kc = "lumx-input-helper", Ka = Kc, {
+  block: Yc
 } = L(Ka), Ya = {
   kind: de.info
 };
@@ -3279,23 +3279,23 @@ function Te(e) {
     ...s
   } = e, {
     color: i
-  } = Hc[r] || {};
+  } = Uc[r] || {};
   return h("p", w({
     ref: a
   }, s, {
-    className: E(n, Kc({
+    className: E(n, Yc({
       [`color-${i}`]: !!i,
       [`theme-${o}`]: !!o
     }))
   }), [t]);
 }
-Te.displayName = Uc;
+Te.displayName = Gc;
 Te.className = Ka;
 Te.defaultProps = Ya;
-const Xa = "intermediate", Yc = "lumx-checkbox", {
-  block: Xc,
+const Xa = "intermediate", Xc = "lumx-checkbox", {
+  block: Zc,
   element: le
-} = L(Yc), Zc = (e) => {
+} = L(Xc), Jc = (e) => {
   const {
     checked: t,
     className: n,
@@ -3319,7 +3319,7 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   return h("div", w({
     ref: c
   }, g, {
-    className: E(n, Xc({
+    className: E(n, Zc({
       // Whether state is intermediate class name will "-checked"
       "is-checked": b ? !0 : s,
       "is-disabled": v,
@@ -3348,7 +3348,7 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   }, null), h("div", {
     className: le("input-indicator")
   }, [X({
-    icon: b ? As : ws
+    icon: b ? xs : As
   })])])]), h("div", {
     className: le("content")
   }, [i && Pe({
@@ -3362,12 +3362,12 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
     theme: d,
     children: r
   })])]);
-}, Jc = {
+}, Qc = {
   change: (e, t, n, r) => typeof e == "boolean" && r instanceof Event
-}, Df = /* @__PURE__ */ C((e, {
+}, Wf = /* @__PURE__ */ C((e, {
   emit: t
 }) => {
-  const n = $(), r = q(), o = ft(), a = A(() => e.id || o), s = F(null), {
+  const n = _(), r = q(), o = ft(), a = A(() => e.id || o), s = F(null), {
     isAnyDisabled: i,
     disabledStateProps: l,
     otherProps: c
@@ -3383,7 +3383,7 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   const d = (f, m, v, p) => {
     i.value || t("change", f, m, v, p);
   };
-  return () => h(Zc, w(c.value, {
+  return () => h(Jc, w(c.value, {
     className: e.class,
     theme: e.theme || r.value,
     inputId: a.value,
@@ -3402,13 +3402,13 @@ const Xa = "intermediate", Yc = "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: Jc
-}), Qc = "lumx-chip", {
-  block: eu,
+  emits: Qc
+}), eu = "lumx-chip", {
+  block: tu,
   element: Pn
-} = L(Qc), tu = {
+} = L(eu), nu = {
   size: z.m
-}, nu = (e) => {
+}, ru = (e) => {
   const {
     after: t,
     before: n,
@@ -3424,7 +3424,7 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
     hasAfterClick: f,
     hasBeforeClick: m,
     hasOnClick: v,
-    size: p = tu.size,
+    size: p = nu.size,
     theme: g,
     ref: b,
     href: y,
@@ -3432,24 +3432,24 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
     disabledStateProps: S,
     isAnyDisabled: N,
     keyDownProp: k = "onKeyDown",
-    tabIndexProp: T = "tabIndex",
+    tabIndexProp: P = "tabIndex",
     ...R
-  } = e, I = v && !y, _ = !!v || !!y || s, P = a || (g === je.light ? j.dark : j.light), D = (B) => {
-    x?.(B), v && d && Rs(d)(B);
-  }, M = {
+  } = 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);
+  }, B = {
     [k]: D,
-    [T]: _ && !S.disabled ? 0 : void 0
+    [P]: $ && !S.disabled ? 0 : void 0
   };
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     h("a", w({
       role: I ? "button" : void 0
-    }, M, R, {
+    }, B, R, {
       href: S.disabled ? void 0 : y,
       ref: b,
-      className: E(o, eu({
-        "is-clickable": _,
-        [`color-${P}`]: !!P,
+      className: E(o, tu({
+        "is-clickable": $,
+        [`color-${T}`]: !!T,
         "is-disabled": N,
         "has-after": !!t,
         "has-before": !!n,
@@ -3458,7 +3458,7 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
         [`size-${p}`]: !!p,
         "is-unselected": !l
       })),
-      "aria-disabled": _ && N || void 0,
+      "aria-disabled": $ && N || 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", {
@@ -3476,15 +3476,15 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
       onClick: c
     }, [t])])
   );
-}, ru = {
+}, ou = {
   click: (e) => e instanceof MouseEvent,
   afterClick: (e) => e instanceof MouseEvent,
   beforeClick: (e) => e instanceof MouseEvent,
   keydown: (e) => e instanceof KeyboardEvent
-}, jf = /* @__PURE__ */ C((e, {
+}, zf = /* @__PURE__ */ C((e, {
   emit: t
 }) => {
-  const n = rt(), r = $(), o = q(), a = Ee("onClick"), s = Ee("onAfterClick"), i = Ee("onBeforeClick"), {
+  const n = ot(), r = _(), o = q(), a = Ee("onClick"), s = Ee("onAfterClick"), i = Ee("onBeforeClick"), {
     isAnyDisabled: l,
     disabledStateProps: c,
     otherProps: u
@@ -3500,7 +3500,7 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   }, v = (p) => {
     l.value || t("keydown", p);
   };
-  return () => h(nu, w(u.value, {
+  return () => h(ru, w(u.value, {
     className: e.class,
     theme: e.theme || o.value,
     handleClick: d,
@@ -3522,10 +3522,34 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   name: "LumxChip",
   inheritAttrs: !1,
   props: O()("color", "href", "isClickable", "isDisabled", "isHighlighted", "isSelected", "size", "theme", "class", "aria-disabled", "disabled"),
-  emits: ru
-}), ou = "lumx-divider", {
-  block: au
-} = L(ou), su = (e) => {
+  emits: ou
+}), au = "lumx-chip-group", su = (e) => {
+  const {
+    children: t,
+    className: n,
+    ref: r,
+    ...o
+  } = e;
+  return h("div", w({
+    ref: r
+  }, o, {
+    className: E(n, au)
+  }), [t]);
+}, Vf = /* @__PURE__ */ C((e, {
+  slots: t
+}) => {
+  const n = _();
+  return () => h(su, w(e, n, {
+    className: e.class,
+    children: t.default?.()
+  }), null);
+}, {
+  name: "LumxChipGroup",
+  inheritAttrs: !1,
+  props: O()("align", "class")
+}), iu = "lumx-divider", {
+  block: lu
+} = L(iu), cu = (e) => {
   const {
     className: t,
     theme: n,
@@ -3535,13 +3559,13 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   return h("hr", w({
     ref: r
   }, o, {
-    className: E(t, au({
+    className: E(t, lu({
       [`theme-${n}`]: !!n
     }))
   }), null);
-}, qf = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q();
-  return () => h(su, w(t, e, {
+}, Hf = /* @__PURE__ */ C((e) => {
+  const t = _(), n = q();
+  return () => h(cu, w(t, e, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -3551,13 +3575,13 @@ const Xa = "intermediate", Yc = "lumx-checkbox", {
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("class", "theme")
 });
-function iu(e) {
+function uu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const lu = "lumx-flag", {
-  block: cu,
+const du = "lumx-flag", {
+  block: fu,
   element: qo
-} = L(lu), uu = (e) => {
+} = L(du), mu = (e) => {
   const {
     children: t,
     icon: n,
@@ -3569,7 +3593,7 @@ const lu = "lumx-flag", {
     ...l
   } = e, c = r || (a === je.light ? j.dark : j.light), u = !!s;
   return h("div", w(l, {
-    className: E(o, cu({
+    className: E(o, fu({
       [`color-${c}`]: !!c,
       "is-truncated": u
     }))
@@ -3582,14 +3606,14 @@ const lu = "lumx-flag", {
     truncate: !!s,
     typography: "overline",
     className: qo("label")
-  }, iu(t) ? t : {
+  }, uu(t) ? t : {
     default: () => [t]
   })]);
-}, Ff = /* @__PURE__ */ C((e, {
+}, Uf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = q();
-  return () => h(uu, w(e, n, {
+  const n = _(), r = q();
+  return () => h(mu, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
     children: t.default?.(),
@@ -3602,7 +3626,7 @@ const lu = "lumx-flag", {
   props: O()("color", "icon", "truncate", "theme", "class")
 });
 var Tn, Fo;
-function du() {
+function hu() {
   if (Fo) return Tn;
   Fo = 1;
   var e = ga();
@@ -3614,11 +3638,11 @@ function du() {
   }
   return Tn = t, Tn;
 }
-var fu = du();
-const mu = /* @__PURE__ */ Re(fu), hu = "lumx-flex-box", {
-  block: pu
-} = L(hu);
-function vu(e) {
+var pu = hu();
+const vu = /* @__PURE__ */ Re(pu), bu = "lumx-flex-box", {
+  block: gu
+} = L(bu);
+function yu(e) {
   const {
     className: t,
     fillSpace: n,
@@ -3630,10 +3654,10 @@ function vu(e) {
     wrap: l,
     orientation: c,
     ...u
-  } = e, d = c ?? (l || o || i ? Is.horizontal : null);
+  } = e, d = c ?? (l || o || i ? Ms.horizontal : null);
   return {
     ...u,
-    className: E(t, pu({
+    className: E(t, gu({
       [`orientation-${d}`]: !!d,
       [`v-align-${i}`]: !!i,
       [`h-align-${o}`]: !!o,
@@ -3641,16 +3665,16 @@ function vu(e) {
       wrap: !!l,
       "fill-space": n,
       "no-shrink": s,
-      ...Object.fromEntries(mu(a).filter(Boolean).map((f) => [`margin-auto-${f}`, !0]))
+      ...Object.fromEntries(vu(a).filter(Boolean).map((f) => [`margin-auto-${f}`, !0]))
     }))
   };
 }
-const Wf = /* @__PURE__ */ C((e, {
+const Gf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
+  const n = _();
   return () => {
-    const r = e.as || "div", o = vu({
+    const r = e.as || "div", o = yu({
       ...e,
       ...n,
       className: e.class,
@@ -3668,7 +3692,7 @@ const Wf = /* @__PURE__ */ C((e, {
   props: O()("as", "fillSpace", "gap", "horizontalAlign", "marginAuto", "noShrink", "orientation", "verticalAlign", "wrap", "class")
 });
 var Nn, Wo;
-function bu() {
+function wu() {
   if (Wo) return Nn;
   Wo = 1;
   var e = /\s/;
@@ -3680,17 +3704,17 @@ function bu() {
   return Nn = t, Nn;
 }
 var kn, zo;
-function gu() {
+function Au() {
   if (zo) return kn;
   zo = 1;
-  var e = bu(), t = /^\s+/;
+  var e = wu(), t = /^\s+/;
   function n(r) {
     return r && r.slice(0, e(r) + 1).replace(t, "");
   }
   return kn = n, kn;
 }
 var Cn, Vo;
-function yu() {
+function xu() {
   if (Vo) return Cn;
   Vo = 1;
   var e = Fe(), t = st(), n = "[object Symbol]";
@@ -3700,10 +3724,10 @@ function yu() {
   return Cn = r, Cn;
 }
 var On, Ho;
-function wu() {
+function Su() {
   if (Ho) return On;
   Ho = 1;
-  var e = gu(), t = nr(), n = yu(), r = NaN, o = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, s = /^0o[0-7]+$/i, i = parseInt;
+  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;
   function l(c) {
     if (typeof c == "number")
       return c;
@@ -3722,10 +3746,10 @@ function wu() {
   return On = l, On;
 }
 var En, Uo;
-function Au() {
+function Pu() {
   if (Uo) return En;
   Uo = 1;
-  var e = wu(), t = 1 / 0, n = 17976931348623157e292;
+  var e = Su(), t = 1 / 0, n = 17976931348623157e292;
   function r(o) {
     if (!o)
       return o === 0 ? o : 0;
@@ -3738,10 +3762,10 @@ function Au() {
   return En = r, En;
 }
 var _n, Go;
-function xu() {
+function Tu() {
   if (Go) return _n;
   Go = 1;
-  var e = Au();
+  var e = Pu();
   function t(n) {
     var r = e(n), o = r % 1;
     return r === r ? o ? r - o : r : 0;
@@ -3749,21 +3773,21 @@ function xu() {
   return _n = t, _n;
 }
 var $n, Ko;
-function Su() {
+function Nu() {
   if (Ko) return $n;
   Ko = 1;
-  var e = xu();
+  var e = Tu();
   function t(n) {
     return typeof n == "number" && n == e(n);
   }
   return $n = t, $n;
 }
-var Pu = Su();
-const Tu = /* @__PURE__ */ Re(Pu);
-function Nu(e) {
+var ku = Nu();
+const Cu = /* @__PURE__ */ Re(ku);
+function Ou(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const ku = "GridColumn", Za = "lumx-grid-column", Cu = {}, ht = (e) => {
+const Eu = "GridColumn", Za = "lumx-grid-column", _u = {}, ht = (e) => {
   const {
     as: t = "div",
     gap: n,
@@ -3780,21 +3804,21 @@ const ku = "GridColumn", Za = "lumx-grid-column", Cu = {}, ht = (e) => {
     className: E(s, Za),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": Tu(o) && `${o}px`,
+      "--lumx-grid-column-item-min-width": Cu(o) && `${o}px`,
       "--lumx-grid-column-columns": r,
       "--lumx-grid-column-gap": n && `var(--lumx-spacing-unit-${n})`
     }
-  }), Nu(a) ? a : {
+  }), Ou(a) ? a : {
     default: () => [a]
   });
 };
-ht.displayName = ku;
+ht.displayName = Eu;
 ht.className = Za;
-ht.defaultProps = Cu;
-const zf = /* @__PURE__ */ C((e, {
+ht.defaultProps = _u;
+const Kf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
+  const n = _();
   return () => h(ht, w(e, n, {
     className: e.class,
     children: t.default?.()
@@ -3803,29 +3827,29 @@ const zf = /* @__PURE__ */ C((e, {
   name: "LumxGridColumn",
   inheritAttrs: !1,
   props: O()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
-}), Yo = 6, Ou = {
+}), Yo = 6, $u = {
   h1: Oe.display1,
   h2: Oe.headline,
   h3: Oe.title,
   h4: Oe.subtitle2,
   h5: Oe.subtitle1,
   h6: Oe.body2
-}, Eu = { level: 1, headingElement: "h1" }, _u = "lumx-heading", $u = (e, t) => {
+}, Ru = { level: 1, headingElement: "h1" }, Lu = "lumx-heading", Iu = (e, t) => {
   const { as: n, className: r, typography: o, ...a } = e, s = n || t || "h1";
   return {
     ...a,
     as: s,
-    className: E(r, _u),
-    typography: o || Ou[s]
+    className: E(r, Lu),
+    typography: o || $u[s]
   };
-}, Ja = /* @__PURE__ */ Symbol("HeadingLevelContext"), Qa = () => Yn(Ja, Eu), Vf = /* @__PURE__ */ C((e, {
+}, Ja = /* @__PURE__ */ Symbol("HeadingLevelContext"), Qa = () => Kn(Ja, Ru), Yf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = Qa(), o = A(() => {
+  const n = _(), r = Qa(), o = A(() => {
     const {
       className: a,
       ...s
-    } = $u({
+    } = Iu({
       ...n,
       ...e,
       className: e.class || n.class || n.className
@@ -3843,26 +3867,26 @@ const zf = /* @__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")
-}), Ru = (e, t) => {
+}), Mu = (e, t) => {
   const n = e || t + 1;
   return n > Yo ? Yo : n;
-}, Lu = /* @__PURE__ */ C((e, {
+}, Bu = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
   const {
     level: n
-  } = hs(e), r = Qa(), o = A(() => Ru(n?.value, r.level)), a = A(() => `h${o.value}`), s = ps({
+  } = hs(e), r = Qa(), o = A(() => Mu(n?.value, r.level)), a = A(() => `h${o.value}`), s = ps({
     level: o,
     headingElement: a
   });
-  return Xn(Ja, s), () => t.default?.();
+  return Yn(Ja, s), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
   props: O()("level")
-}), Hf = /* @__PURE__ */ C((e, {
+}), Xf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = q();
+  const n = _(), r = q();
   return () => h(Te, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
@@ -3873,10 +3897,10 @@ const zf = /* @__PURE__ */ C((e, {
   inheritAttrs: !1,
   // Redefine properties so that they come in as `props` on the `defineComponent` function
   props: O()("kind", "theme", "class", "id")
-}), Uf = /* @__PURE__ */ C((e, {
+}), Zf = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = q();
+  const n = _(), r = q();
   return () => h(Pe, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
@@ -3888,8 +3912,8 @@ const zf = /* @__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: Iu
-} = L(es), Bu = (e) => {
+  block: Du
+} = L(es), ju = (e) => {
   const {
     children: t,
     className: n,
@@ -3909,20 +3933,20 @@ const zf = /* @__PURE__ */ C((e, {
     ...u,
     handleClick: i,
     children: t,
-    className: E(n, Iu({
+    className: E(n, Du({
       [`color-${d}`]: !!d,
       [`color-variant-${f}`]: !!f,
       "has-typography": !!a
     }), a && er(a))
   });
-}, Mu = {
+}, qu = {
   click: (e) => e instanceof MouseEvent
 }, {
-  element: Du
-} = me.bem(es), Gf = /* @__PURE__ */ C((e, {
+  element: Fu
+} = me.bem(es), Jf = /* @__PURE__ */ C((e, {
   emit: t
 }) => {
-  const n = rt(), r = $(), {
+  const n = ot(), r = _(), {
     isAnyDisabled: o,
     disabledStateProps: a,
     otherProps: s
@@ -3937,13 +3961,13 @@ const zf = /* @__PURE__ */ C((e, {
       linkAs: l,
       ...c
     } = s.value;
-    return h(Bu, w(c, {
-      linkAs: nt(l)
+    return h(ju, w(c, {
+      linkAs: rt(l)
     }, a.value, {
       className: e.class,
       handleClick: i,
       children: h("span", {
-        className: Du("content")
+        className: Fu("content")
       }, [n.default?.()])
     }), null);
   };
@@ -3951,22 +3975,22 @@ const zf = /* @__PURE__ */ C((e, {
   name: "LumxLink",
   inheritAttrs: !1,
   props: O()("color", "colorVariant", "href", "isDisabled", "disabled", "linkAs", "target", "typography", "class", "aria-disabled"),
-  emits: Mu
-}), ju = "Message", ts = "lumx-message", {
-  block: qu,
+  emits: qu
+}), Wu = "Message", ts = "lumx-message", {
+  block: zu,
   element: Rn
-} = L(ts), Fu = {
+} = L(ts), Vu = {
   [de.error]: {
     color: j.red,
-    icon: xs
+    icon: Ss
   },
   [de.info]: {
     color: j.blue,
-    icon: Ts
+    icon: Ns
   },
   [de.success]: {
     color: j.green,
-    icon: Ss
+    icon: Ps
   },
   [de.warning]: {
     color: j.yellow,
@@ -3985,13 +4009,13 @@ const zf = /* @__PURE__ */ C((e, {
   } = e, {
     color: c,
     icon: u
-  } = Fu[o] || {}, {
+  } = Vu[o] || {}, {
     onClick: d,
     label: f
   } = s || {}, m = r && o === "info" && d && f;
   return h("div", w(l, {
     ref: i,
-    className: E(n, qu({
+    className: E(n, zu({
       [`color-${c}`]: !!c,
       "has-background": r
     }))
@@ -4004,19 +4028,19 @@ const zf = /* @__PURE__ */ C((e, {
     className: Rn("text")
   }, [t]), m && ze({
     className: Rn("close-button"),
-    icon: Ps,
+    icon: Ts,
     handleClick: d,
     label: f,
     emphasis: ge.low
   })]);
 };
-dr.displayName = ju;
+dr.displayName = Wu;
 dr.className = ts;
-const Kf = /* @__PURE__ */ C((e, {
+const Qf = /* @__PURE__ */ C((e, {
   slots: t,
   emit: n
 }) => {
-  const r = $(), {
+  const r = _(), {
     closeButtonLabel: o
   } = e;
   return () => h(dr, w(e, r, {
@@ -4033,7 +4057,7 @@ const Kf = /* @__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"]
-}), Wu = {
+}), Hu = {
   AUTO: "auto",
   AUTO_END: "auto-end",
   AUTO_START: "auto-start",
@@ -4049,20 +4073,21 @@ const Kf = /* @__PURE__ */ C((e, {
   LEFT: "left",
   LEFT_END: "left-end",
   LEFT_START: "left-start"
-}, zu = {
+}, Uu = {
   MIN_WIDTH: "minWidth"
-}, Ln = 14, Vu = 9999;
-function Hu(e) {
+}, Ln = 14, Gu = 9999;
+function Ku(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !we(e);
 }
-const Uu = "lumx-popover", {
-  block: Gu,
-  element: Ku
-} = L(Uu), Un = {
+const Yu = "lumx-popover", {
+  block: Xu,
+  element: Zu
+} = L(Yu), Xe = {
+  closeMode: "unmount",
   elevation: 3,
-  placement: Wu.AUTO,
+  placement: Hu.AUTO,
   usePortal: !0
-}, Yu = (e, {
+}, Ju = (e, {
   Portal: t,
   ClickAwayProvider: n,
   ThemeProvider: r
@@ -4071,91 +4096,93 @@ const Uu = "lumx-popover", {
     as: o = "div",
     children: a,
     className: s,
-    elevation: i = Un.elevation,
-    hasArrow: l,
-    isOpen: c,
-    position: u,
-    popoverStyle: d,
-    arrowStyle: f,
-    theme: m,
+    closeMode: i = Xe.closeMode,
+    elevation: l = Xe.elevation,
+    hasArrow: c,
+    isOpen: u,
+    position: d,
+    popoverStyle: f,
+    arrowStyle: m,
+    theme: v,
     // Framework-specific
-    ref: v,
-    arrowRef: p,
-    usePortal: g = Un.usePortal,
-    clickAwayCallback: b,
-    clickAwayRefs: y,
-    unmountSentinel: x,
+    ref: p,
+    arrowRef: g,
+    usePortal: b = Xe.usePortal,
+    clickAwayCallback: y,
+    clickAwayRefs: x,
+    unmountSentinel: S,
     // Forwarded props
-    ...S
-  } = e, N = o, k = Math.min(i || 0, 5);
-  return c ? h(t, {
-    enabled: g
+    ...N
+  } = e, k = !u && i === "hide", P = u || i === "hide", R = o, I = Math.min(l || 0, 5);
+  return P ? h(t, {
+    enabled: b
   }, {
-    default: () => [h(N, w(S, {
-      ref: v,
-      className: E(s, Gu({
-        [`theme-${m}`]: !!m,
-        [`elevation-${k}`]: !!k,
-        [`position-${u}`]: !!u
+    default: () => [h(R, w(N, {
+      ref: p,
+      className: E(s, Xu({
+        [`theme-${v}`]: !!v,
+        [`elevation-${I}`]: !!I,
+        [`position-${d}`]: !!d,
+        "is-hidden": !!k
       })),
-      style: d,
-      "data-popper-placement": u
+      style: k ? void 0 : f,
+      "data-popper-placement": d
     }), {
-      default: () => [x, h(n, {
-        callback: b,
-        childrenRefs: y
+      default: () => [S, h(n, {
+        callback: !k && y,
+        childrenRefs: x
       }, {
-        default: () => [l && h("div", {
-          ref: p,
-          className: Ku("arrow"),
-          style: f
+        default: () => [c && h("div", {
+          ref: g,
+          className: Zu("arrow"),
+          style: k ? void 0 : m
         }, [h("svg", {
           viewBox: "0 0 14 14",
           "aria-hidden": !0
         }, [h("path", {
           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: m
-        }, Hu(a) ? a : {
+          value: v
+        }, Ku(a) ? a : {
           default: () => [a]
         })]
       })]
     })]
   }) : null;
 };
-function Xu(e) {
+function Qu(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 Zu(e) {
+function ed(e) {
   if (e)
-    return typeof e == "string" ? e : zu.MIN_WIDTH;
+    return typeof e == "string" ? e : Uu.MIN_WIDTH;
 }
-function Ju(e) {
+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;
-  return l.push(Ma({ mainAxis: c, crossAxis: u })), s.isAuto ? l.push(
-    Jl({ ...a ? { boundary: a } : {}, alignment: s.autoAlignment })
-  ) : (l.push(ec(a ? { boundary: a } : {})), l.push(Ql(a ? { boundary: a } : {}))), (r || o) && l.push(
-    tc({
+  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({
       ...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`);
       }
     })
-  ), n && i && l.push(nc({ element: i, padding: Ln / 2 })), l;
+  ), n && i && l.push(rc({ element: i, padding: Ln / 2 })), l;
 }
-function Qu(e) {
+function nd(e) {
   if (e)
     return {
       left: e.x != null ? `${e.x}px` : "",
       top: e.y != null ? `${e.y}px` : ""
     };
 }
-function ed(e) {
+function rd(e) {
   return e.isAuto ? void 0 : e.floatingPlacement;
 }
-function td(e) {
-  const t = F(), n = F(), r = A(() => Xu(e.placement?.value)), o = A(() => Zu(e.fitToAnchorWidth?.value)), a = A(
-    () => Ju({
+function od(e) {
+  const t = F(), n = F(), r = A(() => Qu(e.placement?.value)), o = A(() => ed(e.fitToAnchorWidth?.value)), a = A(
+    () => td({
       offset: e.offset?.value,
       hasArrow: e.hasArrow?.value,
       fitWidth: o.value,
@@ -4164,18 +4191,18 @@ function td(e) {
       parsedPlacement: r.value,
       arrowElement: n.value
     })
-  ), s = A(() => ed(r.value)), {
+  ), s = A(() => rd(r.value)), {
     floatingStyles: i,
     placement: l,
     isPositioned: c,
     middlewareData: u
   } = ja(e.anchorRef, t, {
     placement: s,
-    whileElementsMounted: Ba,
+    whileElementsMounted: Ma,
     middleware: a
   }), d = A(
     () => l.value ?? e.placement?.value
-  ), f = A(() => Qu(u.value?.arrow)), m = A(() => ({
+  ), f = A(() => nd(u.value?.arrow)), m = A(() => ({
     ...e.style?.value || {},
     ...i.value,
     zIndex: e.zIndex?.value
@@ -4188,24 +4215,24 @@ function td(e) {
     arrowRef: n
   };
 }
-const nd = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]', rd = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])', od = (e) => !e.matches(rd);
-function ad(e) {
-  return Array.from(e.querySelectorAll(nd)).filter(od);
+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);
 }
-function Gn(e) {
-  const t = ad(e), n = t[0], r = t[t.length - 1];
+function Un(e) {
+  const t = ld(e), n = t[0], r = t[t.length - 1];
   return r && n ? { first: n, last: r } : {};
 }
 const In = za();
-function sd(e, t) {
+function cd(e, t) {
   let n;
-  ot((r) => {
+  vs((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 = Gn(s);
+      const d = Un(s);
       if (!d.first) {
         c.preventDefault();
         return;
@@ -4227,21 +4254,21 @@ function sd(e, t) {
       enable: () => document.body.addEventListener("keydown", i),
       disable: () => document.body.removeEventListener("keydown", i)
     };
-    a && s.contains(a) ? a.focus({ preventScroll: !0 }) : Gn(s).first?.focus({ preventScroll: !0 }), In.register(l), n = l, r(() => {
+    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;
     });
   }), oa(() => {
     n && (In.unregister(n), n = void 0);
   });
 }
-function id(e, t = !0) {
+function ud(e, t = !0) {
   const n = F(!1);
-  ot(() => {
+  Jn(() => {
     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 ld(e, t, n, r, o) {
+function dd(e, t, n, r, o) {
   const a = () => {
     if (!e.value) return;
     const s = r.value;
@@ -4249,7 +4276,7 @@ function ld(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 ? Gn(c).first : void 0) || // Fallback to anchor
+      (c instanceof HTMLElement ? Un(c).first : void 0) || // Fallback to anchor
       c)?.focus({ preventScroll: !0 });
     }, 0);
   };
@@ -4263,20 +4290,20 @@ function ld(e, t, n, r, o) {
     a();
   });
 }
-const cd = {
+const fd = {
   close: () => !0
-}, ud = /* @__PURE__ */ C((e, {
+}, md = /* @__PURE__ */ C((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 || Un.placement), d = A(() => e.zIndex ?? Vu), 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 ?? Gu), f = A(() => e.focusAnchorOnClose ?? !0), m = A(() => e.parentElement), v = A(() => !!e.isOpen), {
     styles: p,
     isPositioned: g,
     position: b,
     floatingRef: y,
     arrowRef: x
-  } = td({
+  } = od({
     anchorRef: o,
     offset: s,
     hasArrow: i,
@@ -4288,79 +4315,81 @@ const cd = {
     }),
     zIndex: d
   });
-  ld(f, o, m, y, v);
+  dd(f, o, m, y, v);
   const S = () => {
     t("close");
   }, N = A(() => S), k = A(() => !!(e.isOpen && e.closeOnEscape));
   Va(N, k);
-  const T = A(() => e.focusElement), R = A(() => !e.withFocusTrap && !!e.isOpen && g.value);
-  id(T, R);
+  const P = A(() => e.focusElement), R = A(() => !e.withFocusTrap && !!e.isOpen && g.value);
+  ud(P, R);
   const I = A(() => !e.withFocusTrap || !e.isOpen ? !1 : e.focusTrapZoneElement || y.value || !1);
-  sd(I, T);
-  const _ = A(() => [y, o]);
+  cd(I, P);
+  const $ = A(() => [y, o]);
   return () => {
-    const P = e.theme, {
+    const T = e.theme, {
       class: D,
-      isOpen: M,
-      ...B
+      isOpen: B,
+      ...M
     } = e, {
       anchorRef: H,
       boundaryRef: U,
-      closeOnClickAway: W,
-      closeOnEscape: V,
-      focusElement: G,
-      focusAnchorOnClose: ie,
-      fitToAnchorWidth: vt,
-      fitWithinViewportHeight: Ne,
-      offset: fr,
-      parentElement: bt,
-      placement: af,
-      usePortal: sf,
-      focusTrapZoneElement: lf,
-      zIndex: cf,
-      withFocusTrap: uf,
-      theme: df,
-      as: ff,
-      elevation: mf,
-      hasArrow: hf,
+      closeMode: W,
+      closeOnClickAway: V,
+      closeOnEscape: G,
+      focusElement: ie,
+      focusAnchorOnClose: vt,
+      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
-    } = B, os = e.closeOnClickAway ? S : void 0;
-    return Yu({
+    } = M, os = e.closeOnClickAway ? S : void 0;
+    return Ju({
       ...rs,
       ...r,
       as: e.as,
       children: n.default?.(),
       className: D,
+      closeMode: e.closeMode,
       elevation: e.elevation,
       hasArrow: e.hasArrow,
-      isOpen: !!M,
+      isOpen: !!B,
       position: b.value,
       popoverStyle: p.popover.value,
       arrowStyle: p.arrow.value,
-      theme: P,
+      theme: T,
       ref: y,
       arrowRef: x,
       usePortal: e.usePortal ?? !0,
       clickAwayCallback: os,
-      clickAwayRefs: _
+      clickAwayRefs: $
     }, {
       Portal: aa,
-      ClickAwayProvider: vs,
-      ThemeProvider: bs
+      ClickAwayProvider: bs,
+      ThemeProvider: gs
     });
   };
 }, {
   name: "LumxPopover",
   inheritAttrs: !1,
-  props: O()("anchorRef", "as", "boundaryRef", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusElement", "focusAnchorOnClose", "hasArrow", "isOpen", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "zIndex", "withFocusTrap", "theme", "class"),
-  emits: cd
-}), dd = "PopoverDialog", fd = "lumx-popover-dialog", md = {
+  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 = {
   close: () => !0
-}, Yf = /* @__PURE__ */ C((e, {
+}, em = /* @__PURE__ */ C((e, {
   emit: t,
   slots: n
 }) => {
-  const r = $(), o = A(() => me.join(e.class, fd)), a = A(() => e.label ?? e.ariaLabel ?? r["aria-label"]), s = () => t("close");
+  const r = _(), o = A(() => me.join(e.class, pd)), a = A(() => e.label ?? e.ariaLabel ?? r["aria-label"]), s = () => t("close");
   return () => {
     const {
       label: i,
@@ -4368,7 +4397,7 @@ const cd = {
       class: c,
       ...u
     } = e;
-    return h(ud, w(u, w(r, {
+    return h(md, w(u, w(r, {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": a.value
@@ -4379,7 +4408,7 @@ const cd = {
       withFocusTrap: !0,
       onClose: s
     }), {
-      default: () => [h(Lu, {
+      default: () => [h(Bu, {
         level: 2
       }, {
         default: () => [n.default?.()]
@@ -4387,17 +4416,17 @@ const cd = {
     });
   };
 }, {
-  name: `Lumx${dd}`,
+  name: `Lumx${hd}`,
   inheritAttrs: !1,
-  props: O()("anchorRef", "aria-label", "aria-labelledby", "as", "boundaryRef", "closeOnClickAway", "closeOnEscape", "elevation", "fitToAnchorWidth", "fitWithinViewportHeight", "focusAnchorOnClose", "focusElement", "hasArrow", "isOpen", "label", "offset", "parentElement", "placement", "usePortal", "focusTrapZoneElement", "withFocusTrap", "zIndex", "theme", "class"),
-  emits: md
-}), hd = "lumx-progress-circular", {
-  block: pd,
-  element: tt
-} = L(hd), Xo = {
+  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,
+  element: nt
+} = L(bd), Xo = {
   size: z.m,
   display: "block"
-}, vd = (e) => {
+}, yd = (e) => {
   const {
     className: t,
     theme: n,
@@ -4411,16 +4440,16 @@ const cd = {
   return h(c, w({
     ref: a
   }, l, {
-    className: E(t, pd({
+    className: E(t, gd({
       [`theme-${n}`]: !!n,
       [`size-${r}`]: !!r,
       [`display-${o}`]: !!o
     }))
   }), {
     default: () => [h(c, {
-      className: tt("double-bounce1")
+      className: nt("double-bounce1")
     }, null), h(c, {
-      className: tt("double-bounce2")
+      className: nt("double-bounce2")
     }, null), h("svg", w(i, {
       viewBox: "25 25 50 50"
     }), [h("circle", w(s, {
@@ -4430,27 +4459,27 @@ const cd = {
       fill: "none"
     }), null)])]
   });
-}, Xf = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q();
-  return () => h(vd, w(e, t, {
+}, tm = /* @__PURE__ */ C((e) => {
+  const t = _(), n = q();
+  return () => h(yd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value,
     circleProps: {
-      class: tt("path"),
+      class: nt("path"),
       "stroke-width": "5"
     },
     svgProps: {
-      class: tt("svg")
+      class: nt("svg")
     }
   }), null);
 }, {
   name: "LumxProgressCircular",
   inheritAttrs: !1,
   props: O()("class", "size", "display", "theme")
-}), bd = "lumx-progress-linear", {
-  block: gd,
+}), wd = "lumx-progress-linear", {
+  block: Ad,
   element: Zo
-} = L(bd), yd = (e) => {
+} = L(wd), xd = (e) => {
   const {
     className: t,
     theme: n,
@@ -4460,7 +4489,7 @@ const cd = {
   return h("div", w({
     ref: r
   }, o, {
-    className: E(t, gd({
+    className: E(t, Ad({
       [`theme-${n}`]: !!n
     }))
   }), [h("div", {
@@ -4468,9 +4497,9 @@ const cd = {
   }, null), h("div", {
     className: Zo("line2")
   }, null)]);
-}, Zf = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q();
-  return () => h(yd, w(e, t, {
+}, nm = /* @__PURE__ */ C((e) => {
+  const t = _(), n = q();
+  return () => h(xd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4478,10 +4507,10 @@ const cd = {
   name: "LumxProgressLinear",
   inheritAttrs: !1,
   props: O()("class", "theme")
-}), wd = "lumx-radio-button", {
-  block: Ad,
+}), Sd = "lumx-radio-button", {
+  block: Pd,
   element: ce
-} = L(wd), xd = (e) => {
+} = L(Sd), Td = (e) => {
   const {
     checked: t,
     className: n,
@@ -4505,7 +4534,7 @@ const cd = {
   return h("div", w({
     ref: c
   }, g, {
-    className: E(n, Ad({
+    className: E(n, Pd({
       "is-checked": s,
       "is-disabled": v,
       "is-unchecked": !s,
@@ -4544,12 +4573,12 @@ const cd = {
     theme: d,
     children: r
   })])]);
-}, Sd = {
+}, Nd = {
   change: (e, t, n) => n instanceof Event
-}, Jf = /* @__PURE__ */ C((e, {
+}, rm = /* @__PURE__ */ C((e, {
   emit: t
 }) => {
-  const n = $(), r = q(), o = ft(), a = A(() => e.id || o), {
+  const n = _(), r = q(), o = ft(), a = A(() => e.id || o), {
     isAnyDisabled: s,
     disabledStateProps: i,
     otherProps: l
@@ -4559,7 +4588,7 @@ const cd = {
   }))), c = (u, d, f) => {
     s.value || t("change", u, d, f);
   };
-  return () => h(xd, w(l.value, {
+  return () => h(Td, w(l.value, {
     className: e.class,
     theme: e.theme || r.value,
     inputId: a.value,
@@ -4577,8 +4606,8 @@ const cd = {
   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: Sd
-}), Pd = "RadioGroup", ns = "lumx-radio-group", Td = {}, pt = (e) => {
+  emits: Nd
+}), kd = "RadioGroup", ns = "lumx-radio-group", Cd = {}, pt = (e) => {
   const {
     children: t,
     className: n,
@@ -4591,13 +4620,13 @@ const cd = {
     className: E(n, ns)
   }), [t]);
 };
-pt.displayName = Pd;
+pt.displayName = kd;
 pt.className = ns;
-pt.defaultProps = Td;
-const Qf = /* @__PURE__ */ C((e, {
+pt.defaultProps = Cd;
+const om = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
+  const n = _();
   return () => h(pt, w(e, n, {
     className: e.class,
     children: t.default?.()
@@ -4606,9 +4635,9 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "RadioGroup",
   inheritAttrs: !1,
   props: O()("class")
-}), Nd = "lumx-skeleton-circle", {
-  block: kd
-} = L(Nd), Cd = (e) => {
+}), Od = "lumx-skeleton-circle", {
+  block: Ed
+} = L(Od), _d = (e) => {
   const {
     className: t,
     size: n,
@@ -4620,28 +4649,28 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: a
   }, s, {
-    className: E(t, kd({
+    className: E(t, Ed({
       [`size-${n}`]: !!n,
       [`color-${r}`]: !!r,
       [`theme-${o}`]: !!o
     }))
   }), null);
-}, Od = {
+}, $d = {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, Ed = "lumx-skeleton-rectangle", {
-  block: _d,
-  element: $d
-} = L(Ed), Rd = {
-  variant: Od.squared
-}, Ld = (e) => {
+}, Rd = "lumx-skeleton-rectangle", {
+  block: Ld,
+  element: Id
+} = L(Rd), Md = {
+  variant: $d.squared
+}, Bd = (e) => {
   const {
     aspectRatio: t,
     className: n,
     height: r,
     theme: o,
-    variant: a = Rd.variant,
+    variant: a = Md.variant,
     width: s,
     color: i,
     ref: l,
@@ -4650,7 +4679,7 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: l
   }, c, {
-    className: E(n, _d({
+    className: E(n, Ld({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${r}`]: !!(!t && r),
       [`theme-${o}`]: !!o,
@@ -4659,12 +4688,12 @@ const Qf = /* @__PURE__ */ C((e, {
       [`color-${i}`]: !!i
     }))
   }), [h("div", {
-    className: $d("inner")
+    className: Id("inner")
   }, null)]);
-}, Id = "lumx-skeleton-typography", {
-  block: Bd,
-  element: Md
-} = L(Id), Dd = (e) => {
+}, Dd = "lumx-skeleton-typography", {
+  block: jd,
+  element: qd
+} = L(Dd), Fd = (e) => {
   const {
     className: t,
     theme: n,
@@ -4677,7 +4706,7 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: s
   }, i, {
-    className: E(t, Bd({
+    className: E(t, jd({
       [`theme-${n}`]: !!n,
       [`typography-${r}`]: !!r,
       [`color-${a}`]: !!a
@@ -4687,11 +4716,11 @@ const Qf = /* @__PURE__ */ C((e, {
       width: o
     }
   }), [h("div", {
-    className: Md("inner")
+    className: qd("inner")
   }, null)]);
-}, em = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q();
-  return () => h(Cd, w(e, t, {
+}, am = /* @__PURE__ */ C((e) => {
+  const t = _(), n = q();
+  return () => h(_d, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4699,9 +4728,9 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
   props: O()("class", "size", "color", "theme")
-}), tm = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q();
-  return () => h(Ld, w(e, t, {
+}), sm = /* @__PURE__ */ C((e) => {
+  const t = _(), n = q();
+  return () => h(Bd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4709,9 +4738,9 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "SkeletonRectangle",
   inheritAttrs: !1,
   props: O()("class", "aspectRatio", "height", "variant", "width", "color", "theme")
-}), nm = /* @__PURE__ */ C((e) => {
-  const t = $(), n = q();
-  return () => h(Dd, w(e, t, {
+}), im = /* @__PURE__ */ C((e) => {
+  const t = _(), n = q();
+  return () => h(Fd, w(e, t, {
     className: e.class,
     theme: e.theme || n.value
   }), null);
@@ -4719,12 +4748,12 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "LumxSkeletonTypography",
   inheritAttrs: !1,
   props: O()("class", "typography", "width", "color", "theme", "style")
-}), jd = "lumx-switch", {
-  block: qd,
+}), Wd = "lumx-switch", {
+  block: zd,
   element: ue
-} = L(jd), Fd = {
+} = L(Wd), Vd = {
   position: "left"
-}, Wd = (e) => {
+}, Hd = (e) => {
   const {
     checked: t,
     className: n,
@@ -4741,7 +4770,7 @@ const Qf = /* @__PURE__ */ C((e, {
     inputProps: m = {},
     isDisabled: v,
     inputId: p,
-    position: g = Fd.position,
+    position: g = Vd.position,
     ...b
   } = e, y = (x) => {
     u && u(!s, f, l, x);
@@ -4749,7 +4778,7 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: c
   }, b, {
-    className: E(n, qd({
+    className: E(n, zd({
       "is-checked": s,
       "is-disabled": v,
       "is-unchecked": !s,
@@ -4791,13 +4820,13 @@ const Qf = /* @__PURE__ */ C((e, {
     theme: d,
     children: r
   })])]);
-}, zd = {
+}, Ud = {
   change: (e, t, n, r) => typeof e == "boolean" && r instanceof Event
-}, rm = /* @__PURE__ */ C((e, {
+}, lm = /* @__PURE__ */ C((e, {
   emit: t,
   slots: n
 }) => {
-  const r = $(), o = q(), a = ft(), s = A(() => e.id || a), {
+  const r = _(), o = q(), a = ft(), s = A(() => e.id || a), {
     isAnyDisabled: i,
     disabledStateProps: l,
     otherProps: c
@@ -4807,7 +4836,7 @@ const Qf = /* @__PURE__ */ C((e, {
   }))), u = (d, f, m, v) => {
     i.value || t("change", d, f, m, v);
   };
-  return () => h(Wd, w(c.value, {
+  return () => h(Hd, w(c.value, {
     className: e.class,
     theme: e.theme || o.value,
     inputId: s.value,
@@ -4825,10 +4854,10 @@ const Qf = /* @__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: zd
+  emits: Ud
 }), He = "lumx-table", {
-  block: Vd
-} = L(He), Hd = (e) => {
+  block: Gd
+} = L(He), Kd = (e) => {
   const {
     children: t,
     className: n,
@@ -4841,17 +4870,17 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("table", w({
     ref: a
   }, i, {
-    className: E(n, Vd({
+    className: E(n, Gd({
       "has-before": r,
       "has-dividers": o,
       [`theme-${s}`]: !!s
     }))
   }), [t]);
-}, om = /* @__PURE__ */ C((e, {
+}, cm = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), r = q();
-  return () => h(Hd, w(e, n, {
+  const n = _(), r = q();
+  return () => h(Kd, w(e, n, {
     className: e.class,
     theme: e.theme || r.value,
     children: t.default?.()
@@ -4860,7 +4889,7 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "LumxTable",
   inheritAttrs: !1,
   props: O()("class", "hasBefore", "hasDividers", "theme")
-}), Ud = `${He}__body`, Gd = (e) => {
+}), Yd = `${He}__body`, Xd = (e) => {
   const {
     children: t,
     className: n,
@@ -4870,13 +4899,13 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("tbody", w({
     ref: r
   }, o, {
-    className: E(n, Ud)
+    className: E(n, Yd)
   }), [t]);
-}, am = /* @__PURE__ */ C((e, {
+}, um = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
-  return () => h(Gd, w(e, n, {
+  const n = _();
+  return () => h(Xd, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -4887,14 +4916,14 @@ const Qf = /* @__PURE__ */ C((e, {
 }), Ye = {
   asc: "asc",
   desc: "desc"
-}, Kn = {
+}, Gn = {
   body: "body",
   head: "head"
 }, be = `${He}__cell`, {
   block: Jo
-} = L(be), Kd = {
-  variant: Kn.body
-}, Yd = (e) => {
+} = L(be), Zd = {
+  variant: Gn.body
+}, Jd = (e) => {
   const {
     children: t,
     className: n,
@@ -4903,14 +4932,14 @@ const Qf = /* @__PURE__ */ C((e, {
     handleClick: a,
     ref: s,
     sortOrder: i,
-    variant: l = Kd.variant,
+    variant: l = Zd.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 === Kn.head && h("th", w({
+  return o && (f = "none", i === Ye.asc && (f = "ascending"), i === Ye.desc && (f = "descending")), h(Ae, null, [l === Gn.head && h("th", w({
     ref: s
   }, c, {
     className: E(n, Jo({
@@ -4928,16 +4957,16 @@ const Qf = /* @__PURE__ */ C((e, {
       size: z.xxs
     }), o && i === Ye.asc && X({
       className: `${be}-icon`,
-      icon: ks,
+      icon: Cs,
       size: z.xxs
     }), o && i === Ye.desc && X({
       className: `${be}-icon`,
-      icon: Ns,
+      icon: ks,
       size: z.xxs
     }), h("div", {
       className: `${be}-content`
     }, [t])]
-  })]), l === Kn.body && h("td", w({
+  })]), l === Gn.body && h("td", w({
     ref: s
   }, c, {
     className: E(n, Jo({
@@ -4946,9 +4975,9 @@ const Qf = /* @__PURE__ */ C((e, {
   }), [h("div", {
     className: `${be}-content`
   }, [t])])]);
-}, Xd = {
+}, Qd = {
   headerClick: () => !0
-}, sm = /* @__PURE__ */ C((e, {
+}, dm = /* @__PURE__ */ C((e, {
   emit: t,
   slots: n,
   attrs: r
@@ -4956,7 +4985,7 @@ const Qf = /* @__PURE__ */ C((e, {
   const o = () => {
     t("headerClick");
   }, a = Ee("onHeaderClick");
-  return () => h(Yd, w(e, r, {
+  return () => h(Jd, w(e, r, {
     className: e.class,
     handleClick: a ? o : void 0,
     children: n.default?.()
@@ -4965,8 +4994,8 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "LumxTableCell",
   inheritAttrs: !1,
   props: O()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: Xd
-}), Zd = `${He}__header`, Jd = (e) => {
+  emits: Qd
+}), ef = `${He}__header`, tf = (e) => {
   const {
     children: t,
     className: n,
@@ -4976,13 +5005,13 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("thead", w({
     ref: r
   }, o, {
-    className: E(n, Zd)
+    className: E(n, ef)
   }), [t]);
-}, im = /* @__PURE__ */ C((e, {
+}, fm = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
-  return () => h(Jd, w(e, n, {
+  const n = _();
+  return () => h(tf, w(e, n, {
     className: e.class,
     children: t.default?.()
   }), null);
@@ -4990,9 +5019,9 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "LumxTableHeader",
   inheritAttrs: !1,
   props: O()("class")
-}), Qd = `${He}__row`, {
-  block: ef
-} = L(Qd), tf = (e) => {
+}), nf = `${He}__row`, {
+  block: rf
+} = L(nf), of = (e) => {
   const {
     children: t,
     className: n,
@@ -5009,23 +5038,23 @@ const Qf = /* @__PURE__ */ C((e, {
   }, s !== void 0 ? {
     tabIndex: s
   } : {}, l, {
-    className: E(n, ef({
+    className: E(n, rf({
       "is-clickable": r && !c,
       "is-disabled": c,
       "is-selected": o && !c
     }))
   }), [t]);
-}, lm = /* @__PURE__ */ C((e, {
+}, mm = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $(), {
+  const n = _(), {
     isAnyDisabled: r,
     otherProps: o
   } = se(A(() => ({
     ...e,
     ...n
   })));
-  return () => h(tf, w(o.value, {
+  return () => h(of, w(o.value, {
     className: e.class,
     tabIndex: e.isClickable && !r.value ? 0 : -1,
     "aria-disabled": r.value,
@@ -5035,10 +5064,10 @@ const Qf = /* @__PURE__ */ C((e, {
   name: "LumxTableRow",
   inheritAttrs: !1,
   props: O()("class", "isClickable", "isDisabled", "isSelected")
-}), cm = "Toolbar", nf = "lumx-toolbar", {
-  block: rf,
-  element: Bn
-} = L(nf), of = (e) => {
+}), hm = "Toolbar", af = "lumx-toolbar", {
+  block: sf,
+  element: Mn
+} = L(af), lf = (e) => {
   const {
     after: t,
     before: n,
@@ -5050,23 +5079,23 @@ const Qf = /* @__PURE__ */ C((e, {
   return h("div", w({
     ref: a
   }, s, {
-    className: E(r, rf({
+    className: E(r, sf({
       "has-after": !!t,
       "has-before": !!n,
       "has-label": !!o
     }))
   }), [n && h("div", {
-    className: Bn("before")
+    className: Mn("before")
   }, [n]), o && h("div", {
-    className: Bn("label")
+    className: Mn("label")
   }, [o]), t && h("div", {
-    className: Bn("after")
+    className: Mn("after")
   }, [t])]);
-}, um = /* @__PURE__ */ C((e, {
+}, pm = /* @__PURE__ */ C((e, {
   slots: t
 }) => {
-  const n = $();
-  return () => h(of, w(e, n, {
+  const n = _();
+  return () => h(lf, w(e, n, {
     className: e.class,
     label: t.default?.(),
     before: t.before?.(),
@@ -5078,52 +5107,53 @@ const Qf = /* @__PURE__ */ C((e, {
   props: O()("class")
 });
 export {
-  $f as Avatar,
-  Rf as Badge,
-  Lf as BadgeWrapper,
-  If as Button,
-  Mf as ButtonGroup,
-  Df as Checkbox,
-  jf as Chip,
-  qf as Divider,
-  Ff as Flag,
-  Wf as FlexBox,
-  zf as GridColumn,
-  Vf as Heading,
-  Lu as HeadingLevelProvider,
+  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,
-  Bf as IconButton,
-  Hf as InputHelper,
-  Uf as InputLabel,
-  Gf as Link,
-  Kf as Message,
-  Wu as Placement,
-  ud as Popover,
-  Yf as PopoverDialog,
-  Xf as ProgressCircular,
-  Zf as ProgressLinear,
-  Jf as RadioButton,
-  Qf as RadioGroup,
-  em as SkeletonCircle,
-  tm as SkeletonRectangle,
-  Od as SkeletonRectangleVariant,
-  nm as SkeletonTypography,
-  rm as Switch,
-  cm as TOOLBAR_NAME,
-  om as Table,
-  am as TableBody,
-  sm as TableCell,
-  Kn as TableCellVariant,
-  im as TableHeader,
-  lm as TableRow,
+  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,
   rr as Text,
   Ye as ThOrder,
-  ni as Thumbnail,
-  _f as ThumbnailObjectFit,
-  Ef as ThumbnailVariant,
-  um as Toolbar,
-  Mc as Tooltip,
-  Xd as emitSchema,
+  ri as Thumbnail,
+  If as ThumbnailObjectFit,
+  Lf as ThumbnailVariant,
+  pm as Toolbar,
+  Dc as Tooltip,
+  Qd as emitSchema,
   Qa as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map