@lumx/vue 4.18.0 → 4.18.1-alpha.0

package/index.js

@@ -1,7 +1,7 @@
 import { ColorVariant as ld, Size as rt, VISUALLY_HIDDEN as cd, DIALOG_TRANSITION_DURATION as ac, AspectRatio as oc, IS_BROWSER as Yr, ColorPalette as ud } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as m, mergeProps as S, Fragment as ne, isVNode as K, useAttrs as D, computed as C, toValue as Me, getCurrentScope as rc, onScopeDispose as mr, toRef as Q, readonly as dd, customRef as fd, ref as R, shallowRef as Re, watch as X, getCurrentInstance as sc, onMounted as Ke, inject as qe, defineComponent as E, toRefs as hd, reactive as ic, provide as je, watchEffect as Xe, isRef as lt, onUnmounted as He, watchPostEffect as md, onBeforeUnmount as en, Comment as pr, unref as Pt, useSlots as ke, useTemplateRef as pd, toRaw as Ye, Text as lc, nextTick as cc, shallowReadonly as nt, h as Zr, cloneVNode as gd, onWatcherCleanup as vd, createTextVNode as bd, withDirectives as yd, resolveDirective as Ad } from "vue";
+import { createVNode as m, mergeProps as S, Fragment as ne, isVNode as K, useAttrs as D, computed as C, toValue as Me, getCurrentScope as rc, onScopeDispose as mr, toRef as Q, readonly as dd, customRef as fd, ref as R, shallowRef as Re, watch as X, getCurrentInstance as sc, onMounted as Ke, inject as qe, defineComponent as E, toRefs as hd, reactive as ic, provide as je, watchEffect as Xe, isRef as lt, onUnmounted as He, watchPostEffect as md, onBeforeUnmount as en, Comment as pr, unref as xt, useSlots as ke, useTemplateRef as pd, toRaw as Ye, Text as lc, nextTick as cc, shallowReadonly as nt, h as Zr, cloneVNode as gd, onWatcherCleanup as vd, createTextVNode as bd, withDirectives as yd, resolveDirective as Ad } from "vue";
 import { classNames as fe } from "@lumx/core/js/utils";
 import { k as $, u as U, T as gr, P as tn, C as vr, I as uc } from "./_internal/CHaqSUjw.js";
 import { getDisabledState as Sd } from "@lumx/core/js/utils/disabledState";
@@ -10,10 +10,10 @@ import { mdiChevronUp as dc } from "@lumx/icons/esm/chevron-up.js";
 import { mdiChevronDown as fc } from "@lumx/icons/esm/chevron-down.js";
 import { mdiCheckCircle as br } from "@lumx/icons/esm/check-circle.js";
 import { mdiCloseCircle as Nd } from "@lumx/icons/esm/close-circle.js";
-import { mdiInformationOutline as xd } from "@lumx/icons/esm/information-outline.js";
+import { mdiInformationOutline as Pd } from "@lumx/icons/esm/information-outline.js";
 import { mdiAlert as hc } from "@lumx/icons/esm/alert.js";
 import { mdiInformation as mc } from "@lumx/icons/esm/information.js";
-import { mdiImageBroken as Pd } from "@lumx/icons/esm/image-broken.js";
+import { mdiImageBroken as xd } from "@lumx/icons/esm/image-broken.js";
 import { mdiCheck as wd } from "@lumx/icons/esm/check.js";
 import { mdiMinus as Cd } from "@lumx/icons/esm/minus.js";
 import { mdiDragVertical as Od } from "@lumx/icons/esm/drag-vertical.js";
@@ -265,9 +265,9 @@ const Wd = {
     ...A
   } = e, {
     color: N,
-    icon: P
+    icon: x
   } = Wd[i] || {}, w = `${t}-title`, k = `${t}-description`, {
-    label: x,
+    label: P,
     onClick: T,
     ...O
   } = r, {
@@ -293,7 +293,7 @@ const Wd = {
     default: () => [m("header", null, [m(b, {
       className: "lumx-spacing-margin-horizontal",
       before: m(y, {
-        icon: P,
+        icon: x,
         size: H.s,
         color: N
       }, null),
@@ -319,8 +319,8 @@ const Wd = {
         color: N,
         className: "lumx-spacing-margin-left-regular",
         onClick: T
-      }), Ln(x) ? x : {
-        default: () => [x]
+      }), Ln(P) ? P : {
+        default: () => [P]
       })])
     }, null)])]
   });
@@ -361,7 +361,7 @@ function Zd(...e) {
 function Sc(e) {
   return Array.isArray(e) ? e : [e];
 }
-const xr = Yd ? window : void 0;
+const Pr = Yd ? window : void 0;
 function st(e) {
   var t;
   const n = Me(e);
@@ -375,14 +375,14 @@ function Jd() {
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function Pr(e) {
+function xr(e) {
   const t = /* @__PURE__ */ Jd();
   return C(() => (t.value, !!e()));
 }
 function Qd(e, t, n = {}) {
-  const { window: a = xr, ...o } = n;
+  const { window: a = Pr, ...o } = n;
   let r;
-  const s = /* @__PURE__ */ Pr(() => a && "MutationObserver" in a), i = () => {
+  const s = /* @__PURE__ */ xr(() => a && "MutationObserver" in a), i = () => {
     r && (r.disconnect(), r = void 0);
   }, l = X(C(() => {
     const u = Sc(Me(e)).map(st).filter(Ac);
@@ -402,9 +402,9 @@ function Qd(e, t, n = {}) {
   };
 }
 function ef(e, t, n = {}) {
-  const { window: a = xr, ...o } = n;
+  const { window: a = Pr, ...o } = n;
   let r;
-  const s = /* @__PURE__ */ Pr(() => a && "ResizeObserver" in a), i = () => {
+  const s = /* @__PURE__ */ xr(() => a && "ResizeObserver" in a), i = () => {
     r && (r.disconnect(), r = void 0);
   }, l = X(C(() => {
     const d = Me(e);
@@ -426,7 +426,7 @@ function ef(e, t, n = {}) {
   };
 }
 function rs(e, t, n = {}) {
-  const { root: a, rootMargin: o = "0px", threshold: r = 0, window: s = xr, immediate: i = !0 } = n, l = /* @__PURE__ */ Pr(() => s && "IntersectionObserver" in s), c = C(() => Sc(Me(e)).map(st).filter(Ac));
+  const { root: a, rootMargin: o = "0px", threshold: r = 0, window: s = Pr, immediate: i = !0 } = n, l = /* @__PURE__ */ xr(() => s && "IntersectionObserver" in s), c = C(() => Sc(Me(e)).map(st).filter(Ac));
   let d = Vt;
   const u = Re(i), h = l.value ? X(() => [
     c.value,
@@ -493,7 +493,7 @@ function tf(e, t = !1) {
 }
 const nf = "lumx-dialog", {
   block: af,
-  element: Pe
+  element: xe
 } = B(nf), Nc = {
   size: H.big
 }, of = (e) => {
@@ -518,10 +518,10 @@ const nf = "lumx-dialog", {
     ThemeProvider: y,
     ClickAwayProvider: A,
     shouldPreventCloseOnClickAway: N,
-    clickAwayRefs: P,
+    clickAwayRefs: x,
     rootRef: w,
     wrapperRef: k,
-    hasTopIntersection: x,
+    hasTopIntersection: P,
     headerChildProps: T,
     setSentinelTop: O,
     content: _,
@@ -546,7 +546,7 @@ const nf = "lumx-dialog", {
         zIndex: h
       }
     }), [m("div", {
-      className: Pe("overlay")
+      className: xe("overlay")
     }, null), m(v, {
       level: 2
     }, {
@@ -554,40 +554,40 @@ const nf = "lumx-dialog", {
         value: void 0
       }, {
         default: () => [m("div", S({
-          className: Pe("container"),
+          className: xe("container"),
           role: "dialog",
           "aria-modal": "true"
         }, f), [m(A, {
           callback: !N && c,
-          childrenRefs: P,
+          childrenRefs: x,
           parentRef: w
         }, {
           default: () => [m("section", {
-            className: Pe("wrapper"),
+            className: xe("wrapper"),
             ref: k
           }, [(a || g) && m("header", S(T, {
-            className: L(Pe("header", {
-              "has-divider": !!(r || x)
+            className: L(xe("header", {
+              "has-divider": !!(r || P)
             }), T?.className)
           }), [a, g]), m("div", {
             ref: d,
-            className: Pe("content")
+            className: xe("content")
           }, [m("div", {
-            className: Pe("sentinel", {
+            className: xe("sentinel", {
               top: !0
             }),
             ref: O
           }, null), _, m("div", {
-            className: Pe("sentinel", {
+            className: xe("sentinel", {
               bottom: !0
             }),
             ref: q
           }, null)]), (s || j) && m("footer", S(I, {
-            className: L(Pe("footer", {
+            className: L(xe("footer", {
               "has-divider": !!(o || V)
             }), I?.className)
           }), [s, j]), i && m("div", {
-            className: Pe("progress-overlay")
+            className: xe("progress-overlay")
           }, [m(F, null, null)])])]
         })])]
       })]
@@ -603,16 +603,16 @@ const nf = "lumx-dialog", {
 }, sf = { level: 1, headingElement: "h1" }, lf = (e, t) => {
   const n = e || t + 1;
   return n > ss ? ss : n;
-}, xc = /* @__PURE__ */ Symbol("HeadingLevelContext"), Pc = () => qe(xc, sf), wr = /* @__PURE__ */ E((e, {
+}, Pc = /* @__PURE__ */ Symbol("HeadingLevelContext"), xc = () => qe(Pc, sf), wr = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const {
     level: n
-  } = hd(e), a = Pc(), o = C(() => lf(n?.value, a.level)), r = C(() => `h${o.value}`), s = ic({
+  } = hd(e), a = xc(), o = C(() => lf(n?.value, a.level)), r = C(() => `h${o.value}`), s = ic({
     level: o,
     headingElement: r
   });
-  return je(xc, s), () => t.default?.();
+  return je(Pc, s), () => t.default?.();
 }, {
   name: "HeadingLevelProvider",
   props: $()("level")
@@ -829,10 +829,10 @@ function yf() {
   var e = ze(), t = e["__core-js_shared__"];
   return Kn = t, Kn;
 }
-var Xn, xs;
+var Xn, Ps;
 function Af() {
-  if (xs) return Xn;
-  xs = 1;
+  if (Ps) return Xn;
+  Ps = 1;
   var e = yf(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
     return a ? "Symbol(src)_1." + a : "";
@@ -842,10 +842,10 @@ function Af() {
   }
   return Xn = n, Xn;
 }
-var Yn, Ps;
+var Yn, xs;
 function Tc() {
-  if (Ps) return Yn;
-  Ps = 1;
+  if (xs) return Yn;
+  xs = 1;
   var e = Function.prototype, t = e.toString;
   function n(a) {
     if (a != null) {
@@ -911,7 +911,7 @@ function _c() {
   return ea = t, ea;
 }
 var ta, Ts;
-function xf() {
+function Pf() {
   if (Ts) return ta;
   Ts = 1;
   var e = gf(), t = _c(), n = wc(), a = t ? function(o, r) {
@@ -925,7 +925,7 @@ function xf() {
   return ta = a, ta;
 }
 var na, _s;
-function Pf() {
+function xf() {
   if (_s) return na;
   _s = 1;
   var e = 800, t = 16, n = Date.now;
@@ -947,7 +947,7 @@ var aa, Is;
 function Ic() {
   if (Is) return aa;
   Is = 1;
-  var e = xf(), t = Pf(), n = t(e);
+  var e = Pf(), t = xf(), n = t(e);
   return aa = n, aa;
 }
 var oa, Ls;
@@ -1257,12 +1257,12 @@ const qf = {
   const b = C(() => e.isOpen && s.value || !1);
   Cr(b, C(() => e.focusElement)), Or(C(() => !0), C(() => {
   }), C(() => e.parentElement), s, C(() => !!e.isOpen)), Bc(C(() => e.disableBodyScroll !== !1 && !!e.isOpen));
-  const v = Dc(C(() => !!e.isOpen), ac, C(() => (w) => t("visibilityChange", w))), y = C(() => e.isOpen || v.value || e.closeMode === "hide"), A = C(() => [s]), N = C(() => e.preventAutoClose || e.preventCloseOnClick), P = (w) => {
+  const v = Dc(C(() => !!e.isOpen), ac, C(() => (w) => t("visibilityChange", w))), y = C(() => e.isOpen || v.value || e.closeMode === "hide"), A = C(() => [s]), N = C(() => e.preventAutoClose || e.preventCloseOnClick), x = (w) => {
     i.value = w, e.contentRef && (e.contentRef.value = w);
   };
   return () => {
     if (!y.value) return null;
-    const w = n.default?.() ?? [], k = w.find((_) => _.type === "header"), x = w.find((_) => _.type === "footer"), O = !!(k || x) ? w.filter((_) => _.type !== "header" && _.type !== "footer" && _.type !== pr) : w;
+    const w = n.default?.() ?? [], k = w.find((_) => _.type === "header"), P = w.find((_) => _.type === "footer"), O = !!(k || P) ? w.filter((_) => _.type !== "header" && _.type !== "footer" && _.type !== pr) : w;
     return of({
       ...a,
       ClickAwayProvider: vr,
@@ -1273,10 +1273,10 @@ const qf = {
       className: o.value,
       clickAwayRefs: A,
       content: O.length ? O : void 0,
-      contentRef: P,
+      contentRef: x,
       dialogProps: e.dialogProps,
       footer: void 0,
-      footerChildContent: n.footer?.() ?? x?.children,
+      footerChildContent: n.footer?.() ?? P?.children,
       footerChildProps: void 0,
       forceFooterDivider: e.forceFooterDivider,
       forceHeaderDivider: e.forceHeaderDivider,
@@ -1363,19 +1363,19 @@ function qc() {
   var e = Ze(), t = ze(), n = e(t, "Map");
   return Na = n, Na;
 }
-var xa, Zs;
+var Pa, Zs;
 function Uf() {
-  if (Zs) return xa;
+  if (Zs) return Pa;
   Zs = 1;
   var e = Ze(), t = ze(), n = e(t, "Promise");
-  return xa = n, xa;
+  return Pa = n, Pa;
 }
-var Pa, Js;
+var xa, Js;
 function Gf() {
-  if (Js) return Pa;
+  if (Js) return xa;
   Js = 1;
   var e = Ze(), t = ze(), n = e(t, "Set");
-  return Pa = n, Pa;
+  return xa = n, xa;
 }
 var wa, Qs;
 function Kf() {
@@ -1390,7 +1390,7 @@ function Xf() {
   ei = 1;
   var e = Wf(), t = qc(), n = Uf(), a = Gf(), o = Kf(), r = Tt(), s = Tc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", d = "[object Set]", u = "[object WeakMap]", h = "[object DataView]", f = s(e), g = s(t), p = s(n), b = s(a), v = s(o), y = r;
   return (e && y(new e(new ArrayBuffer(1))) != h || t && y(new t()) != i || n && y(n.resolve()) != c || a && y(new a()) != d || o && y(new o()) != u) && (y = function(A) {
-    var N = r(A), P = N == l ? A.constructor : void 0, w = P ? s(P) : "";
+    var N = r(A), x = N == l ? A.constructor : void 0, w = x ? s(x) : "";
     if (w)
       switch (w) {
         case f:
@@ -1485,8 +1485,8 @@ var $a, ci;
 function eh() {
   if (ci) return $a;
   ci = 1;
-  var e = Tt(), t = Tr(), n = cn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", d = "[object Number]", u = "[object Object]", h = "[object RegExp]", f = "[object Set]", g = "[object String]", p = "[object WeakMap]", b = "[object ArrayBuffer]", v = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", N = "[object Int8Array]", P = "[object Int16Array]", w = "[object Int32Array]", k = "[object Uint8Array]", x = "[object Uint8ClampedArray]", T = "[object Uint16Array]", O = "[object Uint32Array]", _ = {};
-  _[y] = _[A] = _[N] = _[P] = _[w] = _[k] = _[x] = _[T] = _[O] = !0, _[a] = _[o] = _[b] = _[r] = _[v] = _[s] = _[i] = _[l] = _[c] = _[d] = _[u] = _[h] = _[f] = _[g] = _[p] = !1;
+  var e = Tt(), t = Tr(), n = cn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", d = "[object Number]", u = "[object Object]", h = "[object RegExp]", f = "[object Set]", g = "[object String]", p = "[object WeakMap]", b = "[object ArrayBuffer]", v = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", N = "[object Int8Array]", x = "[object Int16Array]", w = "[object Int32Array]", k = "[object Uint8Array]", P = "[object Uint8ClampedArray]", T = "[object Uint16Array]", O = "[object Uint32Array]", _ = {};
+  _[y] = _[A] = _[N] = _[x] = _[w] = _[k] = _[P] = _[T] = _[O] = !0, _[a] = _[o] = _[b] = _[r] = _[v] = _[s] = _[i] = _[l] = _[c] = _[d] = _[u] = _[h] = _[f] = _[g] = _[p] = !1;
   function q(j) {
     return n(j) && t(j.length) && !!_[e(j)];
   }
@@ -1680,7 +1680,7 @@ function ph() {
 }
 function te(e) {
   const t = ph(), n = C(() => {
-    const r = typeof e == "function" ? e() : Pt(e);
+    const r = typeof e == "function" ? e() : xt(e);
     return Sd(t, {
       disabled: r.disabled,
       isDisabled: r.isDisabled,
@@ -1689,7 +1689,7 @@ function te(e) {
   }), a = C(
     () => n.value["aria-disabled"] || n.value.disabled || void 0
   ), o = C(() => {
-    const r = typeof e == "function" ? e() : Pt(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: d, onChange: u, ...h } = r;
+    const r = typeof e == "function" ? e() : xt(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: d, onChange: u, ...h } = r;
     return a.value || (d && (h.onClick = d), u && (h.onChange = u)), h;
   });
   return { disabledStateProps: n, isAnyDisabled: a, otherProps: o };
@@ -1796,15 +1796,15 @@ const De = /* @__PURE__ */ E((e) => {
     }
   };
 }, Vc = /* @__PURE__ */ Symbol("tooltip-context"), Nh = {};
-function xh() {
+function Ph() {
   je(Vc, Nh);
 }
-function Ph() {
+function xh() {
   return qe(Vc, void 0);
 }
 function wh(e) {
   const t = R(void 0);
-  if (Ph())
+  if (xh())
     return { tooltipLabel: t };
   const a = () => {
     const o = e.value;
@@ -2119,7 +2119,7 @@ const Bh = "lumx-thumbnail", {
   block: Fh,
   element: Nt
 } = fe.bem(Bh), pi = {
-  fallback: Pd,
+  fallback: xd,
   loading: "lazy"
 }, qh = (e) => {
   const {
@@ -2143,27 +2143,27 @@ const Bh = "lumx-thumbnail", {
     isAnyDisabled: y,
     disabledStateProps: A,
     size: N,
-    theme: P,
+    theme: x,
     loadingState: w,
     variant: k,
-    linkProps: x,
+    linkProps: P,
     linkAs: T,
     handleClick: O,
     handleKeyPress: _,
     ...q
   } = e, j = g || w === "isLoading", I = w === "hasError", F = I && typeof l == "string", V = I && !F, W = {};
   F ? W.visibility = "hidden" : V && (W.display = "none");
-  const z = !!(x?.href || T), Y = !y && !!(z || O || _), ae = {
+  const z = !!(P?.href || T), Y = !y && !!(z || O || _), ae = {
     ...q
   };
   Y && (Object.assign(ae, {
-    as: T || (x?.href ? "a" : "button")
-  }, A), z ? Object.assign(ae, x) : ae["aria-label"] = q["aria-label"] || n);
-  const Z = fe.join(x?.className, r, Fh({
+    as: T || (P?.href ? "a" : "button")
+  }, A), z ? Object.assign(ae, P) : ae["aria-label"] = q["aria-label"] || n);
+  const Z = fe.join(P?.className, r, Fh({
     [`align-${t}`]: !!t,
     [`aspect-ratio-${a}`]: !!a,
     [`size-${N}`]: !!N,
-    [`theme-${P}`]: !!P,
+    [`theme-${x}`]: !!x,
     [`variant-${k}`]: !!k,
     "is-clickable": Y,
     "has-error": I,
@@ -2203,7 +2203,7 @@ const Bh = "lumx-thumbnail", {
   }, [F ? ee({
     icon: l,
     size: rt.xxs,
-    theme: P
+    theme: x
   }) : l])]), o]);
   return Y ? ft({
     ref: i,
@@ -2320,11 +2320,11 @@ const zh = {
       handleClick: i ? p : void 0,
       handleKeyPress: l ? b : void 0,
       fallback: y,
-      badge: v && (Array.isArray(v) ? v.map((P) => ({
-        ...P,
+      badge: v && (Array.isArray(v) ? v.map((x) => ({
+        ...x,
         props: {
-          ...P.props,
-          class: fe.join(Nt("badge"), P.props?.class)
+          ...x.props,
+          class: fe.join(Nt("badge"), x.props?.class)
         }
       })) : {
         ...v,
@@ -2507,12 +2507,12 @@ function _r(e, t, n) {
   }
   const f = Kc(n);
   function g(N) {
-    const P = N > 0, w = Math.abs(N), k = l(), x = d(), T = P ? () => x.nextNode() : () => x.previousNode();
+    const x = N > 0, w = Math.abs(N), k = l(), P = d(), T = x ? () => P.nextNode() : () => P.previousNode();
     let O = null, _ = w;
     if (k)
-      x.currentNode = k;
-    else if (!P) {
-      if (O = x.lastChild(), !O) return null;
+      P.currentNode = k;
+    else if (!x) {
+      if (O = P.lastChild(), !O) return null;
       _ -= 1;
     }
     for (let q = 0; q < _; q++) {
@@ -2520,20 +2520,20 @@ function _r(e, t, n) {
       if (j)
         O = j;
       else if (k && s) {
-        const I = P ? u() : h();
+        const I = x ? u() : h();
         if (!I || I === k) break;
-        O = I, x.currentNode = I;
+        O = I, P.currentNode = I;
       } else
         break;
     }
     return O;
   }
   function p(N) {
-    const P = d(!1);
-    let w = P.nextNode();
+    const x = d(!1);
+    let w = x.nextNode();
     for (; w; ) {
       if (N(w)) return w;
-      w = P.nextNode();
+      w = x.nextNode();
     }
     return null;
   }
@@ -2557,24 +2557,24 @@ function _r(e, t, n) {
       if (!a.contains(N)) return u();
       if (N instanceof HTMLElement && N.matches(c))
         return N;
-      const P = d();
-      P.currentNode = N;
-      const w = P.nextNode();
-      return w instanceof HTMLElement ? w : (P.currentNode = N, P.previousNode());
+      const x = d();
+      x.currentNode = N;
+      const w = x.nextNode();
+      return w instanceof HTMLElement ? w : (x.currentNode = N, x.previousNode());
     }
   };
   function y(N) {
-    const P = N(v);
-    if (P && P.matches(o) && a.contains(P)) {
+    const x = N(v);
+    if (x && x.matches(o) && a.contains(x)) {
       const w = l();
-      return w !== P && (w && t.onDeactivate(w), t.onActivate(P)), f.clear(), !0;
+      return w !== x && (w && t.onDeactivate(w), t.onActivate(x)), f.clear(), !0;
     }
     return f.defer(() => y(N)), !1;
   }
   function A(N) {
     if (N === 0) return l() !== null;
-    const P = g(N);
-    return P ? y(() => P) : !1;
+    const x = g(N);
+    return x ? y(() => x) : !1;
   }
   return {
     type: "list",
@@ -2624,10 +2624,10 @@ function _e(e) {
   return n ? null : t;
 }
 function Qh(e, t, n) {
-  const { container: a, rowSelector: o, cellSelector: r, wrap: s = !1 } = e, i = Zh(t, n), l = (x) => x.querySelector(r) !== null, c = (x) => x.querySelector(r), d = (x) => Array.from(x.querySelectorAll(r));
-  function* u(x = "first", T = "next", O) {
+  const { container: a, rowSelector: o, cellSelector: r, wrap: s = !1 } = e, i = Zh(t, n), l = (P) => P.querySelector(r) !== null, c = (P) => P.querySelector(r), d = (P) => Array.from(P.querySelectorAll(r));
+  function* u(P = "first", T = "next", O) {
     const _ = Lt(a, o);
-    x instanceof HTMLElement ? _.currentNode = x : x === "last" && (_.currentNode = Jh(a));
+    P instanceof HTMLElement ? _.currentNode = P : P === "last" && (_.currentNode = Jh(a));
     let q;
     do
       if (q = T === "next" ? _.nextNode() : _.previousNode(), q && l(q)) {
@@ -2637,58 +2637,58 @@ function Qh(e, t, n) {
     while (q);
   }
   const h = () => _e(u()), f = () => _e(u("last", "prev"));
-  function g(x) {
-    const T = x.closest(o);
+  function g(P) {
+    const T = P.closest(o);
     return T && a.contains(T) ? T : null;
   }
   const p = Kc(n);
   let b = 0;
-  function v(x, T) {
-    const O = d(x);
+  function v(P, T) {
+    const O = d(P);
     if (O.length === 0) return !1;
     const _ = Math.min(T, O.length - 1);
     return i.setActive(O[_]), !0;
   }
-  function y(x) {
-    const T = g(x);
+  function y(P) {
+    const T = g(P);
     if (!T) return !1;
-    const _ = d(T).indexOf(x);
-    return _ === -1 ? !1 : (b = _, i.setActive(x), !0);
+    const _ = d(T).indexOf(P);
+    return _ === -1 ? !1 : (b = _, i.setActive(P), !0);
   }
   function A() {
-    const x = h();
-    return x ? (b = 0, v(x, 0)) : !1;
+    const P = h();
+    return P ? (b = 0, v(P, 0)) : !1;
   }
   function N() {
-    const x = f();
-    return x ? (b = 0, v(x, 0)) : !1;
+    const P = f();
+    return P ? (b = 0, v(P, 0)) : !1;
   }
-  function P(x) {
+  function x(P) {
     if (!i.active) return !1;
     const T = g(i.active);
     if (!T) return !1;
     const O = d(T), _ = O.indexOf(i.active);
     if (_ === -1) return !1;
-    const q = _ + x;
+    const q = _ + P;
     if (q >= 0 && q < O.length)
       return b = q, i.setActive(O[q]), !0;
     if (!s) return !1;
-    const j = x > 0 ? "next" : "prev", F = _e(u(T, j)) ?? (x > 0 ? h() : f());
+    const j = P > 0 ? "next" : "prev", F = _e(u(T, j)) ?? (P > 0 ? h() : f());
     if (!F) return !1;
     const V = d(F);
     if (V.length === 0) return !1;
-    const W = x > 0 ? 0 : V.length - 1;
+    const W = P > 0 ? 0 : V.length - 1;
     return b = W, i.setActive(V[W]), !0;
   }
-  function w(x) {
+  function w(P) {
     if (!i.active)
-      return x === "next" ? A() : N();
+      return P === "next" ? A() : N();
     const T = g(i.active);
     if (!T) return !1;
-    const O = _e(u(T, x));
+    const O = _e(u(T, P));
     if (O) return v(O, b);
     if (s) {
-      const _ = x === "next" ? h() : f();
+      const _ = P === "next" ? h() : f();
       if (_) return v(_, b);
     }
     return !1;
@@ -2705,32 +2705,32 @@ function Qh(e, t, n) {
     // First cell in last row
     getLast: () => _e(u("last", "prev", c)),
     // First cell matching predicate
-    getMatching: (x) => _e(u("first", "next", (T) => d(T).find(x)))
+    getMatching: (P) => _e(u("first", "next", (T) => d(T).find(P)))
   };
   return {
     type: "grid",
     selectors: k,
-    goToOffset(x) {
-      if (x === 0) return i.active !== null;
+    goToOffset(P) {
+      if (P === 0) return i.active !== null;
       const T = Array.from(u());
       if (T.length === 0) return !1;
       if (!i.active) {
-        const j = x > 0 ? 0 : T.length - 1, I = x > 0 ? x - 1 : x + 1, F = Math.max(0, Math.min(j + I, T.length - 1));
+        const j = P > 0 ? 0 : T.length - 1, I = P > 0 ? P - 1 : P + 1, F = Math.max(0, Math.min(j + I, T.length - 1));
         return v(T[F], b);
       }
       const O = g(i.active);
       if (!O) return !1;
       const _ = T.indexOf(O);
       if (_ === -1) return !1;
-      const q = Math.max(0, Math.min(_ + x, T.length - 1));
+      const q = Math.max(0, Math.min(_ + P, T.length - 1));
       return q === _ ? !1 : v(T[q], b);
     },
     clear() {
       i.clear(), p.clear();
     },
-    goTo(x) {
-      const T = x(k);
-      return T && y(T) ? (p.clear(), !0) : (p.defer(() => this.goTo(x)), !1);
+    goTo(P) {
+      const T = P(k);
+      return T && y(T) ? (p.clear(), !0) : (p.defer(() => this.goTo(P)), !1);
     },
     flushPendingNavigation() {
       p.flush();
@@ -2742,10 +2742,10 @@ function Qh(e, t, n) {
       return w("next");
     },
     goLeft() {
-      return P(-1);
+      return x(-1);
     },
     goRight() {
-      return P(1);
+      return x(1);
     }
   };
 }
@@ -2837,7 +2837,7 @@ function tm(e, t) {
   g();
   const b = new MutationObserver((v) => {
     let y = null, A = null, N = null;
-    const P = [], w = [];
+    const x = [], w = [];
     for (const k of v) {
       if (k.type === "childList") {
         if (!y)
@@ -2852,8 +2852,8 @@ function tm(e, t) {
           for (const O of vi(T, a))
             w.push(O);
       }
-      const x = k.target;
-      k.type === "attributes" && x.matches(a) && (k.attributeName === s && x.getAttribute(s) === "true" ? N = x : r && x.matches(r) && P.push(x));
+      const P = k.target;
+      k.type === "attributes" && P.matches(a) && (k.attributeName === s && P.getAttribute(s) === "true" ? N = P : r && P.matches(r) && x.push(P));
     }
     if (y) {
       const k = d.hasFocus;
@@ -2863,11 +2863,11 @@ function tm(e, t) {
       const k = n.querySelector(l) !== null;
       f(w, k);
     }
-    if (P.length > 0) {
+    if (x.length > 0) {
       const k = u.selectors.activeItem;
-      for (const O of P)
+      for (const O of x)
         h(O, "-1");
-      const T = !!(k && P.includes(k) && d.hasFocus);
+      const T = !!(k && x.includes(k) && d.hasFocus);
       p(T);
     }
     if (N) {
@@ -3006,16 +3006,16 @@ function Xc(e, t, n) {
     const I = y(), F = o?.value ?? "";
     (I !== h || I === 0 && F !== f) && (h = I, f = F, v("optionsChange", { optionsLength: I, inputValue: F })), i && o?.setAttribute("aria-expanded", String(A()));
   }
-  const P = 500;
+  const x = 500;
   let w, k = !1;
-  function x() {
+  function P() {
     clearTimeout(w), p > 0 && i && (w = setTimeout(() => {
       p > 0 && i && (k = !0, v("loadingAnnouncement", !0));
-    }, P));
+    }, x));
   }
   function T() {
     const I = p > 0;
-    g = I, v("loadingChange", I), I ? x() : (clearTimeout(w), k && (k = !1, v("loadingAnnouncement", !1)));
+    g = I, v("loadingChange", I), I ? P() : (clearTimeout(w), k && (k = !1, v("loadingAnnouncement", !1)));
   }
   let O;
   function _() {
@@ -3093,7 +3093,7 @@ function Xc(e, t, n) {
       return p > 0;
     },
     setIsOpen(I) {
-      i !== I && (i = I, I ? p > 0 && x() : (s?.clear(), clearTimeout(w), k && (k = !1, v("loadingAnnouncement", !1))), o?.setAttribute("aria-expanded", String(I && A())), v("open", I));
+      i !== I && (i = I, I ? p > 0 && P() : (s?.clear(), clearTimeout(w), k && (k = !1, v("loadingAnnouncement", !1))), o?.setAttribute("aria-expanded", String(I && A())), v("open", I));
     },
     select(I) {
       e.onSelect?.({ value: I ? Dt(I) : "" }), I && !O.isMultiSelect && (O.focusNav?.clear(), requestAnimationFrame(() => {
@@ -3376,7 +3376,7 @@ function Jt(e) {
     y: n
   };
 }
-function xi(e, t, n) {
+function Pi(e, t, n) {
   let {
     reference: a,
     floating: o
@@ -3456,17 +3456,17 @@ async function gm(e, t) {
   } : {
     x: 1,
     y: 1
-  }, P = Jt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, x = Jt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: y,
     offsetParent: A,
     strategy: l
   }) : y);
   return {
-    top: (v.top - P.top + g.top) / N.y,
-    bottom: (P.bottom - v.bottom + g.bottom) / N.y,
-    left: (v.left - P.left + g.left) / N.x,
-    right: (P.right - v.right + g.right) / N.x
+    top: (v.top - x.top + g.top) / N.y,
+    bottom: (x.bottom - v.bottom + g.bottom) / N.y,
+    left: (v.left - x.left + g.left) / N.x,
+    right: (x.right - v.right + g.right) / N.x
   };
 }
 const vm = async (e, t, n) => {
@@ -3483,7 +3483,7 @@ const vm = async (e, t, n) => {
   }), {
     x: d,
     y: u
-  } = xi(c, a, l), h = a, f = {}, g = 0;
+  } = Pi(c, a, l), h = a, f = {}, g = 0;
   for (let b = 0; b < i.length; b++) {
     var p;
     const {
@@ -3492,7 +3492,7 @@ const vm = async (e, t, n) => {
     } = i[b], {
       x: A,
       y: N,
-      data: P,
+      data: x,
       reset: w
     } = await y({
       x: d,
@@ -3515,7 +3515,7 @@ const vm = async (e, t, n) => {
       ...f,
       [v]: {
         ...f[v],
-        ...P
+        ...x
       }
     }, w && g <= 50 && (g++, typeof w == "object" && (w.placement && (h = w.placement), w.rects && (c = w.rects === !0 ? await s.getElementRects({
       reference: e,
@@ -3524,7 +3524,7 @@ const vm = async (e, t, n) => {
     }) : w.rects), {
       x: d,
       y: u
-    } = xi(c, h, l)), b = -1);
+    } = Pi(c, h, l)), b = -1);
   }
   return {
     x: d,
@@ -3554,10 +3554,10 @@ const vm = async (e, t, n) => {
     const u = Qc(d), h = {
       x: n,
       y: a
-    }, f = Lr(o), g = Ir(f), p = await s.getDimensions(c), b = f === "y", v = b ? "top" : "left", y = b ? "bottom" : "right", A = b ? "clientHeight" : "clientWidth", N = r.reference[g] + r.reference[f] - h[f] - r.floating[g], P = h[f] - r.reference[f], w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    }, f = Lr(o), g = Ir(f), p = await s.getDimensions(c), b = f === "y", v = b ? "top" : "left", y = b ? "bottom" : "right", A = b ? "clientHeight" : "clientWidth", N = r.reference[g] + r.reference[f] - h[f] - r.floating[g], x = h[f] - r.reference[f], w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let k = w ? w[A] : 0;
     (!k || !await (s.isElement == null ? void 0 : s.isElement(w))) && (k = i.floating[A] || r.floating[g]);
-    const x = N / 2 - P / 2, T = k / 2 - p[g] / 2 - 1, O = Be(u[v], T), _ = Be(u[y], T), q = O, j = k - p[g] - _, I = k / 2 - p[g] / 2 + x, F = rr(q, I, j), V = !l.arrow && de(o) != null && I !== F && r.reference[g] / 2 - (I < q ? O : _) - p[g] / 2 < 0, W = V ? I < q ? I - q : I - j : 0;
+    const P = N / 2 - x / 2, T = k / 2 - p[g] / 2 - 1, O = Be(u[v], T), _ = Be(u[y], T), q = O, j = k - p[g] - _, I = k / 2 - p[g] / 2 + P, F = rr(q, I, j), V = !l.arrow && de(o) != null && I !== F && r.reference[g] / 2 - (I < q ? O : _) - p[g] / 2 < 0, W = V ? I < q ? I - q : I - j : 0;
     return {
       [f]: h[f] + W,
       data: {
@@ -3602,7 +3602,7 @@ const Am = function(e) {
             placement: p[0]
           }
         };
-      const N = [b[Ae(y)], b[A[0]], b[A[1]]], P = [...((a = s.autoPlacement) == null ? void 0 : a.overflows) || [], {
+      const N = [b[Ae(y)], b[A[0]], b[A[1]]], x = [...((a = s.autoPlacement) == null ? void 0 : a.overflows) || [], {
         placement: y,
         overflows: N
       }], w = p[v + 1];
@@ -3610,13 +3610,13 @@ const Am = function(e) {
         return {
           data: {
             index: v + 1,
-            overflows: P
+            overflows: x
           },
           reset: {
             placement: w
           }
         };
-      const k = P.map((O) => {
+      const k = x.map((O) => {
         const _ = de(O.placement);
         return [O.placement, _ && d ? (
           // Check along the mainAxis and main crossAxis side.
@@ -3634,7 +3634,7 @@ const Am = function(e) {
       return T !== i ? {
         data: {
           index: v + 1,
-          overflows: P
+          overflows: x
         },
         reset: {
           placement: T
@@ -3666,13 +3666,13 @@ const Am = function(e) {
       } = Qe(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Ae(o), y = Ce(i), A = Ae(i) === i, N = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = h || (A || !p ? [Zt(i)] : um(i)), w = g !== "none";
-      !h && w && P.push(...mm(i, p, g, N));
-      const k = [i, ...P], x = await l.detectOverflow(t, b), T = [];
+      const v = Ae(o), y = Ce(i), A = Ae(i) === i, N = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), x = h || (A || !p ? [Zt(i)] : um(i)), w = g !== "none";
+      !h && w && x.push(...mm(i, p, g, N));
+      const k = [i, ...x], P = await l.detectOverflow(t, b), T = [];
       let O = ((a = r.flip) == null ? void 0 : a.overflows) || [];
-      if (d && T.push(x[v]), u) {
+      if (d && T.push(P[v]), u) {
         const I = Jc(o, s, N);
-        T.push(x[I[0]], x[I[1]]);
+        T.push(P[I[0]], P[I[1]]);
       }
       if (O = [...O, {
         placement: o,
@@ -3724,7 +3724,7 @@ const Am = function(e) {
     }
   };
 }, Nm = /* @__PURE__ */ new Set(["left", "top"]);
-async function xm(e, t) {
+async function Pm(e, t) {
   const {
     placement: n,
     platform: a,
@@ -3751,7 +3751,7 @@ async function xm(e, t) {
     y: f * d
   };
 }
-const Pm = function(e) {
+const xm = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -3762,7 +3762,7 @@ const Pm = function(e) {
         y: r,
         placement: s,
         middlewareData: i
-      } = t, l = await xm(t, e);
+      } = t, l = await Pm(t, e);
       return s === ((n = i.offset) == null ? void 0 : n.placement) && (a = i.arrow) != null && a.alignmentOffset ? {} : {
         x: o + l.x,
         y: r + l.y,
@@ -3851,15 +3851,15 @@ const Pm = function(e) {
       } = r.floating;
       let b, v;
       u === "top" || u === "bottom" ? (b = u, v = h === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (v = u, b = h === "end" ? "top" : "bottom");
-      const y = p - d.top - d.bottom, A = g - d.left - d.right, N = Be(p - d[b], y), P = Be(g - d[v], A), w = !t.middlewareData.shift;
-      let k = N, x = P;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (x = A), (a = t.middlewareData.shift) != null && a.enabled.y && (k = y), w && !h) {
+      const y = p - d.top - d.bottom, A = g - d.left - d.right, N = Be(p - d[b], y), x = Be(g - d[v], A), w = !t.middlewareData.shift;
+      let k = N, P = x;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (P = A), (a = t.middlewareData.shift) != null && a.enabled.y && (k = y), w && !h) {
         const O = le(d.left, 0), _ = le(d.right, 0), q = le(d.top, 0), j = le(d.bottom, 0);
-        f ? x = g - 2 * (O !== 0 || _ !== 0 ? O + _ : le(d.left, d.right)) : k = p - 2 * (q !== 0 || j !== 0 ? q + j : le(d.top, d.bottom));
+        f ? P = g - 2 * (O !== 0 || _ !== 0 ? O + _ : le(d.left, d.right)) : k = p - 2 * (q !== 0 || j !== 0 ? q + j : le(d.top, d.bottom));
       }
       await l({
         ...t,
-        availableWidth: x,
+        availableWidth: P,
         availableHeight: k
       });
       const T = await s.getDimensions(i.floating);
@@ -3894,7 +3894,7 @@ function pe(e) {
 function Se(e) {
   return fn() ? e instanceof HTMLElement || e instanceof ce(e).HTMLElement : !1;
 }
-function Pi(e) {
+function xi(e) {
   return !fn() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ce(e).ShadowRoot;
 }
 const Om = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -3963,10 +3963,10 @@ function Fe(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Pi(e) && e.host || // Fallback.
+    xi(e) && e.host || // Fallback.
     Ne(e)
   );
-  return Pi(t) ? t.host : t;
+  return xi(t) ? t.host : t;
 }
 function eu(e) {
   const t = Fe(e);
@@ -4298,7 +4298,7 @@ function Zm(e, t) {
       threshold: le(0, Be(1, l)) || 1
     };
     let N = !0;
-    function P(w) {
+    function x(w) {
       const k = w[0].intersectionRatio;
       if (k !== l) {
         if (!N)
@@ -4310,13 +4310,13 @@ function Zm(e, t) {
       k === 1 && !su(c, e.getBoundingClientRect()) && s(), N = !1;
     }
     try {
-      n = new IntersectionObserver(P, {
+      n = new IntersectionObserver(x, {
         ...A,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(P, A);
+      n = new IntersectionObserver(x, A);
     }
     n.observe(e);
   }
@@ -4358,7 +4358,7 @@ function iu(e, t, n, a) {
     }), u?.(), (v = f) == null || v.disconnect(), f = null, l && cancelAnimationFrame(g);
   };
 }
-const lu = Pm, Jm = Am, Qm = wm, ep = Sm, tp = Cm, np = bm, ap = (e, t, n) => {
+const lu = xm, Jm = Am, Qm = wm, ep = Sm, tp = Cm, np = bm, ap = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
     platform: Ym,
     ...n
@@ -4382,7 +4382,7 @@ function ki(e) {
   return e;
 }
 function vt(e) {
-  return typeof e == "function" ? e() : Pt(e);
+  return typeof e == "function" ? e() : xt(e);
 }
 function cu(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
@@ -4413,16 +4413,16 @@ function uu(e, t, n) {
     };
     if (!d.value)
       return k;
-    const x = Ti(d.value, u.value), T = Ti(d.value, h.value);
+    const P = Ti(d.value, u.value), T = Ti(d.value, h.value);
     return l.value ? {
       ...k,
-      transform: "translate(" + x + "px, " + T + "px)",
+      transform: "translate(" + P + "px, " + T + "px)",
       ...cu(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: f.value,
-      left: x + "px",
+      left: P + "px",
       top: T + "px"
     };
   });
@@ -4435,14 +4435,14 @@ function uu(e, t, n) {
       middleware: r.value,
       placement: s.value,
       strategy: i.value
-    }).then((x) => {
-      u.value = x.x, h.value = x.y, f.value = x.strategy, g.value = x.placement, p.value = x.middlewareData, b.value = k !== !1;
+    }).then((P) => {
+      u.value = P.x, h.value = P.y, f.value = P.strategy, g.value = P.placement, p.value = P.middlewareData, b.value = k !== !1;
     });
   }
   function N() {
     typeof y == "function" && (y(), y = void 0);
   }
-  function P() {
+  function x() {
     if (N(), a === void 0) {
       A();
       return;
@@ -4457,7 +4457,7 @@ function uu(e, t, n) {
   }
   return X([r, s, i, o], A, {
     flush: "sync"
-  }), X([c, d], P, {
+  }), X([c, d], x, {
     flush: "sync"
   }), X(o, w, {
     flush: "sync"
@@ -4632,12 +4632,12 @@ const gn = /* @__PURE__ */ E((e, {
     onPopperMount: f,
     manager: g
   } = dp(C(() => e.delay), o), p = C(() => (h.value || e.forceOpen) && !!e.label), b = C(() => !!e.label && (p.value || i.value === "hide")), v = C(() => !p.value && i.value === "hide");
-  return ln(C(() => p.value ? () => g.value?.close() : void 0)), xh(), () => {
+  return ln(C(() => p.value ? () => g.value?.close() : void 0)), Ph(), () => {
     let y;
     const A = u.value ?? s.value, N = hp({
       slotContent: t.default?.(),
-      setAnchorElement: (P) => {
-        o.value = P?.$el || P;
+      setAnchorElement: (x) => {
+        o.value = x?.$el || x;
       },
       isMounted: b.value,
       id: n,
@@ -4645,8 +4645,8 @@ const gn = /* @__PURE__ */ E((e, {
       ariaLinkMode: l.value
     });
     return m(ne, null, [N, b.value && m(tn, null, mp(y = Dr({
-      ref: (P) => {
-        const w = P?.$el || P;
+      ref: (x) => {
+        const w = x?.$el || x;
         r.value = w, f(w);
       },
       id: n,
@@ -4746,7 +4746,7 @@ const yN = /* @__PURE__ */ E((e, {
 function bp(e) {
   je(pu, e);
 }
-function xe() {
+function Pe() {
   const e = qe(pu);
   if (!e)
     throw new Error("Combobox sub-components must be used within a Combobox");
@@ -4772,7 +4772,7 @@ function mt(e, t, n = { immediate: !0 }) {
   };
 }
 function ye(e, t) {
-  const { handle: n } = xe(), a = R(t);
+  const { handle: n } = Pe(), a = R(t);
   return mt(n, (o) => {
     if (o)
       return o.subscribe(e, (r) => {
@@ -4781,7 +4781,7 @@ function ye(e, t) {
   }), a;
 }
 function Br() {
-  const { handle: e } = xe();
+  const { handle: e } = Pe();
   return { isOpen: ye("open", !1), setIsOpen: (a) => e.value?.setIsOpen(a) };
 }
 const yp = /* @__PURE__ */ E((e, {
@@ -4792,7 +4792,7 @@ const yp = /* @__PURE__ */ E((e, {
     anchorRef: r,
     setHandle: s,
     handle: i
-  } = xe(), {
+  } = Pe(), {
     isOpen: l
   } = Br(), c = ye("optionsChange", {
     optionsLength: 0
@@ -4946,8 +4946,8 @@ function Np(e, t) {
   }), n.registerTrigger(e), n;
 }
 const gu = "lumx-text-field", vu = `${gu}__input-native`, {
-  block: xp
-} = B(vu), Pp = {
+  block: Pp
+} = B(vu), xp = {
   type: "text"
 }, wp = (e) => {
   const {
@@ -4958,7 +4958,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
     handleInput: r,
     handleFocus: s,
     handleBlur: i,
-    type: l = Pp.type,
+    type: l = xp.type,
     name: c,
     ref: d,
     ...u
@@ -4971,7 +4971,7 @@ const gu = "lumx-text-field", vu = `${gu}__input-native`, {
     name: c,
     type: l,
     ref: d,
-    className: L(t, xp({
+    className: L(t, Pp({
       [`theme-${n}`]: !!n,
       text: !0
     })),
@@ -5215,10 +5215,10 @@ const Vp = (e) => {
     textFieldRef: y,
     helperId: A,
     errorId: N,
-    labelId: P,
+    labelId: x,
     theme: w,
     value: k,
-    afterElement: x,
+    afterElement: P,
     input: T,
     isFocus: O,
     IconButton: _,
@@ -5245,7 +5245,7 @@ const Vp = (e) => {
     className: ue("header")
   }, [h && Ve({
     ...f,
-    id: P,
+    id: x,
     htmlFor: c,
     className: ue("label"),
     isRequired: d,
@@ -5274,7 +5274,7 @@ const Vp = (e) => {
     icon: u ? br : wt,
     size: H.xxs
   }), a && I && !g && m(_, S({
-    "aria-describedby": P
+    "aria-describedby": x
   }, a, {
     className: ue("input-clear"),
     icon: Nd,
@@ -5282,9 +5282,9 @@ const Vp = (e) => {
     size: H.s,
     theme: w,
     type: "button"
-  }), null), x && m("div", {
+  }), null), P && m("div", {
     className: ue("after-element")
-  }, [x])]), s && o && Oe({
+  }, [P])]), s && o && Oe({
     children: o,
     className: ue("helper"),
     kind: ie.error,
@@ -5338,11 +5338,11 @@ const Vp = (e) => {
     const y = e.theme || o.value, {
       helperId: A,
       errorId: N,
-      describedById: P,
+      describedById: x,
       labelId: w
     } = h.value, {
       class: k,
-      className: x,
+      className: P,
       "aria-describedby": T,
       disabled: O,
       isDisabled: _,
@@ -5362,7 +5362,7 @@ const Vp = (e) => {
       placeholder: e.placeholder,
       theme: y,
       "aria-invalid": e.hasError || void 0,
-      "aria-describedby": P,
+      "aria-describedby": x,
       ...d.value,
       readOnly: !!Y.readOnly || !!d.value["aria-disabled"],
       onChange: f,
@@ -5425,7 +5425,7 @@ const Vp = (e) => {
     anchorRef: r,
     setHandle: s,
     handle: i
-  } = xe(), {
+  } = Pe(), {
     isOpen: l,
     setIsOpen: c
   } = Br(), d = R(null);
@@ -5459,12 +5459,12 @@ const Vp = (e) => {
       selectionMode: y,
       class: A,
       ...N
-    } = e, P = {
-      onChange: (x, T, O) => t("change", x, T, O),
-      onInput: (x) => t("change", x),
-      onFocus: (x) => t("focus", x),
-      onBlur: (x) => t("blur", x),
-      onClear: (x) => t("clear", x)
+    } = e, x = {
+      onChange: (P, T, O) => t("change", P, T, O),
+      onInput: (P) => t("change", P),
+      onFocus: (P) => t("focus", P),
+      onBlur: (P) => t("blur", P),
+      onClear: (P) => t("clear", P)
     }, {
       ariaDisabled: w,
       ...k
@@ -5473,15 +5473,15 @@ const Vp = (e) => {
       ...n,
       ...k,
       "aria-disabled": w ?? n.ariaDisabled,
-      ...P,
+      ...x,
       listboxId: o,
       isOpen: l.value && (!!u.value?.optionsLength || h.value),
       filter: b,
-      textFieldRef: (x) => {
-        r.value = x, e.textFieldRef?.(x);
+      textFieldRef: (P) => {
+        r.value = P, e.textFieldRef?.(P);
       },
-      inputRef: (x) => {
-        d.value = x, e.inputRef?.(x);
+      inputRef: (P) => {
+        d.value = P, e.inputRef?.(P);
       },
       toggleButtonProps: g,
       handleToggle: f,
@@ -5548,12 +5548,12 @@ const Zp = "lumx-combobox-list", Jp = (e) => {
     "aria-busy": n || void 0,
     children: a
   });
-}, xu = /* @__PURE__ */ Symbol("combobox-list-context"), Qp = { type: "listbox" };
+}, Pu = /* @__PURE__ */ Symbol("combobox-list-context"), Qp = { type: "listbox" };
 function eg(e) {
-  je(xu, e);
+  je(Pu, e);
 }
 function tg() {
-  return qe(xu, Qp);
+  return qe(Pu, Qp);
 }
 const ng = /* @__PURE__ */ E((e, {
   slots: t
@@ -5561,7 +5561,7 @@ const ng = /* @__PURE__ */ E((e, {
   const n = D(), a = M(() => e.class), {
     listboxId: o,
     handle: r
-  } = xe(), s = R(null);
+  } = Pe(), s = R(null);
   eg({
     type: e.type || "listbox"
   }), mt([r, s], ([d, u]) => {
@@ -5593,10 +5593,10 @@ const ng = /* @__PURE__ */ E((e, {
   // hyphenated prop names to camelCase (ariaLabel) internally, making it inaccessible
   // via props['aria-label']. Instead, we read it from attrs where Vue keeps the original name.
   props: $()("type", "class")
-}), ag = "ListItem", Pu = "lumx-list-item", {
+}), ag = "ListItem", xu = "lumx-list-item", {
   block: og,
   element: jt
-} = B(Pu), wu = {
+} = B(xu), wu = {
   size: H.regular
 }, tt = (e) => {
   const {
@@ -5644,7 +5644,7 @@ const ng = /* @__PURE__ */ E((e, {
   })]);
 };
 tt.displayName = ag;
-tt.className = Pu;
+tt.className = xu;
 tt.defaultProps = wu;
 const Fr = (e) => {
   const {
@@ -5695,7 +5695,7 @@ const sg = "lumx-combobox-option", {
   } = e;
   let A, N;
   l || (A = u ? "gridcell" : "option", N = u ? "row" : "none");
-  const P = Fr({
+  const x = Fr({
     as: "button",
     ...g,
     id: c,
@@ -5707,9 +5707,9 @@ const sg = "lumx-combobox-option", {
     "aria-disabled": d ? "true" : void 0,
     role: A,
     children: o
-  }), w = t && b && !l ? m(t, b, rg(P) ? P : {
-    default: () => [P]
-  }) : P;
+  }), w = t && b && !l ? m(t, b, rg(x) ? x : {
+    default: () => [x]
+  }) : x;
   return tt({
     ref: p,
     size: "tiny",
@@ -5747,7 +5747,7 @@ const dg = {
     type: r
   } = tg(), {
     handle: s
-  } = xe(), i = r === "grid", l = re(), c = re(), d = R(null), u = R(!1);
+  } = Pe(), i = r === "grid", l = re(), c = re(), d = R(null), u = R(!1);
   cg({
     optionId: l
   }), mt([s, d], ([p, b]) => {
@@ -5867,7 +5867,7 @@ const gg = "lumx-combobox-option-more-info", {
   } = e;
   return m(ne, null, [m(t, S({
     ref: i,
-    icon: xd,
+    icon: Pd,
     size: "s"
   }, d, {
     className: vg([o, d?.className]),
@@ -5908,13 +5908,13 @@ const gg = "lumx-combobox-option-more-info", {
 }, Sg = {
   MIN_WIDTH: "minWidth"
 }, qa = 14, Ng = 9999;
-function xg(e) {
+function Pg(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
-const Pg = "lumx-popover", {
+const xg = "lumx-popover", {
   block: wg,
   element: Cg
-} = B(Pg), Wt = {
+} = B(xg), Wt = {
   closeMode: "unmount",
   elevation: 3,
   placement: Ag.AUTO,
@@ -5944,12 +5944,12 @@ const Pg = "lumx-popover", {
     clickAwayRefs: A,
     unmountSentinel: N,
     // Forwarded props
-    ...P
-  } = e, w = !d && i === "hide", k = d || i === "hide", x = o, T = Math.min(l || 0, 5);
+    ...x
+  } = e, w = !d && i === "hide", k = d || i === "hide", P = o, T = Math.min(l || 0, 5);
   return k ? m(t, {
     enabled: v
   }, {
-    default: () => [m(x, S(P, {
+    default: () => [m(P, S(x, {
       ref: p,
       className: L(s, wg({
         [`theme-${g}`]: !!g,
@@ -5976,7 +5976,7 @@ const Pg = "lumx-popover", {
           d: "M8 3.49C7.62 2.82 6.66 2.82 6.27 3.48L.04 14 14.04 14 8 3.49Z"
         }, null)])]), m(a, {
           value: g
-        }, xg(r) ? r : {
+        }, Pg(r) ? r : {
           default: () => [r]
         })]
       })]
@@ -6012,16 +6012,16 @@ function Ig(e) {
     boundary: u,
     parsedPlacement: h,
     arrowElement: f
-  } = e, g = ot(r), p = ot(s), b = ot(i), v = ot(l), y = ot(c), A = ot(d), N = [], P = (t?.away ?? 0) + (n ? qa : 0), w = t?.along ?? 0;
-  return N.push(lu({ mainAxis: P, crossAxis: w })), h.isAuto ? N.push(
+  } = e, g = ot(r), p = ot(s), b = ot(i), v = ot(l), y = ot(c), A = ot(d), N = [], x = (t?.away ?? 0) + (n ? qa : 0), w = t?.along ?? 0;
+  return N.push(lu({ mainAxis: x, crossAxis: w })), h.isAuto ? N.push(
     Jm({ ...u ? { boundary: u } : {}, alignment: h.autoAlignment })
   ) : (N.push(ep(u ? { boundary: u } : {})), N.push(Qm(u ? { boundary: u } : {}))), (a || o || g || p || b || v || y || A) && N.push(
     tp({
       ...u ? { boundary: u } : {},
-      apply({ availableHeight: x, rects: T, elements: O }) {
+      apply({ availableHeight: P, rects: T, elements: O }) {
         const _ = `${T.reference.width}px`;
         O.floating.style.width = g || (a === "width" ? _ : ""), O.floating.style.minWidth = _g(p, a === "minWidth" ? _ : ""), O.floating.style.maxWidth = Li(b, a === "maxWidth" ? _ : ""), O.floating.style.height = v || "", O.floating.style.minHeight = y || "";
-        const q = `${Math.max(0, x - qa)}px`;
+        const q = `${Math.max(0, P - qa)}px`;
         O.floating.style.maxHeight = Li(
           A,
           o ? q : ""
@@ -6095,7 +6095,7 @@ const Rg = {
   slots: n,
   attrs: a
 }) => {
-  const o = M(() => e.class), r = C(() => Pt(e.anchorRef)), s = Q(e, "focusElement"), {
+  const o = M(() => e.class), r = C(() => xt(e.anchorRef)), s = Q(e, "focusElement"), {
     styles: i,
     isPositioned: l,
     position: c,
@@ -6103,7 +6103,7 @@ const Rg = {
     arrowRef: u
   } = $g({
     anchorRef: r,
-    boundaryRef: C(() => Pt(e.boundaryRef)),
+    boundaryRef: C(() => xt(e.boundaryRef)),
     offset: Q(e, "offset"),
     hasArrow: Q(e, "hasArrow"),
     fitToAnchorWidth: Q(e, "fitToAnchorWidth"),
@@ -6287,7 +6287,7 @@ const ku = /* @__PURE__ */ E((e, {
 }) => {
   const a = M(() => e.class), {
     handle: o
-  } = xe();
+  } = Pe();
   return mt(o, (r) => r?.registerSkeleton()), () => {
     const r = n.before, s = n.after, i = t.default?.();
     return Hg({
@@ -6417,7 +6417,7 @@ const yn = /* @__PURE__ */ E((e, {
 }) => {
   const n = M(() => e.class), {
     anchorRef: a
-  } = xe(), {
+  } = Pe(), {
     isOpen: o,
     setIsOpen: r
   } = Br(), s = C(() => a.value ?? void 0);
@@ -6659,7 +6659,7 @@ const mv = /* @__PURE__ */ E((e, {
 }) => {
   const n = M(() => e.class), {
     handle: a
-  } = xe(), o = R(null), r = ic({
+  } = Pe(), o = R(null), r = ic({
     hidden: !1,
     "aria-hidden": !1
   });
@@ -6813,7 +6813,7 @@ const Av = "lumx-generic-block", {
       default: () => [r]
     })]
   });
-}, xv = /* @__PURE__ */ E((e, {
+}, Pv = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -6861,7 +6861,7 @@ function Nn() {
   return Va = a, Va;
 }
 var Wa, Di;
-function Pv() {
+function xv() {
   if (Di) return Wa;
   Di = 1;
   var e = Je(), t = Nn(), n = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, a = /^\w*$/;
@@ -6874,7 +6874,7 @@ function Pv() {
   return Wa = o, Wa;
 }
 var Ua, Bi;
-function xn() {
+function Pn() {
   if (Bi) return Ua;
   Bi = 1;
   var e = Ze(), t = e(Object, "create");
@@ -6884,7 +6884,7 @@ var Ga, Fi;
 function wv() {
   if (Fi) return Ga;
   Fi = 1;
-  var e = xn();
+  var e = Pn();
   function t() {
     this.__data__ = e ? e(null) : {}, this.size = 0;
   }
@@ -6904,7 +6904,7 @@ var Xa, ji;
 function Ov() {
   if (ji) return Xa;
   ji = 1;
-  var e = xn(), t = "__lodash_hash_undefined__", n = Object.prototype, a = n.hasOwnProperty;
+  var e = Pn(), t = "__lodash_hash_undefined__", n = Object.prototype, a = n.hasOwnProperty;
   function o(r) {
     var s = this.__data__;
     if (e) {
@@ -6919,7 +6919,7 @@ var Ya, Hi;
 function kv() {
   if (Hi) return Ya;
   Hi = 1;
-  var e = xn(), t = Object.prototype, n = t.hasOwnProperty;
+  var e = Pn(), t = Object.prototype, n = t.hasOwnProperty;
   function a(o) {
     var r = this.__data__;
     return e ? r[o] !== void 0 : n.call(r, o);
@@ -6930,7 +6930,7 @@ var Za, zi;
 function Tv() {
   if (zi) return Za;
   zi = 1;
-  var e = xn(), t = "__lodash_hash_undefined__";
+  var e = Pn(), t = "__lodash_hash_undefined__";
   function n(a, o) {
     var r = this.__data__;
     return this.size += this.has(a) ? 0 : 1, r[a] = e && o === void 0 ? t : o, this;
@@ -6970,7 +6970,7 @@ function $u() {
   return eo = e, eo;
 }
 var to, Gi;
-function Pn() {
+function xn() {
   if (Gi) return to;
   Gi = 1;
   var e = $u();
@@ -6986,7 +6986,7 @@ var no, Ki;
 function Lv() {
   if (Ki) return no;
   Ki = 1;
-  var e = Pn(), t = Array.prototype, n = t.splice;
+  var e = xn(), t = Array.prototype, n = t.splice;
   function a(o) {
     var r = this.__data__, s = e(r, o);
     if (s < 0)
@@ -7000,7 +7000,7 @@ var ao, Xi;
 function Ev() {
   if (Xi) return ao;
   Xi = 1;
-  var e = Pn();
+  var e = xn();
   function t(n) {
     var a = this.__data__, o = e(a, n);
     return o < 0 ? void 0 : a[o][1];
@@ -7011,7 +7011,7 @@ var oo, Yi;
 function $v() {
   if (Yi) return oo;
   Yi = 1;
-  var e = Pn();
+  var e = xn();
   function t(n) {
     return e(this.__data__, n) > -1;
   }
@@ -7021,7 +7021,7 @@ var ro, Zi;
 function Mv() {
   if (Zi) return ro;
   Zi = 1;
-  var e = Pn();
+  var e = xn();
   function t(n, a) {
     var o = this.__data__, r = e(o, n);
     return r < 0 ? (++this.size, o.push([n, a])) : o[r][1] = a, this;
@@ -7208,7 +7208,7 @@ var So, fl;
 function Cn() {
   if (fl) return So;
   fl = 1;
-  var e = Je(), t = Pv(), n = Uv(), a = Kv();
+  var e = Je(), t = xv(), n = Uv(), a = Kv();
   function o(r, s) {
     return e(r) ? r : t(r, s) ? [r] : n(a(r));
   }
@@ -7227,9 +7227,9 @@ function jr() {
   }
   return No = t, No;
 }
-var xo, ml;
+var Po, ml;
 function Xv() {
-  if (ml) return xo;
+  if (ml) return Po;
   ml = 1;
   var e = Cn(), t = jr();
   function n(a, o) {
@@ -7238,11 +7238,11 @@ function Xv() {
       a = a[t(o[r++])];
     return r && r == s ? a : void 0;
   }
-  return xo = n, xo;
+  return Po = n, Po;
 }
-var Po, pl;
+var xo, pl;
 function Yv() {
-  if (pl) return Po;
+  if (pl) return xo;
   pl = 1;
   var e = _c();
   function t(n, a, o) {
@@ -7253,7 +7253,7 @@ function Yv() {
       writable: !0
     }) : n[a] = o;
   }
-  return Po = t, Po;
+  return xo = t, xo;
 }
 var wo, gl;
 function Zv() {
@@ -7350,10 +7350,10 @@ function tb() {
   }
   return Io = n, Io;
 }
-var Lo, xl;
+var Lo, Pl;
 function nb() {
-  if (xl) return Lo;
-  xl = 1;
+  if (Pl) return Lo;
+  Pl = 1;
   var e = Jv(), t = tb();
   function n(a, o) {
     return e(a, o, function(r, s) {
@@ -7362,10 +7362,10 @@ function nb() {
   }
   return Lo = n, Lo;
 }
-var Eo, Pl;
+var Eo, xl;
 function ab() {
-  if (Pl) return Eo;
-  Pl = 1;
+  if (xl) return Eo;
+  xl = 1;
   function e(t, n) {
     for (var a = -1, o = n.length, r = t.length; ++a < o; )
       t[r + a] = n[a];
@@ -7432,7 +7432,7 @@ var cb = lb();
 const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big", "huge"]), db = /* @__PURE__ */ E((e) => {
   const {
     handle: t
-  } = xe(), n = ye("optionsChange", void 0), a = R(!1), o = R(!1), r = R(!1);
+  } = Pe(), n = ye("optionsChange", void 0), a = R(!1), o = R(!1), r = R(!1);
   return mt(t, (s) => {
     if (s)
       return yv(s, {
@@ -7460,7 +7460,7 @@ const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big
       loadingMessage: i,
       state: s
     }, {
-      GenericBlock: xv,
+      GenericBlock: Pv,
       Text: me
     });
   };
@@ -7516,7 +7516,7 @@ const ub = /* @__PURE__ */ Te(cb), NN = ub(H, ["tiny", "regular", "medium", "big
 On.displayName = fb;
 On.className = Bu;
 On.defaultProps = Fu;
-const xN = /* @__PURE__ */ E((e, {
+const PN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -7547,7 +7547,7 @@ const xN = /* @__PURE__ */ E((e, {
   }), [n, t && m("div", {
     className: gb("badge")
   }, [t])]);
-}, PN = /* @__PURE__ */ E((e, {
+}, xN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -7674,9 +7674,9 @@ const xN = /* @__PURE__ */ E((e, {
 }), kt = "lumx-chip", {
   block: Nb,
   element: Fo
-} = B(kt), xb = {
+} = B(kt), Pb = {
   size: H.m
-}, Pb = (e) => {
+}, xb = (e) => {
   const {
     after: t,
     before: n,
@@ -7692,16 +7692,16 @@ const xN = /* @__PURE__ */ E((e, {
     hasAfterClick: h,
     hasBeforeClick: f,
     hasOnClick: g,
-    size: p = xb.size,
+    size: p = Pb.size,
     theme: b,
     ref: v,
     href: y,
     handleKeyDown: A,
     disabledStateProps: N,
-    isAnyDisabled: P,
+    isAnyDisabled: x,
     keyDownProp: w = "onKeyDown",
     tabIndexProp: k = "tabIndex",
-    ...x
+    ...P
   } = e, T = g && !y, O = !!g || !!y || s, _ = r || (b === he.light ? G.dark : G.light), q = (I) => {
     A?.(I), g && u && Hd(u)(I);
   }, j = {
@@ -7712,13 +7712,13 @@ const xN = /* @__PURE__ */ E((e, {
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     m("a", S({
       role: T ? "button" : void 0
-    }, j, x, {
+    }, j, P, {
       href: N.disabled ? void 0 : y,
       ref: v,
       className: L(o, Nb({
         "is-clickable": O,
         [`color-${_}`]: !!_,
-        "is-disabled": P,
+        "is-disabled": x,
         "has-after": !!t,
         "has-before": !!n,
         "is-highlighted": !!i,
@@ -7726,7 +7726,7 @@ const xN = /* @__PURE__ */ E((e, {
         [`size-${p}`]: !!p,
         "is-unselected": !l
       })),
-      "aria-disabled": O && P || void 0,
+      "aria-disabled": O && x || void 0,
       onClick: g ? u : void 0
     }), [n && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     m("div", {
@@ -7768,7 +7768,7 @@ const xN = /* @__PURE__ */ E((e, {
   }, p = (b) => {
     c.value || t("keydown", b);
   };
-  return () => m(Pb, S(u.value, {
+  return () => m(xb, S(u.value, {
     className: r.value,
     theme: e.theme || o.value,
     handleClick: h,
@@ -7851,19 +7851,19 @@ const _b = "lumx-selection-chip-group", {
     "aria-orientation": "horizontal",
     className: Ib([g])
   }), Tb(s = i.map((y) => {
-    const A = c && se(c, y) || se(l, y), N = se(l, y), P = p?.(y) || {}, w = P.isDisabled || h, k = typeof P.children == "string" ? P.children : A, x = u ? `${k} - ${u}` : k;
+    const A = c && se(c, y) || se(l, y), N = se(l, y), x = p?.(y) || {}, w = x.isDisabled || h, k = typeof x.children == "string" ? x.children : A, P = u ? `${k} - ${u}` : k;
     return m(r, {
       key: N,
-      label: w ? void 0 : x
+      label: w ? void 0 : P
     }, {
       default: () => [m(t, S({
-        "aria-label": x
-      }, P, {
+        "aria-label": P
+      }, x, {
         size: "s",
         after: m(a, {
           icon: yr
         }, null),
-        className: Lb("chip", [P.className]),
+        className: Lb("chip", [x.className]),
         "data-option-id": N,
         isClickable: !0,
         role: "option",
@@ -7875,7 +7875,7 @@ const _b = "lumx-selection-chip-group", {
           as: "span",
           truncate: !0
         }, {
-          default: () => [P.children || A]
+          default: () => [x.children || A]
         })]
       })]
     });
@@ -8043,10 +8043,10 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
     HeadingLevelProvider: y,
     ThemeProvider: A,
     ClickAwayProvider: N,
-    childrenRef: P,
+    childrenRef: x,
     clickAwayRefs: w,
     closeButtonRef: k,
-    IconButton: x,
+    IconButton: P,
     ...T
   } = e;
   return !l && !p ? null : m(v, null, {
@@ -8068,7 +8068,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
       }
     }), [i && m("div", {
       className: El("close")
-    }, [m(x, S(i, {
+    }, [m(P, S(i, {
       ref: k,
       emphasis: "low",
       hasBackground: !0,
@@ -8087,7 +8087,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
           childrenRefs: w
         }, {
           default: () => [m("div", {
-            ref: P,
+            ref: x,
             className: El("wrapper"),
             role: "presentation"
           }, [r])]
@@ -8221,12 +8221,12 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
     isChildrenVisible: y,
     IconButton: A,
     footer: N,
-    closeMode: P,
+    closeMode: x,
     ...w
   } = e, k = (O) => {
     const _ = !s;
     c && _ && c(O), l && !_ && l(O), d && d(_, O);
-  }, x = u === he.dark ? G.light : G.dark, T = L(t, Xb({
+  }, P = u === he.dark ? G.light : G.dark, T = L(t, Xb({
     "has-background": a,
     "has-header": !Kt(f.children),
     "has-header-divider": r,
@@ -8249,7 +8249,7 @@ const Hu = (e) => (t) => K(t) && t.type === e, Rb = {
   }), [g]), m("div", {
     className: we("header-toggle")
   }, [m(A, S(h, {
-    color: x,
+    color: P,
     emphasis: ve.low,
     icon: s ? dc : fc,
     "aria-expanded": s || "false"
@@ -8516,7 +8516,7 @@ const IN = /* @__PURE__ */ E((e, {
 }, LN = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
-  const n = D(), a = Pc(), o = M(() => e.class), r = C(() => {
+  const n = D(), a = xc(), o = M(() => e.class), r = C(() => {
     const {
       className: s,
       ...i
@@ -8731,8 +8731,8 @@ const yy = "lumx-link-preview", {
   inheritAttrs: !1,
   props: $()("class", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading")
 }), Ny = "lumx-menu-item", {
-  block: xy,
-  element: Py
+  block: Py,
+  element: xy
 } = B(Ny), wy = (e) => {
   const {
     children: t,
@@ -8750,7 +8750,7 @@ const yy = "lumx-link-preview", {
     type: "button",
     ...i,
     ref: l,
-    className: Py("action"),
+    className: xy("action"),
     handleClick: s,
     "data-menu-item": "",
     "aria-disabled": r ? "true" : void 0,
@@ -8760,7 +8760,7 @@ const yy = "lumx-link-preview", {
     ref: c,
     size: "tiny",
     ...d,
-    className: L(n, xy()),
+    className: L(n, Py()),
     before: a,
     after: o,
     children: u
@@ -9681,10 +9681,10 @@ const zN = /* @__PURE__ */ E((e, {
   squared: "squared",
   rounded: "rounded",
   pill: "pill"
-}, xA = "lumx-skeleton-rectangle", {
-  block: PA,
+}, PA = "lumx-skeleton-rectangle", {
+  block: xA,
   element: wA
-} = B(xA), CA = {
+} = B(PA), CA = {
   variant: NA.squared
 }, OA = (e) => {
   const {
@@ -9701,7 +9701,7 @@ const zN = /* @__PURE__ */ E((e, {
   return m("div", S({
     ref: l
   }, c, {
-    className: L(n, PA({
+    className: L(n, xA({
       [`aspect-ratio-${t}`]: !!t,
       [`height-${a}`]: !!(!t && a),
       [`theme-${o}`]: !!o,
@@ -10363,7 +10363,7 @@ const YN = /* @__PURE__ */ E((e, {
   }, o, {
     className: L(n, JA)
   }), [t]);
-}, ex = /* @__PURE__ */ E((e, {
+}, eP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class);
@@ -10400,7 +10400,7 @@ const YN = /* @__PURE__ */ E((e, {
       "is-selected": o && !c
     }))
   }), [t]);
-}, tx = /* @__PURE__ */ E((e, {
+}, tP = /* @__PURE__ */ E((e, {
   slots: t
 }) => {
   const n = D(), a = M(() => e.class), {
@@ -10448,17 +10448,17 @@ const oS = `${Qu}__link`, {
     Icon: y,
     Text: A,
     ref: N,
-    ...P
+    ...x
   } = e, w = () => {
     o || g?.();
   }, k = (T) => {
     c?.(T), b && w();
-  }, x = (T) => {
+  }, P = (T) => {
     d?.(T), !(T.key !== "Enter" || o) && w();
   };
   return m("button", S({
     ref: N
-  }, P, {
+  }, x, {
     type: "button",
     id: v,
     className: L(t, rS({
@@ -10467,7 +10467,7 @@ const oS = `${Qu}__link`, {
     })),
     onClick: w
   }, {
-    [f]: x
+    [f]: P
   }, {
     onFocus: k,
     role: "tab"
@@ -10486,7 +10486,7 @@ const oS = `${Qu}__link`, {
   }, aS(l) ? l : {
     default: () => [l]
   })]);
-}, xt = {
+}, Pt = {
   isLazy: !0,
   shouldActivateOnFocus: !1,
   activeTabIndex: 0,
@@ -10539,7 +10539,7 @@ const oS = `${Qu}__link`, {
   focus: (e) => !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   keypress: (e) => !0
-}, nx = /* @__PURE__ */ E((e, {
+}, nP = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = D(), a = M(() => e.class), {
@@ -10607,7 +10607,7 @@ const Yl = {
     role: "tablist",
     "aria-label": t
   }, [n])]);
-}, ax = /* @__PURE__ */ E((e) => {
+}, aP = /* @__PURE__ */ E((e) => {
   const t = D(), n = ke(), a = U(), o = M(() => e.class), r = R(null);
   return ju({
     containerRef: r,
@@ -10652,7 +10652,7 @@ const Yl = {
   }, {
     "aria-labelledby": r
   }), [(!s || a) && t]);
-}, ox = /* @__PURE__ */ E((e) => {
+}, oP = /* @__PURE__ */ E((e) => {
   const t = D(), n = ke(), a = M(() => e.class), o = td("tabPanel", e.id), r = C(() => e.isActive || o.value?.isActive);
   return () => m(pS, S(t, {
     className: a.value,
@@ -10668,18 +10668,18 @@ const Yl = {
   inheritAttrs: !1,
   props: $()("isActive", "id", "class")
 }), Zl = {
-  isLazy: xt.isLazy,
-  shouldActivateOnFocus: xt.shouldActivateOnFocus
+  isLazy: Pt.isLazy,
+  shouldActivateOnFocus: Pt.shouldActivateOnFocus
 }, gS = {
   change: (e) => typeof e == "number"
-}, rx = /* @__PURE__ */ E((e, {
+}, rP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
   const a = R({
-    ...xt,
-    isLazy: e.isLazy ?? xt.isLazy,
-    shouldActivateOnFocus: e.shouldActivateOnFocus ?? xt.shouldActivateOnFocus,
+    ...Pt,
+    isLazy: e.isLazy ?? Pt.isLazy,
+    shouldActivateOnFocus: e.shouldActivateOnFocus ?? Pt.shouldActivateOnFocus,
     ...e.activeTabIndex !== void 0 ? {
       activeTabIndex: e.activeTabIndex
     } : {}
@@ -10746,7 +10746,7 @@ const SS = "lumx-user-block", {
 }) => {
   const a = !!(t?.href || e);
   return !!n || a;
-}, xS = (e) => {
+}, PS = (e) => {
   const {
     avatarProps: t,
     className: n,
@@ -10768,10 +10768,10 @@ const SS = "lumx-user-block", {
     theme: y,
     children: A,
     additionalFields: N,
-    after: P,
+    after: x,
     Text: w,
     Avatar: k,
-    ...x
+    ...P
   } = e;
   let T = v;
   p === ct.vertical && (T = H.l);
@@ -10797,7 +10797,7 @@ const SS = "lumx-user-block", {
   };
   return m("div", S({
     ref: s
-  }, x, I, {
+  }, P, I, {
     className: L(n, NS({
       [`orientation-${p}`]: !!p,
       [`size-${T}`]: !!T,
@@ -10819,18 +10819,18 @@ const SS = "lumx-user-block", {
     className: $e("action")
   }, [b]), O && i && m("div", {
     className: $e("actions")
-  }, [i]), P ? m("div", {
+  }, [i]), x ? m("div", {
     className: $e("after")
-  }, [P]) : null]);
+  }, [x]) : null]);
 };
-function PS(e) {
+function xS(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
 }
 const wS = {
   click: () => !0,
   mouseenter: () => !0,
   mouseleave: () => !0
-}, sx = /* @__PURE__ */ E((e, {
+}, sP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n
 }) => {
@@ -10862,7 +10862,7 @@ const wS = {
     }), {
       default: () => [m(me, {
         as: "span"
-      }, PS(g) ? g : {
+      }, xS(g) ? g : {
         default: () => [g]
       })]
     });
@@ -10886,7 +10886,7 @@ const wS = {
       fields: p,
       ...b
     } = e, v = n.default?.() || h.value;
-    return m(xS, S(b, a, {
+    return m(PS, S(b, a, {
       linkAs: Ye(g),
       className: r.value,
       theme: e.theme || o.value,
@@ -11023,9 +11023,9 @@ const OS = "SelectButton", kS = "lumx-select-button", TS = {
     listStatus: y = "idle",
     translations: A,
     onOpen: N,
-    onLoadMore: P,
+    onLoadMore: x,
     infiniteScrollOptions: w
-  } = e, k = y === "loading", x = y === "loadingMore", T = y === "error", O = u === "multiple", _ = d != null ? qr(d).map((q) => ad(q, r, o)).filter(Boolean).join(", ") : "";
+  } = e, k = y === "loading", P = y === "loadingMore", T = y === "error", O = u === "multiple", _ = d != null ? qr(d).map((q) => ad(q, r, o)).filter(Boolean).join(", ") : "";
   return m(t.Provider, {
     onOpen: N
   }, {
@@ -11056,12 +11056,12 @@ const OS = "SelectButton", kS = "lumx-select-button", TS = {
           selected: d
         }, {
           Combobox: t
-        }), P && n && m(n, {
+        }), x && n && m(n, {
           callback: () => {
-            y && y !== "idle" || P();
+            y && y !== "idle" || x();
           },
           options: w
-        }, null), x && m(t.OptionSkeleton, {
+        }, null), P && m(t.OptionSkeleton, {
           count: 1
         }, null)]
       }), m(t.State, {
@@ -11140,7 +11140,7 @@ const LS = {
   "load-more": () => !0,
   /** Dropdown opened or closed. */
   open: (e) => !0
-}, ix = /* @__PURE__ */ E((e, {
+}, iP = /* @__PURE__ */ E((e, {
   emit: t,
   slots: n,
   attrs: a
@@ -11218,7 +11218,7 @@ const LS = {
   slots: Object,
   props: $()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "label", "labelDisplayMode", "popoverProps", "listStatus", "translations", "class"),
   emits: LS
-}), lx = Ot, ES = "SelectTextField", $S = "lumx-select-text-field", Gr = (e, {
+}), lP = Ot, ES = "SelectTextField", $S = "lumx-select-text-field", Gr = (e, {
   Combobox: t,
   InfiniteScroll: n
 }) => {
@@ -11241,10 +11241,10 @@ const LS = {
     emptyMessage: y,
     nbOptionMessage: A,
     errorMessage: N,
-    errorTryReloadMessage: P,
+    errorTryReloadMessage: x,
     onOpen: w,
     chips: k,
-    beforeOptions: x,
+    beforeOptions: P,
     afterOptions: T,
     onLoadMore: O,
     infiniteScrollOptions: _
@@ -11266,7 +11266,7 @@ const LS = {
         "aria-label": u,
         "aria-multiselectable": h || void 0
       }), {
-        default: () => [x, q ? m(t.OptionSkeleton, {
+        default: () => [P, q ? m(t.OptionSkeleton, {
           count: 3
         }, null) : Wr({
           options: a,
@@ -11292,7 +11292,7 @@ const LS = {
         emptyMessage: y,
         nbOptionMessage: A,
         errorMessage: I ? N : void 0,
-        errorTryReloadMessage: I ? P : void 0
+        errorTryReloadMessage: I ? x : void 0
       }, null)]
     })]
   });
@@ -11336,21 +11336,21 @@ const MS = {
     ...e,
     ...a
   }))), l = R(!!e.searchInputValue), c = R(e.searchInputValue ?? ""), d = R(null), u = R(null);
-  X(() => e.searchInputValue, (P) => {
-    P !== void 0 && (c.value = P, l.value = !!P);
+  X(() => e.searchInputValue, (x) => {
+    x !== void 0 && (c.value = x, l.value = !!x);
   });
-  const h = C(() => e.selectionType === "multiple" || l.value ? c.value : ad(e.value, e.getOptionName, e.getOptionId)), f = (P) => {
-    const w = nd(e.options, e.getOptionId, e.value, P.value, e.selectionType === "multiple");
+  const h = C(() => e.selectionType === "multiple" || l.value ? c.value : ad(e.value, e.getOptionName, e.getOptionId)), f = (x) => {
+    const w = nd(e.options, e.getOptionId, e.value, x.value, e.selectionType === "multiple");
     t("change", w), l.value = !1, c.value = "", t("search", "");
-  }, g = (P) => {
-    l.value = !0, c.value = P, t("search", P), !o.value && P === "" && e.value !== void 0 && e.value !== null && t("change", void 0);
-  }, p = (P) => {
-    t("change", void 0), l.value = !1, c.value = "", t("search", ""), t("clear", P);
-  }, b = (P) => {
-    l.value = !1, c.value = "", t("search", ""), t("blur", P);
+  }, g = (x) => {
+    l.value = !0, c.value = x, t("search", x), !o.value && x === "" && e.value !== void 0 && e.value !== null && t("change", void 0);
+  }, p = (x) => {
+    t("change", void 0), l.value = !1, c.value = "", t("search", ""), t("clear", x);
+  }, b = (x) => {
+    l.value = !1, c.value = "", t("search", ""), t("blur", x);
   }, v = od(n.option), y = rd(n.sectionTitle), A = oe("onLoadMore") || oe("onLoad-more"), N = () => t("load-more");
   return () => {
-    const P = !o.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, w = e.selectionType === "multiple" ? m(Db, {
+    const x = !o.value && !s.value && (e.hasClearButton ?? !0) && e.value !== void 0 && e.value !== null, w = e.selectionType === "multiple" ? m(Db, {
       value: e.value,
       theme: e.theme,
       getOptionId: e.getOptionId,
@@ -11362,7 +11362,7 @@ const MS = {
       chipRemoveLabel: e.translations.chipRemoveLabel
     }, {
       chip: n.chip || void 0
-    }) : void 0, k = e.listStatus ?? "idle", x = e.beforeOptions ?? n.beforeOptions?.();
+    }) : void 0, k = e.listStatus ?? "idle", P = e.beforeOptions ?? n.beforeOptions?.();
     return Gr({
       options: e.options,
       getOptionId: e.getOptionId,
@@ -11404,7 +11404,7 @@ const MS = {
         isValid: e.isValid,
         maxLength: e.maxLength,
         "aria-label": e.ariaLabel,
-        clearButtonProps: P ? {
+        clearButtonProps: x ? {
           label: e.translations.clearLabel
         } : void 0,
         onClear: p,
@@ -11421,7 +11421,7 @@ const MS = {
         ref: d
       },
       chips: w,
-      beforeOptions: x,
+      beforeOptions: P,
       onLoadMore: A ? N : void 0,
       infiniteScrollOptions: {
         root: d.value?.$el ?? null,
@@ -11437,7 +11437,7 @@ const MS = {
   inheritAttrs: !1,
   props: $()("options", "getOptionId", "getOptionName", "getOptionDescription", "getSectionId", "selectionType", "value", "filter", "searchInputValue", "hasClearButton", "listStatus", "label", "placeholder", "icon", "isDisabled", "aria-disabled", "isRequired", "hasError", "error", "helper", "id", "name", "isValid", "maxLength", "ariaLabel", "inputProps", "popoverProps", "translations", "beforeOptions", "openOnFocus", "class", "theme"),
   emits: MS
-}), DS = Ot, cx = Eu, ux = ku, dx = Tu, fx = Iu, BS = "TimePickerField", sd = "lumx-time-picker-field", {
+}), DS = Ot, cP = Eu, uP = ku, dP = Tu, fP = Iu, BS = "TimePickerField", sd = "lumx-time-picker-field", {
   block: FS
 } = B(sd), tc = {
   step: 30,
@@ -11453,16 +11453,30 @@ const MS = {
     handleChange: s,
     handleSearch: i,
     handleBlur: l,
-    ...c
+    getOptionProps: c,
+    ...d
   } = e;
-  return m(t, S(c, {
+  return m(t, S(d, {
     className: FS([r]),
     selectionType: "single",
     options: a,
     getOptionId: "name",
-    renderOption: (d) => m(n, {
-      isDisabled: d.outOfRange
-    }, null),
+    renderOption: ({
+      hour: u,
+      minute: h,
+      outOfRange: f
+    }) => {
+      const {
+        isDisabled: g,
+        ...p
+      } = c?.({
+        hour: u,
+        minute: h
+      }) || {};
+      return m(n, S({
+        isDisabled: f || g
+      }, p), null);
+    },
     onChange: s,
     onSearch: i,
     onBlur: l,
@@ -11525,7 +11539,7 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (e) => !0
-}, hx = /* @__PURE__ */ E((e, {
+}, hP = /* @__PURE__ */ E((e, {
   emit: t
 }) => {
   const n = M(() => e.class), a = C(() => e.locale ?? WS()), o = C(() => e.step ?? tc.step), r = C(() => e.boundsMode ?? tc.boundsMode), s = C(() => jS({
@@ -11576,10 +11590,11 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
       maxTime: v,
       translations: y,
       class: A,
-      ...N
+      getOptionProps: N,
+      ...x
     } = e;
     return Kr({
-      ...N,
+      ...x,
       value: l.value,
       options: s.value,
       translations: y,
@@ -11587,7 +11602,8 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
       handleChange: c,
       handleSearch: d,
       handleBlur: u,
-      searchInputValue: h
+      searchInputValue: h,
+      getOptionProps: N
     }, {
       SelectTextField: RS,
       Option: DS
@@ -11604,6 +11620,7 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
     "maxTime",
     "boundsMode",
     "translations",
+    "getOptionProps",
     "class",
     // Inherited SelectTextField props
     "label",
@@ -11628,8 +11645,8 @@ const WS = () => navigator.languages?.[0] || navigator.language, US = {
 export {
   gN as AlertDialog,
   Wh as Avatar,
-  xN as Badge,
-  PN as BadgeWrapper,
+  PN as Badge,
+  xN as BadgeWrapper,
   It as Button,
   yN as ButtonGroup,
   wN as Checkbox,
@@ -11642,7 +11659,7 @@ export {
   TN as ExpansionPanel,
   _N as Flag,
   yn as FlexBox,
-  xv as GenericBlock,
+  Pv as GenericBlock,
   NN as GenericBlockGapSize,
   IN as GridColumn,
   LN as Heading,
@@ -11676,14 +11693,14 @@ export {
   zN as RadioGroup,
   Op as RawInputText,
   Lp as RawInputTextarea,
-  ix as SelectButton,
-  lx as SelectButtonOption,
+  iP as SelectButton,
+  lP as SelectButtonOption,
   RS as SelectTextField,
-  fx as SelectTextFieldDivider,
+  fP as SelectTextFieldDivider,
   DS as SelectTextFieldOption,
-  ux as SelectTextFieldOptionMoreInfo,
-  dx as SelectTextFieldOptionSkeleton,
-  cx as SelectTextFieldSection,
+  uP as SelectTextFieldOptionMoreInfo,
+  dP as SelectTextFieldOptionSkeleton,
+  cP as SelectTextFieldSection,
   Db as SelectionChipGroup,
   VN as SkeletonCircle,
   WN as SkeletonRectangle,
@@ -11691,30 +11708,30 @@ export {
   UN as SkeletonTypography,
   GN as Switch,
   pN as TOOLBAR_NAME,
-  nx as Tab,
-  ax as TabList,
+  nP as Tab,
+  aP as TabList,
   dS as TabListLayout,
-  ox as TabPanel,
-  rx as TabProvider,
+  oP as TabPanel,
+  rP as TabProvider,
   ZN as Table,
   JN as TableBody,
   QN as TableCell,
   ur as TableCellVariant,
-  ex as TableHeader,
-  tx as TableRow,
+  eP as TableHeader,
+  tP as TableRow,
   me as Text,
   Up as TextField,
   zt as ThOrder,
   dn as Thumbnail,
   bN as ThumbnailObjectFit,
   vN as ThumbnailVariant,
-  hx as TimePickerField,
+  hP as TimePickerField,
   Ih as Toolbar,
   gn as Tooltip,
   KN as Uploader,
   Yu as UploaderVariant,
-  sx as UserBlock,
+  sP as UserBlock,
   ZA as emitSchema,
-  Pc as useHeadingLevel
+  xc as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map