@lumx/vue 4.24.1-alpha.1 → 4.25.0-next.0

package/index.js

@@ -255,8 +255,8 @@ const $f = {
     dialogProps: c,
     children: u,
     DescriptionElement: d,
-    cancelButtonRef: h,
-    confirmationButtonRef: f,
+    cancelButtonRef: f,
+    confirmationButtonRef: h,
     focusElement: g,
     Dialog: p,
     Toolbar: b,
@@ -277,7 +277,7 @@ const $f = {
   } = o || {};
   return m(p, N({
     ref: s,
-    focusElement: g ?? (o ? h : f),
+    focusElement: g ?? (o ? f : h),
     size: l,
     dialogProps: {
       id: t,
@@ -309,13 +309,13 @@ const $f = {
     }), m("footer", null, [m(b, {
       className: "lumx-spacing-margin-horizontal",
       after: m(ne, null, [o && m(v, N(H, {
-        ref: h,
+        ref: f,
         emphasis: ye.medium,
         onClick: F
       }), Rn(S) ? S : {
         default: () => [S]
       }), m(v, N(_, {
-        ref: f,
+        ref: h,
         color: P,
         className: "lumx-spacing-margin-left-regular",
         onClick: E
@@ -388,7 +388,7 @@ function Hf(e, t, n = {}) {
     const d = $c(qe(e)).map(ct).filter(Mc);
     return new Set(d);
   }), (d) => {
-    i(), s.value && d.size && (r = new MutationObserver(t), d.forEach((h) => r.observe(h, o)));
+    i(), s.value && d.size && (r = new MutationObserver(t), d.forEach((f) => r.observe(f, o)));
   }, {
     immediate: !0,
     flush: "post"
@@ -428,7 +428,7 @@ function zf(e, t, n = {}) {
 function gs(e, t, n = {}) {
   const { root: a, rootMargin: o = "0px", threshold: r = 0, window: s = xr, immediate: i = !0 } = n, l = /* @__PURE__ */ Tr(() => s && "IntersectionObserver" in s), c = C(() => $c(qe(e)).map(ct).filter(Mc));
   let u = Ut;
-  const d = je(i), h = l.value ? X(() => [
+  const d = je(i), f = l.value ? X(() => [
     c.value,
     ct(a),
     d.value
@@ -445,10 +445,10 @@ function gs(e, t, n = {}) {
   }, {
     immediate: i,
     flush: "post"
-  }) : Ut, f = () => {
-    u(), h(), d.value = !1;
+  }) : Ut, h = () => {
+    u(), f(), d.value = !1;
   };
-  return sn(f), {
+  return sn(h), {
     isSupported: l,
     isActive: d,
     pause() {
@@ -457,7 +457,7 @@ function gs(e, t, n = {}) {
     resume() {
       d.value = !0;
     },
-    stop: f
+    stop: h
   };
 }
 function Dn(e) {
@@ -510,8 +510,8 @@ const Lc = {
     children: c,
     Portal: u,
     HeadingLevelProvider: d,
-    ThemeProvider: h,
-    IdsRegistryProvider: f,
+    ThemeProvider: f,
+    IdsRegistryProvider: h,
     ...g
   } = e;
   return m(u, {
@@ -535,10 +535,10 @@ const Lc = {
     }, null), m(d, {
       level: 2
     }, {
-      default: () => [m(h, {
+      default: () => [m(f, {
         value: void 0
       }, {
-        default: () => [m(f, null, Yf(c) ? c : {
+        default: () => [m(h, null, Yf(c) ? c : {
           default: () => [c]
         })]
       })]
@@ -564,8 +564,8 @@ const Zf = "DialogContent", Rc = (e) => e?.["aria-modal"] !== !1 && e?.["aria-mo
     header: c,
     headerChildProps: u,
     headerChildContent: d,
-    forceHeaderDivider: h,
-    hasTopIntersection: f,
+    forceHeaderDivider: f,
+    hasTopIntersection: h,
     content: g,
     setSentinelTop: p,
     setSentinelBottom: b,
@@ -596,7 +596,7 @@ const Zf = "DialogContent", Rc = (e) => e?.["aria-modal"] !== !1 && e?.["aria-mo
       ref: i
     }, [(c || d) && m("header", N(u, {
       className: $(Te("header", {
-        "has-divider": !!(h || f)
+        "has-divider": !!(f || h)
       }), u?.className)
     }), [c, d]), m("div", {
       ref: l,
@@ -828,11 +828,11 @@ function ch() {
   var e = zc(), t = lh(), n = un(), a = Vc(), o = /[\\^$.*+?()[\]{}|]/g, r = /^\[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(h) {
-    if (!n(h) || t(h))
+  function d(f) {
+    if (!n(f) || t(f))
       return !1;
-    var f = e(h) ? u : r;
-    return f.test(a(h));
+    var h = e(f) ? u : r;
+    return h.test(a(f));
   }
   return ta = d, ta;
 }
@@ -1014,9 +1014,9 @@ function Nh() {
   Xs = 1;
   var e = Gc(), t = vh(), n = bh(), a = Kc(), o = yh(), r = Array.prototype, s = r.splice;
   function i(l, c, u, d) {
-    var h = d ? n : t, f = -1, g = c.length, p = l;
-    for (l === c && (c = o(c)), u && (p = e(l, a(u))); ++f < g; )
-      for (var b = 0, v = c[f], y = u ? u(v) : v; (b = h(p, y, b, d)) > -1; )
+    var f = d ? n : t, h = -1, g = c.length, p = l;
+    for (l === c && (c = o(c)), u && (p = e(l, a(u))); ++h < g; )
+      for (var b = 0, v = c[h], y = u ? u(v) : v; (b = f(p, y, b, d)) > -1; )
         p !== l && s.call(p, b, 1), s.call(l, b, 1);
     return l;
   }
@@ -1343,13 +1343,13 @@ const Bh = {
     l.value = O;
   }, d = (O) => {
     c.value = O;
-  }, h = D(null), f = D(null);
+  }, f = D(null), h = D(null);
   gs(l, (O) => {
     const E = O[0];
-    h.value = E ? !E.isIntersecting : null;
+    f.value = E ? !E.isIntersecting : null;
   }), gs(c, (O) => {
     const E = O[0];
-    f.value = E ? !E.isIntersecting : null;
+    h.value = E ? !E.isIntersecting : null;
   });
   const g = C(() => Rc(e.dialogProps)), p = C(() => e.preventAutoClose || e.preventCloseOnEscape), b = () => t("close");
   dn(() => {
@@ -1400,8 +1400,8 @@ const Bh = {
         forceFooterDivider: e.forceFooterDivider,
         forceHeaderDivider: e.forceHeaderDivider,
         handleClose: b,
-        hasBottomIntersection: f.value,
-        hasTopIntersection: h.value,
+        hasBottomIntersection: h.value,
+        hasTopIntersection: f.value,
         headerChildContent: n.header?.() ?? E?.children,
         headerChildProps: n.header ? void 0 : ni(E),
         isLoading: e.isLoading,
@@ -1502,13 +1502,13 @@ var Ea, fi;
 function Gh() {
   if (fi) return Ea;
   fi = 1;
-  var e = zh(), t = au(), n = Vh(), a = Wh(), o = Uh(), r = kt(), s = Vc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[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()) != u || o && y(new o()) != d) && (y = function(A) {
+  var e = zh(), t = au(), n = Vh(), a = Wh(), o = Uh(), r = kt(), s = Vc(), i = "[object Map]", l = "[object Object]", c = "[object Promise]", u = "[object Set]", d = "[object WeakMap]", f = "[object DataView]", h = s(e), g = s(t), p = s(n), b = s(a), v = s(o), y = r;
+  return (e && y(new e(new ArrayBuffer(1))) != f || t && y(new t()) != i || n && y(n.resolve()) != c || a && y(new a()) != u || o && y(new o()) != d) && (y = function(A) {
     var P = r(A), w = P == l ? A.constructor : void 0, T = w ? s(w) : "";
     if (T)
       switch (T) {
-        case f:
-          return h;
+        case h:
+          return f;
         case g:
           return i;
         case p:
@@ -1599,8 +1599,8 @@ var Ba, Ai;
 function Jh() {
   if (Ai) return Ba;
   Ai = 1;
-  var e = kt(), t = Br(), n = fn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[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]", P = "[object Int8Array]", w = "[object Int16Array]", T = "[object Int32Array]", x = "[object Uint8Array]", O = "[object Uint8ClampedArray]", E = "[object Uint16Array]", _ = "[object Uint32Array]", S = {};
-  S[y] = S[A] = S[P] = S[w] = S[T] = S[x] = S[O] = S[E] = S[_] = !0, S[a] = S[o] = S[b] = S[r] = S[v] = S[s] = S[i] = S[l] = S[c] = S[u] = S[d] = S[h] = S[f] = S[g] = S[p] = !1;
+  var e = kt(), t = Br(), n = fn(), a = "[object Arguments]", o = "[object Array]", r = "[object Boolean]", s = "[object Date]", i = "[object Error]", l = "[object Function]", c = "[object Map]", u = "[object Number]", d = "[object Object]", f = "[object RegExp]", h = "[object Set]", g = "[object String]", p = "[object WeakMap]", b = "[object ArrayBuffer]", v = "[object DataView]", y = "[object Float32Array]", A = "[object Float64Array]", P = "[object Int8Array]", w = "[object Int16Array]", T = "[object Int32Array]", x = "[object Uint8Array]", O = "[object Uint8ClampedArray]", E = "[object Uint16Array]", _ = "[object Uint32Array]", S = {};
+  S[y] = S[A] = S[P] = S[w] = S[T] = S[x] = S[O] = S[E] = S[_] = !0, S[a] = S[o] = S[b] = S[r] = S[v] = S[s] = S[i] = S[l] = S[c] = S[u] = S[d] = S[f] = S[h] = S[g] = S[p] = !1;
   function F(H) {
     return n(H) && t(H.length) && !!S[e(H)];
   }
@@ -1633,22 +1633,22 @@ function tm() {
   if (Ci) return qa;
   Ci = 1;
   var e = Hh(), t = Gh(), n = Dr(), a = et(), o = Yh(), r = Zh(), s = nu(), i = em(), l = "[object Map]", c = "[object Set]", u = Object.prototype, d = u.hasOwnProperty;
-  function h(f) {
-    if (f == null)
+  function f(h) {
+    if (h == null)
       return !0;
-    if (o(f) && (a(f) || typeof f == "string" || typeof f.splice == "function" || r(f) || i(f) || n(f)))
-      return !f.length;
-    var g = t(f);
+    if (o(h) && (a(h) || typeof h == "string" || typeof h.splice == "function" || r(h) || i(h) || n(h)))
+      return !h.length;
+    var g = t(h);
     if (g == l || g == c)
-      return !f.size;
-    if (s(f))
-      return !e(f).length;
-    for (var p in f)
-      if (d.call(f, p))
+      return !h.size;
+    if (s(h))
+      return !e(h).length;
+    for (var p in h)
+      if (d.call(h, p))
         return !1;
     return !0;
   }
-  return qa = h, qa;
+  return qa = f, qa;
 }
 var nm = tm();
 const Xt = /* @__PURE__ */ $e(nm);
@@ -1676,12 +1676,12 @@ const tt = (e) => {
     "aria-disabled": c || void 0
   }, l, d, {
     onKeyPress: a,
-    onClick: (h) => {
+    onClick: (f) => {
       if (c) {
-        h.stopPropagation(), h.preventDefault();
+        f.stopPropagation(), f.preventDefault();
         return;
       }
-      n?.(h);
+      n?.(f);
     }
   }), am(t) ? t : {
     default: () => [t]
@@ -1720,8 +1720,8 @@ const tt = (e) => {
     isActive: c,
     isFocused: u,
     isHovered: d,
-    linkAs: h,
-    size: f,
+    linkAs: f,
+    size: h,
     theme: g = me.light,
     variant: p,
     fullWidth: b,
@@ -1743,13 +1743,13 @@ const tt = (e) => {
     "is-active": c,
     "is-focused": u,
     "is-hovered": d,
-    [`size-${f}`]: !!f,
+    [`size-${h}`]: !!h,
     [`theme-${g}`]: !!(s === ye.high && g),
     [`variant-${p}`]: !!p,
     "is-full-width": b
   }));
   return tt({
-    as: h || (y.href ? "a" : "button"),
+    as: f || (y.href ? "a" : "button"),
     ...y,
     "aria-disabled": n,
     "aria-label": t,
@@ -1803,8 +1803,8 @@ function ae(e) {
   }), a = C(
     () => n.value["aria-disabled"] || n.value.disabled || void 0
   ), o = C(() => {
-    const r = typeof e == "function" ? e() : wt(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: u, onChange: d, ...h } = r;
-    return a.value || (u && (h.onClick = u), d && (h.onChange = d)), h;
+    const r = typeof e == "function" ? e() : wt(e), { disabled: s, isDisabled: i, "aria-disabled": l, ariaDisabled: c, onClick: u, onChange: d, ...f } = r;
+    return a.value || (u && (f.onClick = u), d && (f.onChange = d)), f;
   });
   return { disabledStateProps: n, isAnyDisabled: a, otherProps: o };
 }
@@ -1828,10 +1828,10 @@ const Si = I({
     alt: c,
     verticalAlign: u,
     ...d
-  } = e, [h, f] = wr(n, a);
-  let g = h;
+  } = e, [f, h] = wr(n, a);
+  let g = f;
   !g && (o || l) && (g = l === me.dark ? Y.light : Y.dark);
-  let p = f;
+  let p = h;
   !p && o && g === Y.dark && (p = "L2");
   let b = s;
   return s && o ? s === V.xxs || s === V.xs ? b = V.s : s === V.xxl && (b = V.xl) : o && (b = V.m), m("i", N({
@@ -1894,7 +1894,7 @@ const He = /* @__PURE__ */ I((e) => {
     style: l
   } = e, c = typeof s == "object" && s.lines > 1 && {
     "--lumx-text-truncate-lines": s.lines
-  }, u = !!c, d = !!s, h = !o && !(d && !u) && i && {
+  }, u = !!c, d = !!s, f = !o && !(d && !u) && i && {
     "--lumx-text-white-space": i
   };
   return {
@@ -1905,7 +1905,7 @@ const He = /* @__PURE__ */ I((e) => {
     }), r && on(r), n && Ec(n, a)),
     style: {
       ...c,
-      ...h,
+      ...f,
       ...l
     }
   };
@@ -2026,8 +2026,8 @@ const pe = /* @__PURE__ */ I((e, {
   }))), c = (d) => {
     s.value || t("click", d);
   }, u = () => {
-    const h = n.default?.()?.filter((f) => f != null && f.type !== br);
-    return h?.length ? h.length === 1 && h[0].type === pe ? h[0] : m("span", null, [h]) : null;
+    const f = n.default?.()?.filter((h) => h != null && h.type !== br);
+    return f?.length ? f.length === 1 && f[0].type === pe ? f[0] : m("span", null, [f]) : null;
   };
   return () => {
     const d = m(ne, null, [e.leftIcon && !Xt(e.leftIcon) && m(Si, null, {
@@ -2039,11 +2039,11 @@ const pe = /* @__PURE__ */ I((e, {
         icon: e.rightIcon
       }, null)]
     })]), {
-      linkAs: h,
-      ...f
+      linkAs: f,
+      ...h
     } = l.value;
-    return m(hn, N(f, {
-      linkAs: Je(h)
+    return m(hn, N(h, {
+      linkAs: Je(f)
     }, i.value, {
       className: r.value,
       theme: e.theme || o.value,
@@ -2106,11 +2106,11 @@ const pe = /* @__PURE__ */ I((e, {
 }) => {
   const a = B(), o = R(() => e.class), r = re(), s = C(() => e.id || r), i = je(void 0), l = je(void 0);
   return () => {
-    const c = n.default?.(), d = c?.length === 1 && c[0].type === yr ? "p" : "div", h = {
+    const c = n.default?.(), d = c?.length === 1 && c[0].type === yr ? "p" : "div", f = {
       isOpen: e.isOpen,
       parentElement: e.parentElement,
       onClose: () => t("close")
-    }, f = {
+    }, h = {
       ...e.confirmProps,
       onVnodeMounted: (p) => {
         l.value = p.el;
@@ -2129,7 +2129,7 @@ const pe = /* @__PURE__ */ I((e, {
     };
     return Bf({
       ...a,
-      ...h,
+      ...f,
       Button: Mt,
       Dialog: Fh,
       Icon: He,
@@ -2142,7 +2142,7 @@ const pe = /* @__PURE__ */ I((e, {
       size: e.size,
       title: e.title,
       dialogProps: e.dialogProps,
-      confirmProps: f,
+      confirmProps: h,
       cancelProps: g,
       children: c
     });
@@ -2257,8 +2257,8 @@ const qm = "Thumbnail", jm = "lumx-thumbnail", {
     focusPointStyle: c,
     fillHeight: u,
     image: d,
-    imgProps: h,
-    imgRef: f,
+    imgProps: f,
+    imgRef: h,
     isLoading: g,
     objectFit: p,
     loading: b = xi.loading,
@@ -2303,20 +2303,20 @@ const qm = "Thumbnail", jm = "lumx-thumbnail", {
   }, [m("img", N({
     width: Q?.naturalWidth,
     height: Q?.naturalHeight
-  }, h, {
+  }, f, {
     style: {
       // Reserve space while loading (when possible)
-      width: H ? h?.width || Q?.naturalWidth : void 0,
-      ...h?.style,
+      width: H ? f?.width || Q?.naturalWidth : void 0,
+      ...f?.style,
       ...G,
       ...c,
       ...oe
     },
-    ref: f,
+    ref: h,
     className: fe.join(Ct("image", {
       "is-loading": H,
-      "has-defined-size": !!(h?.height && h.width)
-    }), h?.className),
+      "has-defined-size": !!(f?.height && f.width)
+    }), f?.className),
     crossOrigin: s,
     src: d,
     alt: n,
@@ -2375,10 +2375,10 @@ function Wm(e) {
       isLoaded: i.value
     })
   ), c = D(void 0), u = () => {
-    const h = s.value?.offsetWidth, f = s.value?.offsetHeight;
-    if (h && f) {
+    const f = s.value?.offsetWidth, h = s.value?.offsetHeight;
+    if (f && h) {
       const g = c.value;
-      (g?.width !== h || g?.height !== f) && (c.value = { width: h, height: f });
+      (g?.width !== f || g?.height !== h) && (c.value = { width: f, height: h });
     } else l.value && requestAnimationFrame(u);
   };
   return X(
@@ -2412,14 +2412,14 @@ const Um = {
   } = ae(C(() => ({
     ...e,
     ...a
-  }))), h = Vm(ee(() => e.image), s), f = C(() => h.value === "isLoaded"), g = Wm({
+  }))), f = Vm(ee(() => e.image), s), h = C(() => f.value === "isLoaded"), g = Wm({
     image: ee(() => e.image),
     aspectRatio: ee(() => e.aspectRatio),
     focusPoint: ee(() => e.focusPoint),
     width: ee(() => typeof e.imgProps?.width == "number" ? e.imgProps.width : void 0),
     height: ee(() => typeof e.imgProps?.height == "number" ? e.imgProps.height : void 0),
     element: s,
-    isLoaded: f
+    isLoaded: h
   }), p = (v) => {
     c.value || t("click", v);
   }, b = (v) => {
@@ -2437,7 +2437,7 @@ const Um = {
       isAnyDisabled: c.value,
       disabledStateProps: u.value,
       focusPointStyle: g.value,
-      loadingState: h.value,
+      loadingState: f.value,
       imgRef: s,
       image: e.image,
       handleClick: i ? p : void 0,
@@ -2485,8 +2485,8 @@ const Um = {
       alt: c,
       size: u = fu.size,
       theme: d,
-      linkProps: h,
-      linkAs: f,
+      linkProps: f,
+      linkAs: h,
       thumbnailProps: g
     } = e, p = d || o.value, b = n.actions?.(), v = n.badge?.();
     return m(Dm, N(a, {
@@ -2496,8 +2496,8 @@ const Um = {
       actions: b,
       badge: v,
       image: m(mn, N({
-        linkProps: h,
-        linkAs: f,
+        linkProps: f,
+        linkAs: h,
         class: rr("thumbnail"),
         onClick: s,
         onKeyPress: i
@@ -2624,11 +2624,11 @@ function Fr(e, t, n) {
   function d() {
     return a.querySelector(c);
   }
-  function h() {
+  function f() {
     const P = a.querySelectorAll(c);
     return P.length > 0 ? P[P.length - 1] : null;
   }
-  const f = mu(n);
+  const h = mu(n);
   function g(P) {
     const w = P > 0, T = Math.abs(P), x = l(), O = u(), E = w ? () => O.nextNode() : () => O.previousNode();
     let _ = null, S = T;
@@ -2643,7 +2643,7 @@ function Fr(e, t, n) {
       if (H)
         _ = H;
       else if (x && s) {
-        const z = w ? d() : h();
+        const z = w ? d() : f();
         if (!z || z === x) break;
         _ = z, O.currentNode = z;
       } else
@@ -2662,7 +2662,7 @@ function Fr(e, t, n) {
   }
   function b() {
     const P = l();
-    P && t.onDeactivate(P), f.clear(), t.onClear?.();
+    P && t.onDeactivate(P), h.clear(), t.onClear?.();
   }
   n.addEventListener("abort", b);
   const v = {
@@ -2674,7 +2674,7 @@ function Fr(e, t, n) {
       return a.querySelector(c) !== null;
     },
     getFirst: d,
-    getLast: h,
+    getLast: f,
     getMatching: p,
     findNearestEnabled(P) {
       if (!a.contains(P)) return d();
@@ -2690,9 +2690,9 @@ function Fr(e, t, n) {
     const w = P(v);
     if (w && w.matches(o) && a.contains(w)) {
       const T = l();
-      return T !== w && (T && t.onDeactivate(T), t.onActivate(w)), f.clear(), !0;
+      return T !== w && (T && t.onDeactivate(T), t.onActivate(w)), h.clear(), !0;
     }
-    return f.defer(() => y(P)), !1;
+    return h.defer(() => y(P)), !1;
   }
   function A(P) {
     if (P === 0) return l() !== null;
@@ -2706,7 +2706,7 @@ function Fr(e, t, n) {
     clear: b,
     goTo: y,
     flushPendingNavigation() {
-      f.flush();
+      h.flush();
     },
     goUp() {
       return r === "vertical" ? A(-1) : !1;
@@ -2759,7 +2759,7 @@ function ap(e, t, n) {
       }
     while (F);
   }
-  const h = () => Le(d()), f = () => Le(d("last", "prev"));
+  const f = () => Le(d()), h = () => Le(d("last", "prev"));
   function g(O) {
     const E = O.closest(o);
     return E && a.contains(E) ? E : null;
@@ -2779,11 +2779,11 @@ function ap(e, t, n) {
     return S === -1 ? !1 : (b = S, i.setActive(O), !0);
   }
   function A() {
-    const O = h();
+    const O = f();
     return O ? (b = 0, v(O, 0)) : !1;
   }
   function P() {
-    const O = f();
+    const O = h();
     return O ? (b = 0, v(O, 0)) : !1;
   }
   function w(O) {
@@ -2796,7 +2796,7 @@ function ap(e, t, n) {
     if (F >= 0 && F < _.length)
       return b = F, i.setActive(_[F]), !0;
     if (!s) return !1;
-    const H = O > 0 ? "next" : "prev", k = Le(d(E, H)) ?? (O > 0 ? h() : f());
+    const H = O > 0 ? "next" : "prev", k = Le(d(E, H)) ?? (O > 0 ? f() : h());
     if (!k) return !1;
     const j = u(k);
     if (j.length === 0) return !1;
@@ -2811,7 +2811,7 @@ function ap(e, t, n) {
     const _ = Le(d(E, O));
     if (_) return v(_, b);
     if (s) {
-      const S = O === "next" ? h() : f();
+      const S = O === "next" ? f() : h();
       if (S) return v(S, b);
     }
     return !1;
@@ -2929,18 +2929,18 @@ function rp(e, t) {
     },
     t
   );
-  function h(v, y) {
+  function f(v, y) {
     v.getAttribute("tabindex") !== y && v.setAttribute("tabindex", y);
   }
-  function f(v, y) {
+  function h(v, y) {
     let A = y;
     for (const P of v) {
       if (!n.contains(P)) continue;
-      !(r ? P.matches(r) : !1) && !A ? (h(P, "0"), A = !0) : h(P, "-1");
+      !(r ? P.matches(r) : !1) && !A ? (f(P, "0"), A = !0) : f(P, "-1");
     }
     if (!A) {
       const P = n.querySelector(d.selectors.enabledItemSelector);
-      P && h(P, "0");
+      P && f(P, "0");
     }
   }
   function g() {
@@ -2950,12 +2950,12 @@ function rp(e, t) {
       const [P] = v.splice(A, 1);
       v.unshift(P);
     }
-    f(v, !1);
+    h(v, !1);
   }
   function p(v, y) {
     if (n.querySelector(l)) return;
     const A = (y && d.selectors.findNearestEnabled(y)) ?? n.querySelector(d.selectors.enabledItemSelector);
-    A && (v ? d.goTo(() => A) : h(A, "0"));
+    A && (v ? d.goTo(() => A) : f(A, "0"));
   }
   g();
   const b = new MutationObserver((v) => {
@@ -2984,18 +2984,18 @@ function rp(e, t) {
     }
     if (T.length > 0) {
       const x = n.querySelector(l) !== null;
-      f(T, x);
+      h(T, x);
     }
     if (w.length > 0) {
       const x = d.selectors.activeItem;
       for (const _ of w)
-        h(_, "-1");
+        f(_, "-1");
       const E = !!(x && w.includes(x) && u.hasFocus);
       p(E);
     }
     if (P) {
       const x = n.querySelector(l);
-      x && x !== P && h(x, "-1"), h(P, "0");
+      x && x !== P && f(x, "-1"), f(P, "0");
     }
   });
   return b.observe(n, {
@@ -3040,11 +3040,11 @@ function Ei(e, t, n, a) {
   const o = e.trigger, r = e.listbox, s = r.getAttribute("role") === "grid", i = '[role="option"]', l = {
     onActivate: (d) => {
       d.setAttribute("data-focus-visible-added", "true"), o.setAttribute("aria-activedescendant", d.id), n("activeDescendantChange", d.id), requestAnimationFrame(() => {
-        const h = !s && // Last item: find last element containing itemSelector and not followed by elements containing itemSelector and then get the itemSelector inside
+        const f = !s && // Last item: find last element containing itemSelector and not followed by elements containing itemSelector and then get the itemSelector inside
         r.querySelector(
           `:scope > :has(${i}):not(:has(~ * ${i})) ${i}`
         );
-        d === h ? r.lastElementChild?.scrollIntoView({ block: "nearest" }) : (d.closest("[role=listbox] > *") || d).scrollIntoView({ block: "nearest" });
+        d === f ? r.lastElementChild?.scrollIntoView({ block: "nearest" }) : (d.closest("[role=listbox] > *") || d).scrollIntoView({ block: "nearest" });
       });
     },
     onDeactivate: (d) => {
@@ -3081,13 +3081,13 @@ function Ei(e, t, n, a) {
   return r.addEventListener(
     "click",
     (d) => {
-      const h = d.target.closest(u);
-      if (h) {
-        if (hu(h)) {
+      const f = d.target.closest(u);
+      if (f) {
+        if (hu(f)) {
           d.stopPropagation();
           return;
         }
-        s && ep(h) || (e.select(h), o.focus());
+        s && ep(f) || (e.select(f), o.focus());
       }
     },
     { signal: t }
@@ -3103,7 +3103,7 @@ function pu(e, t, n) {
   const { wrapNavigation: a = !1 } = t ?? {};
   let o = null, r = null, s = null, i = !1, l = "";
   const c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-  let d = null, h = 0, f = "", g = !1, p = 0;
+  let d = null, f = 0, h = "", g = !1, p = 0;
   const b = {
     open: /* @__PURE__ */ new Set(),
     activeDescendantChange: /* @__PURE__ */ new Set(),
@@ -3127,7 +3127,7 @@ function pu(e, t, n) {
     for (const [Z] of u)
       Ti(Z, u, c);
     const k = A(), j = o?.value ?? "";
-    (k !== h || k === 0 && j !== f) && (h = k, f = j, y("optionsChange", { optionsLength: k, inputValue: j })), i && o?.setAttribute("aria-expanded", String(P()));
+    (k !== f || k === 0 && j !== h) && (f = k, h = j, y("optionsChange", { optionsLength: k, inputValue: j })), i && o?.setAttribute("aria-expanded", String(P()));
   }
   const T = 500;
   let x, O = !1;
@@ -3280,7 +3280,7 @@ function pu(e, t, n) {
       return v[k];
     },
     destroy() {
-      F(), o = null, r = null, l = "", h = 0, f = "", g = !1;
+      F(), o = null, r = null, l = "", f = 0, h = "", g = !1;
       for (const k of Object.keys(v))
         delete v[k];
       c.clear(), u.clear(), p = 0, clearTimeout(x), O = !1;
@@ -3302,12 +3302,12 @@ function gu(e, t, n) {
     if (!u) return null;
     const d = u.nextNode();
     if (!d) return null;
-    const h = a.split("").every((v) => v === a[0]), f = h ? a[0] : a, g = c && u.root.contains(c) ? c : null;
+    const f = a.split("").every((v) => v === a[0]), h = f ? a[0] : a, g = c && u.root.contains(c) ? c : null;
     let p;
-    g ? (u.currentNode = g, h ? p = u.nextNode() ?? d : p = g) : p = d, u.currentNode = p;
+    g ? (u.currentNode = g, f ? p = u.nextNode() ?? d : p = g) : p = d, u.currentNode = p;
     let b = p;
     for (; ; ) {
-      if (t(b).toLowerCase().startsWith(f))
+      if (t(b).toLowerCase().startsWith(h))
         return b;
       const y = u.nextNode();
       if (y)
@@ -3510,48 +3510,48 @@ function Li(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const r = Ee(t), s = jr(t), i = qr(s), l = Oe(t), c = r === "y", u = a.x + a.width / 2 - o.width / 2, d = a.y + a.height / 2 - o.height / 2, h = a[i] / 2 - o[i] / 2;
-  let f;
+  const r = Ee(t), s = jr(t), i = qr(s), l = Oe(t), c = r === "y", u = a.x + a.width / 2 - o.width / 2, d = a.y + a.height / 2 - o.height / 2, f = a[i] / 2 - o[i] / 2;
+  let h;
   switch (l) {
     case "top":
-      f = {
+      h = {
         x: u,
         y: a.y - o.height
       };
       break;
     case "bottom":
-      f = {
+      h = {
         x: u,
         y: a.y + a.height
       };
       break;
     case "right":
-      f = {
+      h = {
         x: a.x + a.width,
         y: d
       };
       break;
     case "left":
-      f = {
+      h = {
         x: a.x - o.width,
         y: d
       };
       break;
     default:
-      f = {
+      h = {
         x: a.x,
         y: a.y
       };
   }
   switch (he(t)) {
     case "start":
-      f[s] -= h * (n && c ? -1 : 1);
+      h[s] -= f * (n && c ? -1 : 1);
       break;
     case "end":
-      f[s] += h * (n && c ? -1 : 1);
+      h[s] += f * (n && c ? -1 : 1);
       break;
   }
-  return f;
+  return h;
 }
 async function yp(e, t) {
   var n;
@@ -3567,9 +3567,9 @@ async function yp(e, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
-    altBoundary: h = !1,
-    padding: f = 0
-  } = nt(t, e), g = Nu(f), b = i[h ? d === "floating" ? "reference" : "floating" : d], v = en(await r.getClippingRect({
+    altBoundary: f = !1,
+    padding: h = 0
+  } = nt(t, e), g = Nu(h), b = i[f ? d === "floating" ? "reference" : "floating" : d], v = en(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(b))) == null || n ? b : b.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: c,
     rootBoundary: u,
@@ -3612,7 +3612,7 @@ const Np = async (e, t, n) => {
   }), {
     x: u,
     y: d
-  } = Li(c, a, l), h = a, f = {}, g = 0;
+  } = Li(c, a, l), f = a, h = {}, g = 0;
   for (let b = 0; b < i.length; b++) {
     var p;
     const {
@@ -3627,9 +3627,9 @@ const Np = async (e, t, n) => {
       x: u,
       y: d,
       initialPlacement: a,
-      placement: h,
+      placement: f,
       strategy: o,
-      middlewareData: f,
+      middlewareData: h,
       rects: c,
       platform: {
         ...s,
@@ -3640,27 +3640,27 @@ const Np = async (e, t, n) => {
         floating: t
       }
     });
-    u = A ?? u, d = P ?? d, f = {
-      ...f,
+    u = A ?? u, d = P ?? d, h = {
+      ...h,
       [v]: {
-        ...f[v],
+        ...h[v],
         ...w
       }
-    }, T && g <= 50 && (g++, typeof T == "object" && (T.placement && (h = T.placement), T.rects && (c = T.rects === !0 ? await s.getElementRects({
+    }, T && g <= 50 && (g++, typeof T == "object" && (T.placement && (f = T.placement), T.rects && (c = T.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
     }) : T.rects), {
       x: u,
       y: d
-    } = Li(c, h, l)), b = -1);
+    } = Li(c, f, l)), b = -1);
   }
   return {
     x: u,
     y: d,
-    placement: h,
+    placement: f,
     strategy: o,
-    middlewareData: f
+    middlewareData: h
   };
 }, Ap = (e) => ({
   name: "arrow",
@@ -3680,17 +3680,17 @@ const Np = async (e, t, n) => {
     } = nt(e, t) || {};
     if (c == null)
       return {};
-    const d = Nu(u), h = {
+    const d = Nu(u), f = {
       x: n,
       y: a
-    }, f = jr(o), g = qr(f), p = await s.getDimensions(c), b = f === "y", v = b ? "top" : "left", y = b ? "bottom" : "right", A = b ? "clientHeight" : "clientWidth", P = r.reference[g] + r.reference[f] - h[f] - r.floating[g], w = h[f] - r.reference[f], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    }, h = jr(o), g = qr(h), p = await s.getDimensions(c), b = h === "y", v = b ? "top" : "left", y = b ? "bottom" : "right", A = b ? "clientHeight" : "clientWidth", P = r.reference[g] + r.reference[h] - f[h] - r.floating[g], w = f[h] - r.reference[h], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let x = T ? T[A] : 0;
     (!x || !await (s.isElement == null ? void 0 : s.isElement(T))) && (x = i.floating[A] || r.floating[g]);
     const O = P / 2 - w / 2, E = x / 2 - p[g] / 2 - 1, _ = ze(d[v], E), S = ze(d[y], E), F = _, H = x - p[g] - S, z = x / 2 - p[g] / 2 + O, k = lr(F, z, H), j = !l.arrow && he(o) != null && z !== k && r.reference[g] / 2 - (z < F ? _ : S) - p[g] / 2 < 0, G = j ? z < F ? z - F : z - H : 0;
     return {
-      [f]: h[f] + G,
+      [h]: f[h] + G,
       data: {
-        [f]: k,
+        [h]: k,
         centerOffset: z - k - G,
         ...j && {
           alignmentOffset: G
@@ -3718,10 +3718,10 @@ const Pp = function(e) {
       } = t, {
         crossAxis: u = !1,
         alignment: d,
-        allowedPlacements: h = Ii,
-        autoAlignment: f = !0,
+        allowedPlacements: f = Ii,
+        autoAlignment: h = !0,
         ...g
-      } = nt(e, t), p = d !== void 0 || h === Ii ? Op(d || null, f, h) : h, b = await l.detectOverflow(t, g), v = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[v];
+      } = nt(e, t), p = d !== void 0 || f === Ii ? Op(d || null, h, f) : f, b = await l.detectOverflow(t, g), v = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = p[v];
       if (y == null)
         return {};
       const A = yu(y, r, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
@@ -3787,16 +3787,16 @@ const Pp = function(e) {
       } = t, {
         mainAxis: u = !0,
         crossAxis: d = !0,
-        fallbackPlacements: h,
-        fallbackStrategy: f = "bestFit",
+        fallbackPlacements: f,
+        fallbackStrategy: h = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: p = !0,
         ...b
       } = nt(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Oe(o), y = Ee(i), A = Oe(i) === i, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), w = h || (A || !p ? [Qt(i)] : hp(i)), T = g !== "none";
-      !h && T && w.push(...vp(i, p, g, P));
+      const v = Oe(o), y = Ee(i), A = Oe(i) === i, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), w = f || (A || !p ? [Qt(i)] : hp(i)), T = g !== "none";
+      !f && T && w.push(...vp(i, p, g, P));
       const x = [i, ...w], O = await l.detectOverflow(t, b), E = [];
       let _ = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (u && E.push(O[v]), d) {
@@ -3823,7 +3823,7 @@ const Pp = function(e) {
           };
         let j = (F = _.filter((G) => G.overflows[0] <= 0).sort((G, Z) => G.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : F.placement;
         if (!j)
-          switch (f) {
+          switch (h) {
             case "bestFit": {
               var H;
               const G = (H = _.filter((Z) => {
@@ -3860,8 +3860,8 @@ async function wp(e, t) {
     elements: o
   } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), s = Oe(n), i = he(n), l = Ee(n) === "y", c = Sp.has(s) ? -1 : 1, u = r && l ? -1 : 1, d = nt(t, e);
   let {
-    mainAxis: h,
-    crossAxis: f,
+    mainAxis: f,
+    crossAxis: h,
     alignmentAxis: g
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -3872,12 +3872,12 @@ async function wp(e, t) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return i && typeof g == "number" && (f = i === "end" ? g * -1 : g), l ? {
-    x: f * u,
-    y: h * c
+  return i && typeof g == "number" && (h = i === "end" ? g * -1 : g), l ? {
+    x: h * u,
+    y: f * c
   } : {
-    x: h * c,
-    y: f * u
+    x: f * c,
+    y: h * u
   };
 }
 const xp = function(e) {
@@ -3931,20 +3931,20 @@ const xp = function(e) {
       } = nt(e, t), u = {
         x: n,
         y: a
-      }, d = await r.detectOverflow(t, c), h = Ee(Oe(o)), f = bu(h);
-      let g = u[f], p = u[h];
+      }, d = await r.detectOverflow(t, c), f = Ee(Oe(o)), h = bu(f);
+      let g = u[h], p = u[f];
       if (s) {
-        const v = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", A = g + d[v], P = g - d[y];
+        const v = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", A = g + d[v], P = g - d[y];
         g = lr(A, g, P);
       }
       if (i) {
-        const v = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", A = p + d[v], P = p - d[y];
+        const v = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", A = p + d[v], P = p - d[y];
         p = lr(A, p, P);
       }
       const b = l.fn({
         ...t,
-        [f]: g,
-        [h]: p
+        [h]: g,
+        [f]: p
       });
       return {
         ...b,
@@ -3952,8 +3952,8 @@ const xp = function(e) {
           x: b.x - n,
           y: b.y - a,
           enabled: {
-            [f]: s,
-            [h]: i
+            [h]: s,
+            [f]: i
           }
         }
       };
@@ -3974,17 +3974,17 @@ const xp = function(e) {
         apply: l = () => {
         },
         ...c
-      } = nt(e, t), u = await s.detectOverflow(t, c), d = Oe(o), h = he(o), f = Ee(o) === "y", {
+      } = nt(e, t), u = await s.detectOverflow(t, c), d = Oe(o), f = he(o), h = Ee(o) === "y", {
         width: g,
         height: p
       } = r.floating;
       let b, v;
-      d === "top" || d === "bottom" ? (b = d, v = h === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (v = d, b = h === "end" ? "top" : "bottom");
+      d === "top" || d === "bottom" ? (b = d, v = f === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (v = d, b = f === "end" ? "top" : "bottom");
       const y = p - u.top - u.bottom, A = g - u.left - u.right, P = ze(p - u[b], y), w = ze(g - u[v], A), T = !t.middlewareData.shift;
       let x = P, O = w;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (O = A), (a = t.middlewareData.shift) != null && a.enabled.y && (x = y), T && !h) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (O = A), (a = t.middlewareData.shift) != null && a.enabled.y && (x = y), T && !f) {
         const _ = ce(u.left, 0), S = ce(u.right, 0), F = ce(u.top, 0), H = ce(u.bottom, 0);
-        f ? O = g - 2 * (_ !== 0 || S !== 0 ? _ + S : ce(u.left, u.right)) : x = p - 2 * (F !== 0 || H !== 0 ? F + H : ce(u.top, u.bottom));
+        h ? O = g - 2 * (_ !== 0 || S !== 0 ? _ + S : ce(u.left, u.right)) : x = p - 2 * (F !== 0 || H !== 0 ? F + H : ce(u.top, u.bottom));
       }
       await l({
         ...t,
@@ -4161,9 +4161,9 @@ function Xe(e, t, n, a) {
   const i = qp(r, n, a) ? Pu(r) : Ne(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 (r) {
-    const h = ue(r), f = a && ge(a) ? ue(a) : a;
-    let g = h, p = cr(g);
-    for (; p && a && f !== g; ) {
+    const f = ue(r), h = a && ge(a) ? ue(a) : a;
+    let g = f, p = cr(g);
+    for (; p && a && h !== g; ) {
       const b = ut(p), v = p.getBoundingClientRect(), y = ve(p), A = v.left + (p.clientLeft + parseFloat(y.paddingLeft)) * b.x, P = v.top + (p.clientTop + parseFloat(y.paddingTop)) * b.y;
       l *= b.x, c *= b.y, u *= b.x, d *= b.y, l += A, c += P, g = ue(p), p = cr(g);
     }
@@ -4202,15 +4202,15 @@ function jp(e) {
   }, c = Ne(1);
   const u = Ne(0), d = Pe(a);
   if ((d || !d && !r) && ((at(a) !== "body" || Rt(s)) && (l = vn(a)), Pe(a))) {
-    const f = Xe(a);
-    c = ut(a), u.x = f.x + a.clientLeft, u.y = f.y + a.clientTop;
+    const h = Xe(a);
+    c = ut(a), u.x = h.x + a.clientLeft, u.y = h.y + a.clientTop;
   }
-  const h = s && !d && !r ? Cu(s, l) : Ne(0);
+  const f = s && !d && !r ? Cu(s, l) : Ne(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - l.scrollLeft * c.x + u.x + h.x,
-    y: n.y * c.y - l.scrollTop * c.y + u.y + h.y
+    x: n.x * c.x - l.scrollLeft * c.x + u.x + f.x,
+    y: n.y * c.y - l.scrollTop * c.y + u.y + f.y
   };
 }
 function Hp(e) {
@@ -4238,7 +4238,7 @@ function Vp(e, t) {
   }
   const c = bn(a);
   if (c <= 0) {
-    const u = a.ownerDocument, d = u.body, h = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, g = Math.abs(a.clientWidth - d.clientWidth - f);
+    const u = a.ownerDocument, d = u.body, f = getComputedStyle(d), h = u.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, g = Math.abs(a.clientWidth - d.clientWidth - h);
     g <= Di && (r -= g);
   } else c <= Di && (r += c);
   return {
@@ -4334,14 +4334,14 @@ function Xp(e, t, n) {
   }
   if (a || !a && !r)
     if ((at(t) !== "body" || Rt(o)) && (i = vn(t)), a) {
-      const f = Xe(t, !0, r, t);
-      l.x = f.x + t.clientLeft, l.y = f.y + t.clientTop;
+      const h = Xe(t, !0, r, t);
+      l.x = h.x + t.clientLeft, l.y = h.y + t.clientTop;
     } else o && c();
   r && !a && o && c();
-  const u = o && !a && !r ? Cu(o, i) : Ne(0), d = s.left + i.scrollLeft - l.x - u.x, h = s.top + i.scrollTop - l.y - u.y;
+  const u = o && !a && !r ? Cu(o, i) : Ne(0), d = s.left + i.scrollLeft - l.x - u.x, f = s.top + i.scrollTop - l.y - u.y;
   return {
     x: d,
-    y: h,
+    y: f,
     width: s.width,
     height: s.height
   };
@@ -4417,12 +4417,12 @@ function eg(e, t) {
     const c = e.getBoundingClientRect(), {
       left: u,
       top: d,
-      width: h,
-      height: f
+      width: f,
+      height: h
     } = c;
-    if (i || t(), !h || !f)
+    if (i || t(), !f || !h)
       return;
-    const g = jt(d), p = jt(o.clientWidth - (u + h)), b = jt(o.clientHeight - (d + f)), v = jt(u), A = {
+    const g = jt(d), p = jt(o.clientWidth - (u + f)), b = jt(o.clientHeight - (d + h)), v = jt(u), A = {
       rootMargin: -g + "px " + -p + "px " + -b + "px " + -v + "px",
       threshold: ce(0, ze(1, l)) || 1
     };
@@ -4466,14 +4466,14 @@ function Tu(e, t, n, a) {
     }), r && v.addEventListener("resize", n);
   });
   const d = c && i ? eg(c, n) : null;
-  let h = -1, f = null;
-  s && (f = new ResizeObserver((v) => {
+  let f = -1, h = null;
+  s && (h = new ResizeObserver((v) => {
     let [y] = v;
-    y && y.target === c && f && (f.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+    y && y.target === c && h && (h.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var A;
-      (A = f) == null || A.observe(t);
+      (A = h) == null || A.observe(t);
     })), n();
-  }), c && !l && f.observe(c), f.observe(t));
+  }), c && !l && h.observe(c), h.observe(t));
   let g, p = l ? Xe(e) : null;
   l && b();
   function b() {
@@ -4484,7 +4484,7 @@ function Tu(e, t, n, a) {
     var v;
     u.forEach((y) => {
       o && y.removeEventListener("scroll", n), r && y.removeEventListener("resize", n);
-    }), d?.(), (v = f) == null || v.disconnect(), f = null, l && cancelAnimationFrame(g);
+    }), d?.(), (v = h) == null || v.disconnect(), h = null, l && cancelAnimationFrame(g);
   };
 }
 const _u = xp, tg = Pp, ng = Tp, ag = Cp, og = _p, rg = Ap, sg = (e, t, n) => {
@@ -4534,15 +4534,15 @@ function ku(e, t, n) {
   }), l = C(() => {
     var x;
     return (x = yt(n.transform)) != null ? x : !0;
-  }), c = C(() => qi(e.value)), u = C(() => qi(t.value)), d = D(0), h = D(0), f = D(i.value), g = D(s.value), p = je({}), b = D(!1), v = C(() => {
+  }), c = C(() => qi(e.value)), u = C(() => qi(t.value)), d = D(0), f = D(0), h = D(i.value), g = D(s.value), p = je({}), b = D(!1), v = C(() => {
     const x = {
-      position: f.value,
+      position: h.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
       return x;
-    const O = ji(u.value, d.value), E = ji(u.value, h.value);
+    const O = ji(u.value, d.value), E = ji(u.value, f.value);
     return l.value ? {
       ...x,
       transform: "translate(" + O + "px, " + E + "px)",
@@ -4550,7 +4550,7 @@ function ku(e, t, n) {
         willChange: "transform"
       }
     } : {
-      position: f.value,
+      position: h.value,
       left: O + "px",
       top: E + "px"
     };
@@ -4565,7 +4565,7 @@ function ku(e, t, n) {
       placement: s.value,
       strategy: i.value
     }).then((O) => {
-      d.value = O.x, h.value = O.y, f.value = O.strategy, g.value = O.placement, p.value = O.middlewareData, b.value = x !== !1;
+      d.value = O.x, f.value = O.y, h.value = O.strategy, g.value = O.placement, p.value = O.middlewareData, b.value = x !== !1;
     });
   }
   function P() {
@@ -4592,8 +4592,8 @@ function ku(e, t, n) {
     flush: "sync"
   }), bc() && vr(P), {
     x: rt(d),
-    y: rt(h),
-    strategy: rt(f),
+    y: rt(f),
+    strategy: rt(h),
     placement: rt(g),
     middlewareData: rt(p),
     isPositioned: rt(b),
@@ -4639,8 +4639,8 @@ const lg = 8, Iu = 1e4, Ht = {
     className: Hi("arrow")
   }, null), m("div", {
     className: Hi("inner")
-  }, [u.map((d, h) => m("p", {
-    key: h
+  }, [u.map((d, f) => m("p", {
+    key: f
   }, [d]))])]);
 };
 Ur.displayName = Mu;
@@ -4661,11 +4661,11 @@ function fg(e) {
       n(!!r);
     };
     Of ? a = setTimeout(y, v) : y();
-  }, c = dg(), u = typeof window < "u" && "ontouchstart" in window, d = t || (c ? us.open : cs.open), h = c ? us.close : cs.close, f = () => {
+  }, c = dg(), u = typeof window < "u" && "ontouchstart" in window, d = t || (c ? us.open : cs.open), f = c ? us.close : cs.close, h = () => {
     r && !a || (r = !0, o = Date.now(), l(d));
   }, g = (v) => {
     !r && !a || (r = !1, l(v));
-  }, p = () => g(h), b = () => g(0);
+  }, p = () => g(f), b = () => g(0);
   return {
     attachAnchor(v) {
       s = new AbortController();
@@ -4674,13 +4674,13 @@ function fg(e) {
         const A = (P) => {
           o && (Date.now() - o >= d ? (P.stopPropagation(), P.preventDefault(), v.focus(), p()) : b());
         };
-        v.addEventListener(u ? "touchstart" : "mousedown", f, { signal: y }), v.addEventListener(u ? "touchend" : "mouseup", A, { signal: y });
+        v.addEventListener(u ? "touchstart" : "mousedown", h, { signal: y }), v.addEventListener(u ? "touchend" : "mouseup", A, { signal: y });
       } else
-        v.addEventListener("mouseenter", f, { signal: y }), v.addEventListener("mouseleave", p, { signal: y }), v.addEventListener("mouseup", b, { signal: y });
+        v.addEventListener("mouseenter", h, { signal: y }), v.addEventListener("mouseleave", p, { signal: y }), v.addEventListener("mouseup", b, { signal: y });
       v.addEventListener(
         "focusin",
         (A) => {
-          ug(A.target) && f();
+          ug(A.target) && h();
         },
         { signal: y }
       ), v.addEventListener("focusout", b, { signal: y });
@@ -4689,7 +4689,7 @@ function fg(e) {
       if (i?.abort(), !v || c) return;
       i = new AbortController();
       const { signal: y } = i;
-      v.addEventListener("mouseenter", f, { signal: y }), v.addEventListener("mouseleave", p, { signal: y });
+      v.addEventListener("mouseenter", h, { signal: y }), v.addEventListener("mouseleave", p, { signal: y });
     },
     close() {
       b();
@@ -4732,8 +4732,8 @@ function pg(e) {
   if (l && i.length === 1 && l.type !== yr && !mg(l)) {
     const d = { ref: n };
     if (c && r !== l.props?.["aria-label"]) {
-      const h = l.props?.[s];
-      d[s] = h ? `${h} ${c}` : c;
+      const f = l.props?.[s];
+      d[s] = f ? `${f} ${c}` : c;
     }
     return rf(l, d, !0);
   }
@@ -4757,10 +4757,10 @@ const yn = /* @__PURE__ */ I((e, {
     whileElementsMounted: Tu,
     middleware: [_u(lg)]
   }), {
-    isOpen: h,
-    onPopperMount: f,
+    isOpen: f,
+    onPopperMount: h,
     manager: g
-  } = hg(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");
+  } = hg(C(() => e.delay), o), p = C(() => (f.value || e.forceOpen) && !!e.label), b = C(() => !!e.label && (p.value || i.value === "hide")), v = C(() => !p.value && i.value === "hide");
   return dn(C(() => p.value ? () => g.value?.close() : void 0)), Nm(), () => {
     let y;
     const A = d.value ?? s.value, P = pg({
@@ -4776,7 +4776,7 @@ const yn = /* @__PURE__ */ I((e, {
     return m(ne, null, [P, b.value && m(an, null, gg(y = Ur({
       ref: (w) => {
         const T = w?.$el || w;
-        r.value = T, f(T);
+        r.value = T, h(T);
       },
       id: n,
       label: e.label,
@@ -4806,10 +4806,10 @@ const yn = /* @__PURE__ */ I((e, {
   } = ae(C(() => ({
     ...e,
     ...a
-  }))), u = (f) => {
-    i.value || t("click", f);
-  }, d = D(null), h = (f) => {
-    d.value = f?.$el ?? f;
+  }))), u = (h) => {
+    i.value || t("click", h);
+  }, d = D(null), f = (h) => {
+    d.value = h?.$el ?? h;
   };
   return n({
     get $el() {
@@ -4817,7 +4817,7 @@ const yn = /* @__PURE__ */ I((e, {
     }
   }), () => {
     const {
-      linkAs: f,
+      linkAs: h,
       tooltipProps: g,
       hideTooltip: p,
       ...b
@@ -4826,8 +4826,8 @@ const yn = /* @__PURE__ */ I((e, {
       label: p ? "" : e.label
     }, g), {
       default: () => [m(Lt, N(b, {
-        ref: h,
-        linkAs: Je(f)
+        ref: f,
+        linkAs: Je(h)
       }, l.value, {
         className: r.value
       }, {
@@ -4936,20 +4936,20 @@ const Ng = /* @__PURE__ */ I((e, {
   } = Gr(), c = Ae("optionsChange", {
     optionsLength: 0
   }), u = Ae("loadingChange", !1), d = D(null);
-  return X(d, (h) => {
-    h && (s(ip(h, {
-      onSelect(f) {
-        e.onSelect?.(f), t("select", f);
+  return X(d, (f) => {
+    f && (s(ip(f, {
+      onSelect(h) {
+        t("select", h);
       }
-    })), r.value = h);
+    })), r.value = f);
   }, {
     immediate: !1
   }), Ce(() => {
     i.value?.destroy(), s(null);
   }), () => {
     const {
-      label: h,
-      value: f,
+      label: f,
+      value: h,
       labelDisplayMode: g = "show-selection",
       renderButton: p,
       class: b,
@@ -4958,8 +4958,8 @@ const Ng = /* @__PURE__ */ I((e, {
     return Jm({
       ...n,
       ...v,
-      label: h,
-      value: f,
+      label: f,
+      value: h,
       labelDisplayMode: g,
       renderButton: p,
       listboxId: o,
@@ -5002,12 +5002,12 @@ const Og = "ComboboxInput", Pg = (e, {
     handleToggle: c,
     filter: u,
     theme: d,
-    ...h
-  } = e, f = Ag(void 0, e), g = f.disabled || f["aria-disabled"] || void 0;
+    ...f
+  } = e, h = Ag(void 0, e), g = h.disabled || h["aria-disabled"] || void 0;
   return m(t, N({
     autoComplete: "off",
     readOnly: u === "off" || void 0
-  }, h, {
+  }, f, {
     ref: r,
     role: "combobox",
     required: !1,
@@ -5041,35 +5041,35 @@ function Cg(e, t) {
     onChange: i
   } = t, l = t.openOnFocus ?? a === "off", c = a === "auto", u = () => e.disabled || e.getAttribute("aria-disabled") === "true";
   let d = !1;
-  return n = pu({ onSelect: (f) => {
-    r?.(f), d = !1, c && n.setFilter(""), o === "fill" ? i?.(f.value) : o === "clear" && i?.("");
-  } }, { wrapNavigation: !0 }, (f, g) => {
+  return n = pu({ onSelect: (h) => {
+    r?.(h), d = !1, c && n.setFilter(""), o === "fill" ? i?.(h.value) : o === "clear" && i?.("");
+  } }, { wrapNavigation: !0 }, (h, g) => {
     g.addEventListener("abort", () => {
       d = !1;
     }), e.addEventListener(
       "input",
       (b) => {
-        b instanceof InputEvent && (u() || (f.focusNav?.clear(), d = !0, s?.(e.value), f.setIsOpen(!0), c && f.setFilter(e.value)));
+        b instanceof InputEvent && (u() || (h.focusNav?.clear(), d = !0, s?.(e.value), h.setIsOpen(!0), c && h.setFilter(e.value)));
       },
       { signal: g }
     ), e.addEventListener(
       "focus",
       () => {
-        u() || (f.focusNav?.clear(), l && f.setIsOpen(!0));
+        u() || (h.focusNav?.clear(), l && h.setIsOpen(!0));
       },
       { signal: g }
     ), e.addEventListener(
       "click",
       () => {
-        u() || f.setIsOpen(!0);
+        u() || h.setIsOpen(!0);
       },
       { signal: g }
     );
-    const p = f.subscribe("open", (b) => {
-      b && c && d && f.setFilter(e.value);
+    const p = h.subscribe("open", (b) => {
+      b && c && d && h.setFilter(e.value);
     });
     return g.addEventListener("abort", p), (b) => {
-      const v = f.focusNav;
+      const v = h.focusNav;
       switch (b.key) {
         case "Home":
           return e.setSelectionRange(0, 0), v?.clear(), !0;
@@ -5103,9 +5103,9 @@ const Sg = "TextField", Fu = "lumx-text-field", qu = `${Fu}__input-native`, {
     name: c,
     ref: u,
     ...d
-  } = e, h = (g) => {
+  } = e, f = (g) => {
     o?.(g.target.value, c, g);
-  }, f = (g) => {
+  }, h = (g) => {
     r?.(g.target.value, c, g);
   };
   return m("input", N(d, {
@@ -5116,8 +5116,8 @@ const Sg = "TextField", Fu = "lumx-text-field", qu = `${Fu}__input-native`, {
       [`theme-${n}`]: !!n,
       text: !0
     })),
-    onChange: h,
-    onInput: f,
+    onChange: f,
+    onInput: h,
     onFocus: s,
     onBlur: i,
     value: a
@@ -5176,9 +5176,9 @@ const Sg = "TextField", Fu = "lumx-text-field", qu = `${Fu}__input-native`, {
     name: c,
     ref: u,
     ...d
-  } = e, h = (g) => {
+  } = e, f = (g) => {
     o?.(g.target.value, c, g);
-  }, f = (g) => {
+  }, h = (g) => {
     r?.(g.target.value, c, g);
   };
   return m("textarea", N(d, {
@@ -5188,8 +5188,8 @@ const Sg = "TextField", Fu = "lumx-text-field", qu = `${Fu}__input-native`, {
       [`theme-${n}`]: !!n,
       textarea: !0
     })),
-    onChange: h,
-    onInput: f,
+    onChange: f,
+    onInput: h,
     onFocus: s,
     onBlur: i,
     value: a,
@@ -5228,10 +5228,10 @@ const $g = {
 }, Lg = /* @__PURE__ */ I((e, {
   emit: t
 }) => {
-  const n = B(), a = K(), o = R(() => e.class), r = D(null), s = Mg(C(() => e.rows ?? ju.rows), r, C(() => e.value)), i = (d, h, f) => {
-    f?.stopImmediatePropagation(), t("change", d, h, f);
-  }, l = (d, h, f) => {
-    t("input", d, h, f);
+  const n = B(), a = K(), o = R(() => e.class), r = D(null), s = Mg(C(() => e.rows ?? ju.rows), r, C(() => e.value)), i = (d, f, h) => {
+    h?.stopImmediatePropagation(), t("change", d, f, h);
+  }, l = (d, f, h) => {
+    t("input", d, f, h);
   }, c = (d) => {
     t("focus", d);
   }, u = (d) => {
@@ -5347,8 +5347,8 @@ const Wg = (e) => {
     id: c,
     isRequired: u,
     isValid: d,
-    label: h,
-    labelProps: f,
+    label: f,
+    labelProps: h,
     isAnyDisabled: g,
     maxLength: p,
     multiline: b,
@@ -5380,7 +5380,7 @@ const Wg = (e) => {
       "has-icon": !!l,
       "has-input": !b,
       "has-input-clear": !!(a && k),
-      "has-label": !!h,
+      "has-label": !!f,
       "has-placeholder": !!v,
       "has-textarea": b,
       "has-value": !!O,
@@ -5389,16 +5389,16 @@ const Wg = (e) => {
       "is-valid": d,
       [`theme-${x}`]: !!x
     }))
-  }, [(h || p) && m("div", {
+  }, [(f || p) && m("div", {
     className: de("header")
   }, [Ge({
-    ...f,
+    ...h,
     id: T,
     htmlFor: c,
     className: de("label"),
     isRequired: u,
     theme: x,
-    children: [h, G]
+    children: [f, G]
   })]), m("div", {
     className: de("wrapper"),
     ref: y
@@ -5466,7 +5466,7 @@ const Wg = (e) => {
   }, {
     flush: "sync"
   });
-  const h = C(() => Vg(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), f = (y, A, P) => {
+  const f = C(() => Vg(e.helper, e.error, s, n["aria-describedby"] || void 0, e.label)), h = (y, A, P) => {
     t("change", y, A, P);
   }, g = (y, A, P) => {
     t("input", y, A, P);
@@ -5483,7 +5483,7 @@ const Wg = (e) => {
       errorId: P,
       describedById: w,
       labelId: T
-    } = h.value, {
+    } = f.value, {
       class: x,
       className: O,
       "aria-describedby": E,
@@ -5510,7 +5510,7 @@ const Wg = (e) => {
       "aria-describedby": w,
       ...u.value,
       readOnly: !!W.readOnly || !!u.value["aria-disabled"],
-      onChange: f,
+      onChange: h,
       onInput: g,
       onFocus: p,
       onBlur: b
@@ -5579,7 +5579,7 @@ const Wg = (e) => {
     const g = u.value;
     g && s(Cg(g, {
       onSelect(p) {
-        e.onSelect?.(p), t("select", p);
+        t("select", p);
       },
       onChange(p) {
         t("change", p);
@@ -5593,8 +5593,8 @@ const Wg = (e) => {
   });
   const d = Ae("optionsChange", {
     optionsLength: 0
-  }), h = Ae("loadingChange", !1), f = () => {
-    l.value && !d.value?.optionsLength && !h.value || (c(!l.value), u.value?.focus());
+  }), f = Ae("loadingChange", !1), h = () => {
+    l.value && !d.value?.optionsLength && !f.value || (c(!l.value), u.value?.focus());
   };
   return () => {
     const {
@@ -5621,7 +5621,7 @@ const Wg = (e) => {
       "aria-disabled": T ?? n.ariaDisabled,
       ...w,
       listboxId: o,
-      isOpen: l.value && (!!d.value?.optionsLength || h.value),
+      isOpen: l.value && (!!d.value?.optionsLength || f.value),
       filter: b,
       textFieldRef: (O) => {
         r.value = O, e.textFieldRef?.(O);
@@ -5630,7 +5630,7 @@ const Wg = (e) => {
         u.value = O, e.inputRef?.(O);
       },
       toggleButtonProps: g,
-      handleToggle: f,
+      handleToggle: h,
       className: a.value
     }, {
       TextField: Gg,
@@ -5720,10 +5720,10 @@ const av = /* @__PURE__ */ I((e, {
   }, {
     flush: "post"
   }), () => {
-    const u = l.value ? t.default?.() : null, d = n["aria-label"] ?? "", h = n["aria-multiselectable"];
+    const u = l.value ? t.default?.() : null, d = n["aria-label"] ?? "", f = n["aria-multiselectable"];
     return Qg({
       "aria-label": d,
-      "aria-multiselectable": h || void 0,
+      "aria-multiselectable": f || void 0,
       "aria-busy": i.value || void 0,
       className: a.value,
       ref: s,
@@ -5757,16 +5757,16 @@ const av = /* @__PURE__ */ I((e, {
     linkAs: c,
     linkProps: u = {},
     linkRef: d,
-    handleClick: h,
-    size: f = Ju.size,
+    handleClick: f,
+    size: h = Ju.size,
     ref: g,
     ...p
-  } = e, b = !!c || u?.href || h;
+  } = e, b = !!c || u?.href || f;
   return m("li", N({
     ref: g
   }, p, {
     className: $(o, ov({
-      [`size-${f}`]: !!f
+      [`size-${h}`]: !!h
     }))
   }), [tt({
     as: b ? c || (u.href ? "a" : "button") : "div",
@@ -5778,7 +5778,7 @@ const av = /* @__PURE__ */ I((e, {
       "is-selected": s,
       "is-disabled": i || l === "true"
     }),
-    handleClick: h,
+    handleClick: f,
     ref: d,
     children: m(ne, null, [n && m("div", {
       className: zt("before")
@@ -5831,8 +5831,8 @@ const iv = "ComboboxOption", lv = "lumx-combobox-option", {
     id: c,
     isDisabled: u,
     isGrid: d,
-    isSelected: h,
-    handleClick: f,
+    isSelected: f,
+    handleClick: h,
     actionProps: g,
     ref: p,
     tooltipProps: b,
@@ -5846,8 +5846,8 @@ const iv = "ComboboxOption", lv = "lumx-combobox-option", {
     ...g,
     id: c,
     className: zi("action"),
-    handleClick: f,
-    "aria-selected": h ? "true" : "false",
+    handleClick: h,
+    "aria-selected": f ? "true" : "false",
     "data-value": v,
     "aria-describedby": [s && i, c && `${c}-more-info`].filter(Boolean).join(" ") || void 0,
     "aria-disabled": u ? "true" : void 0,
@@ -5912,15 +5912,15 @@ const hv = {
       flush: "post"
     }
   );
-  const h = (p) => {
+  const f = (p) => {
     u.value = p;
-  }, f = () => {
+  }, h = () => {
     n("click"), a.onClick?.();
   }, g = (p) => t[p]?.() ?? a[p];
   return () => {
     const p = g("before"), b = g("after"), v = t.default?.();
     return uv({
-      ref: h,
+      ref: f,
       hidden: d.value,
       value: e.value,
       description: e.description,
@@ -5930,7 +5930,7 @@ const hv = {
       isGrid: i,
       before: p,
       after: b,
-      handleClick: f,
+      handleClick: h,
       actionProps: e.actionProps,
       id: l,
       descriptionId: c,
@@ -6079,8 +6079,8 @@ const xv = "Popover", Tv = "lumx-popover", {
     hasArrow: c,
     isOpen: u,
     position: d,
-    popoverStyle: h,
-    arrowStyle: f,
+    popoverStyle: f,
+    arrowStyle: h,
     theme: g,
     // Framework-specific
     ref: p,
@@ -6104,7 +6104,7 @@ const xv = "Popover", Tv = "lumx-popover", {
         "is-hidden": !!T
       })),
       hidden: T || void 0,
-      style: T ? void 0 : h,
+      style: T ? void 0 : f,
       "data-popper-placement": d
     }), {
       default: () => [P, m(n, {
@@ -6114,7 +6114,7 @@ const xv = "Popover", Tv = "lumx-popover", {
         default: () => [c && m("div", {
           ref: b,
           className: Ev("arrow"),
-          style: T ? void 0 : f
+          style: T ? void 0 : h
         }, [m("svg", {
           viewBox: "0 0 14 14",
           "aria-hidden": !0
@@ -6156,11 +6156,11 @@ function Lv(e) {
     minHeight: c,
     maxHeight: u,
     boundary: d,
-    parsedPlacement: h,
-    arrowElement: f
+    parsedPlacement: f,
+    arrowElement: h
   } = e, g = it(r), p = it(s), b = it(i), v = it(l), y = it(c), A = it(u), P = [], w = (t?.away ?? 0) + (n ? Va : 0), T = t?.along ?? 0;
-  return P.push(_u({ mainAxis: w, crossAxis: T })), h.isAuto ? P.push(
-    tg({ ...d ? { boundary: d } : {}, alignment: h.autoAlignment })
+  return P.push(_u({ mainAxis: w, crossAxis: T })), f.isAuto ? P.push(
+    tg({ ...d ? { boundary: d } : {}, alignment: f.autoAlignment })
   ) : (P.push(ag(d ? { boundary: d } : {})), P.push(ng(d ? { boundary: d } : {}))), (a || o || g || p || b || v || y || A) && P.push(
     og({
       ...d ? { boundary: d } : {},
@@ -6174,7 +6174,7 @@ function Lv(e) {
         );
       }
     })
-  ), n && f && P.push(rg({ element: f, padding: Va / 2 })), P;
+  ), n && h && P.push(rg({ element: h, padding: Va / 2 })), P;
 }
 function Rv(e) {
   if (e)
@@ -6214,13 +6214,13 @@ function Bv(e) {
     middleware: r
   }), d = C(
     () => l.value ?? e.placement?.value
-  ), h = C(() => Rv(u.value?.arrow)), f = C(() => ({
+  ), f = C(() => Rv(u.value?.arrow)), h = C(() => ({
     ...e.style?.value || {},
     ...i.value,
     zIndex: e.zIndex?.value
   }));
   return {
-    styles: { arrow: h, popover: f },
+    styles: { arrow: f, popover: h },
     isPositioned: c,
     position: d,
     floatingRef: t,
@@ -6266,12 +6266,12 @@ const qv = {
     zIndex: C(() => e.zIndex ?? Sv)
   });
   Rr(C(() => e.focusAnchorOnClose ?? !0), r, C(() => e.parentElement), u, C(() => !!e.isOpen));
-  const h = () => {
+  const f = () => {
     t("close");
   };
-  dn(C(() => h), C(() => !!(e.isOpen && e.closeOnEscape)));
-  const f = C(() => !e.withFocusTrap && !!e.isOpen && l.value);
-  Fv(s, f);
+  dn(C(() => f), C(() => !!(e.isOpen && e.closeOnEscape)));
+  const h = C(() => !e.withFocusTrap && !!e.isOpen && l.value);
+  Fv(s, h);
   const g = C(() => !e.withFocusTrap || !e.isOpen ? !1 : e.focusTrapZoneElement || u.value || !1);
   Lr(g, s);
   const p = C(() => [u, r]);
@@ -6291,7 +6291,7 @@ const qv = {
     theme: e.theme,
     ref: u,
     arrowRef: d,
-    clickAwayCallback: e.closeOnClickAway ? h : void 0,
+    clickAwayCallback: e.closeOnClickAway ? f : void 0,
     clickAwayRefs: p
   }, {
     Portal: an,
@@ -6315,32 +6315,32 @@ const nd = /* @__PURE__ */ I((e, {
   } = fv(), i = Ae("activeDescendantChange", null), l = `${s}-more-info`;
   function c(d) {
     const {
-      onMouseEnter: h,
-      onMouseLeave: f,
+      onMouseEnter: f,
+      onMouseLeave: h,
       ...g
     } = d;
     return m(pt, N({
       ref: a
     }, {
-      onMouseenter: h,
-      onMouseleave: f
+      onMouseenter: f,
+      onMouseleave: h
     }, g), null);
   }
   const u = (d, {
-    slots: h
+    slots: f
   }) => {
     const {
-      anchorRef: f,
+      anchorRef: h,
       ...g
     } = d;
     return m(An, N({
       anchorRef: o
-    }, g), jv(h) ? h : {
-      default: () => [h]
+    }, g), jv(f) ? f : {
+      default: () => [f]
     });
   };
   return () => {
-    const d = i.value === s, h = r.value || d, f = t.default?.();
+    const d = i.value === s, f = r.value || d, h = t.default?.();
     return Pv({
       // Pass `undefined` for the core template's `ref` prop. The core template
       // passes `ref` to `<IconButton ref={ref}>`, but if we pass `iconButtonRef`
@@ -6351,9 +6351,9 @@ const nd = /* @__PURE__ */ I((e, {
       // inner ref binding takes effect.
       ref: void 0,
       className: n.value,
-      isOpen: h,
+      isOpen: f,
       popoverId: l,
-      children: f,
+      children: h,
       onMouseEnter: () => {
         r.value = !0;
       },
@@ -6470,17 +6470,17 @@ const Jv = "ComboboxPopover", Yr = "lumx-combobox-popover", {
     maxHeight: c = Yv,
     placement: u = "bottom-start",
     anchorRef: d,
-    handleClose: h,
-    ...f
+    handleClose: f,
+    ...h
   } = e;
-  return m(t, N(f, {
+  return m(t, N(h, {
     placement: u,
     fitToAnchorWidth: i,
     maxHeight: c,
     className: Qv([o]),
     anchorRef: d,
     isOpen: l,
-    onClose: h,
+    onClose: f,
     closeOnClickAway: r,
     closeOnEscape: s,
     closeMode: "hide"
@@ -6533,7 +6533,7 @@ function ib(e) {
       wrap: !!l,
       "fill-space": n,
       "no-shrink": s,
-      ...Object.fromEntries(Xr(r).filter(Boolean).map((h) => [`margin-auto-${h}`, !0]))
+      ...Object.fromEntries(Xr(r).filter(Boolean).map((f) => [`margin-auto-${f}`, !0]))
     }))
   };
 }
@@ -6855,7 +6855,7 @@ const Ob = "ComboboxState", Pb = "lumx-combobox-state", {
     errorTryReloadMessage: s,
     loadingMessage: i,
     state: l
-  } = e, c = l?.isOpen ?? !0, u = l?.optionsLength ?? 0, d = u === 0, h = !!r, f = typeof a == "function" ? a(l?.inputValue || "") : a, g = d && !h && !l?.isLoading && !!f, p = !h && !!i, b = !d && !h && !l?.isLoading && o ? o(u) : void 0, v = g || h, y = {
+  } = e, c = l?.isOpen ?? !0, u = l?.optionsLength ?? 0, d = u === 0, f = !!r, h = typeof a == "function" ? a(l?.inputValue || "") : a, g = d && !f && !l?.isLoading && !!h, p = !f && !!i, b = !d && !f && !l?.isLoading && o ? o(u) : void 0, v = g || f, y = {
     hAlign: "center",
     vAlign: "center"
   }, A = c;
@@ -6871,8 +6871,8 @@ const Ob = "ComboboxState", Pb = "lumx-combobox-state", {
       as: "p",
       typography: "body1",
       color: "dark-L2"
-    }, Nt(f) ? f : {
-      default: () => [f]
+    }, Nt(h) ? h : {
+      default: () => [h]
     }), A && p && m(n, {
       as: "p",
       typography: "body1",
@@ -6933,27 +6933,27 @@ const Tb = "GenericBlock", _b = "lumx-generic-block", {
     content: c,
     orientation: u = Gi.orientation,
     contentProps: d,
-    FlexBox: h,
-    ...f
+    FlexBox: f,
+    ...h
   } = e;
-  return m(h, N({
+  return m(f, N({
     ref: l,
     className: $(t, Eb()),
     gap: i,
     orientation: u
-  }, f), {
-    default: () => [n && m(h, N(a, {
+  }, h), {
+    default: () => [n && m(f, N(a, {
       className: $(a?.className, Ga("figure"))
     }), Ua(n) ? n : {
       default: () => [n]
-    }), c && m(h, N({
+    }), c && m(f, N({
       orientation: ft.vertical,
       fillSpace: !0
     }, d, {
       className: $(d?.className, Ga("content"))
     }), Ua(c) ? c : {
       default: () => [c]
-    }), r && m(h, N(s, {
+    }), r && m(f, N(s, {
       className: $(s?.className, Ga("actions"))
     }), Ua(r) ? r : {
       default: () => [r]
@@ -7432,15 +7432,15 @@ function fd() {
     if (!a(s))
       return s;
     i = t(i, s);
-    for (var u = -1, d = i.length, h = d - 1, f = s; f != null && ++u < d; ) {
+    for (var u = -1, d = i.length, f = d - 1, h = s; h != null && ++u < d; ) {
       var g = o(i[u]), p = l;
       if (g === "__proto__" || g === "constructor" || g === "prototype")
         return s;
-      if (u != h) {
-        var b = f[g];
-        p = c ? c(b, g, f) : void 0, p === void 0 && (p = a(b) ? b : n(i[u + 1]) ? [] : {});
+      if (u != f) {
+        var b = h[g];
+        p = c ? c(b, g, h) : void 0, p === void 0 && (p = a(b) ? b : n(i[u + 1]) ? [] : {});
       }
-      e(f, g, p), f = f[g];
+      e(h, g, p), h = h[g];
     }
     return s;
   }
@@ -7476,13 +7476,13 @@ function cy() {
   var e = _n(), t = Dr(), n = et(), a = dd(), o = Br(), r = Zr();
   function s(i, l, c) {
     l = e(l, i);
-    for (var u = -1, d = l.length, h = !1; ++u < d; ) {
-      var f = r(l[u]);
-      if (!(h = i != null && c(i, f)))
+    for (var u = -1, d = l.length, f = !1; ++u < d; ) {
+      var h = r(l[u]);
+      if (!(f = i != null && c(i, h)))
         break;
-      i = i[f];
+      i = i[h];
     }
-    return h || ++u != d ? h : (d = i == null ? 0 : i.length, !!d && o(d) && a(f, d) && (n(i) || t(i)));
+    return f || ++u != d ? f : (d = i == null ? 0 : i.length, !!d && o(d) && a(h, d) && (n(i) || t(i)));
   }
   return $o = s, $o;
 }
@@ -7761,13 +7761,13 @@ const Ty = "Card", _y = "lumx-card", {
     ref: c,
     handleChange: u,
     theme: d,
-    value: h,
-    inputProps: f = {},
+    value: f,
+    inputProps: h = {},
     isDisabled: g,
     inputId: p,
     ...b
   } = e, v = s === vd, y = (A) => {
-    u && u(!s, h, l, A);
+    u && u(!s, f, l, A);
   };
   return m("div", N({
     ref: c
@@ -7787,14 +7787,14 @@ const Ty = "Card", _y = "lumx-card", {
     id: p,
     className: Re("input-native"),
     name: l,
-    value: h,
+    value: f,
     checked: s,
     onChange: y,
     "aria-describedby": a ? `${p}-helper` : void 0,
     "aria-checked": v ? "mixed" : !!s
-  }, f?.readOnly ? {
-    readOnly: f.readOnly
-  } : {}, f), null), m("div", {
+  }, h?.readOnly ? {
+    readOnly: h.readOnly
+  } : {}, h), null), m("div", {
     className: Re("input-placeholder")
   }, [m("div", {
     className: Re("input-background")
@@ -7828,13 +7828,13 @@ const Ty = "Card", _y = "lumx-card", {
     ...e,
     ...n
   }))), d = C(() => e.isChecked === vd);
-  X(d, (f) => {
-    i.value && (i.value.indeterminate = f);
+  X(d, (h) => {
+    i.value && (i.value.indeterminate = h);
   }, {
     immediate: !0
   });
-  const h = (f, g, p, b) => {
-    l.value || t("change", f, g, p, b);
+  const f = (h, g, p, b) => {
+    l.value || t("change", h, g, p, b);
   };
   return () => m(Ry, N(u.value, {
     className: o.value,
@@ -7842,7 +7842,7 @@ const Ty = "Card", _y = "lumx-card", {
     inputId: s.value,
     inputRef: i,
     isDisabled: l.value,
-    handleChange: h,
+    handleChange: f,
     label: e.label,
     inputProps: {
       ...e.inputProps,
@@ -7874,8 +7874,8 @@ const Ty = "Card", _y = "lumx-card", {
     handleAfterClick: c,
     handleBeforeClick: u,
     handleClick: d,
-    hasAfterClick: h,
-    hasBeforeClick: f,
+    hasAfterClick: f,
+    hasBeforeClick: h,
     hasOnClick: g,
     size: p = qy.size,
     theme: b,
@@ -7916,7 +7916,7 @@ const Ty = "Card", _y = "lumx-card", {
     }), [n && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     m("div", {
       className: zo("before", {
-        "is-clickable": f
+        "is-clickable": h
       }),
       onClick: u
     }, [n]), m("div", {
@@ -7924,7 +7924,7 @@ const Ty = "Card", _y = "lumx-card", {
     }, [a]), t && // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     m("div", {
       className: zo("after", {
-        "is-clickable": h
+        "is-clickable": f
       }),
       onClick: c
     }, [t])])
@@ -7944,9 +7944,9 @@ const Ty = "Card", _y = "lumx-card", {
   } = ae(C(() => ({
     ...e,
     ...a
-  }))), h = (b) => {
+  }))), f = (b) => {
     c.value || t("click", b);
-  }, f = (b) => {
+  }, h = (b) => {
     c.value || !i || (t("afterClick", b), b?.stopPropagation());
   }, g = (b) => {
     c.value || !l || (t("beforeClick", b), b?.stopPropagation());
@@ -7956,8 +7956,8 @@ const Ty = "Card", _y = "lumx-card", {
   return () => m(jy, N(d.value, {
     className: r.value,
     theme: e.theme || o.value,
-    handleClick: h,
-    handleAfterClick: f,
+    handleClick: f,
+    handleAfterClick: h,
     handleBeforeClick: g,
     handleKeyDown: p,
     hasOnClick: s,
@@ -8021,8 +8021,8 @@ const Ky = "SelectionChipGroup", Yy = "lumx-selection-chip-group", {
     getOptionName: c,
     label: u,
     chipRemoveLabel: d,
-    isDisabled: h,
-    theme: f,
+    isDisabled: f,
+    theme: h,
     className: g,
     getChipProps: p,
     ref: b,
@@ -8036,7 +8036,7 @@ const Ky = "SelectionChipGroup", Yy = "lumx-selection-chip-group", {
     "aria-orientation": "horizontal",
     className: Xy([g])
   }), Gy(s = i.map((y) => {
-    const A = c && ie(c, y) || ie(l, y), P = ie(l, y), w = p?.(y) || {}, T = w.isDisabled || h, x = typeof w.children == "string" ? w.children : A, O = d ? `${x} - ${d}` : x;
+    const A = c && ie(c, y) || ie(l, y), P = ie(l, y), w = p?.(y) || {}, T = w.isDisabled || f, x = typeof w.children == "string" ? w.children : A, O = d ? `${x} - ${d}` : x;
     return m(r, {
       key: P,
       label: T ? void 0 : O
@@ -8053,7 +8053,7 @@ const Ky = "SelectionChipGroup", Yy = "lumx-selection-chip-group", {
         isClickable: !0,
         role: "option",
         "aria-selected": "true",
-        theme: f,
+        theme: h,
         isDisabled: T
       }), {
         default: () => [m(o, {
@@ -8157,12 +8157,12 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
       itemSelector: `.${Et}`,
       itemDisabledSelector: `.${Et}[aria-disabled="true"]`
     }), () => {
-      const c = (h) => {
-        const f = e.getChipProps?.(h) || {};
+      const c = (f) => {
+        const h = e.getChipProps?.(f) || {};
         let g = {};
         if (n.chip) {
           const v = n.chip({
-            option: h
+            option: f
           })?.find(yd(dr));
           g = v?.props || {};
           const y = v?.children?.before;
@@ -8170,7 +8170,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
         }
         const p = Object.fromEntries(Object.entries(g).filter(([, b]) => b !== void 0));
         return {
-          ...f,
+          ...h,
           ...p
         };
       }, {
@@ -8270,8 +8270,8 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     handleClose: c,
     parentElement: u,
     focusElement: d,
-    labelId: h,
-    preventAutoClose: f,
+    labelId: f,
+    preventAutoClose: h,
     preventCloseOnClick: g,
     theme: p,
     zIndex: b,
@@ -8290,7 +8290,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
   return !l && !v ? null : m(A, null, {
     default: () => [m("div", N({
       ref: y
-    }, S, _r(o, n || h), {
+    }, S, _r(o, n || f), {
       "aria-modal": "true",
       role: "dialog",
       tabIndex: -1,
@@ -8319,7 +8319,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
         value: void 0
       }, {
         default: () => [m(T, {
-          callback: !f && !g && c,
+          callback: !h && !g && c,
           childrenRefs: O
         }, {
           default: () => [m("div", {
@@ -8351,11 +8351,11 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
   dn(i, C(() => !!(e.isOpen && !e.preventAutoClose)));
   const l = C(() => e.isOpen && r.value || !1);
   Lr(l, C(() => {
-    const f = s.value?.$el ?? s.value;
-    return e.focusElement || f || r.value;
+    const h = s.value?.$el ?? s.value;
+    return e.focusElement || h || r.value;
   })), Rr(C(() => !0), C(() => {
   }), C(() => e.parentElement), r, C(() => !!e.isOpen)), tu(C(() => !!e.isOpen));
-  const c = eu(C(() => !!e.isOpen), gc), u = C(() => e.isOpen || c.value), d = C(() => [r]), h = $r(ln);
+  const c = eu(C(() => !!e.isOpen), gc), u = C(() => e.isOpen || c.value), d = C(() => [r]), f = $r(ln);
   return () => u.value ? uN({
     ...a,
     ClickAwayProvider: Nr,
@@ -8369,7 +8369,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     closeButtonRef: s,
     isOpen: e.isOpen,
     isVisible: c.value,
-    labelId: h.value,
+    labelId: f.value,
     handleClose: i,
     preventAutoClose: e.preventAutoClose,
     preventCloseOnClick: e.preventCloseOnClick,
@@ -8477,8 +8477,8 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     handleOpen: c,
     handleToggleOpen: u,
     theme: d,
-    toggleButtonProps: h,
-    headerProps: f,
+    toggleButtonProps: f,
+    headerProps: h,
     headerContent: g,
     dragHandle: p,
     wrapperRef: b,
@@ -8493,7 +8493,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     c && S && c(_), l && !S && l(_), u && u(S, _);
   }, O = d === me.dark ? Y.light : Y.dark, E = $(t, ON({
     "has-background": a,
-    "has-header": !Xt(f.children),
+    "has-header": !Xt(h.children),
     "has-header-divider": r,
     "is-close": !s,
     "is-draggable": !!p,
@@ -8509,11 +8509,11 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
     onClick: x
   }, [p && m("div", {
     className: _e("header-drag")
-  }, [p]), m("div", N(f, {
+  }, [p]), m("div", N(h, {
     className: _e("header-content")
   }), [g]), m("div", {
     className: _e("header-toggle")
-  }, [m(A, N(h, {
+  }, [m(A, N(f, {
     color: O,
     emphasis: ye.low,
     icon: s ? Cc : Sc,
@@ -8538,30 +8538,30 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
   slots: n
 }) => {
   const a = B(), o = K(), r = R(() => e.class), s = D(null), i = D(e.isOpen), l = D(e.isOpen);
-  X(() => e.isOpen, (f) => {
-    l.value = f, f || e.closeMode === "hide" ? i.value = !0 : is || (i.value = !1);
+  X(() => e.isOpen, (h) => {
+    l.value = h, h || e.closeMode === "hide" ? i.value = !0 : is || (i.value = !1);
   }, {
     immediate: !0
   });
   let c;
   Ze(() => {
     if (!is || !s.value) return;
-    const f = () => {
+    const h = () => {
       i.value = l.value || e.closeMode === "hide";
     };
-    s.value.addEventListener("transitionend", f), c = () => s.value?.removeEventListener("transitionend", f);
+    s.value.addEventListener("transitionend", h), c = () => s.value?.removeEventListener("transitionend", h);
   }), Ce(() => {
     c?.();
   });
-  const u = (f) => {
-    f.stopImmediatePropagation(), t("open", f);
-  }, d = (f) => {
-    f.stopImmediatePropagation(), t("close", f);
-  }, h = (f, g) => {
-    g.stopImmediatePropagation(), t("toggleOpen", f, g);
+  const u = (h) => {
+    h.stopImmediatePropagation(), t("open", h);
+  }, d = (h) => {
+    h.stopImmediatePropagation(), t("close", h);
+  }, f = (h, g) => {
+    g.stopImmediatePropagation(), t("toggleOpen", h, g);
   };
   return () => {
-    const f = n.header?.(), g = f || m("span", {
+    const h = n.header?.(), g = h || m("span", {
       class: _e("label")
     }, [e.label]);
     return m(CN, N(a, {
@@ -8577,7 +8577,7 @@ const yd = (e) => (t) => U(t) && t.type === e, tN = {
       },
       handleOpen: u,
       handleClose: d,
-      handleToggleOpen: h,
+      handleToggleOpen: f,
       headerProps: {},
       headerContent: g,
       dragHandle: n["drag-handle"]?.(),
@@ -8848,7 +8848,7 @@ const $C = /* @__PURE__ */ I((e) => {
     ref: l,
     href: c,
     ...u
-  } = e, [d, h] = wr(a, o);
+  } = e, [d, f] = wr(a, o);
   return tt({
     ref: l,
     as: s || (c ? "a" : "button"),
@@ -8858,7 +8858,7 @@ const $C = /* @__PURE__ */ I((e) => {
     children: t,
     className: $(n, WN({
       [`color-${d}`]: !!d,
-      [`color-variant-${h}`]: !!h,
+      [`color-variant-${f}`]: !!f,
       "has-typography": !!r
     }), r && on(r))
   });
@@ -8922,8 +8922,8 @@ const YN = "LinkPreview", XN = "lumx-link-preview", {
     ref: c,
     title: u,
     TitleHeading: d,
-    Link: h,
-    Thumbnail: f,
+    Link: f,
+    Thumbnail: h,
     ...g
   } = e, p = s === V.big && l ? V.big : V.regular;
   return m("article", N({
@@ -8937,7 +8937,7 @@ const YN = "LinkPreview", XN = "lumx-link-preview", {
     className: Ke("wrapper")
   }, [l && m("div", {
     className: Ke("thumbnail")
-  }, [m(f, N(l, {
+  }, [m(h, N(l, {
     linkAs: o,
     linkProps: {
       ...r,
@@ -8953,7 +8953,7 @@ const YN = "LinkPreview", XN = "lumx-link-preview", {
   }, [u && m(d, {
     className: Ke("title")
   }, {
-    default: () => [m(h, N(r, {
+    default: () => [m(f, N(r, {
       linkAs: o,
       target: "_blank",
       href: a,
@@ -8966,7 +8966,7 @@ const YN = "LinkPreview", XN = "lumx-link-preview", {
     className: Ke("description")
   }, [n]), m("div", {
     className: Ke("link")
-  }, [m(h, N(r, {
+  }, [m(f, N(r, {
     linkAs: o,
     className: $(Ke("link"), r?.className),
     target: "_blank",
@@ -9070,13 +9070,13 @@ const RC = /* @__PURE__ */ I((e, {
       icon: e.icon,
       size: "xs",
       color: e.color
-    }, null), l]) : l, h = e.afterIcon ? m(ne, null, [u, m(He, {
+    }, null), l]) : l, f = e.afterIcon ? m(ne, null, [u, m(He, {
       icon: e.afterIcon,
       size: "xs",
       color: e.color
     }, null)]) : u;
-    let f, g;
-    return c && (f = {
+    let h, g;
+    return c && (h = {
       ...c.props,
       onClick: i,
       as: c.type
@@ -9089,8 +9089,8 @@ const RC = /* @__PURE__ */ I((e, {
       handleClick: i,
       // Slots
       before: d,
-      actionProps: f,
-      after: h,
+      actionProps: h,
+      after: f,
       children: m(pe, {
         as: "span",
         color: e.color
@@ -9126,12 +9126,12 @@ const sA = {
     variant: u
   } = e, d = {};
   u === "chip" && (d.isClickable = !0);
-  let h;
-  return u === "icon-button" ? (d.label = r, i?.icon || (d.icon = vf)) : h = r, m(t, {
+  let f;
+  return u === "icon-button" ? (d.label = r, i?.icon || (d.icon = vf)) : f = r, m(t, {
     onOpen: c
   }, {
-    default: () => [m(n, N(i, d), ec(h) ? h : {
-      default: () => [h]
+    default: () => [m(n, N(i, d), ec(f) ? f : {
+      default: () => [f]
     }), m(a, l, {
       default: () => [m(o, null, ec(s) ? s : {
         default: () => [s]
@@ -9164,10 +9164,10 @@ function hA(e = {}) {
   ), d = {
     open: /* @__PURE__ */ new Set()
   };
-  function h(p, b) {
+  function f(p, b) {
     d[p].forEach((v) => v(b));
   }
-  function f(p) {
+  function h(p) {
     o || c.setOpen(!0), l?.goTo(p);
   }
   function g(p, b) {
@@ -9179,7 +9179,7 @@ function hA(e = {}) {
       return n;
     },
     setOpen(p) {
-      o !== p && (o = p, n && n.setAttribute("aria-expanded", String(p)), h("open", p));
+      o !== p && (o = p, n && n.setAttribute("aria-expanded", String(p)), f("open", p));
     },
     registerTrigger(p) {
       n && n !== p && (s?.abort(), s = null), n = p, s = new AbortController();
@@ -9187,7 +9187,7 @@ function hA(e = {}) {
       n.setAttribute("aria-haspopup", "true"), n.setAttribute("aria-expanded", String(o)), t && n.setAttribute("aria-controls", t), n.addEventListener(
         "click",
         () => {
-          o ? c.setOpen(!1) : f((y) => y.getFirst());
+          o ? c.setOpen(!1) : h((y) => y.getFirst());
         },
         { signal: b }
       );
@@ -9197,10 +9197,10 @@ function hA(e = {}) {
         (y) => {
           switch (y.key) {
             case "ArrowDown":
-              y.preventDefault(), y.stopPropagation(), f((A) => A.getFirst());
+              y.preventDefault(), y.stopPropagation(), h((A) => A.getFirst());
               break;
             case "ArrowUp":
-              y.preventDefault(), y.stopPropagation(), f((A) => A.getLast());
+              y.preventDefault(), y.stopPropagation(), h((A) => A.getLast());
               break;
             case "Enter":
             case " ":
@@ -9382,20 +9382,20 @@ const NA = /* @__PURE__ */ I((e, {
     const d = c.value?.$el ?? c.value;
     if (!d) return;
     r.value = d;
-    const h = s.registerTrigger(d);
-    u(() => h());
+    const f = s.registerTrigger(d);
+    u(() => f());
   }), () => {
     const {
       as: u,
       ...d
     } = n;
-    let h = Mt;
-    return t.trigger ? h = (f) => t.trigger({
+    let f = Mt;
+    return t.trigger ? f = (h) => t.trigger({
       triggerProps: {
-        ...f,
+        ...h,
         ref: c
       }
-    }) : u && (h = u), bA({
+    }) : u && (f = u), bA({
       ...d,
       id: o,
       ref: t.trigger ? void 0 : c,
@@ -9404,7 +9404,7 @@ const NA = /* @__PURE__ */ I((e, {
       isOpen: i.value,
       children: t.default?.()
     }, {
-      Trigger: h
+      Trigger: f
     });
   };
 }, {
@@ -9588,8 +9588,8 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
     icon: u
   } = $A[o] || {}, {
     onClick: d,
-    label: h
-  } = s || {}, f = a && o === "info" && d && h;
+    label: f
+  } = s || {}, h = a && o === "info" && d && f;
   return m("div", N(l, {
     ref: i,
     className: $(n, MA({
@@ -9603,11 +9603,11 @@ const OA = "MenuPopover", PA = "lumx-menu-popover", {
     color: c
   }), m("div", {
     className: Xo("text")
-  }, [t]), f && Lt({
+  }, [t]), h && Lt({
     className: Xo("close-button"),
     icon: Pr,
     handleClick: d,
-    label: h,
+    label: f,
     emphasis: ye.low
   })]);
 };
@@ -9692,20 +9692,20 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
   }, [BA(a, 4).map((c, u) => {
     const {
       image: d,
-      onClick: h,
-      align: f,
+      onClick: f,
+      align: h,
       ...g
     } = c;
     return m("div", {
       key: u,
       className: Qo("thumbnail")
     }, [m(r, N(g, {
-      align: f || Cr.left,
+      align: h || Cr.left,
       image: d,
       theme: n,
       aspectRatio: mt.free,
       fillHeight: !0,
-      onClick: l()?.(u, h) || h
+      onClick: l()?.(u, f) || f
     }), null), a.length > 4 && u === 3 && m("div", {
       className: Qo("overlay")
     }, [m("span", null, [Oc("+"), a.length - 4])])]);
@@ -9774,12 +9774,12 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     const {
       label: u,
       class: d,
-      ...h
+      ...f
     } = e, {
-      ariaLabel: f,
+      ariaLabel: h,
       ariaLabelledby: g,
       ...p
-    } = h;
+    } = f;
     return m(An, N(p, N(a, {
       role: "dialog",
       "aria-modal": "true",
@@ -9868,13 +9868,13 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     ref: c,
     handleChange: u,
     theme: d,
-    value: h,
-    inputProps: f = {},
+    value: f,
+    inputProps: h = {},
     isDisabled: g,
     inputId: p,
     ...b
   } = e, v = (y) => {
-    u && u(h, l, y);
+    u && u(f, l, y);
   };
   return m("div", N({
     ref: c
@@ -9893,13 +9893,13 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
     id: p,
     type: "radio",
     name: l,
-    value: h,
+    value: f,
     checked: s,
     onChange: v,
     "aria-describedby": a ? `${p}-helper` : void 0
-  }, f?.readOnly ? {
-    readOnly: f.readOnly
-  } : {}, f), null), m("div", {
+  }, h?.readOnly ? {
+    readOnly: h.readOnly
+  } : {}, h), null), m("div", {
     className: De("input-placeholder")
   }, [m("div", {
     className: De("input-background")
@@ -9930,8 +9930,8 @@ const BA = /* @__PURE__ */ $e(DA), FA = "Mosaic", qA = "lumx-mosaic", {
   } = ae(C(() => ({
     ...e,
     ...n
-  }))), u = (d, h, f) => {
-    i.value || t("change", d, h, f);
+  }))), u = (d, f, h) => {
+    i.value || t("change", d, f, h);
   };
   return () => m(eO, N(c.value, {
     className: o.value,
@@ -10083,14 +10083,14 @@ const zC = /* @__PURE__ */ I((e, {
     ref: c,
     handleChange: u,
     theme: d,
-    value: h,
-    inputProps: f = {},
+    value: f,
+    inputProps: h = {},
     isDisabled: g,
     inputId: p,
     position: b = vO.position,
     ...v
   } = e, y = (A) => {
-    u && u(!s, h, l, A);
+    u && u(!s, f, l, A);
   };
   return m("div", N({
     ref: c
@@ -10111,14 +10111,14 @@ const zC = /* @__PURE__ */ I((e, {
     id: p,
     className: Be("input-native"),
     name: l,
-    value: h,
+    value: f,
     checked: !!s,
     onChange: y,
     "aria-describedby": a ? `${p}-helper` : void 0,
     "aria-checked": !!s
-  }, f?.readOnly ? {
-    readOnly: f.readOnly
-  } : {}, f), null), m("div", {
+  }, h?.readOnly ? {
+    readOnly: h.readOnly
+  } : {}, h), null), m("div", {
     className: Be("input-placeholder")
   }, [m("div", {
     className: Be("input-background")
@@ -10150,8 +10150,8 @@ const zC = /* @__PURE__ */ I((e, {
   } = ae(C(() => ({
     ...e,
     ...a
-  }))), d = (h, f, g, p) => {
-    l.value || t("change", h, f, g, p);
+  }))), d = (f, h, g, p) => {
+    l.value || t("change", f, h, g, p);
   };
   return () => m(bO, N(u.value, {
     className: r.value,
@@ -10196,8 +10196,8 @@ const zC = /* @__PURE__ */ I((e, {
     fileInputProps: c,
     inputId: u,
     isDragHovering: d,
-    handleClick: h,
-    handleChange: f,
+    handleClick: f,
+    handleChange: h,
     Component: g = "label",
     ref: p,
     ...b
@@ -10205,7 +10205,7 @@ const zC = /* @__PURE__ */ I((e, {
   return m(g, N({
     ref: p
   }, b, {
-    onClick: h,
+    onClick: f,
     className: $(n, OO({
       [`aspect-ratio-${v}`]: !!v,
       [`size-${r}`]: !!r,
@@ -10230,7 +10230,7 @@ const zC = /* @__PURE__ */ I((e, {
       id: u,
       className: $(At("input"), rn())
     }, c, {
-      onChange: f
+      onChange: h
     }), null)]
   });
 }, CO = {
@@ -10246,20 +10246,20 @@ const zC = /* @__PURE__ */ I((e, {
   } = ae(C(() => ({
     ...e,
     ...n
-  }))), d = (f) => {
+  }))), d = (h) => {
     if (l.value) {
-      f.preventDefault();
+      h.preventDefault();
       return;
     }
-    f.stopImmediatePropagation(), n.onClick?.(f);
-  }, h = (f) => {
+    h.stopImmediatePropagation(), n.onClick?.(h);
+  }, f = (h) => {
     if (l.value) return;
-    f.stopImmediatePropagation();
-    const g = f.target, p = g.files ? Array.from(g.files) : [];
-    t("change", p, f);
+    h.stopImmediatePropagation();
+    const g = h.target, p = g.files ? Array.from(g.files) : [];
+    t("change", p, h);
   };
   return () => {
-    const f = !!e.fileInputProps, {
+    const h = !!e.fileInputProps, {
       onClick: g,
       fileInputProps: p,
       class: b,
@@ -10273,8 +10273,8 @@ const zC = /* @__PURE__ */ I((e, {
       isAnyDisabled: l.value,
       isDragHovering: i.value,
       handleClick: d,
-      handleChange: h,
-      Component: f ? "label" : "button",
+      handleChange: f,
+      Component: h ? "label" : "button",
       fileInputProps: {
         ...e.fileInputProps,
         ...c.value,
@@ -10289,7 +10289,7 @@ const zC = /* @__PURE__ */ I((e, {
           i.value = !0;
         }
       }
-    }, f ? {
+    }, h ? {
       htmlFor: s.value
     } : {
       type: "button",
@@ -10323,8 +10323,8 @@ const zC = /* @__PURE__ */ I((e, {
     fillHeight: c,
     image: u,
     size: d,
-    tags: h,
-    ref: f,
+    tags: f,
+    ref: h,
     theme: g,
     thumbnailProps: p,
     title: b,
@@ -10334,7 +10334,7 @@ const zC = /* @__PURE__ */ I((e, {
     ...P
   } = e;
   return m("figure", N({
-    ref: f
+    ref: h
   }, P, {
     className: $(s, xO({
       [`caption-position-${o}`]: !!o,
@@ -10359,7 +10359,7 @@ const zC = /* @__PURE__ */ I((e, {
     titleProps: v,
     description: i,
     descriptionProps: l,
-    tags: h,
+    tags: f,
     captionStyle: r,
     align: n,
     truncate: o === "over"
@@ -10383,8 +10383,8 @@ const _O = (e) => {
     captionStyle: c,
     align: u,
     truncate: d,
-    FlexBox: h,
-    Text: f,
+    FlexBox: f,
+    Text: h,
     wrapperProps: g = {
       vAlign: u,
       hAlign: u === "center" ? u : void 0
@@ -10397,37 +10397,37 @@ const _O = (e) => {
     color: n === "dark" ? "light" : "dark",
     colorVariant: "L2"
   };
-  return m(h, N({
+  return m(f, N({
     as: a,
     className: $(t && `${t}__wrapper`),
     style: c,
     orientation: "vertical",
     gap: "regular"
   }, g), {
-    default: () => [(o || s) && m(f, N({
+    default: () => [(o || s) && m(h, N({
       as: "p",
       className: $(t && `${t}__caption`),
       truncate: d
     }, b), {
-      default: () => [o && m(f, N(r, {
+      default: () => [o && m(h, N(r, {
         as: "span",
         className: $(r?.className, t && `${t}__title`),
         typography: "subtitle1"
       }, p), tr(o) ? o : {
         default: () => [o]
-      }), " ", s && (typeof s == "object" && "__html" in s ? m(f, N(i, {
+      }), " ", s && (typeof s == "object" && "__html" in s ? m(h, N(i, {
         as: "span",
         className: $(i?.className, t && `${t}__description`),
         typography: "body1",
         dangerouslySetInnerHTML: s
-      }), null) : m(f, N(i, {
+      }), null) : m(h, N(i, {
         as: "span",
         className: $(i?.className, t && `${t}__description`),
         typography: "body1"
       }), tr(s) ? s : {
         default: () => [s]
       }))]
-    }), l && lf(m(h, {
+    }), l && lf(m(f, {
       className: $(t && `${t}__tags`),
       orientation: "horizontal"
     }, tr(l) ? l : {
@@ -10617,8 +10617,8 @@ const XC = /* @__PURE__ */ I((e, {
     type: "button",
     onClick: r
   } : void 0;
-  let h;
-  return o && (h = "none", i === Wt.asc && (h = "ascending"), i === Wt.desc && (h = "descending")), m(ne, null, [l === hr.head && m("th", N({
+  let f;
+  return o && (f = "none", i === Wt.asc && (f = "ascending"), i === Wt.desc && (f = "descending")), m(ne, null, [l === hr.head && m("th", N({
     ref: s
   }, c, {
     className: $(n, ic({
@@ -10626,7 +10626,7 @@ const XC = /* @__PURE__ */ I((e, {
       "is-sorted": o && !!i,
       head: !0
     })),
-    "aria-sort": h
+    "aria-sort": f
   }), [m(u, N({
     className: `${Ye}-wrapper`
   }, d), {
@@ -10762,8 +10762,8 @@ const JO = "Tab", QO = `${qd}__link`, {
     role: c,
     label: u,
     handleFocus: d,
-    handleKeyPress: h,
-    tabIndex: f = -1,
+    handleKeyPress: f,
+    tabIndex: h = -1,
     tabIndexProp: g = "tabIndex",
     keyPressProp: p = "onKeyPress",
     changeToTab: b,
@@ -10781,7 +10781,7 @@ const JO = "Tab", QO = `${qd}__link`, {
     }, E = (S) => {
       d?.(S), y && O();
     }, _ = (S) => {
-      h?.(S), !(S.key !== "Enter" || r) && O();
+      f?.(S), !(S.key !== "Enter" || r) && O();
     };
     x = {
       ...T,
@@ -10792,7 +10792,7 @@ const JO = "Tab", QO = `${qd}__link`, {
       "aria-selected": l,
       "aria-controls": v,
       [p]: _,
-      [g]: l ? 0 : f
+      [g]: l ? 0 : h
     };
   } else {
     const {
@@ -10892,21 +10892,21 @@ const JO = "Tab", QO = `${qd}__link`, {
       tabId: u,
       ...d
     } = s.value || {};
-    let h = {
+    let f = {
       className: o.value
     };
-    const f = n.action?.(), g = Array.isArray(f) ? f[0] : f;
+    const h = n.action?.(), g = Array.isArray(h) ? h[0] : h;
     if (g) {
       const {
         class: p,
         ...b
       } = g.props || {};
-      Object.assign(h, b), h = b, h.as = g.type, h.className = fe.join(h.className, p);
+      Object.assign(f, b), f = b, f.as = g.type, f.className = fe.join(f.className, p);
     }
     return tP({
       ...a,
       ...d,
-      ...h,
+      ...f,
       // role=tab driven by presence of the TabProvider
       role: s.value ? "tab" : void 0,
       id: u || e.id,
@@ -11127,8 +11127,8 @@ const yP = "UserBlock", NP = "lumx-user-block", {
     mouseLeaveProp: c = "onMouseLeave",
     name: u,
     nameProps: d,
-    handleClick: h,
-    handleMouseEnter: f,
+    handleClick: f,
+    handleMouseEnter: h,
     handleMouseLeave: g,
     orientation: p = dc.orientation,
     simpleAction: b,
@@ -11144,7 +11144,7 @@ const yP = "UserBlock", NP = "lumx-user-block", {
   let E = v;
   p === ft.vertical && (E = V.l);
   const _ = p === ft.vertical, S = mr({
-    handleClick: h,
+    handleClick: f,
     linkAs: r,
     linkProps: o
   }), F = E !== V.s && E !== V.xs, H = a && F && m("p", {
@@ -11156,8 +11156,8 @@ const yP = "UserBlock", NP = "lumx-user-block", {
   }, bP(k) ? k : {
     default: () => [k]
   }))]), z = {
-    ...f && {
-      [l]: f
+    ...h && {
+      [l]: h
     },
     ...g && {
       [c]: g
@@ -11179,7 +11179,7 @@ const yP = "UserBlock", NP = "lumx-user-block", {
   }, t, {
     className: $(Fe("avatar"), t.className),
     size: E,
-    onClick: h,
+    onClick: f,
     theme: y
   }), null), (a || u || A || P) && m("div", {
     className: Fe("wrapper")
@@ -11208,7 +11208,7 @@ const CP = {
     t("mouseenter");
   }, l = () => {
     t("mouseleave");
-  }, c = se("onClick"), u = se("onMouseenter"), d = se("onMouseleave"), h = C(() => {
+  }, c = se("onClick"), u = se("onMouseenter"), d = se("onMouseleave"), f = C(() => {
     const g = e.name || n.name?.();
     if (Xt(g))
       return null;
@@ -11234,7 +11234,7 @@ const CP = {
         default: () => [g]
       })]
     });
-  }), f = C(() => {
+  }), h = C(() => {
     if (!e.avatarProps) return;
     if (mr({
       linkAs: e.linkAs,
@@ -11253,7 +11253,7 @@ const CP = {
       linkAs: g,
       fields: p,
       ...b
-    } = e, v = n.default?.() || h.value;
+    } = e, v = n.default?.() || f.value;
     return m(OP, N(b, a, {
       linkAs: Je(g),
       className: r.value,
@@ -11261,7 +11261,7 @@ const CP = {
       handleClick: c ? s : void 0,
       handleMouseEnter: u ? i : void 0,
       handleMouseLeave: d ? l : void 0,
-      avatarProps: f.value,
+      avatarProps: h.value,
       fields: p || n.fields?.(),
       simpleAction: n["simple-action"]?.() || n.simpleAction?.(),
       multipleActions: n["multiple-actions"]?.() || n.multipleActions?.(),
@@ -11327,12 +11327,12 @@ function ns(e, t) {
     Combobox: u
   } = t;
   if (l && n) {
-    const h = Mf(n, (f) => ie(l, f));
-    return Array.from(h.entries()).map(([f, g]) => {
+    const f = Mf(n, (h) => ie(l, h));
+    return Array.from(f.entries()).map(([h, g]) => {
       let p;
-      const b = c ? c(f, g) : f;
+      const b = c ? c(h, g) : h;
       return m(u.Section, {
-        key: f,
+        key: h,
         label: b
       }, fc(p = ns({
         options: g,
@@ -11347,11 +11347,11 @@ function ns(e, t) {
       });
     });
   }
-  const d = i ? new Set((Array.isArray(i) ? i : [i]).map((h) => ie(a, h))) : void 0;
-  return n?.map((h, f) => {
-    const g = ie(a || o, h), p = ie(o || a, h) || g, b = r && ie(r, h), v = d?.has(g) ?? !1;
-    return s ? s(h, {
-      index: f,
+  const d = i ? new Set((Array.isArray(i) ? i : [i]).map((f) => ie(a, f))) : void 0;
+  return n?.map((f, h) => {
+    const g = ie(a || o, f), p = ie(o || a, f) || g, b = r && ie(r, f), v = d?.has(g) ?? !1;
+    return s ? s(f, {
+      index: h,
       value: g,
       name: p,
       isSelected: v,
@@ -11382,8 +11382,8 @@ const Vd = "SelectButton", wP = "lumx-select-button", xP = {
     renderSectionTitle: c,
     value: u,
     selectionType: d = xP.selectionType,
-    label: h,
-    labelDisplayMode: f,
+    label: f,
+    labelDisplayMode: h,
     buttonProps: g,
     popoverProps: p,
     listProps: b,
@@ -11398,17 +11398,17 @@ const Vd = "SelectButton", wP = "lumx-select-button", xP = {
     onOpen: P
   }, {
     default: () => [m(t.Button, N(g, {
-      label: h,
+      label: f,
       value: F,
       onSelect: v,
-      labelDisplayMode: f
+      labelDisplayMode: h
     }), null), m(t.Popover, N({
       fitToAnchorWidth: "minWidth",
       fitWithinViewportHeight: !0,
       placement: "bottom-start"
     }, p), {
       default: () => [m(t.List, N(b, {
-        "aria-label": h,
+        "aria-label": f,
         "aria-multiselectable": _ || void 0
       }), {
         default: () => [x ? m(t.OptionSkeleton, {
@@ -11462,11 +11462,11 @@ function Wd(e) {
           index: r
         }) || n?.(a, o), d = Xr(u)?.find(yd(_t));
         if (!d) return u;
-        const h = d.props || {}, f = Object.fromEntries(Object.entries(h).filter(([, y]) => y !== void 0)), {
+        const f = d.props || {}, h = Object.fromEntries(Object.entries(f).filter(([, y]) => y !== void 0)), {
           before: g,
           after: p,
           ...b
-        } = f, v = {
+        } = h, v = {
           ...d.children
         };
         return g !== void 0 && !v.before && (v.before = () => g), p !== void 0 && !v.after && (v.after = () => p), v.default || (v.default = c), m(_t, N({
@@ -11539,7 +11539,7 @@ const EP = {
   }), d = (g) => {
     const p = Hd(e.options, e.getOptionId, e.value, g?.value, e.selectionType === "multiple");
     t("change", p);
-  }, h = se("onLoadMore") || se("onLoad-more"), f = () => t("load-more");
+  }, f = se("onLoadMore") || se("onLoad-more"), h = () => t("load-more");
   return () => {
     const g = e.listStatus ?? "idle";
     return as({
@@ -11568,7 +11568,7 @@ const EP = {
       listStatus: g,
       onOpen: (p) => t("open", p),
       translations: e.translations,
-      onLoadMore: h ? f : void 0,
+      onLoadMore: f ? h : void 0,
       infiniteScrollOptions: {
         root: r.value,
         rootMargin: "100px"
@@ -11598,8 +11598,8 @@ const EP = {
     renderSectionTitle: c,
     selected: u,
     label: d,
-    isMultiselectable: h,
-    inputProps: f,
+    isMultiselectable: f,
+    inputProps: h,
     popoverProps: g,
     listProps: p,
     listStatus: b = "idle",
@@ -11620,7 +11620,7 @@ const EP = {
   }, {
     default: () => [m(t.Input, N({
       label: d
-    }, f, {
+    }, h, {
       selectionMode: "keep",
       chips: x
     }), null), m(t.Popover, N({
@@ -11630,7 +11630,7 @@ const EP = {
     }, g), {
       default: () => [m(t.List, N(p, {
         "aria-label": d,
-        "aria-multiselectable": h || void 0
+        "aria-multiselectable": f || void 0
       }), {
         default: () => [O, F ? m(t.OptionSkeleton, {
           count: 3
@@ -11699,11 +11699,11 @@ const IP = {
   } = ae(C(() => ({
     ...e,
     ...a
-  }))), l = D(!!e.searchInputValue), c = D(e.searchInputValue ?? ""), u = D(null), d = C(() => u.value?.$el?.closest(`.${Yr}__scroll`) ?? null), h = D(null);
+  }))), l = D(!!e.searchInputValue), c = D(e.searchInputValue ?? ""), u = D(null), d = C(() => u.value?.$el?.closest(`.${Yr}__scroll`) ?? null), f = D(null);
   X(() => e.searchInputValue, (T) => {
     T !== void 0 && (c.value = T, l.value = !!T);
   });
-  const f = C(() => e.selectionType === "multiple" || l.value ? c.value : zd(e.value, e.getOptionName, e.getOptionId)), g = (T) => {
+  const h = C(() => e.selectionType === "multiple" || l.value ? c.value : zd(e.value, e.getOptionName, e.getOptionId)), g = (T) => {
     const x = Hd(e.options, e.getOptionId, e.value, T.value, e.selectionType === "multiple");
     t("change", x), l.value = !1, c.value = "", t("search", "");
   }, p = (T) => {
@@ -11720,7 +11720,7 @@ const IP = {
       getOptionId: e.getOptionId,
       getOptionName: e.getOptionName,
       onChange: (_) => t("change", _),
-      inputRef: h.value,
+      inputRef: f.value,
       isDisabled: s.value,
       label: e.translations.chipGroupLabel ?? e.label,
       chipRemoveLabel: e.translations.chipRemoveLabel
@@ -11749,9 +11749,9 @@ const IP = {
         ...e.inputProps,
         placeholder: e.placeholder,
         icon: e.icon,
-        value: f.value,
+        value: h.value,
         inputRef(_) {
-          h.value = _;
+          f.value = _;
         },
         onChange: p,
         onSelect: g,
@@ -11827,18 +11827,18 @@ const IP = {
     getOptionId: "name",
     renderOption: ({
       hour: d,
-      minute: h,
-      outOfRange: f
+      minute: f,
+      outOfRange: h
     }) => {
       const {
         isDisabled: g,
         ...p
       } = c?.({
         hour: d,
-        minute: h
+        minute: f
       }) || {};
       return m(n, N({
-        isDisabled: f || g
+        isDisabled: h || g
       }, p), null);
     },
     onChange: s,
@@ -11867,8 +11867,8 @@ function DP(e = {}) {
     return [];
   const r = n ? tn(n) : void 0, s = a ? tn(a) : void 0, i = [];
   for (let l = 0; l < RP; l += t) {
-    const c = Math.floor(l / gr), u = l % gr, d = r !== void 0 && l < r || s !== void 0 && l > s || void 0, h = o ? pr(Kt({ hour: c, minute: u }), o) : void 0;
-    i.push({ hour: c, minute: u, name: h, outOfRange: d });
+    const c = Math.floor(l / gr), u = l % gr, d = r !== void 0 && l < r || s !== void 0 && l > s || void 0, f = o ? pr(Kt({ hour: c, minute: u }), o) : void 0;
+    i.push({ hour: c, minute: u, name: f, outOfRange: d });
   }
   return i;
 }
@@ -11923,41 +11923,41 @@ const VP = () => navigator.languages?.[0] || navigator.language, WP = {
     locale: a.value
   })), i = D(""), l = C(() => {
     const {
-      value: h
+      value: f
     } = e;
-    if (h)
+    if (f)
       return {
-        hour: h.getHours(),
-        minute: h.getMinutes(),
-        name: pr(h, a.value)
+        hour: f.getHours(),
+        minute: f.getMinutes(),
+        name: pr(f, a.value)
       };
   });
   X(() => [r.value, e.value, o.value, e.minTime, e.maxTime], () => {
     if (r.value !== "enforce" || !e.value) return;
-    const h = {
+    const f = {
       hour: e.value.getHours(),
       minute: e.value.getMinutes()
-    }, f = pc(h, e.minTime, e.maxTime, o.value);
-    (f.hour !== e.value.getHours() || f.minute !== e.value.getMinutes()) && t("change", Kt(f, e.value));
+    }, h = pc(f, e.minTime, e.maxTime, o.value);
+    (h.hour !== e.value.getHours() || h.minute !== e.value.getMinutes()) && t("change", Kt(h, e.value));
   }, {
     immediate: !0
   });
-  const c = (h) => {
-    const f = h ? Kt(h, e.value) : void 0;
-    t("change", f);
-  }, u = (h) => {
-    h && (i.value = h);
+  const c = (f) => {
+    const h = f ? Kt(f, e.value) : void 0;
+    t("change", h);
+  }, u = (f) => {
+    f && (i.value = f);
   }, d = () => {
-    const h = i.value;
-    if (i.value = "", !h) return;
-    const f = FP(h);
-    if (!f) return;
-    const g = pc(f, e.minTime, e.maxTime, o.value);
+    const f = i.value;
+    if (i.value = "", !f) return;
+    const h = FP(f);
+    if (!h) return;
+    const g = pc(h, e.minTime, e.maxTime, o.value);
     e.value && zP(e.value, g) || t("change", Kt(g, e.value));
   };
   return () => {
-    const h = e.value ? pr(e.value, a.value) : void 0, {
-      value: f,
+    const f = e.value ? pr(e.value, a.value) : void 0, {
+      value: h,
       locale: g,
       step: p,
       minTime: b,
@@ -11976,7 +11976,7 @@ const VP = () => navigator.languages?.[0] || navigator.language, WP = {
       handleChange: c,
       handleSearch: u,
       handleBlur: d,
-      searchInputValue: h,
+      searchInputValue: f,
       getOptionProps: P
     }, {
       SelectTextField: MP,