@reactfast/forms 0.1.17 → 0.1.18

package/dist/forms.es.js

@@ -3,7 +3,7 @@ var wa = (e, t, r) => t in e ? ha(e, t, { enumerable: !0, configurable: !0, writ
 var Z = (e, t, r) => wa(e, typeof t != "symbol" ? t + "" : t, r);
 import { jsxs as L, jsx as p, Fragment as Ce } from "react/jsx-runtime";
 import * as o from "react";
-import F, { useState as j, useRef as S, useCallback as _, useEffect as q, useMemo as ae, useLayoutEffect as Er, useContext as X, createContext as oe, forwardRef as pa, Fragment as xe, isValidElement as xr, cloneElement as In, createElement as va, useId as Ue, useSyncExternalStore as ga } from "react";
+import B, { useState as A, useRef as I, useCallback as D, useEffect as q, useMemo as ae, useLayoutEffect as Er, useContext as X, createContext as oe, forwardRef as pa, Fragment as xe, isValidElement as xr, cloneElement as In, createElement as va, useId as Ue, useSyncExternalStore as ga } from "react";
 import * as xt from "react-dom";
 import { flushSync as yt, createPortal as Wn } from "react-dom";
 function ba({
@@ -54,8 +54,8 @@ function xa({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    type: l = "text",
-    placeholder: s = "Enter text",
+    type: s = "text",
+    placeholder: l = "Enter text",
     description: c,
     required: d,
     error: u,
@@ -64,15 +64,15 @@ function xa({ field: e, value: t, onChange: r, theme: n }) {
     trailingIcon: f,
     pattern: w
     // string | RegExp | Array<{ regex, message } | string>
-  } = e, [g, v] = j(!1), E = !!u, b = E ? n.error : g ? n.inputFocusBorder : n.inputBorder;
+  } = e, [g, v] = A(!1), E = !!u, b = E ? n.error : g ? n.inputFocusBorder : n.inputBorder;
   let k = "";
   if (w) {
     const y = Array.isArray(w) ? w : [w];
     for (const x of y) {
-      const R = typeof x == "object" && (x != null && x.regex) ? x.regex : x, M = typeof x == "object" && (x != null && x.message) ? x.message : "Invalid format";
+      const R = typeof x == "object" && (x != null && x.regex) ? x.regex : x, C = typeof x == "object" && (x != null && x.message) ? x.message : "Invalid format";
       try {
         if (!(R instanceof RegExp ? R : new RegExp(R)).test(String(t || ""))) {
-          k = M;
+          k = C;
           break;
         }
       } catch {
@@ -102,8 +102,8 @@ function xa({ field: e, value: t, onChange: r, theme: n }) {
         {
           id: a,
           name: a,
-          type: l,
-          placeholder: s,
+          type: s,
+          placeholder: l,
           value: t || "",
           onChange: r,
           onFocus: () => v(!0),
@@ -173,14 +173,14 @@ function ya({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    placeholder: l = "Enter text",
-    description: s,
+    placeholder: s = "Enter text",
+    description: l,
     optional: c,
     error: d,
     // TODO: Maybe range sanity-check this to force human-readable error over silent runtime errors with invalid rows? -Josh
     rows: u = 4
     // default rows
-  } = e, [h, m] = j(!1), f = !!d, w = f ? n.error : h ? n.inputFocusBorder : n.inputBorder;
+  } = e, [h, m] = A(!1), f = !!d, w = f ? n.error : h ? n.inputFocusBorder : n.inputBorder;
   return /* @__PURE__ */ L("div", { children: [
     /* @__PURE__ */ L("div", { className: "mb-1 flex justify-between", children: [
       i && /* @__PURE__ */ p(
@@ -201,13 +201,13 @@ function ya({ field: e, value: t, onChange: r, theme: n }) {
           id: a,
           name: a,
           rows: u,
-          placeholder: l,
+          placeholder: s,
           value: t || "",
           onChange: r,
           onFocus: () => m(!0),
           onBlur: () => m(!1),
           "aria-invalid": f ? "true" : "false",
-          "aria-describedby": f ? `${a}-error` : s ? `${a}-description` : void 0,
+          "aria-describedby": f ? `${a}-error` : l ? `${a}-description` : void 0,
           style: {
             color: f ? n.error : n.inputText,
             backgroundColor: n.inputBackground,
@@ -239,19 +239,19 @@ function ya({ field: e, value: t, onChange: r, theme: n }) {
         className: "mt-2 text-sm",
         children: d
       }
-    ) : s ? /* @__PURE__ */ p(
+    ) : l ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-2 text-sm",
-        children: s
+        children: l
       }
     ) : null
   ] });
 }
 function La({ field: e, value: t, onChange: r }) {
-  const { name: n, title: a, description: i, optional: l, error: s } = e, c = !!s;
+  const { name: n, title: a, description: i, optional: s, error: l } = e, c = !!l;
   return /* @__PURE__ */ L("div", { children: [
     /* @__PURE__ */ L("div", { className: "flex justify-between", children: [
       a && /* @__PURE__ */ p(
@@ -262,7 +262,7 @@ function La({ field: e, value: t, onChange: r }) {
           children: a
         }
       ),
-      l && !c && /* @__PURE__ */ p("span", { className: "text-sm/6 text-gray-500 dark:text-gray-400", children: "Optional" })
+      s && !c && /* @__PURE__ */ p("span", { className: "text-sm/6 text-gray-500 dark:text-gray-400", children: "Optional" })
     ] }),
     /* @__PURE__ */ L("div", { className: "mt-2 flex items-center space-x-3", children: [
       /* @__PURE__ */ p(
@@ -285,7 +285,7 @@ function La({ field: e, value: t, onChange: r }) {
       {
         id: `${n}-error`,
         className: "mt-2 text-sm text-red-600 dark:text-red-400",
-        children: s
+        children: l
       }
     ) : i ? /* @__PURE__ */ p(
       "p",
@@ -298,7 +298,7 @@ function La({ field: e, value: t, onChange: r }) {
   ] });
 }
 function Ra({ field: e, value: t, onChange: r }) {
-  const { name: n, label: a, optional: i, description: l, error: s } = e, c = !!s;
+  const { name: n, label: a, optional: i, description: s, error: l } = e, c = !!l;
   return /* @__PURE__ */ L("div", { children: [
     /* @__PURE__ */ L("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ p(
@@ -310,7 +310,7 @@ function Ra({ field: e, value: t, onChange: r }) {
           checked: !!t,
           onChange: r,
           "aria-invalid": c ? "true" : "false",
-          "aria-describedby": c ? `${n}-error` : l ? `${n}-description` : void 0,
+          "aria-describedby": c ? `${n}-error` : s ? `${n}-description` : void 0,
           className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
         }
       ),
@@ -324,20 +324,20 @@ function Ra({ field: e, value: t, onChange: r }) {
       {
         id: `${n}-error`,
         className: "mt-1 text-sm text-red-600 dark:text-red-400",
-        children: s
+        children: l
       }
-    ) : l ? /* @__PURE__ */ p(
+    ) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${n}-description`,
         className: "mt-1 text-sm text-gray-500 dark:text-gray-400",
-        children: l
+        children: s
       }
     ) : null
   ] });
 }
 function Ma({ field: e, value: t, onChange: r }) {
-  const { name: n, title: a, description: i, error: l } = e, s = !!l;
+  const { name: n, title: a, description: i, error: s } = e, l = !!s;
   return /* @__PURE__ */ L("div", { className: "flex items-center justify-between gap-3", children: [
     i ? /* @__PURE__ */ L(Ce, { children: [
       /* @__PURE__ */ L("span", { className: "flex grow flex-col", children: [
@@ -402,12 +402,12 @@ function Ma({ field: e, value: t, onChange: r }) {
         }
       ) })
     ] }),
-    s && /* @__PURE__ */ p(
+    l && /* @__PURE__ */ p(
       "p",
       {
         id: `${n}-error`,
         className: "mt-1 text-sm text-red-600 dark:text-red-400",
-        children: l
+        children: s
       }
     )
   ] });
@@ -431,17 +431,17 @@ function $a({ field: e }) {
     a && /* @__PURE__ */ p("hr", { className: "mt-2 border-gray-300 dark:border-gray-600" })
   ] });
 }
-const Nn = typeof document < "u" ? F.useLayoutEffect : () => {
+const Nn = typeof document < "u" ? B.useLayoutEffect : () => {
 };
 var qt;
-const ja = (qt = F.useInsertionEffect) !== null && qt !== void 0 ? qt : Nn;
+const ja = (qt = B.useInsertionEffect) !== null && qt !== void 0 ? qt : Nn;
 function Aa(e) {
-  const t = S(null);
+  const t = I(null);
   return ja(() => {
     t.current = e;
   }, [
     e
-  ]), _((...r) => {
+  ]), D((...r) => {
     const n = t.current;
     return n == null ? void 0 : n(...r);
   }, []);
@@ -520,21 +520,21 @@ $e(function() {
   return Ft(/Firefox/i);
 });
 function Hn() {
-  let e = S(/* @__PURE__ */ new Map()), t = _((a, i, l, s) => {
-    let c = s != null && s.once ? (...d) => {
-      e.current.delete(l), l(...d);
-    } : l;
-    e.current.set(l, {
+  let e = I(/* @__PURE__ */ new Map()), t = D((a, i, s, l) => {
+    let c = l != null && l.once ? (...d) => {
+      e.current.delete(s), s(...d);
+    } : s;
+    e.current.set(s, {
       type: i,
       eventTarget: a,
       fn: c,
-      options: s
-    }), a.addEventListener(i, c, s);
-  }, []), r = _((a, i, l, s) => {
+      options: l
+    }), a.addEventListener(i, c, l);
+  }, []), r = D((a, i, s, l) => {
     var c;
-    let d = ((c = e.current.get(l)) === null || c === void 0 ? void 0 : c.fn) || l;
-    a.removeEventListener(i, d, s), e.current.delete(l);
-  }, []), n = _(() => {
+    let d = ((c = e.current.get(s)) === null || c === void 0 ? void 0 : c.fn) || s;
+    a.removeEventListener(i, d, l), e.current.delete(s);
+  }, []), n = D(() => {
     e.current.forEach((a, i) => {
       r(a.eventTarget, a.type, i, a.options);
     });
@@ -564,8 +564,8 @@ function Ha(e, t) {
     value: t
   });
 }
-function Dn(e) {
-  let t = S({
+function _n(e) {
+  let t = I({
     isFocused: !1,
     observer: null
   });
@@ -578,13 +578,13 @@ function Dn(e) {
   let r = Aa((n) => {
     e == null || e(n);
   });
-  return _((n) => {
+  return D((n) => {
     if (n.target instanceof HTMLButtonElement || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement || n.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
-      let a = n.target, i = (l) => {
+      let a = n.target, i = (s) => {
         if (t.current.isFocused = !1, a.disabled) {
-          let s = Vn(l);
-          r(s);
+          let l = Vn(s);
+          r(l);
         }
         t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
@@ -592,14 +592,14 @@ function Dn(e) {
         once: !0
       }), t.current.observer = new MutationObserver(() => {
         if (t.current.isFocused && a.disabled) {
-          var l;
-          (l = t.current.observer) === null || l === void 0 || l.disconnect();
-          let s = a === document.activeElement ? null : document.activeElement;
+          var s;
+          (s = t.current.observer) === null || s === void 0 || s.disconnect();
+          let l = a === document.activeElement ? null : document.activeElement;
           a.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: s
+            relatedTarget: l
           })), a.dispatchEvent(new FocusEvent("focusout", {
             bubbles: !0,
-            relatedTarget: s
+            relatedTarget: l
           }));
         }
       }), t.current.observer.observe(a, {
@@ -613,39 +613,39 @@ function Dn(e) {
     r
   ]);
 }
-let Va = !1, dt = null, ir = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), De = !1, lr = !1;
-const Da = {
+let Va = !1, dt = null, ir = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), _e = !1, lr = !1;
+const _a = {
   Tab: !0,
   Escape: !0
 };
 function Mr(e, t) {
   for (let r of ir) r(e, t);
 }
-function _a(e) {
+function Da(e) {
   return !(e.metaKey || !Rr() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function Lt(e) {
-  De = !0, _a(e) && (dt = "keyboard", Mr("keyboard", e));
+  _e = !0, Da(e) && (dt = "keyboard", Mr("keyboard", e));
 }
 function he(e) {
-  dt = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (De = !0, Mr("pointer", e));
+  dt = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (_e = !0, Mr("pointer", e));
 }
-function _n(e) {
-  Pa(e) && (De = !0, dt = "virtual");
+function Dn(e) {
+  Pa(e) && (_e = !0, dt = "virtual");
 }
 function Zn(e) {
-  e.target === window || e.target === document || Va || !e.isTrusted || (!De && !lr && (dt = "virtual", Mr("virtual", e)), De = !1, lr = !1);
+  e.target === window || e.target === document || Va || !e.isTrusted || (!_e && !lr && (dt = "virtual", Mr("virtual", e)), _e = !1, lr = !1);
 }
 function Un() {
-  De = !1, lr = !0;
+  _e = !1, lr = !0;
 }
 function sr(e) {
   if (typeof window > "u" || typeof document > "u" || nt.get(He(e))) return;
   const t = He(e), r = Ne(e);
   let n = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
-    De = !0, n.apply(this, arguments);
-  }, r.addEventListener("keydown", Lt, !0), r.addEventListener("keyup", Lt, !0), r.addEventListener("click", _n, !0), t.addEventListener("focus", Zn, !0), t.addEventListener("blur", Un, !1), typeof PointerEvent < "u" ? (r.addEventListener("pointerdown", he, !0), r.addEventListener("pointermove", he, !0), r.addEventListener("pointerup", he, !0)) : process.env.NODE_ENV === "test" && (r.addEventListener("mousedown", he, !0), r.addEventListener("mousemove", he, !0), r.addEventListener("mouseup", he, !0)), t.addEventListener("beforeunload", () => {
+    _e = !0, n.apply(this, arguments);
+  }, r.addEventListener("keydown", Lt, !0), r.addEventListener("keyup", Lt, !0), r.addEventListener("click", Dn, !0), t.addEventListener("focus", Zn, !0), t.addEventListener("blur", Un, !1), typeof PointerEvent < "u" ? (r.addEventListener("pointerdown", he, !0), r.addEventListener("pointermove", he, !0), r.addEventListener("pointerup", he, !0)) : process.env.NODE_ENV === "test" && (r.addEventListener("mousedown", he, !0), r.addEventListener("mousemove", he, !0), r.addEventListener("mouseup", he, !0)), t.addEventListener("beforeunload", () => {
     qn(e);
   }, {
     once: !0
@@ -655,7 +655,7 @@ function sr(e) {
 }
 const qn = (e, t) => {
   const r = He(e), n = Ne(e);
-  t && n.removeEventListener("DOMContentLoaded", t), nt.has(r) && (r.HTMLElement.prototype.focus = nt.get(r).focus, n.removeEventListener("keydown", Lt, !0), n.removeEventListener("keyup", Lt, !0), n.removeEventListener("click", _n, !0), r.removeEventListener("focus", Zn, !0), r.removeEventListener("blur", Un, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", he, !0), n.removeEventListener("pointermove", he, !0), n.removeEventListener("pointerup", he, !0)) : process.env.NODE_ENV === "test" && (n.removeEventListener("mousedown", he, !0), n.removeEventListener("mousemove", he, !0), n.removeEventListener("mouseup", he, !0)), nt.delete(r));
+  t && n.removeEventListener("DOMContentLoaded", t), nt.has(r) && (r.HTMLElement.prototype.focus = nt.get(r).focus, n.removeEventListener("keydown", Lt, !0), n.removeEventListener("keyup", Lt, !0), n.removeEventListener("click", Dn, !0), r.removeEventListener("focus", Zn, !0), r.removeEventListener("blur", Un, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", he, !0), n.removeEventListener("pointermove", he, !0), n.removeEventListener("pointerup", he, !0)) : process.env.NODE_ENV === "test" && (n.removeEventListener("mousedown", he, !0), n.removeEventListener("mousemove", he, !0), n.removeEventListener("mouseup", he, !0)), nt.delete(r));
 };
 function Za(e) {
   const t = Ne(e);
@@ -681,8 +681,8 @@ const Ua = /* @__PURE__ */ new Set([
 ]);
 function qa(e, t, r) {
   let n = Ne(r == null ? void 0 : r.target);
-  const a = typeof window < "u" ? He(r == null ? void 0 : r.target).HTMLInputElement : HTMLInputElement, i = typeof window < "u" ? He(r == null ? void 0 : r.target).HTMLTextAreaElement : HTMLTextAreaElement, l = typeof window < "u" ? He(r == null ? void 0 : r.target).HTMLElement : HTMLElement, s = typeof window < "u" ? He(r == null ? void 0 : r.target).KeyboardEvent : KeyboardEvent;
-  return e = e || n.activeElement instanceof a && !Ua.has(n.activeElement.type) || n.activeElement instanceof i || n.activeElement instanceof l && n.activeElement.isContentEditable, !(e && t === "keyboard" && r instanceof s && !Da[r.key]);
+  const a = typeof window < "u" ? He(r == null ? void 0 : r.target).HTMLInputElement : HTMLInputElement, i = typeof window < "u" ? He(r == null ? void 0 : r.target).HTMLTextAreaElement : HTMLTextAreaElement, s = typeof window < "u" ? He(r == null ? void 0 : r.target).HTMLElement : HTMLElement, l = typeof window < "u" ? He(r == null ? void 0 : r.target).KeyboardEvent : KeyboardEvent;
+  return e = e || n.activeElement instanceof a && !Ua.has(n.activeElement.type) || n.activeElement instanceof i || n.activeElement instanceof s && n.activeElement.isContentEditable, !(e && t === "keyboard" && r instanceof l && !_a[r.key]);
 }
 function Ga(e, t, r) {
   sr(), q(() => {
@@ -696,44 +696,44 @@ function Ga(e, t, r) {
 }
 function za(e) {
   let { isDisabled: t, onFocus: r, onBlur: n, onFocusChange: a } = e;
-  const i = _((c) => {
+  const i = D((c) => {
     if (c.target === c.currentTarget)
       return n && n(c), a && a(!1), !0;
   }, [
     n,
     a
-  ]), l = Dn(i), s = _((c) => {
+  ]), s = _n(i), l = D((c) => {
     const d = Ne(c.target), u = d ? ar(d) : ar();
-    c.target === c.currentTarget && u === Pn(c.nativeEvent) && (r && r(c), a && a(!0), l(c));
+    c.target === c.currentTarget && u === Pn(c.nativeEvent) && (r && r(c), a && a(!0), s(c));
   }, [
     a,
     r,
-    l
+    s
   ]);
   return {
     focusProps: {
-      onFocus: !t && (r || a || n) ? s : void 0,
+      onFocus: !t && (r || a || n) ? l : void 0,
       onBlur: !t && (n || a) ? i : void 0
     }
   };
 }
 function Ka(e) {
-  let { isDisabled: t, onBlurWithin: r, onFocusWithin: n, onFocusWithinChange: a } = e, i = S({
+  let { isDisabled: t, onBlurWithin: r, onFocusWithin: n, onFocusWithinChange: a } = e, i = I({
     isFocusWithin: !1
-  }), { addGlobalListener: l, removeAllGlobalListeners: s } = Hn(), c = _((h) => {
-    h.currentTarget.contains(h.target) && i.current.isFocusWithin && !h.currentTarget.contains(h.relatedTarget) && (i.current.isFocusWithin = !1, s(), r && r(h), a && a(!1));
+  }), { addGlobalListener: s, removeAllGlobalListeners: l } = Hn(), c = D((h) => {
+    h.currentTarget.contains(h.target) && i.current.isFocusWithin && !h.currentTarget.contains(h.relatedTarget) && (i.current.isFocusWithin = !1, l(), r && r(h), a && a(!1));
   }, [
     r,
     a,
     i,
-    s
-  ]), d = Dn(c), u = _((h) => {
+    l
+  ]), d = _n(c), u = D((h) => {
     if (!h.currentTarget.contains(h.target)) return;
     const m = Ne(h.target), f = ar(m);
     if (!i.current.isFocusWithin && f === Pn(h.nativeEvent)) {
       n && n(h), a && a(!0), i.current.isFocusWithin = !0, d(h);
       let w = h.currentTarget;
-      l(m, "focus", (g) => {
+      s(m, "focus", (g) => {
         if (i.current.isFocusWithin && !Tn(w, g.target)) {
           let v = new m.defaultView.FocusEvent("blur", {
             relatedTarget: g.target
@@ -750,7 +750,7 @@ function Ka(e) {
     n,
     a,
     d,
-    l,
+    s,
     c
   ]);
   return t ? {
@@ -782,7 +782,7 @@ function Xa() {
     };
 }
 function Ya(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: a } = e, [i, l] = j(!1), s = S({
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: a } = e, [i, s] = A(!1), l = I({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
@@ -791,34 +791,34 @@ function Ya(e) {
   q(Xa, []);
   let { addGlobalListener: c, removeAllGlobalListeners: d } = Hn(), { hoverProps: u, triggerHoverEnd: h } = ae(() => {
     let m = (g, v) => {
-      if (s.pointerType = v, a || v === "touch" || s.isHovered || !g.currentTarget.contains(g.target)) return;
-      s.isHovered = !0;
+      if (l.pointerType = v, a || v === "touch" || l.isHovered || !g.currentTarget.contains(g.target)) return;
+      l.isHovered = !0;
       let E = g.currentTarget;
-      s.target = E, c(Ne(g.target), "pointerover", (b) => {
-        s.isHovered && s.target && !Tn(s.target, b.target) && f(b, b.pointerType);
+      l.target = E, c(Ne(g.target), "pointerover", (b) => {
+        l.isHovered && l.target && !Tn(l.target, b.target) && f(b, b.pointerType);
       }, {
         capture: !0
       }), t && t({
         type: "hoverstart",
         target: E,
         pointerType: v
-      }), r && r(!0), l(!0);
+      }), r && r(!0), s(!0);
     }, f = (g, v) => {
-      let E = s.target;
-      s.pointerType = "", s.target = null, !(v === "touch" || !s.isHovered || !E) && (s.isHovered = !1, d(), n && n({
+      let E = l.target;
+      l.pointerType = "", l.target = null, !(v === "touch" || !l.isHovered || !E) && (l.isHovered = !1, d(), n && n({
         type: "hoverend",
         target: E,
         pointerType: v
-      }), r && r(!1), l(!1));
+      }), r && r(!1), s(!1));
     }, w = {};
     return typeof PointerEvent < "u" ? (w.onPointerEnter = (g) => {
       Rt && g.pointerType === "mouse" || m(g, g.pointerType);
     }, w.onPointerLeave = (g) => {
       !a && g.currentTarget.contains(g.target) && f(g, g.pointerType);
     }) : process.env.NODE_ENV === "test" && (w.onTouchStart = () => {
-      s.ignoreEmulatedMouseEvents = !0;
+      l.ignoreEmulatedMouseEvents = !0;
     }, w.onMouseEnter = (g) => {
-      !s.ignoreEmulatedMouseEvents && !Rt && m(g, "mouse"), s.ignoreEmulatedMouseEvents = !1;
+      !l.ignoreEmulatedMouseEvents && !Rt && m(g, "mouse"), l.ignoreEmulatedMouseEvents = !1;
     }, w.onMouseLeave = (g) => {
       !a && g.currentTarget.contains(g.target) && f(g, "mouse");
     }), {
@@ -830,14 +830,14 @@ function Ya(e) {
     r,
     n,
     a,
-    s,
+    l,
     c,
     d
   ]);
   return q(() => {
     a && h({
-      currentTarget: s.target
-    }, s.pointerType);
+      currentTarget: l.target
+    }, l.pointerType);
   }, [
     a
   ]), {
@@ -846,11 +846,11 @@ function Ya(e) {
   };
 }
 function Qa(e = {}) {
-  let { autoFocus: t = !1, isTextInput: r, within: n } = e, a = S({
+  let { autoFocus: t = !1, isTextInput: r, within: n } = e, a = I({
     isFocused: !1,
     isFocusVisible: t || Gn()
-  }), [i, l] = j(!1), [s, c] = j(() => a.current.isFocused && a.current.isFocusVisible), d = _(() => c(a.current.isFocused && a.current.isFocusVisible), []), u = _((f) => {
-    a.current.isFocused = f, l(f), d();
+  }), [i, s] = A(!1), [l, c] = A(() => a.current.isFocused && a.current.isFocusVisible), d = D(() => c(a.current.isFocused && a.current.isFocusVisible), []), u = D((f) => {
+    a.current.isFocused = f, s(f), d();
   }, [
     d
   ]);
@@ -868,7 +868,7 @@ function Qa(e = {}) {
   });
   return {
     isFocused: i,
-    isFocusVisible: s,
+    isFocusVisible: l,
     focusProps: n ? m : h
   };
 }
@@ -959,21 +959,21 @@ function de() {
   return t;
 }
 function qe() {
-  let [e] = j(de);
+  let [e] = A(de);
   return q(() => () => e.dispose(), [e]), e;
 }
 let Q = (e, t) => {
   ke.isServer ? q(e, t) : Er(e, t);
 };
 function Ge(e) {
-  let t = S(e);
+  let t = I(e);
   return Q(() => {
     t.current = e;
   }, [e]), t;
 }
 let V = function(e) {
   let t = Ge(e);
-  return F.useCallback((...r) => t.current(...r), [t]);
+  return B.useCallback((...r) => t.current(...r), [t]);
 };
 function ni(e) {
   let t = e.width / 2, r = e.height / 2;
@@ -983,13 +983,13 @@ function oi(e, t) {
   return !(!e || !t || e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom);
 }
 function ai({ disabled: e = !1 } = {}) {
-  let t = S(null), [r, n] = j(!1), a = qe(), i = V(() => {
+  let t = I(null), [r, n] = A(!1), a = qe(), i = V(() => {
     t.current = null, n(!1), a.dispose();
-  }), l = V((s) => {
+  }), s = V((l) => {
     if (a.dispose(), t.current === null) {
-      t.current = s.currentTarget, n(!0);
+      t.current = l.currentTarget, n(!0);
       {
-        let c = Bt(s.currentTarget);
+        let c = Bt(l.currentTarget);
         a.addEventListener(c, "pointerup", i, !1), a.addEventListener(c, "pointermove", (d) => {
           if (t.current) {
             let u = ni(d);
@@ -999,7 +999,7 @@ function ai({ disabled: e = !1 } = {}) {
       }
     }
   });
-  return { pressed: r, pressProps: e ? {} : { onPointerDown: l, onPointerUp: i, onClick: i } };
+  return { pressed: r, pressProps: e ? {} : { onPointerDown: s, onPointerUp: i, onClick: i } };
 }
 function Se(e) {
   return ae(() => e, Object.values(e));
@@ -1022,29 +1022,29 @@ function we(e, t, ...r) {
 var Ct = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ct || {}), Fe = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Fe || {});
 function ue() {
   let e = si();
-  return _((t) => li({ mergeRefs: e, ...t }), [e]);
+  return D((t) => li({ mergeRefs: e, ...t }), [e]);
 }
-function li({ ourProps: e, theirProps: t, slot: r, defaultTag: n, features: a, visible: i = !0, name: l, mergeRefs: s }) {
-  s = s ?? ci;
+function li({ ourProps: e, theirProps: t, slot: r, defaultTag: n, features: a, visible: i = !0, name: s, mergeRefs: l }) {
+  l = l ?? ci;
   let c = Xn(t, e);
-  if (i) return wt(c, r, n, l, s);
+  if (i) return wt(c, r, n, s, l);
   let d = a ?? 0;
   if (d & 2) {
     let { static: u = !1, ...h } = c;
-    if (u) return wt(h, r, n, l, s);
+    if (u) return wt(h, r, n, s, l);
   }
   if (d & 1) {
     let { unmount: u = !0, ...h } = c;
     return we(u ? 0 : 1, { 0() {
       return null;
     }, 1() {
-      return wt({ ...h, hidden: !0, style: { display: "none" } }, r, n, l, s);
+      return wt({ ...h, hidden: !0, style: { display: "none" } }, r, n, s, l);
     } });
   }
-  return wt(c, r, n, l, s);
+  return wt(c, r, n, s, l);
 }
 function wt(e, t = {}, r, n, a) {
-  let { as: i = r, children: l, refName: s = "ref", ...c } = zt(e, ["unmount", "static"]), d = e.ref !== void 0 ? { [s]: e.ref } : {}, u = typeof l == "function" ? l(t) : l;
+  let { as: i = r, children: s, refName: l = "ref", ...c } = zt(e, ["unmount", "static"]), d = e.ref !== void 0 ? { [l]: e.ref } : {}, u = typeof s == "function" ? s(t) : s;
   "className" in c && c.className && typeof c.className == "function" && (c.className = c.className(t)), c["aria-labelledby"] && c["aria-labelledby"] === c.id && (c["aria-labelledby"] = void 0);
   let h = {};
   if (t) {
@@ -1068,7 +1068,7 @@ function wt(e, t = {}, r, n, a) {
   return va(i, Object.assign({}, zt(c, ["ref"]), !ot(i) && d, !ot(i) && h), u);
 }
 function si() {
-  let e = S([]), t = _((r) => {
+  let e = I([]), t = D((r) => {
     for (let n of e.current) n != null && (typeof n == "function" ? n(r) : n.current = r);
   }, []);
   return (...r) => {
@@ -1090,10 +1090,10 @@ function Xn(...e) {
     return (i = a == null ? void 0 : a.preventDefault) == null ? void 0 : i.call(a);
   }]);
   for (let n in r) Object.assign(t, { [n](a, ...i) {
-    let l = r[n];
-    for (let s of l) {
+    let s = r[n];
+    for (let l of s) {
       if ((a instanceof Event || (a == null ? void 0 : a.nativeEvent) instanceof Event) && a.defaultPrevented) return;
-      s(a, ...i);
+      l(a, ...i);
     }
   } });
   return t;
@@ -1105,7 +1105,7 @@ function Yn(...e) {
   for (let n of e) for (let a in n) a.startsWith("on") && typeof n[a] == "function" ? (r[a] != null || (r[a] = []), r[a].push(n[a])) : t[a] = n[a];
   for (let n in r) Object.assign(t, { [n](...a) {
     let i = r[n];
-    for (let l of i) l == null || l(...a);
+    for (let s of i) s == null || s(...a);
   } });
   return t;
 }
@@ -1124,7 +1124,7 @@ function zt(e, t = []) {
   return r;
 }
 function di(e) {
-  return F.version.split(".")[0] >= "19" ? e.props.ref : e.ref;
+  return B.version.split(".")[0] >= "19" ? e.props.ref : e.ref;
 }
 function ot(e) {
   return e === xe || e === Symbol.for("react.fragment");
@@ -1133,11 +1133,11 @@ function ui(e) {
   return ot(e.type);
 }
 function fi(e, t, r) {
-  let [n, a] = j(r), i = e !== void 0, l = S(i), s = S(!1), c = S(!1);
-  return i && !l.current && !s.current ? (s.current = !0, l.current = i, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !i && l.current && !c.current && (c.current = !0, l.current = i, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [i ? e : n, V((d) => (i || yt(() => a(d)), t == null ? void 0 : t(d)))];
+  let [n, a] = A(r), i = e !== void 0, s = I(i), l = I(!1), c = I(!1);
+  return i && !s.current && !l.current ? (l.current = !0, s.current = i, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !i && s.current && !c.current && (c.current = !0, s.current = i, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [i ? e : n, V((d) => (i || yt(() => a(d)), t == null ? void 0 : t(d)))];
 }
 function mi(e) {
-  let [t] = j(e);
+  let [t] = A(e);
   return t;
 }
 function Qn(e = {}, t = null, r = []) {
@@ -1177,15 +1177,15 @@ function vi(e, t) {
 let to = le(vi), gi = oe(null);
 function bi({ children: e }) {
   let t = X(gi);
-  if (!t) return F.createElement(F.Fragment, null, e);
+  if (!t) return B.createElement(B.Fragment, null, e);
   let { target: r } = t;
-  return r ? Wn(F.createElement(F.Fragment, null, e), r) : null;
+  return r ? Wn(B.createElement(B.Fragment, null, e), r) : null;
 }
 function ki({ data: e, form: t, disabled: r, onReset: n, overrides: a }) {
-  let [i, l] = j(null), s = qe();
+  let [i, s] = A(null), l = qe();
   return q(() => {
-    if (n && i) return s.addEventListener(i, "reset", n);
-  }, [i, t, n]), F.createElement(bi, null, F.createElement(Ei, { setForm: l, formId: t }), Qn(e).map(([c, d]) => F.createElement(to, { features: $r.Hidden, ...Oe({ key: c, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: t, disabled: r, name: c, value: d, ...a }) })));
+    if (n && i) return l.addEventListener(i, "reset", n);
+  }, [i, t, n]), B.createElement(bi, null, B.createElement(Ei, { setForm: s, formId: t }), Qn(e).map(([c, d]) => B.createElement(to, { features: $r.Hidden, ...Oe({ key: c, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: t, disabled: r, name: c, value: d, ...a }) })));
 }
 function Ei({ setForm: e, formId: t }) {
   return q(() => {
@@ -1193,7 +1193,7 @@ function Ei({ setForm: e, formId: t }) {
       let r = document.getElementById(t);
       r && e(r);
     }
-  }, [e, t]), t ? null : F.createElement(to, { features: $r.Hidden, as: "input", type: "hidden", hidden: !0, readOnly: !0, ref: (r) => {
+  }, [e, t]), t ? null : B.createElement(to, { features: $r.Hidden, as: "input", type: "hidden", hidden: !0, readOnly: !0, ref: (r) => {
     if (!r) return;
     let n = r.closest("form");
     n && e(n);
@@ -1256,7 +1256,7 @@ function $i(e, t = !0) {
   return Object.assign(e, { [io]: t });
 }
 function pe(...e) {
-  let t = S(e);
+  let t = I(e);
   q(() => {
     t.current = e;
   }, [e]);
@@ -1281,10 +1281,10 @@ function ji() {
 }
 let Ai = "p";
 function Oi(e, t) {
-  let r = Ue(), n = Cr(), { id: a = `headlessui-description-${r}`, ...i } = e, l = lo(), s = pe(t);
-  Q(() => l.register(a), [a, l.register]);
-  let c = Se({ ...l.slot, disabled: n || !1 }), d = { ref: s, ...l.props, id: a };
-  return ue()({ ourProps: d, theirProps: i, slot: c, defaultTag: Ai, name: l.name || "Description" });
+  let r = Ue(), n = Cr(), { id: a = `headlessui-description-${r}`, ...i } = e, s = lo(), l = pe(t);
+  Q(() => s.register(a), [a, s.register]);
+  let c = Se({ ...s.slot, disabled: n || !1 }), d = { ref: l, ...s.props, id: a };
+  return ue()({ ourProps: d, theirProps: i, slot: c, defaultTag: Ai, name: s.name || "Description" });
 }
 let Fi = le(Oi);
 Object.assign(Fi, {});
@@ -1305,20 +1305,20 @@ function co(e) {
   return ((n = e == null ? void 0 : e.length) != null ? n : 0) > 0 ? [a, ...e].filter(Boolean).join(" ") : a;
 }
 function Bi({ inherit: e = !1 } = {}) {
-  let t = co(), [r, n] = j([]), a = e ? [t, ...r].filter(Boolean) : r;
+  let t = co(), [r, n] = A([]), a = e ? [t, ...r].filter(Boolean) : r;
   return [a.length > 0 ? a.join(" ") : void 0, ae(() => function(i) {
-    let l = V((c) => (n((d) => [...d, c]), () => n((d) => {
+    let s = V((c) => (n((d) => [...d, c]), () => n((d) => {
       let u = d.slice(), h = u.indexOf(c);
       return h !== -1 && u.splice(h, 1), u;
-    }))), s = ae(() => ({ register: l, slot: i.slot, name: i.name, props: i.props, value: i.value }), [l, i.slot, i.name, i.props, i.value]);
-    return F.createElement(It.Provider, { value: s }, i.children);
+    }))), l = ae(() => ({ register: s, slot: i.slot, name: i.name, props: i.props, value: i.value }), [s, i.slot, i.name, i.props, i.value]);
+    return B.createElement(It.Provider, { value: l }, i.children);
   }, [n])];
 }
 let Si = "label";
 function Ii(e, t) {
   var r;
-  let n = Ue(), a = so(), i = ro(), l = Cr(), { id: s = `headlessui-label-${n}`, htmlFor: c = i ?? ((r = a.props) == null ? void 0 : r.htmlFor), passive: d = !1, ...u } = e, h = pe(t);
-  Q(() => a.register(s), [s, a.register]);
+  let n = Ue(), a = so(), i = ro(), s = Cr(), { id: l = `headlessui-label-${n}`, htmlFor: c = i ?? ((r = a.props) == null ? void 0 : r.htmlFor), passive: d = !1, ...u } = e, h = pe(t);
+  Q(() => a.register(l), [l, a.register]);
   let m = V((g) => {
     let v = g.currentTarget;
     if (!(g.target !== g.currentTarget && Mi(g.target)) && (qr(v) && g.preventDefault(), a.props && "onClick" in a.props && typeof a.props.onClick == "function" && a.props.onClick(g), qr(v))) {
@@ -1331,7 +1331,7 @@ function Ii(e, t) {
         (oo(E) && (E.type === "file" || E.type === "radio" || E.type === "checkbox") || E.role === "radio" || E.role === "checkbox" || E.role === "switch") && E.click(), E.focus({ preventScroll: !0 });
       }
     }
-  }), f = Se({ ...a.slot, disabled: l || !1 }), w = { ref: h, ...a.props, id: s, htmlFor: c, onClick: m };
+  }), f = Se({ ...a.slot, disabled: s || !1 }), w = { ref: h, ...a.props, id: l, htmlFor: c, onClick: m };
   return d && ("onClick" in w && (delete w.htmlFor, delete w.onClick), "onClick" in u && delete u.onClick), ue()({ ourProps: w, theirProps: u, slot: f, defaultTag: c ? Si : "div", name: a.name || "Label" });
 }
 let Wi = le(Ii), Ni = Object.assign(Wi, {});
@@ -1339,7 +1339,7 @@ function Ti(e, t) {
   return e !== null && t !== null && typeof e == "object" && typeof t == "object" && "id" in e && "id" in t ? e.id === t.id : e === t;
 }
 function Pi(e = Ti) {
-  return _((t, r) => {
+  return D((t, r) => {
     if (typeof e == "string") {
       let n = e;
       return (t == null ? void 0 : t[n]) === (r == null ? void 0 : r[n]);
@@ -1353,14 +1353,14 @@ function zr(e) {
   return { width: t, height: r };
 }
 function Hi(e, t, r = !1) {
-  let [n, a] = j(() => zr(t));
+  let [n, a] = A(() => zr(t));
   return Q(() => {
     if (!t || !e) return;
     let i = de();
-    return i.requestAnimationFrame(function l() {
-      i.requestAnimationFrame(l), a((s) => {
+    return i.requestAnimationFrame(function s() {
+      i.requestAnimationFrame(s), a((l) => {
         let c = zr(t);
-        return c.width === s.width && c.height === s.height ? s : c;
+        return c.width === l.width && c.height === l.height ? l : c;
       });
     }), () => {
       i.dispose();
@@ -1369,7 +1369,7 @@ function Hi(e, t, r = !1) {
 }
 var uo = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(uo || {});
 function Vi(e) {
-  let t = S(null), r = V((a) => {
+  let t = I(null), r = V((a) => {
     t.current = a.pointerType, !Gr(a.currentTarget) && a.pointerType === "mouse" && a.button === uo.Left && (a.preventDefault(), e(a));
   }), n = V((a) => {
     t.current !== "mouse" && (Gr(a.currentTarget) || e(a));
@@ -1385,7 +1385,7 @@ let fo = class extends Map {
     return r === void 0 && (r = this.factory(t), this.set(t, r)), r;
   }
 };
-var Di = Object.defineProperty, _i = (e, t, r) => t in e ? Di(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Zi = (e, t, r) => (_i(e, t + "", r), r), mo = (e, t, r) => {
+var _i = Object.defineProperty, Di = (e, t, r) => t in e ? _i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Zi = (e, t, r) => (Di(e, t + "", r), r), mo = (e, t, r) => {
   if (!t.has(e)) throw TypeError("Cannot " + r);
 }, me = (e, t, r) => (mo(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Kt = (e, t, r) => {
   if (t.has(e)) throw TypeError("Cannot add the same private member more than once");
@@ -1490,18 +1490,18 @@ var Qr;
 function Ki() {
   if (Qr) return Qt;
   Qr = 1;
-  var e = F;
+  var e = B;
   function t(c, d) {
     return c === d && (c !== 0 || 1 / c === 1 / d) || c !== c && d !== d;
   }
-  var r = typeof Object.is == "function" ? Object.is : t, n = e.useSyncExternalStore, a = e.useRef, i = e.useEffect, l = e.useMemo, s = e.useDebugValue;
+  var r = typeof Object.is == "function" ? Object.is : t, n = e.useSyncExternalStore, a = e.useRef, i = e.useEffect, s = e.useMemo, l = e.useDebugValue;
   return Qt.useSyncExternalStoreWithSelector = function(c, d, u, h, m) {
     var f = a(null);
     if (f.current === null) {
       var w = { hasValue: !1, value: null };
       f.current = w;
     } else w = f.current;
-    f = l(
+    f = s(
       function() {
         function v(x) {
           if (!E) {
@@ -1513,8 +1513,8 @@ function Ki() {
             return k = x;
           }
           if (R = k, r(b, x)) return R;
-          var M = h(x);
-          return m !== void 0 && m(R, M) ? (b = x, R) : (b = x, k = M);
+          var C = h(x);
+          return m !== void 0 && m(R, C) ? (b = x, R) : (b = x, k = C);
         }
         var E = !1, b, k, y = u === void 0 ? null : u;
         return [
@@ -1534,7 +1534,7 @@ function Ki() {
         w.hasValue = !0, w.value = g;
       },
       [g]
-    ), s(g), g;
+    ), l(g), g;
   }, Qt;
 }
 var Jt = {};
@@ -1554,14 +1554,14 @@ function Xi() {
       return c === d && (c !== 0 || 1 / c === 1 / d) || c !== c && d !== d;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = F, r = typeof Object.is == "function" ? Object.is : e, n = t.useSyncExternalStore, a = t.useRef, i = t.useEffect, l = t.useMemo, s = t.useDebugValue;
+    var t = B, r = typeof Object.is == "function" ? Object.is : e, n = t.useSyncExternalStore, a = t.useRef, i = t.useEffect, s = t.useMemo, l = t.useDebugValue;
     Jt.useSyncExternalStoreWithSelector = function(c, d, u, h, m) {
       var f = a(null);
       if (f.current === null) {
         var w = { hasValue: !1, value: null };
         f.current = w;
       } else w = f.current;
-      f = l(
+      f = s(
         function() {
           function v(x) {
             if (!E) {
@@ -1574,8 +1574,8 @@ function Xi() {
             }
             if (R = k, r(b, x))
               return R;
-            var M = h(x);
-            return m !== void 0 && m(R, M) ? (b = x, R) : (b = x, k = M);
+            var C = h(x);
+            return m !== void 0 && m(R, C) ? (b = x, R) : (b = x, k = C);
           }
           var E = !1, b, k, y = u === void 0 ? null : u;
           return [
@@ -1595,7 +1595,7 @@ function Xi() {
           w.hasValue = !0, w.value = g;
         },
         [g]
-      ), s(g), g;
+      ), l(g), g;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), Jt;
 }
@@ -1608,7 +1608,7 @@ function Qi(e) {
   return e;
 }
 function go(e, t) {
-  let r = Ue(), n = Ar.get(t), [a, i] = ie(n, _((l) => [n.selectors.isTop(l, r), n.selectors.inStack(l, r)], [n, r]));
+  let r = Ue(), n = Ar.get(t), [a, i] = ie(n, D((s) => [n.selectors.isTop(s, r), n.selectors.inStack(s, r)], [n, r]));
   return Q(() => {
     if (e) return n.actions.push(r), () => n.actions.pop(r);
   }, [n, e, r]), e ? i ? a : !0 : !1;
@@ -1631,20 +1631,20 @@ function Ji(e, { allowed: t, disallowed: r } = {}) {
   Q(() => {
     var a, i;
     if (!n) return;
-    let l = de();
-    for (let c of (a = r == null ? void 0 : r()) != null ? a : []) c && l.add(en(c));
-    let s = (i = t == null ? void 0 : t()) != null ? i : [];
-    for (let c of s) {
+    let s = de();
+    for (let c of (a = r == null ? void 0 : r()) != null ? a : []) c && s.add(en(c));
+    let l = (i = t == null ? void 0 : t()) != null ? i : [];
+    for (let c of l) {
       if (!c) continue;
       let d = Bt(c);
       if (!d) continue;
       let u = c.parentElement;
       for (; u && u !== d.body; ) {
-        for (let h of u.children) s.some((m) => h.contains(m)) || l.add(en(h));
+        for (let h of u.children) l.some((m) => h.contains(m)) || s.add(en(h));
         u = u.parentElement;
       }
     }
-    return l.dispose;
+    return s.dispose;
   }, [n, t, r]);
 }
 function el(e, t, r) {
@@ -1658,12 +1658,12 @@ function el(e, t, r) {
     if (!a) return;
     let i = de();
     if (typeof ResizeObserver < "u") {
-      let l = new ResizeObserver(() => n.current(a));
-      l.observe(a), i.add(() => l.disconnect());
+      let s = new ResizeObserver(() => n.current(a));
+      s.observe(a), i.add(() => s.disconnect());
     }
     if (typeof IntersectionObserver < "u") {
-      let l = new IntersectionObserver(() => n.current(a));
-      l.observe(a), i.add(() => l.disconnect());
+      let s = new IntersectionObserver(() => n.current(a));
+      s.observe(a), i.add(() => s.disconnect());
     }
     return () => i.dispose();
   }, [t, n, e]);
@@ -1705,27 +1705,27 @@ function Eo(e, t = (r) => r) {
   return e.slice().sort((r, n) => {
     let a = t(r), i = t(n);
     if (a === null || i === null) return 0;
-    let l = a.compareDocumentPosition(i);
-    return l & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    let s = a.compareDocumentPosition(i);
+    return s & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : s & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
 function sl(e, t, r = e === null ? document.body : Mt(e)) {
   return cl(bo(r), t, { relativeTo: e });
 }
 function cl(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: a = [] } = {}) {
-  let i = Array.isArray(e) ? e.length > 0 ? Mt(e[0]) : document : Mt(e), l = Array.isArray(e) ? r ? Eo(e) : e : t & 64 ? ol(e) : bo(e);
-  a.length > 0 && l.length > 1 && (l = l.filter((f) => !a.some((w) => w != null && "current" in w ? (w == null ? void 0 : w.current) === f : w === f))), n = n ?? (i == null ? void 0 : i.activeElement);
-  let s = (() => {
+  let i = Array.isArray(e) ? e.length > 0 ? Mt(e[0]) : document : Mt(e), s = Array.isArray(e) ? r ? Eo(e) : e : t & 64 ? ol(e) : bo(e);
+  a.length > 0 && s.length > 1 && (s = s.filter((f) => !a.some((w) => w != null && "current" in w ? (w == null ? void 0 : w.current) === f : w === f))), n = n ?? (i == null ? void 0 : i.activeElement);
+  let l = (() => {
     if (t & 5) return 1;
     if (t & 10) return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
   })(), c = (() => {
     if (t & 1) return 0;
-    if (t & 2) return Math.max(0, l.indexOf(n)) - 1;
-    if (t & 4) return Math.max(0, l.indexOf(n)) + 1;
-    if (t & 8) return l.length - 1;
+    if (t & 2) return Math.max(0, s.indexOf(n)) - 1;
+    if (t & 4) return Math.max(0, s.indexOf(n)) + 1;
+    if (t & 8) return s.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), d = t & 32 ? { preventScroll: !0 } : {}, u = 0, h = l.length, m;
+  })(), d = t & 32 ? { preventScroll: !0 } : {}, u = 0, h = s.length, m;
   do {
     if (u >= h || u + h <= 0) return 0;
     let f = c + u;
@@ -1734,7 +1734,7 @@ function cl(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: a = [] }
       if (f < 0) return 3;
       if (f >= h) return 1;
     }
-    m = l[f], m == null || m.focus(d), u += s;
+    m = s[f], m == null || m.focus(d), u += l;
   } while (m !== zn(m));
   return t & 6 && ll(m) && m.select(), 2;
 }
@@ -1751,8 +1751,8 @@ function Ke(e, t, r, n) {
   let a = Ge(r);
   q(() => {
     if (!e) return;
-    function i(l) {
-      a.current(l);
+    function i(s) {
+      a.current(s);
     }
     return document.addEventListener(t, i, n), () => document.removeEventListener(t, i, n);
   }, [e, t, n]);
@@ -1761,39 +1761,39 @@ function ul(e, t, r, n) {
   let a = Ge(r);
   q(() => {
     if (!e) return;
-    function i(l) {
-      a.current(l);
+    function i(s) {
+      a.current(s);
     }
     return window.addEventListener(t, i, n), () => window.removeEventListener(t, i, n);
   }, [e, t, n]);
 }
 const nn = 30;
 function fl(e, t, r) {
-  let n = Ge(r), a = _(function(s, c) {
-    if (s.defaultPrevented) return;
-    let d = c(s);
+  let n = Ge(r), a = D(function(l, c) {
+    if (l.defaultPrevented) return;
+    let d = c(l);
     if (d === null || !d.getRootNode().contains(d) || !d.isConnected) return;
     let u = function h(m) {
       return typeof m == "function" ? h(m()) : Array.isArray(m) || m instanceof Set ? m : [m];
     }(t);
-    for (let h of u) if (h !== null && (h.contains(d) || s.composed && s.composedPath().includes(h))) return;
-    return !ko(d, Or.Loose) && d.tabIndex !== -1 && s.preventDefault(), n.current(s, d);
-  }, [n, t]), i = S(null);
-  Ke(e, "pointerdown", (s) => {
+    for (let h of u) if (h !== null && (h.contains(d) || l.composed && l.composedPath().includes(h))) return;
+    return !ko(d, Or.Loose) && d.tabIndex !== -1 && l.preventDefault(), n.current(l, d);
+  }, [n, t]), i = I(null);
+  Ke(e, "pointerdown", (l) => {
     var c, d;
-    rn() || (i.current = ((d = (c = s.composedPath) == null ? void 0 : c.call(s)) == null ? void 0 : d[0]) || s.target);
-  }, !0), Ke(e, "pointerup", (s) => {
+    rn() || (i.current = ((d = (c = l.composedPath) == null ? void 0 : c.call(l)) == null ? void 0 : d[0]) || l.target);
+  }, !0), Ke(e, "pointerup", (l) => {
     if (rn() || !i.current) return;
     let c = i.current;
-    return i.current = null, a(s, () => c);
+    return i.current = null, a(l, () => c);
   }, !0);
-  let l = S({ x: 0, y: 0 });
-  Ke(e, "touchstart", (s) => {
-    l.current.x = s.touches[0].clientX, l.current.y = s.touches[0].clientY;
-  }, !0), Ke(e, "touchend", (s) => {
-    let c = { x: s.changedTouches[0].clientX, y: s.changedTouches[0].clientY };
-    if (!(Math.abs(c.x - l.current.x) >= nn || Math.abs(c.y - l.current.y) >= nn)) return a(s, () => ze(s.target) ? s.target : null);
-  }, !0), ul(e, "blur", (s) => a(s, () => Li(window.document.activeElement) ? window.document.activeElement : null), !0);
+  let s = I({ x: 0, y: 0 });
+  Ke(e, "touchstart", (l) => {
+    s.current.x = l.touches[0].clientX, s.current.y = l.touches[0].clientY;
+  }, !0), Ke(e, "touchend", (l) => {
+    let c = { x: l.changedTouches[0].clientX, y: l.changedTouches[0].clientY };
+    if (!(Math.abs(c.x - s.current.x) >= nn || Math.abs(c.y - s.current.y) >= nn)) return a(l, () => ze(l.target) ? l.target : null);
+  }, !0), ul(e, "blur", (l) => a(l, () => Li(window.document.activeElement) ? window.document.activeElement : null), !0);
 }
 function wr(...e) {
   return ae(() => Bt(...e), [...e]);
@@ -1801,13 +1801,13 @@ function wr(...e) {
 var ml = ((e) => (e[e.Ignore = 0] = "Ignore", e[e.Select = 1] = "Select", e[e.Close = 2] = "Close", e))(ml || {});
 const pt = { Ignore: { kind: 0 }, Select: (e) => ({ kind: 1, target: e }), Close: { kind: 2 } }, hl = 200, on = 5;
 function wl(e, { trigger: t, action: r, close: n, select: a }) {
-  let i = S(null), l = S(null), s = S(null);
+  let i = I(null), s = I(null), l = I(null);
   Ke(e && t !== null, "pointerdown", (c) => {
-    no(c == null ? void 0 : c.target) && t != null && t.contains(c.target) && (l.current = c.x, s.current = c.y, i.current = c.timeStamp);
+    no(c == null ? void 0 : c.target) && t != null && t.contains(c.target) && (s.current = c.x, l.current = c.y, i.current = c.timeStamp);
   }), Ke(e && t !== null, "pointerup", (c) => {
     var d, u;
     let h = i.current;
-    if (h === null || (i.current = null, !ze(c.target)) || Math.abs(c.x - ((d = l.current) != null ? d : c.x)) < on && Math.abs(c.y - ((u = s.current) != null ? u : c.y)) < on) return;
+    if (h === null || (i.current = null, !ze(c.target)) || Math.abs(c.x - ((d = s.current) != null ? d : c.x)) < on && Math.abs(c.y - ((u = l.current) != null ? u : c.y)) < on) return;
     let m = r(c);
     switch (m.kind) {
       case 0:
@@ -1841,8 +1841,8 @@ function gl(e, t) {
   }, subscribe(a) {
     return n.add(a), () => n.delete(a);
   }, dispatch(a, ...i) {
-    let l = t[a].call(r, ...i);
-    l && (r = l, n.forEach((s) => s()));
+    let s = t[a].call(r, ...i);
+    s && (r = s, n.forEach((l) => l()));
   } };
 }
 function bl() {
@@ -1859,45 +1859,45 @@ function bl() {
 function kl() {
   return xo() ? { before({ doc: e, d: t, meta: r }) {
     function n(a) {
-      for (let i of r().containers) for (let l of i()) if (l.contains(a)) return !0;
+      for (let i of r().containers) for (let s of i()) if (s.contains(a)) return !0;
       return !1;
     }
     t.microTask(() => {
       var a;
       if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let s = de();
-        s.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => s.dispose()));
+        let l = de();
+        l.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => l.dispose()));
       }
-      let i = (a = window.scrollY) != null ? a : window.pageYOffset, l = null;
-      t.addEventListener(e, "click", (s) => {
-        if (ze(s.target)) try {
-          let c = s.target.closest("a");
+      let i = (a = window.scrollY) != null ? a : window.pageYOffset, s = null;
+      t.addEventListener(e, "click", (l) => {
+        if (ze(l.target)) try {
+          let c = l.target.closest("a");
           if (!c) return;
           let { hash: d } = new URL(c.href), u = e.querySelector(d);
-          ze(u) && !n(u) && (l = u);
+          ze(u) && !n(u) && (s = u);
         } catch {
         }
-      }, !0), t.group((s) => {
+      }, !0), t.group((l) => {
         t.addEventListener(e, "touchstart", (c) => {
-          if (s.dispose(), ze(c.target) && yi(c.target)) if (n(c.target)) {
+          if (l.dispose(), ze(c.target) && yi(c.target)) if (n(c.target)) {
             let d = c.target;
             for (; d.parentElement && n(d.parentElement); ) d = d.parentElement;
-            s.style(d, "overscrollBehavior", "contain");
-          } else s.style(c.target, "touchAction", "none");
+            l.style(d, "overscrollBehavior", "contain");
+          } else l.style(c.target, "touchAction", "none");
         });
-      }), t.addEventListener(e, "touchmove", (s) => {
-        if (ze(s.target)) {
-          if (oo(s.target)) return;
-          if (n(s.target)) {
-            let c = s.target;
+      }), t.addEventListener(e, "touchmove", (l) => {
+        if (ze(l.target)) {
+          if (oo(l.target)) return;
+          if (n(l.target)) {
+            let c = l.target;
             for (; c.parentElement && c.dataset.headlessuiPortal !== "" && !(c.scrollHeight > c.clientHeight || c.scrollWidth > c.clientWidth); ) c = c.parentElement;
-            c.dataset.headlessuiPortal === "" && s.preventDefault();
-          } else s.preventDefault();
+            c.dataset.headlessuiPortal === "" && l.preventDefault();
+          } else l.preventDefault();
         }
       }, { passive: !1 }), t.add(() => {
-        var s;
-        let c = (s = window.scrollY) != null ? s : window.pageYOffset;
-        i !== c && window.scrollTo(0, i), l && l.isConnected && (l.scrollIntoView({ block: "nearest" }), l = null);
+        var l;
+        let c = (l = window.scrollY) != null ? l : window.pageYOffset;
+        i !== c && window.scrollTo(0, i), s && s.isConnected && (s.scrollIntoView({ block: "nearest" }), s = null);
       });
     });
   } } : {};
@@ -1954,7 +1954,7 @@ function ln(e) {
   return [e.screenX, e.screenY];
 }
 function Ll() {
-  let e = S([-1, -1]);
+  let e = I([-1, -1]);
   return { wasMoved(t) {
     let r = ln(t);
     return e.current[0] === r[0] && e.current[1] === r[1] ? !1 : (e.current = r, !0);
@@ -1963,8 +1963,8 @@ function Ll() {
   } };
 }
 function Rl(e = 0) {
-  let [t, r] = j(e), n = _((c) => r(c), []), a = _((c) => r((d) => d | c), []), i = _((c) => (t & c) === c, [t]), l = _((c) => r((d) => d & ~c), []), s = _((c) => r((d) => d ^ c), []);
-  return { flags: t, setFlag: n, addFlag: a, hasFlag: i, removeFlag: l, toggleFlag: s };
+  let [t, r] = A(e), n = D((c) => r(c), []), a = D((c) => r((d) => d | c), []), i = D((c) => (t & c) === c, [t]), s = D((c) => r((d) => d & ~c), []), l = D((c) => r((d) => d ^ c), []);
+  return { flags: t, setFlag: n, addFlag: a, hasFlag: i, removeFlag: s, toggleFlag: l };
 }
 var sn, cn;
 typeof process < "u" && typeof globalThis < "u" && typeof Element < "u" && ((sn = process == null ? void 0 : process.env) == null ? void 0 : sn.NODE_ENV) === "test" && typeof ((cn = Element == null ? void 0 : Element.prototype) == null ? void 0 : cn.getAnimations) > "u" && (Element.prototype.getAnimations = function() {
@@ -1978,24 +1978,24 @@ function yo(e) {
   return t;
 }
 function Lo(e, t, r, n) {
-  let [a, i] = j(r), { hasFlag: l, addFlag: s, removeFlag: c } = Rl(e && a ? 3 : 0), d = S(!1), u = S(!1), h = qe();
+  let [a, i] = A(r), { hasFlag: s, addFlag: l, removeFlag: c } = Rl(e && a ? 3 : 0), d = I(!1), u = I(!1), h = qe();
   return Q(() => {
     var m;
     if (e) {
       if (r && i(!0), !t) {
-        r && s(3);
+        r && l(3);
         return;
       }
       return (m = n == null ? void 0 : n.start) == null || m.call(n, r), Cl(t, { inFlight: d, prepare() {
-        u.current ? u.current = !1 : u.current = d.current, d.current = !0, !u.current && (r ? (s(3), c(4)) : (s(4), c(2)));
+        u.current ? u.current = !1 : u.current = d.current, d.current = !0, !u.current && (r ? (l(3), c(4)) : (l(4), c(2)));
       }, run() {
-        u.current ? r ? (c(3), s(4)) : (c(4), s(3)) : r ? c(1) : s(1);
+        u.current ? r ? (c(3), l(4)) : (c(4), l(3)) : r ? c(1) : l(1);
       }, done() {
         var f;
         u.current && Al(t) || (d.current = !1, c(7), r || i(!1), (f = n == null ? void 0 : n.end) == null || f.call(n, r));
       } });
     }
-  }, [e, r, t, h]), e ? [a, { closed: l(1), enter: l(2), leave: l(4), transition: l(2) || l(4) }] : [r, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+  }, [e, r, t, h]), e ? [a, { closed: s(1), enter: s(2), leave: s(4), transition: s(2) || s(4) }] : [r, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
 }
 function Cl(e, { prepare: t, run: r, done: n, inFlight: a }) {
   let i = de();
@@ -2013,8 +2013,8 @@ function $l(e, t) {
   a.add(() => {
     i = !0;
   });
-  let l = (n = (r = e.getAnimations) == null ? void 0 : r.call(e).filter((s) => s instanceof CSSTransition)) != null ? n : [];
-  return l.length === 0 ? (t(), a.dispose) : (Promise.allSettled(l.map((s) => s.finished)).then(() => {
+  let s = (n = (r = e.getAnimations) == null ? void 0 : r.call(e).filter((l) => l instanceof CSSTransition)) != null ? n : [];
+  return s.length === 0 ? (t(), a.dispose) : (Promise.allSettled(s.map((l) => l.finished)).then(() => {
     i || t();
   }), a.dispose);
 }
@@ -2134,10 +2134,10 @@ function Mo(e) {
 function it(e, t, r) {
   var n;
   t === void 0 && (t = []), r === void 0 && (r = !0);
-  const a = Mo(e), i = a === ((n = e.ownerDocument) == null ? void 0 : n.body), l = se(a);
+  const a = Mo(e), i = a === ((n = e.ownerDocument) == null ? void 0 : n.body), s = se(a);
   if (i) {
-    const s = pr(l);
-    return t.concat(l, l.visualViewport || [], ut(a) ? a : [], s && r ? it(s) : []);
+    const l = pr(s);
+    return t.concat(s, s.visualViewport || [], ut(a) ? a : [], l && r ? it(l) : []);
   }
   return t.concat(a, it(a, [], r));
 }
@@ -2154,7 +2154,7 @@ function Hl() {
     return r + "/" + n;
   }).join(" ") : navigator.userAgent;
 }
-const _e = Math.min, te = Math.max, lt = Math.round, vt = Math.floor, Ee = (e) => ({
+const De = Math.min, te = Math.max, lt = Math.round, vt = Math.floor, Ee = (e) => ({
   x: e,
   y: e
 }), Vl = {
@@ -2162,12 +2162,12 @@ const _e = Math.min, te = Math.max, lt = Math.round, vt = Math.floor, Ee = (e) =
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Dl = {
+}, _l = {
   start: "end",
   end: "start"
 };
 function un(e, t, r) {
-  return te(e, _e(t, r));
+  return te(e, De(t, r));
 }
 function Je(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -2184,9 +2184,9 @@ function Co(e) {
 function $o(e) {
   return e === "y" ? "height" : "width";
 }
-const _l = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Dl = /* @__PURE__ */ new Set(["top", "bottom"]);
 function Me(e) {
-  return _l.has(We(e)) ? "y" : "x";
+  return Dl.has(We(e)) ? "y" : "x";
 }
 function jo(e) {
   return Co(Me(e));
@@ -2194,15 +2194,15 @@ function jo(e) {
 function Zl(e, t, r) {
   r === void 0 && (r = !1);
   const n = ft(e), a = jo(e), i = $o(a);
-  let l = a === "x" ? n === (r ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return t.reference[i] > t.floating[i] && (l = $t(l)), [l, $t(l)];
+  let s = a === "x" ? n === (r ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (s = $t(s)), [s, $t(s)];
 }
 function Ul(e) {
   const t = $t(e);
   return [vr(e), t, vr(t)];
 }
 function vr(e) {
-  return e.replace(/start|end/g, (t) => Dl[t]);
+  return e.replace(/start|end/g, (t) => _l[t]);
 }
 const fn = ["left", "right"], mn = ["right", "left"], ql = ["top", "bottom"], Gl = ["bottom", "top"];
 function zl(e, t, r) {
@@ -2220,7 +2220,7 @@ function zl(e, t, r) {
 function Kl(e, t, r, n) {
   const a = ft(e);
   let i = zl(We(e), r === "start", n);
-  return a && (i = i.map((l) => l + "-" + a), t && (i = i.concat(i.map(vr)))), i;
+  return a && (i = i.map((s) => s + "-" + a), t && (i = i.concat(i.map(vr)))), i;
 }
 function $t(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Vl[t]);
@@ -2265,7 +2265,7 @@ function hn(e, t, r) {
     reference: n,
     floating: a
   } = e;
-  const i = Me(t), l = jo(t), s = $o(l), c = We(t), d = i === "y", u = n.x + n.width / 2 - a.width / 2, h = n.y + n.height / 2 - a.height / 2, m = n[s] / 2 - a[s] / 2;
+  const i = Me(t), s = jo(t), l = $o(s), c = We(t), d = i === "y", u = n.x + n.width / 2 - a.width / 2, h = n.y + n.height / 2 - a.height / 2, m = n[l] / 2 - a[l] / 2;
   let f;
   switch (c) {
     case "top":
@@ -2300,10 +2300,10 @@ function hn(e, t, r) {
   }
   switch (ft(t)) {
     case "start":
-      f[l] -= m * (r && d ? -1 : 1);
+      f[s] -= m * (r && d ? -1 : 1);
       break;
     case "end":
-      f[l] += m * (r && d ? -1 : 1);
+      f[s] += m * (r && d ? -1 : 1);
       break;
   }
   return f;
@@ -2313,9 +2313,9 @@ const Ql = async (e, t, r) => {
     placement: n = "bottom",
     strategy: a = "absolute",
     middleware: i = [],
-    platform: l
-  } = r, s = i.filter(Boolean), c = await (l.isRTL == null ? void 0 : l.isRTL(t));
-  let d = await l.getElementRects({
+    platform: s
+  } = r, l = i.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let d = await s.getElementRects({
     reference: e,
     floating: t,
     strategy: a
@@ -2323,11 +2323,11 @@ const Ql = async (e, t, r) => {
     x: u,
     y: h
   } = hn(d, n, c), m = n, f = {}, w = 0;
-  for (let g = 0; g < s.length; g++) {
+  for (let g = 0; g < l.length; g++) {
     const {
       name: v,
       fn: E
-    } = s[g], {
+    } = l[g], {
       x: b,
       y: k,
       data: y,
@@ -2340,7 +2340,7 @@ const Ql = async (e, t, r) => {
       strategy: a,
       middlewareData: f,
       rects: d,
-      platform: l,
+      platform: s,
       elements: {
         reference: e,
         floating: t
@@ -2352,7 +2352,7 @@ const Ql = async (e, t, r) => {
         ...f[v],
         ...y
       }
-    }, x && w <= 50 && (w++, typeof x == "object" && (x.placement && (m = x.placement), x.rects && (d = x.rects === !0 ? await l.getElementRects({
+    }, x && w <= 50 && (w++, typeof x == "object" && (x.placement && (m = x.placement), x.rects && (d = x.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: a
@@ -2376,8 +2376,8 @@ async function Pt(e, t) {
     x: n,
     y: a,
     platform: i,
-    rects: l,
-    elements: s,
+    rects: s,
+    elements: l,
     strategy: c
   } = e, {
     boundary: d = "clippingAncestors",
@@ -2385,24 +2385,24 @@ async function Pt(e, t) {
     elementContext: h = "floating",
     altBoundary: m = !1,
     padding: f = 0
-  } = Je(t, e), w = Yl(f), v = s[m ? h === "floating" ? "reference" : "floating" : h], E = jt(await i.getClippingRect({
-    element: (r = await (i.isElement == null ? void 0 : i.isElement(v))) == null || r ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
+  } = Je(t, e), w = Yl(f), v = l[m ? h === "floating" ? "reference" : "floating" : h], E = jt(await i.getClippingRect({
+    element: (r = await (i.isElement == null ? void 0 : i.isElement(v))) == null || r ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
     boundary: d,
     rootBoundary: u,
     strategy: c
   })), b = h === "floating" ? {
     x: n,
     y: a,
-    width: l.floating.width,
-    height: l.floating.height
-  } : l.reference, k = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), y = await (i.isElement == null ? void 0 : i.isElement(k)) ? await (i.getScale == null ? void 0 : i.getScale(k)) || {
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, k = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), y = await (i.isElement == null ? void 0 : i.isElement(k)) ? await (i.getScale == null ? void 0 : i.getScale(k)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, x = jt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: s,
+    elements: l,
     rect: b,
     offsetParent: k,
     strategy: c
@@ -2423,8 +2423,8 @@ const Jl = function(e) {
       const {
         placement: a,
         middlewareData: i,
-        rects: l,
-        initialPlacement: s,
+        rects: s,
+        initialPlacement: l,
         platform: c,
         elements: d
       } = t, {
@@ -2438,38 +2438,38 @@ const Jl = function(e) {
       } = Je(e, t);
       if ((r = i.arrow) != null && r.alignmentOffset)
         return {};
-      const E = We(a), b = Me(s), k = We(s) === s, y = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), x = m || (k || !g ? [$t(s)] : Ul(s)), R = w !== "none";
-      !m && R && x.push(...Kl(s, g, w, y));
-      const M = [s, ...x], W = await Pt(t, v), $ = [];
-      let C = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (u && $.push(W[E]), h) {
-        const O = Zl(a, l, y);
-        $.push(W[O[0]], W[O[1]]);
+      const E = We(a), b = Me(l), k = We(l) === l, y = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), x = m || (k || !g ? [$t(l)] : Ul(l)), R = w !== "none";
+      !m && R && x.push(...Kl(l, g, w, y));
+      const C = [l, ...x], $ = await Pt(t, v), j = [];
+      let M = ((n = i.flip) == null ? void 0 : n.overflows) || [];
+      if (u && j.push($[E]), h) {
+        const P = Zl(a, s, y);
+        j.push($[P[0]], $[P[1]]);
       }
-      if (C = [...C, {
+      if (M = [...M, {
         placement: a,
-        overflows: $
-      }], !$.every((O) => O <= 0)) {
-        var A, P;
-        const O = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, B = M[O];
-        if (B && (!(h === "alignment" ? b !== Me(B) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: j
+      }], !j.every((P) => P <= 0)) {
+        var O, T;
+        const P = (((O = i.flip) == null ? void 0 : O.index) || 0) + 1, S = C[P];
+        if (S && (!(h === "alignment" ? b !== Me(S) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        C.every((N) => Me(N.placement) === b ? N.overflows[0] > 0 : !0)))
+        M.every((N) => Me(N.placement) === b ? N.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: O,
-              overflows: C
+              index: P,
+              overflows: M
             },
             reset: {
-              placement: B
+              placement: S
             }
           };
-        let D = (P = C.filter((G) => G.overflows[0] <= 0).sort((G, N) => G.overflows[1] - N.overflows[1])[0]) == null ? void 0 : P.placement;
-        if (!D)
+        let _ = (T = M.filter((G) => G.overflows[0] <= 0).sort((G, N) => G.overflows[1] - N.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!_)
           switch (f) {
             case "bestFit": {
-              var T;
-              const G = (T = C.filter((N) => {
+              var F;
+              const G = (F = M.filter((N) => {
                 if (R) {
                   const H = Me(N.placement);
                   return H === b || // Create a bias to the `y` side axis due to horizontal
@@ -2477,18 +2477,18 @@ const Jl = function(e) {
                   H === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((H) => H > 0).reduce((H, z) => H + z, 0)]).sort((N, H) => N[1] - H[1])[0]) == null ? void 0 : T[0];
-              G && (D = G);
+              }).map((N) => [N.placement, N.overflows.filter((H) => H > 0).reduce((H, z) => H + z, 0)]).sort((N, H) => N[1] - H[1])[0]) == null ? void 0 : F[0];
+              G && (_ = G);
               break;
             }
             case "initialPlacement":
-              D = s;
+              _ = l;
               break;
           }
-        if (a !== D)
+        if (a !== _)
           return {
             reset: {
-              placement: D
+              placement: _
             }
           };
       }
@@ -2501,7 +2501,7 @@ async function ts(e, t) {
     placement: r,
     platform: n,
     elements: a
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(a.floating)), l = We(r), s = ft(r), c = Me(r) === "y", d = es.has(l) ? -1 : 1, u = i && c ? -1 : 1, h = Je(t, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(a.floating)), s = We(r), l = ft(r), c = Me(r) === "y", d = es.has(s) ? -1 : 1, u = i && c ? -1 : 1, h = Je(t, e);
   let {
     mainAxis: m,
     crossAxis: f,
@@ -2515,7 +2515,7 @@ async function ts(e, t) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return s && typeof w == "number" && (f = s === "end" ? w * -1 : w), c ? {
+  return l && typeof w == "number" && (f = l === "end" ? w * -1 : w), c ? {
     x: f * u,
     y: m * d
   } : {
@@ -2532,15 +2532,15 @@ const rs = function(e) {
       const {
         x: a,
         y: i,
-        placement: l,
-        middlewareData: s
+        placement: s,
+        middlewareData: l
       } = t, c = await ts(t, e);
-      return l === ((r = s.offset) == null ? void 0 : r.placement) && (n = s.arrow) != null && n.alignmentOffset ? {} : {
+      return s === ((r = l.offset) == null ? void 0 : r.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
         x: a + c.x,
         y: i + c.y,
         data: {
           ...c,
-          placement: l
+          placement: s
         }
       };
     }
@@ -2556,8 +2556,8 @@ const rs = function(e) {
         placement: a
       } = t, {
         mainAxis: i = !0,
-        crossAxis: l = !1,
-        limiter: s = {
+        crossAxis: s = !1,
+        limiter: l = {
           fn: (v) => {
             let {
               x: E,
@@ -2579,11 +2579,11 @@ const rs = function(e) {
         const v = m === "y" ? "top" : "left", E = m === "y" ? "bottom" : "right", b = f + u[v], k = f - u[E];
         f = un(b, f, k);
       }
-      if (l) {
+      if (s) {
         const v = h === "y" ? "top" : "left", E = h === "y" ? "bottom" : "right", b = w + u[v], k = w - u[E];
         w = un(b, w, k);
       }
-      const g = s.fn({
+      const g = l.fn({
         ...t,
         [m]: f,
         [h]: w
@@ -2595,7 +2595,7 @@ const rs = function(e) {
           y: g.y - n,
           enabled: {
             [m]: i,
-            [h]: l
+            [h]: s
           }
         }
       };
@@ -2610,8 +2610,8 @@ const rs = function(e) {
       const {
         placement: a,
         rects: i,
-        platform: l,
-        elements: s
+        platform: s,
+        elements: l
       } = t, {
         apply: c = () => {
         },
@@ -2621,20 +2621,20 @@ const rs = function(e) {
         height: g
       } = i.floating;
       let v, E;
-      h === "top" || h === "bottom" ? (v = h, E = m === (await (l.isRTL == null ? void 0 : l.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (E = h, v = m === "end" ? "top" : "bottom");
-      const b = g - u.top - u.bottom, k = w - u.left - u.right, y = _e(g - u[v], b), x = _e(w - u[E], k), R = !t.middlewareData.shift;
-      let M = y, W = x;
-      if ((r = t.middlewareData.shift) != null && r.enabled.x && (W = k), (n = t.middlewareData.shift) != null && n.enabled.y && (M = b), R && !m) {
-        const C = te(u.left, 0), A = te(u.right, 0), P = te(u.top, 0), T = te(u.bottom, 0);
-        f ? W = w - 2 * (C !== 0 || A !== 0 ? C + A : te(u.left, u.right)) : M = g - 2 * (P !== 0 || T !== 0 ? P + T : te(u.top, u.bottom));
+      h === "top" || h === "bottom" ? (v = h, E = m === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (E = h, v = m === "end" ? "top" : "bottom");
+      const b = g - u.top - u.bottom, k = w - u.left - u.right, y = De(g - u[v], b), x = De(w - u[E], k), R = !t.middlewareData.shift;
+      let C = y, $ = x;
+      if ((r = t.middlewareData.shift) != null && r.enabled.x && ($ = k), (n = t.middlewareData.shift) != null && n.enabled.y && (C = b), R && !m) {
+        const M = te(u.left, 0), O = te(u.right, 0), T = te(u.top, 0), F = te(u.bottom, 0);
+        f ? $ = w - 2 * (M !== 0 || O !== 0 ? M + O : te(u.left, u.right)) : C = g - 2 * (T !== 0 || F !== 0 ? T + F : te(u.top, u.bottom));
       }
       await c({
         ...t,
-        availableWidth: W,
-        availableHeight: M
+        availableWidth: $,
+        availableHeight: C
       });
-      const $ = await l.getDimensions(s.floating);
-      return w !== $.width || g !== $.height ? {
+      const j = await s.getDimensions(l.floating);
+      return w !== j.width || g !== j.height ? {
         reset: {
           rects: !0
         }
@@ -2645,11 +2645,11 @@ const rs = function(e) {
 function Ao(e) {
   const t = ge(e);
   let r = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const a = ye(e), i = a ? e.offsetWidth : r, l = a ? e.offsetHeight : n, s = lt(r) !== i || lt(n) !== l;
-  return s && (r = i, n = l), {
+  const a = ye(e), i = a ? e.offsetWidth : r, s = a ? e.offsetHeight : n, l = lt(r) !== i || lt(n) !== s;
+  return l && (r = i, n = s), {
     width: r,
     height: n,
-    $: s
+    $: l
   };
 }
 function Sr(e) {
@@ -2664,10 +2664,10 @@ function Xe(e) {
     height: a,
     $: i
   } = Ao(t);
-  let l = (i ? lt(r.width) : r.width) / n, s = (i ? lt(r.height) : r.height) / a;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!s || !Number.isFinite(s)) && (s = 1), {
-    x: l,
-    y: s
+  let s = (i ? lt(r.width) : r.width) / n, l = (i ? lt(r.height) : r.height) / a;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
   };
 }
 const as = /* @__PURE__ */ Ee(0);
@@ -2684,10 +2684,10 @@ function is(e, t, r) {
 function Ze(e, t, r, n) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   const a = e.getBoundingClientRect(), i = Sr(e);
-  let l = Ee(1);
-  t && (n ? ne(n) && (l = Xe(n)) : l = Xe(e));
-  const s = is(i, r, n) ? Oo(i) : Ee(0);
-  let c = (a.left + s.x) / l.x, d = (a.top + s.y) / l.y, u = a.width / l.x, h = a.height / l.y;
+  let s = Ee(1);
+  t && (n ? ne(n) && (s = Xe(n)) : s = Xe(e));
+  const l = is(i, r, n) ? Oo(i) : Ee(0);
+  let c = (a.left + l.x) / s.x, d = (a.top + l.y) / s.y, u = a.width / s.x, h = a.height / s.y;
   if (i) {
     const m = se(i), f = n && ne(n) ? se(n) : n;
     let w = m, g = pr(w);
@@ -2721,19 +2721,19 @@ function ls(e) {
     offsetParent: n,
     strategy: a
   } = e;
-  const i = a === "fixed", l = Le(n), s = t ? Nt(t.floating) : !1;
-  if (n === l || s && i)
+  const i = a === "fixed", s = Le(n), l = t ? Nt(t.floating) : !1;
+  if (n === s || l && i)
     return r;
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   }, d = Ee(1);
   const u = Ee(0), h = ye(n);
-  if ((h || !h && !i) && ((Qe(n) !== "body" || ut(l)) && (c = Tt(n)), ye(n))) {
+  if ((h || !h && !i) && ((Qe(n) !== "body" || ut(s)) && (c = Tt(n)), ye(n))) {
     const f = Ze(n);
     d = Xe(n), u.x = f.x + n.clientLeft, u.y = f.y + n.clientTop;
   }
-  const m = l && !h && !i ? Fo(l, c) : Ee(0);
+  const m = s && !h && !i ? Fo(s, c) : Ee(0);
   return {
     width: r.width * d.x,
     height: r.height * d.y,
@@ -2746,23 +2746,23 @@ function ss(e) {
 }
 function cs(e) {
   const t = Le(e), r = Tt(e), n = e.ownerDocument.body, a = te(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = te(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
-  let l = -r.scrollLeft + Ht(e);
-  const s = -r.scrollTop;
-  return ge(n).direction === "rtl" && (l += te(t.clientWidth, n.clientWidth) - a), {
+  let s = -r.scrollLeft + Ht(e);
+  const l = -r.scrollTop;
+  return ge(n).direction === "rtl" && (s += te(t.clientWidth, n.clientWidth) - a), {
     width: a,
     height: i,
-    x: l,
-    y: s
+    x: s,
+    y: l
   };
 }
 const wn = 25;
 function ds(e, t) {
   const r = se(e), n = Le(e), a = r.visualViewport;
-  let i = n.clientWidth, l = n.clientHeight, s = 0, c = 0;
+  let i = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
   if (a) {
-    i = a.width, l = a.height;
+    i = a.width, s = a.height;
     const u = Br();
-    (!u || u && t === "fixed") && (s = a.offsetLeft, c = a.offsetTop);
+    (!u || u && t === "fixed") && (l = a.offsetLeft, c = a.offsetTop);
   }
   const d = Ht(n);
   if (d <= 0) {
@@ -2771,17 +2771,17 @@ function ds(e, t) {
   } else d <= wn && (i += d);
   return {
     width: i,
-    height: l,
-    x: s,
+    height: s,
+    x: l,
     y: c
   };
 }
 const us = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function fs(e, t) {
-  const r = Ze(e, !0, t === "fixed"), n = r.top + e.clientTop, a = r.left + e.clientLeft, i = ye(e) ? Xe(e) : Ee(1), l = e.clientWidth * i.x, s = e.clientHeight * i.y, c = a * i.x, d = n * i.y;
+  const r = Ze(e, !0, t === "fixed"), n = r.top + e.clientTop, a = r.left + e.clientLeft, i = ye(e) ? Xe(e) : Ee(1), s = e.clientWidth * i.x, l = e.clientHeight * i.y, c = a * i.x, d = n * i.y;
   return {
-    width: l,
-    height: s,
+    width: s,
+    height: l,
     x: c,
     y: d
   };
@@ -2813,12 +2813,12 @@ function ms(e, t) {
   const r = t.get(e);
   if (r)
     return r;
-  let n = it(e, [], !1).filter((s) => ne(s) && Qe(s) !== "body"), a = null;
+  let n = it(e, [], !1).filter((l) => ne(l) && Qe(l) !== "body"), a = null;
   const i = ge(e).position === "fixed";
-  let l = i ? Ie(e) : e;
-  for (; ne(l) && !Ye(l); ) {
-    const s = ge(l), c = Fr(l);
-    !c && s.position === "fixed" && (a = null), (i ? !c && !a : !c && s.position === "static" && !!a && us.has(a.position) || ut(l) && !c && Bo(e, l)) ? n = n.filter((u) => u !== l) : a = s, l = Ie(l);
+  let s = i ? Ie(e) : e;
+  for (; ne(s) && !Ye(s); ) {
+    const l = ge(s), c = Fr(s);
+    !c && l.position === "fixed" && (a = null), (i ? !c && !a : !c && l.position === "static" && !!a && us.has(a.position) || ut(s) && !c && Bo(e, s)) ? n = n.filter((u) => u !== s) : a = l, s = Ie(s);
   }
   return t.set(e, n), n;
 }
@@ -2829,10 +2829,10 @@ function hs(e) {
     rootBoundary: n,
     strategy: a
   } = e;
-  const l = [...r === "clippingAncestors" ? Nt(t) ? [] : ms(t, this._c) : [].concat(r), n], s = l[0], c = l.reduce((d, u) => {
+  const s = [...r === "clippingAncestors" ? Nt(t) ? [] : ms(t, this._c) : [].concat(r), n], l = s[0], c = s.reduce((d, u) => {
     const h = pn(t, u, a);
-    return d.top = te(h.top, d.top), d.right = _e(h.right, d.right), d.bottom = _e(h.bottom, d.bottom), d.left = te(h.left, d.left), d;
-  }, pn(t, s, a));
+    return d.top = te(h.top, d.top), d.right = De(h.right, d.right), d.bottom = De(h.bottom, d.bottom), d.left = te(h.left, d.left), d;
+  }, pn(t, l, a));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -2851,8 +2851,8 @@ function ws(e) {
   };
 }
 function ps(e, t, r) {
-  const n = ye(t), a = Le(t), i = r === "fixed", l = Ze(e, !0, i, t);
-  let s = {
+  const n = ye(t), a = Le(t), i = r === "fixed", s = Ze(e, !0, i, t);
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
@@ -2861,17 +2861,17 @@ function ps(e, t, r) {
     c.x = Ht(a);
   }
   if (n || !n && !i)
-    if ((Qe(t) !== "body" || ut(a)) && (s = Tt(t)), n) {
+    if ((Qe(t) !== "body" || ut(a)) && (l = Tt(t)), n) {
       const f = Ze(t, !0, i, t);
       c.x = f.x + t.clientLeft, c.y = f.y + t.clientTop;
     } else a && d();
   i && !n && a && d();
-  const u = a && !n && !i ? Fo(a, s) : Ee(0), h = l.left + s.scrollLeft - c.x - u.x, m = l.top + s.scrollTop - c.y - u.y;
+  const u = a && !n && !i ? Fo(a, l) : Ee(0), h = s.left + l.scrollLeft - c.x - u.x, m = s.top + l.scrollTop - c.y - u.y;
   return {
     x: h,
     y: m,
-    width: l.width,
-    height: l.height
+    width: s.width,
+    height: s.height
   };
 }
 function er(e) {
@@ -2937,34 +2937,34 @@ function ks(e, t) {
   let r = null, n;
   const a = Le(e);
   function i() {
-    var s;
-    clearTimeout(n), (s = r) == null || s.disconnect(), r = null;
+    var l;
+    clearTimeout(n), (l = r) == null || l.disconnect(), r = null;
   }
-  function l(s, c) {
-    s === void 0 && (s = !1), c === void 0 && (c = 1), i();
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), i();
     const d = e.getBoundingClientRect(), {
       left: u,
       top: h,
       width: m,
       height: f
     } = d;
-    if (s || t(), !m || !f)
+    if (l || t(), !m || !f)
       return;
     const w = vt(h), g = vt(a.clientWidth - (u + m)), v = vt(a.clientHeight - (h + f)), E = vt(u), k = {
       rootMargin: -w + "px " + -g + "px " + -v + "px " + -E + "px",
-      threshold: te(0, _e(1, c)) || 1
+      threshold: te(0, De(1, c)) || 1
     };
     let y = !0;
     function x(R) {
-      const M = R[0].intersectionRatio;
-      if (M !== c) {
+      const C = R[0].intersectionRatio;
+      if (C !== c) {
         if (!y)
-          return l();
-        M ? l(!1, M) : n = setTimeout(() => {
-          l(!1, 1e-7);
+          return s();
+        C ? s(!1, C) : n = setTimeout(() => {
+          s(!1, 1e-7);
         }, 1e3);
       }
-      M === 1 && !Io(d, e.getBoundingClientRect()) && l(), y = !1;
+      C === 1 && !Io(d, e.getBoundingClientRect()) && s(), y = !1;
     }
     try {
       r = new IntersectionObserver(x, {
@@ -2977,15 +2977,15 @@ function ks(e, t) {
     }
     r.observe(e);
   }
-  return l(!0), i;
+  return s(!0), i;
 }
 function Es(e, t, r, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: a = !0,
     ancestorResize: i = !0,
-    elementResize: l = typeof ResizeObserver == "function",
-    layoutShift: s = typeof IntersectionObserver == "function",
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: c = !1
   } = n, d = Sr(e), u = a || i ? [...d ? it(d) : [], ...it(t)] : [];
   u.forEach((E) => {
@@ -2993,9 +2993,9 @@ function Es(e, t, r, n) {
       passive: !0
     }), i && E.addEventListener("resize", r);
   });
-  const h = d && s ? ks(d, r) : null;
+  const h = d && l ? ks(d, r) : null;
   let m = -1, f = null;
-  l && (f = new ResizeObserver((E) => {
+  s && (f = new ResizeObserver((E) => {
     let [b] = E;
     b && b.target === d && f && (f.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var k;
@@ -3082,9 +3082,9 @@ function js(e) {
     platform: a,
     elements: {
       reference: i,
-      floating: l
+      floating: s
     } = {},
-    transform: s = !0,
+    transform: l = !0,
     whileElementsMounted: c,
     open: d
   } = e, [u, h] = o.useState({
@@ -3099,51 +3099,51 @@ function js(e) {
   const [w, g] = o.useState(null), [v, E] = o.useState(null), b = o.useCallback((N) => {
     N !== R.current && (R.current = N, g(N));
   }, []), k = o.useCallback((N) => {
-    N !== M.current && (M.current = N, E(N));
-  }, []), y = i || w, x = l || v, R = o.useRef(null), M = o.useRef(null), W = o.useRef(u), $ = c != null, C = rr(c), A = rr(a), P = rr(d), T = o.useCallback(() => {
-    if (!R.current || !M.current)
+    N !== C.current && (C.current = N, E(N));
+  }, []), y = i || w, x = s || v, R = o.useRef(null), C = o.useRef(null), $ = o.useRef(u), j = c != null, M = rr(c), O = rr(a), T = rr(d), F = o.useCallback(() => {
+    if (!R.current || !C.current)
       return;
     const N = {
       placement: t,
       strategy: r,
       middleware: m
     };
-    A.current && (N.platform = A.current), Ms(R.current, M.current, N).then((H) => {
+    O.current && (N.platform = O.current), Ms(R.current, C.current, N).then((H) => {
       const z = {
         ...H,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: P.current !== !1
+        isPositioned: T.current !== !1
       };
-      O.current && !At(W.current, z) && (W.current = z, xt.flushSync(() => {
+      P.current && !At($.current, z) && ($.current = z, xt.flushSync(() => {
         h(z);
       }));
     });
-  }, [m, t, r, A, P]);
+  }, [m, t, r, O, T]);
   bt(() => {
-    d === !1 && W.current.isPositioned && (W.current.isPositioned = !1, h((N) => ({
+    d === !1 && $.current.isPositioned && ($.current.isPositioned = !1, h((N) => ({
       ...N,
       isPositioned: !1
     })));
   }, [d]);
-  const O = o.useRef(!1);
-  bt(() => (O.current = !0, () => {
-    O.current = !1;
+  const P = o.useRef(!1);
+  bt(() => (P.current = !0, () => {
+    P.current = !1;
   }), []), bt(() => {
-    if (y && (R.current = y), x && (M.current = x), y && x) {
-      if (C.current)
-        return C.current(y, x, T);
-      T();
+    if (y && (R.current = y), x && (C.current = x), y && x) {
+      if (M.current)
+        return M.current(y, x, F);
+      F();
     }
-  }, [y, x, T, C, $]);
-  const B = o.useMemo(() => ({
+  }, [y, x, F, M, j]);
+  const S = o.useMemo(() => ({
     reference: R,
-    floating: M,
+    floating: C,
     setReference: b,
     setFloating: k
-  }), [b, k]), D = o.useMemo(() => ({
+  }), [b, k]), _ = o.useMemo(() => ({
     reference: y,
     floating: x
   }), [y, x]), G = o.useMemo(() => {
@@ -3152,13 +3152,13 @@ function js(e) {
       left: 0,
       top: 0
     };
-    if (!D.floating)
+    if (!_.floating)
       return N;
-    const H = gn(D.floating, u.x), z = gn(D.floating, u.y);
-    return s ? {
+    const H = gn(_.floating, u.x), z = gn(_.floating, u.y);
+    return l ? {
       ...N,
       transform: "translate(" + H + "px, " + z + "px)",
-      ...Wo(D.floating) >= 1.5 && {
+      ...Wo(_.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -3166,14 +3166,14 @@ function js(e) {
       left: H,
       top: z
     };
-  }, [r, s, D.floating, u.x, u.y]);
+  }, [r, l, _.floating, u.x, u.y]);
   return o.useMemo(() => ({
     ...u,
-    update: T,
-    refs: B,
-    elements: D,
+    update: F,
+    refs: S,
+    elements: _,
     floatingStyles: G
-  }), [u, T, B, D, G]);
+  }), [u, F, S, _, G]);
 }
 const No = (e, t) => ({
   ...xs(e),
@@ -3255,26 +3255,26 @@ function Vs() {
     }
   };
 }
-const Ds = /* @__PURE__ */ o.createContext(null), _s = /* @__PURE__ */ o.createContext(null), Zs = () => {
+const _s = /* @__PURE__ */ o.createContext(null), Ds = /* @__PURE__ */ o.createContext(null), Zs = () => {
   var e;
-  return ((e = o.useContext(Ds)) == null ? void 0 : e.id) || null;
-}, Us = () => o.useContext(_s), qs = "data-floating-ui-focusable";
+  return ((e = o.useContext(_s)) == null ? void 0 : e.id) || null;
+}, Us = () => o.useContext(Ds), qs = "data-floating-ui-focusable";
 function Gs(e) {
   const {
     open: t = !1,
     onOpenChange: r,
     elements: n
-  } = e, a = Ts(), i = o.useRef({}), [l] = o.useState(() => Vs()), s = Zs() != null;
+  } = e, a = Ts(), i = o.useRef({}), [s] = o.useState(() => Vs()), l = Zs() != null;
   if (process.env.NODE_ENV !== "production") {
     const f = n.reference;
     f && !ne(f) && Hs("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
   const [c, d] = o.useState(n.reference), u = Po((f, w, g) => {
-    i.current.openEvent = f ? w : void 0, l.emit("openchange", {
+    i.current.openEvent = f ? w : void 0, s.emit("openchange", {
       open: f,
       event: w,
       reason: g,
-      nested: s
+      nested: l
     }), r == null || r(f, w, g);
   }), h = o.useMemo(() => ({
     setPositionReference: d
@@ -3288,10 +3288,10 @@ function Gs(e) {
     open: t,
     onOpenChange: u,
     elements: m,
-    events: l,
+    events: s,
     floatingId: a,
     refs: h
-  }), [t, u, m, l, a, h]);
+  }), [t, u, m, s, a, h]);
 }
 function zs(e) {
   e === void 0 && (e = {});
@@ -3304,7 +3304,7 @@ function zs(e) {
       floating: null,
       ...e.elements
     }
-  }), n = e.rootContext || r, a = n.elements, [i, l] = o.useState(null), [s, c] = o.useState(null), u = (a == null ? void 0 : a.domReference) || i, h = o.useRef(null), m = Us();
+  }), n = e.rootContext || r, a = n.elements, [i, s] = o.useState(null), [l, c] = o.useState(null), u = (a == null ? void 0 : a.domReference) || i, h = o.useRef(null), m = Us();
   gr(() => {
     u && (h.current = u);
   }, [u]);
@@ -3312,8 +3312,8 @@ function zs(e) {
     ...e,
     elements: {
       ...a,
-      ...s && {
-        reference: s
+      ...l && {
+        reference: l
       }
     }
   }), w = o.useCallback((k) => {
@@ -3323,7 +3323,7 @@ function zs(e) {
     } : k;
     c(y), f.refs.setReference(y);
   }, [f.refs]), g = o.useCallback((k) => {
-    (ne(k) || k === null) && (h.current = k, l(k)), (ne(f.refs.reference.current) || f.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    (ne(k) || k === null) && (h.current = k, s(k)), (ne(f.refs.reference.current) || f.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
     k !== null && !ne(k)) && f.refs.setReference(k);
@@ -3359,8 +3359,8 @@ function nr(e, t, r) {
   let i = e;
   if (a && e) {
     const {
-      [En]: l,
-      [xn]: s,
+      [En]: s,
+      [xn]: l,
       ...c
     } = e;
     i = c;
@@ -3371,46 +3371,46 @@ function nr(e, t, r) {
       [qs]: ""
     },
     ...i,
-    ...t.map((l) => {
-      const s = l ? l[r] : null;
-      return typeof s == "function" ? e ? s(e) : null : s;
-    }).concat(e).reduce((l, s) => (s && Object.entries(s).forEach((c) => {
+    ...t.map((s) => {
+      const l = s ? s[r] : null;
+      return typeof l == "function" ? e ? l(e) : null : l;
+    }).concat(e).reduce((s, l) => (l && Object.entries(l).forEach((c) => {
       let [d, u] = c;
       if (!(a && [En, xn].includes(d)))
         if (d.indexOf("on") === 0) {
           if (n.has(d) || n.set(d, []), typeof u == "function") {
             var h;
-            (h = n.get(d)) == null || h.push(u), l[d] = function() {
+            (h = n.get(d)) == null || h.push(u), s[d] = function() {
               for (var m, f = arguments.length, w = new Array(f), g = 0; g < f; g++)
                 w[g] = arguments[g];
               return (m = n.get(d)) == null ? void 0 : m.map((v) => v(...w)).find((v) => v !== void 0);
             };
           }
         } else
-          l[d] = u;
-    }), l), {})
+          s[d] = u;
+    }), s), {})
   };
 }
 function Ks(e) {
   e === void 0 && (e = []);
-  const t = e.map((s) => s == null ? void 0 : s.reference), r = e.map((s) => s == null ? void 0 : s.floating), n = e.map((s) => s == null ? void 0 : s.item), a = o.useCallback(
-    (s) => nr(s, e, "reference"),
+  const t = e.map((l) => l == null ? void 0 : l.reference), r = e.map((l) => l == null ? void 0 : l.floating), n = e.map((l) => l == null ? void 0 : l.item), a = o.useCallback(
+    (l) => nr(l, e, "reference"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
   ), i = o.useCallback(
-    (s) => nr(s, e, "floating"),
+    (l) => nr(l, e, "floating"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     r
-  ), l = o.useCallback(
-    (s) => nr(s, e, "item"),
+  ), s = o.useCallback(
+    (l) => nr(l, e, "item"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     n
   );
   return o.useMemo(() => ({
     getReferenceProps: a,
     getFloatingProps: i,
-    getItemProps: l
-  }), [a, i, l]);
+    getItemProps: s
+  }), [a, i, s]);
 }
 function yn(e, t) {
   return {
@@ -3433,8 +3433,8 @@ const Xs = (e) => ({
       overflowRef: n,
       onFallbackChange: a,
       offset: i = 0,
-      index: l = 0,
-      minItemsVisible: s = 4,
+      index: s = 0,
+      minItemsVisible: l = 4,
       referenceOverflowThreshold: c = 0,
       scrollRef: d,
       ...u
@@ -3443,7 +3443,7 @@ const Xs = (e) => ({
       elements: {
         floating: m
       }
-    } = t, f = r.current[l], w = (d == null ? void 0 : d.current) || m, g = m.clientTop || w.clientTop, v = m.clientTop !== 0, E = w.clientTop !== 0, b = m === w;
+    } = t, f = r.current[s], w = (d == null ? void 0 : d.current) || m, g = m.clientTop || w.clientTop, v = m.clientTop !== 0, E = w.clientTop !== 0, b = m === w;
     if (process.env.NODE_ENV !== "production" && (t.placement.startsWith("bottom") || Ps('`placement` side must be "bottom" when using the `inner`', "middleware.")), !f)
       return {};
     const k = {
@@ -3452,16 +3452,16 @@ const Xs = (e) => ({
     }, y = await tr(yn(k, w.scrollHeight + g + m.clientTop), u), x = await tr(k, {
       ...u,
       elementContext: "reference"
-    }), R = te(0, y.top), M = k.y + R, C = (w.scrollHeight > w.clientHeight ? (A) => A : lt)(te(0, w.scrollHeight + (v && b || E ? g * 2 : 0) - R - te(0, y.bottom)));
-    if (w.style.maxHeight = C + "px", w.scrollTop = R, a) {
-      const A = w.offsetHeight < f.offsetHeight * _e(s, r.current.length) - 1 || x.top >= -c || x.bottom >= -c;
-      xt.flushSync(() => a(A));
+    }), R = te(0, y.top), C = k.y + R, M = (w.scrollHeight > w.clientHeight ? (O) => O : lt)(te(0, w.scrollHeight + (v && b || E ? g * 2 : 0) - R - te(0, y.bottom)));
+    if (w.style.maxHeight = M + "px", w.scrollTop = R, a) {
+      const O = w.offsetHeight < f.offsetHeight * De(l, r.current.length) - 1 || x.top >= -c || x.bottom >= -c;
+      xt.flushSync(() => a(O));
     }
     return n && (n.current = await tr(yn({
       ...k,
-      y: M
+      y: C
     }, w.offsetHeight + g + m.clientTop), u)), {
-      y: M
+      y: C
     };
   }
 });
@@ -3472,9 +3472,9 @@ function Ys(e, t) {
   } = e, {
     enabled: a = !0,
     overflowRef: i,
-    scrollRef: l,
-    onChange: s
-  } = t, c = Po(s), d = o.useRef(!1), u = o.useRef(null), h = o.useRef(null);
+    scrollRef: s,
+    onChange: l
+  } = t, c = Po(l), d = o.useRef(!1), u = o.useRef(null), h = o.useRef(null);
   o.useEffect(() => {
     if (!a) return;
     function f(g) {
@@ -3485,7 +3485,7 @@ function Ys(e, t) {
         c((R) => R + Math[x](v, k * y));
       })) : /firefox/i.test(Hl()) && (w.scrollTop += v));
     }
-    const w = (l == null ? void 0 : l.current) || n.floating;
+    const w = (s == null ? void 0 : s.current) || n.floating;
     if (r && w)
       return w.addEventListener("wheel", f), requestAnimationFrame(() => {
         u.current = w.scrollTop, i.current != null && (h.current = {
@@ -3494,7 +3494,7 @@ function Ys(e, t) {
       }), () => {
         u.current = null, h.current = null, w.removeEventListener("wheel", f);
       };
-  }, [a, r, n.floating, i, l, c]);
+  }, [a, r, n.floating, i, s, c]);
   const m = o.useMemo(() => ({
     onKeyDown() {
       d.current = !0;
@@ -3506,7 +3506,7 @@ function Ys(e, t) {
       d.current = !1;
     },
     onScroll() {
-      const f = (l == null ? void 0 : l.current) || n.floating;
+      const f = (s == null ? void 0 : s.current) || n.floating;
       if (!(!i.current || !f || !d.current)) {
         if (u.current !== null) {
           const w = f.scrollTop - u.current;
@@ -3517,7 +3517,7 @@ function Ys(e, t) {
         });
       }
     }
-  }), [n.floating, c, i, l]);
+  }), [n.floating, c, i, s]);
   return o.useMemo(() => a ? {
     floating: m
   } : {}, [a, m]);
@@ -3539,13 +3539,13 @@ function e0() {
 }
 function t0() {
   let { getFloatingProps: e, slot: t } = X(et);
-  return _((...r) => Object.assign({}, e(...r), { "data-anchor": t.anchor }), [e, t]);
+  return D((...r) => Object.assign({}, e(...r), { "data-anchor": t.anchor }), [e, t]);
 }
 function r0(e = null) {
   e === !1 && (e = null), typeof e == "string" && (e = { to: e });
   let t = X(Ir), r = ae(() => e, [JSON.stringify(e, (a, i) => {
-    var l;
-    return (l = i == null ? void 0 : i.outerHTML) != null ? l : i;
+    var s;
+    return (s = i == null ? void 0 : i.outerHTML) != null ? s : i;
   })]);
   Q(() => {
     t == null || t(r ?? null);
@@ -3555,38 +3555,38 @@ function r0(e = null) {
 }
 let Ln = 4;
 function n0({ children: e, enabled: t = !0 }) {
-  let [r, n] = j(null), [a, i] = j(0), l = S(null), [s, c] = j(null);
-  o0(s);
-  let d = t && r !== null && s !== null, { to: u = "bottom", gap: h = 0, offset: m = 0, padding: f = 0, inner: w } = a0(r, s), [g, v = "center"] = u.split(" ");
+  let [r, n] = A(null), [a, i] = A(0), s = I(null), [l, c] = A(null);
+  o0(l);
+  let d = t && r !== null && l !== null, { to: u = "bottom", gap: h = 0, offset: m = 0, padding: f = 0, inner: w } = a0(r, l), [g, v = "center"] = u.split(" ");
   Q(() => {
     d && i(0);
   }, [d]);
-  let { refs: E, floatingStyles: b, context: k } = zs({ open: d, placement: g === "selection" ? v === "center" ? "bottom" : `bottom-${v}` : v === "center" ? `${g}` : `${g}-${v}`, strategy: "absolute", transform: !1, middleware: [No({ mainAxis: g === "selection" ? 0 : h, crossAxis: m }), As({ padding: f }), g !== "selection" && Os({ padding: f }), g === "selection" && w ? Xs({ ...w, padding: f, overflowRef: l, offset: a, minItemsVisible: Ln, referenceOverflowThreshold: f, onFallbackChange(A) {
-    var P, T;
-    if (!A) return;
-    let O = k.elements.floating;
+  let { refs: E, floatingStyles: b, context: k } = zs({ open: d, placement: g === "selection" ? v === "center" ? "bottom" : `bottom-${v}` : v === "center" ? `${g}` : `${g}-${v}`, strategy: "absolute", transform: !1, middleware: [No({ mainAxis: g === "selection" ? 0 : h, crossAxis: m }), As({ padding: f }), g !== "selection" && Os({ padding: f }), g === "selection" && w ? Xs({ ...w, padding: f, overflowRef: s, offset: a, minItemsVisible: Ln, referenceOverflowThreshold: f, onFallbackChange(O) {
+    var T, F;
     if (!O) return;
-    let B = parseFloat(getComputedStyle(O).scrollPaddingBottom) || 0, D = Math.min(Ln, O.childElementCount), G = 0, N = 0;
-    for (let H of (T = (P = k.elements.floating) == null ? void 0 : P.childNodes) != null ? T : []) if (je(H)) {
-      let z = H.offsetTop, Re = z + H.clientHeight + B, J = O.scrollTop, Y = J + O.clientHeight;
-      if (z >= J && Re <= Y) D--;
+    let P = k.elements.floating;
+    if (!P) return;
+    let S = parseFloat(getComputedStyle(P).scrollPaddingBottom) || 0, _ = Math.min(Ln, P.childElementCount), G = 0, N = 0;
+    for (let H of (F = (T = k.elements.floating) == null ? void 0 : T.childNodes) != null ? F : []) if (je(H)) {
+      let z = H.offsetTop, Re = z + H.clientHeight + S, J = P.scrollTop, Y = J + P.clientHeight;
+      if (z >= J && Re <= Y) _--;
       else {
         N = Math.max(0, Math.min(Re, Y) - Math.max(z, J)), G = H.clientHeight;
         break;
       }
     }
-    D >= 1 && i((H) => {
-      let z = G * D - N + B;
+    _ >= 1 && i((H) => {
+      let z = G * _ - N + S;
       return H >= z ? H : z;
     });
-  } }) : null, Fs({ padding: f, apply({ availableWidth: A, availableHeight: P, elements: T }) {
-    Object.assign(T.floating.style, { overflow: "auto", maxWidth: `${A}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${P}px)` });
+  } }) : null, Fs({ padding: f, apply({ availableWidth: O, availableHeight: T, elements: F }) {
+    Object.assign(F.floating.style, { overflow: "auto", maxWidth: `${O}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${T}px)` });
   } })].filter(Boolean), whileElementsMounted: Es }), [y = g, x = v] = k.placement.split("-");
   g === "selection" && (y = "selection");
-  let R = ae(() => ({ anchor: [y, x].filter(Boolean).join(" ") }), [y, x]), M = Ys(k, { overflowRef: l, onChange: i }), { getReferenceProps: W, getFloatingProps: $ } = Ks([M]), C = V((A) => {
-    c(A), E.setFloating(A);
+  let R = ae(() => ({ anchor: [y, x].filter(Boolean).join(" ") }), [y, x]), C = Ys(k, { overflowRef: s, onChange: i }), { getReferenceProps: $, getFloatingProps: j } = Ks([C]), M = V((O) => {
+    c(O), E.setFloating(O);
   });
-  return o.createElement(Ir.Provider, { value: n }, o.createElement(et.Provider, { value: { setFloating: C, setReference: E.setReference, styles: b, getReferenceProps: W, getFloatingProps: $, slot: R } }, e));
+  return o.createElement(Ir.Provider, { value: n }, o.createElement(et.Provider, { value: { setFloating: M, setReference: E.setReference, styles: b, getReferenceProps: $, getFloatingProps: j, slot: R } }, e));
 }
 function o0(e) {
   Q(() => {
@@ -3604,8 +3604,8 @@ function o0(e) {
 }
 function a0(e, t) {
   var r, n, a;
-  let i = or((r = e == null ? void 0 : e.gap) != null ? r : "var(--anchor-gap, 0)", t), l = or((n = e == null ? void 0 : e.offset) != null ? n : "var(--anchor-offset, 0)", t), s = or((a = e == null ? void 0 : e.padding) != null ? a : "var(--anchor-padding, 0)", t);
-  return { ...e, gap: i, offset: l, padding: s };
+  let i = or((r = e == null ? void 0 : e.gap) != null ? r : "var(--anchor-gap, 0)", t), s = or((n = e == null ? void 0 : e.offset) != null ? n : "var(--anchor-offset, 0)", t), l = or((a = e == null ? void 0 : e.padding) != null ? a : "var(--anchor-padding, 0)", t);
+  return { ...e, gap: i, offset: s, padding: l };
 }
 function or(e, t, r = void 0) {
   let n = qe(), a = V((c, d) => {
@@ -3637,11 +3637,11 @@ function or(e, t, r = void 0) {
       }];
     }
     return [r, null];
-  }), i = ae(() => a(e, t)[0], [e, t]), [l = i, s] = j();
+  }), i = ae(() => a(e, t)[0], [e, t]), [s = i, l] = A();
   return Q(() => {
     let [c, d] = a(e, t);
-    if (s(c), !!d) return d(s);
-  }, [e, t]), l;
+    if (l(c), !!d) return d(l);
+  }, [e, t]), s;
 }
 function Ho(e) {
   let t = /var\((.*)\)/.exec(e);
@@ -3661,11 +3661,11 @@ function Rn(e, t) {
 }
 function i0({ children: e, freeze: t }, r) {
   let n = Vo(t, e);
-  return xr(n) ? In(n, { ref: r }) : F.createElement(F.Fragment, null, n);
+  return xr(n) ? In(n, { ref: r }) : B.createElement(B.Fragment, null, n);
 }
-F.forwardRef(i0);
+B.forwardRef(i0);
 function Vo(e, t) {
-  let [r, n] = j(t);
+  let [r, n] = A(t);
   return !e && r !== t && n(t), e ? r : t;
 }
 let Wr = oe(null);
@@ -3674,8 +3674,8 @@ var ve = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closin
 function Nr() {
   return X(Wr);
 }
-function Do({ value: e, children: t }) {
-  return F.createElement(Wr.Provider, { value: e }, t);
+function _o({ value: e, children: t }) {
+  return B.createElement(Wr.Provider, { value: e }, t);
 }
 function l0(e) {
   throw new Error("Unexpected object: " + e);
@@ -3713,8 +3713,8 @@ function gt(e, t) {
       l0(e);
   }
 }
-function _o(e) {
-  let t = V(e), r = S(!1);
+function Do(e) {
+  let t = V(e), r = I(!1);
   q(() => (r.current = !1, () => {
     r.current = !0, Kn(() => {
       r.current && t();
@@ -3726,15 +3726,15 @@ function c0() {
   return X(s0);
 }
 function d0(e) {
-  let t = c0(), r = X(Uo), [n, a] = j(() => {
+  let t = c0(), r = X(Uo), [n, a] = A(() => {
     var i;
     if (!t && r !== null) return (i = r.current) != null ? i : null;
     if (ke.isServer) return null;
-    let l = e == null ? void 0 : e.getElementById("headlessui-portal-root");
-    if (l) return l;
+    let s = e == null ? void 0 : e.getElementById("headlessui-portal-root");
+    if (s) return s;
     if (e === null) return null;
-    let s = e.createElement("div");
-    return s.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(s);
+    let l = e.createElement("div");
+    return l.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(l);
   });
   return q(() => {
     n !== null && (e != null && e.body.contains(n) || e == null || e.body.appendChild(n));
@@ -3743,24 +3743,24 @@ function d0(e) {
   }, [r, a, t]), n;
 }
 let Zo = xe, u0 = le(function(e, t) {
-  let { ownerDocument: r = null, ...n } = e, a = S(null), i = pe($i((m) => {
+  let { ownerDocument: r = null, ...n } = e, a = I(null), i = pe($i((m) => {
     a.current = m;
-  }), t), l = wr(a.current), s = r ?? l, c = d0(s), d = X(w0), u = qe(), h = ue();
-  return _o(() => {
+  }), t), s = wr(a.current), l = r ?? s, c = d0(l), d = X(w0), u = qe(), h = ue();
+  return Do(() => {
     var m;
     c && c.childNodes.length <= 0 && ((m = c.parentElement) == null || m.removeChild(c));
-  }), c ? Wn(F.createElement("div", { "data-headlessui-portal": "", ref: (m) => {
+  }), c ? Wn(B.createElement("div", { "data-headlessui-portal": "", ref: (m) => {
     u.dispose(), d && m && u.add(d.register(m));
   } }, h({ ourProps: { ref: i }, theirProps: n, slot: {}, defaultTag: Zo, name: "Portal" })), c) : null;
 });
 function f0(e, t) {
-  let r = pe(t), { enabled: n = !0, ownerDocument: a, ...i } = e, l = ue();
-  return n ? F.createElement(u0, { ...i, ownerDocument: a, ref: r }) : l({ ourProps: { ref: r }, theirProps: i, slot: {}, defaultTag: Zo, name: "Portal" });
+  let r = pe(t), { enabled: n = !0, ownerDocument: a, ...i } = e, s = ue();
+  return n ? B.createElement(u0, { ...i, ownerDocument: a, ref: r }) : s({ ourProps: { ref: r }, theirProps: i, slot: {}, defaultTag: Zo, name: "Portal" });
 }
 let m0 = xe, Uo = oe(null);
 function h0(e, t) {
   let { target: r, ...n } = e, a = { ref: pe(t) }, i = ue();
-  return F.createElement(Uo.Provider, { value: r }, i({ ourProps: a, theirProps: n, defaultTag: m0, name: "Popover.Group" }));
+  return B.createElement(Uo.Provider, { value: r }, i({ ourProps: a, theirProps: n, defaultTag: m0, name: "Popover.Group" }));
 }
 let w0 = oe(null), p0 = le(f0), v0 = le(h0), g0 = Object.assign(p0, { Group: v0 });
 const kt = { Idle: { kind: "Idle" }, Tracked: (e) => ({ kind: "Tracked", position: e }), Moved: { kind: "Moved" } };
@@ -3773,8 +3773,8 @@ function b0(e, t, r) {
   if (t.kind === "Tracked") {
     let a = function() {
       i !== qo(e) && (n.dispose(), r());
-    }, { position: i } = t, l = new ResizeObserver(a);
-    l.observe(e), n.add(() => l.disconnect()), n.addEventListener(window, "scroll", a, { passive: !0 }), n.addEventListener(window, "resize", a);
+    }, { position: i } = t, s = new ResizeObserver(a);
+    s.observe(e), n.add(() => s.disconnect()), n.addEventListener(window, "scroll", a, { passive: !0 }), n.addEventListener(window, "resize", a);
   }
   return () => n.dispose();
 }
@@ -3790,14 +3790,14 @@ function Go() {
   }, [t]), o.useEffect(() => ke.handoff(), []), e ? !1 : t;
 }
 function E0() {
-  let e = S(!1);
+  let e = I(!1);
   return Q(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }
 function zo(e) {
   var t;
-  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || !ot((t = e.as) != null ? t : Xo) || F.Children.count(e.children) === 1;
+  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || !ot((t = e.as) != null ? t : Xo) || B.Children.count(e.children) === 1;
 }
 let Vt = oe(null);
 Vt.displayName = "TransitionContext";
@@ -3808,17 +3808,17 @@ function y0() {
   return e;
 }
 function L0() {
-  let e = X(Dt);
+  let e = X(_t);
   if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
   return e;
 }
-let Dt = oe(null);
-Dt.displayName = "NestingContext";
-function _t(e) {
-  return "children" in e ? _t(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
+let _t = oe(null);
+_t.displayName = "NestingContext";
+function Dt(e) {
+  return "children" in e ? Dt(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
 }
 function Ko(e, t) {
-  let r = Ge(e), n = S([]), a = E0(), i = qe(), l = V((f, w = Fe.Hidden) => {
+  let r = Ge(e), n = I([]), a = E0(), i = qe(), s = V((f, w = Fe.Hidden) => {
     let g = n.current.findIndex(({ el: v }) => v === f);
     g !== -1 && (we(w, { [Fe.Unmount]() {
       n.current.splice(g, 1);
@@ -3826,12 +3826,12 @@ function Ko(e, t) {
       n.current[g].state = "hidden";
     } }), i.microTask(() => {
       var v;
-      !_t(n) && a.current && ((v = r.current) == null || v.call(r));
+      !Dt(n) && a.current && ((v = r.current) == null || v.call(r));
     }));
-  }), s = V((f) => {
+  }), l = V((f) => {
     let w = n.current.find(({ el: g }) => g === f);
-    return w ? w.state !== "visible" && (w.state = "visible") : n.current.push({ el: f, state: "visible" }), () => l(f, Fe.Unmount);
-  }), c = S([]), d = S(Promise.resolve()), u = S({ enter: [], leave: [] }), h = V((f, w, g) => {
+    return w ? w.state !== "visible" && (w.state = "visible") : n.current.push({ el: f, state: "visible" }), () => s(f, Fe.Unmount);
+  }), c = I([]), d = I(Promise.resolve()), u = I({ enter: [], leave: [] }), h = V((f, w, g) => {
     c.current.splice(0), t && (t.chains.current[w] = t.chains.current[w].filter(([v]) => v !== f)), t == null || t.chains.current[w].push([f, new Promise((v) => {
       c.current.push(v);
     })]), t == null || t.chains.current[w].push([f, new Promise((v) => {
@@ -3843,61 +3843,61 @@ function Ko(e, t) {
       (v = c.current.shift()) == null || v();
     }).then(() => g(w));
   });
-  return ae(() => ({ children: n, register: s, unregister: l, onStart: h, onStop: m, wait: d, chains: u }), [s, l, n, h, m, u, d]);
+  return ae(() => ({ children: n, register: l, unregister: s, onStart: h, onStop: m, wait: d, chains: u }), [l, s, n, h, m, u, d]);
 }
 let Xo = xe, Yo = Ct.RenderStrategy;
 function R0(e, t) {
   var r, n;
-  let { transition: a = !0, beforeEnter: i, afterEnter: l, beforeLeave: s, afterLeave: c, enter: d, enterFrom: u, enterTo: h, entered: m, leave: f, leaveFrom: w, leaveTo: g, ...v } = e, [E, b] = j(null), k = S(null), y = zo(e), x = pe(...y ? [k, t, b] : t === null ? [] : [t]), R = (r = v.unmount) == null || r ? Fe.Unmount : Fe.Hidden, { show: M, appear: W, initial: $ } = y0(), [C, A] = j(M ? "visible" : "hidden"), P = L0(), { register: T, unregister: O } = P;
-  Q(() => T(k), [T, k]), Q(() => {
+  let { transition: a = !0, beforeEnter: i, afterEnter: s, beforeLeave: l, afterLeave: c, enter: d, enterFrom: u, enterTo: h, entered: m, leave: f, leaveFrom: w, leaveTo: g, ...v } = e, [E, b] = A(null), k = I(null), y = zo(e), x = pe(...y ? [k, t, b] : t === null ? [] : [t]), R = (r = v.unmount) == null || r ? Fe.Unmount : Fe.Hidden, { show: C, appear: $, initial: j } = y0(), [M, O] = A(C ? "visible" : "hidden"), T = L0(), { register: F, unregister: P } = T;
+  Q(() => F(k), [F, k]), Q(() => {
     if (R === Fe.Hidden && k.current) {
-      if (M && C !== "visible") {
-        A("visible");
+      if (C && M !== "visible") {
+        O("visible");
         return;
       }
-      return we(C, { hidden: () => O(k), visible: () => T(k) });
+      return we(M, { hidden: () => P(k), visible: () => F(k) });
     }
-  }, [C, k, T, O, M, R]);
-  let B = Go();
+  }, [M, k, F, P, C, R]);
+  let S = Go();
   Q(() => {
-    if (y && B && C === "visible" && k.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
-  }, [k, C, B, y]);
-  let D = $ && !W, G = W && M && $, N = S(!1), H = Ko(() => {
-    N.current || (A("hidden"), O(k));
-  }, P), z = V((fe) => {
+    if (y && S && M === "visible" && k.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [k, M, S, y]);
+  let _ = j && !$, G = $ && C && j, N = I(!1), H = Ko(() => {
+    N.current || (O("hidden"), P(k));
+  }, T), z = V((fe) => {
     N.current = !0;
     let Ae = fe ? "enter" : "leave";
     H.onStart(k, Ae, (Pe) => {
-      Pe === "enter" ? i == null || i() : Pe === "leave" && (s == null || s());
+      Pe === "enter" ? i == null || i() : Pe === "leave" && (l == null || l());
     });
   }), Re = V((fe) => {
     let Ae = fe ? "enter" : "leave";
     N.current = !1, H.onStop(k, Ae, (Pe) => {
-      Pe === "enter" ? l == null || l() : Pe === "leave" && (c == null || c());
-    }), Ae === "leave" && !_t(H) && (A("hidden"), O(k));
+      Pe === "enter" ? s == null || s() : Pe === "leave" && (c == null || c());
+    }), Ae === "leave" && !Dt(H) && (O("hidden"), P(k));
   });
   q(() => {
-    y && a || (z(M), Re(M));
-  }, [M, y, a]);
-  let J = !(!a || !y || !B || D), [, Y] = Lo(J, E, M, { start: z, end: Re }), Ut = Oe({ ref: x, className: ((n = dr(v.className, G && d, G && u, Y.enter && d, Y.enter && Y.closed && u, Y.enter && !Y.closed && h, Y.leave && f, Y.leave && !Y.closed && w, Y.leave && Y.closed && g, !Y.transition && M && m)) == null ? void 0 : n.trim()) || void 0, ...yo(Y) }), Te = 0;
-  C === "visible" && (Te |= ve.Open), C === "hidden" && (Te |= ve.Closed), M && C === "hidden" && (Te |= ve.Opening), !M && C === "visible" && (Te |= ve.Closing);
-  let I = ue();
-  return F.createElement(Dt.Provider, { value: H }, F.createElement(Do, { value: Te }, I({ ourProps: Ut, theirProps: v, defaultTag: Xo, features: Yo, visible: C === "visible", name: "Transition.Child" })));
+    y && a || (z(C), Re(C));
+  }, [C, y, a]);
+  let J = !(!a || !y || !S || _), [, Y] = Lo(J, E, C, { start: z, end: Re }), Ut = Oe({ ref: x, className: ((n = dr(v.className, G && d, G && u, Y.enter && d, Y.enter && Y.closed && u, Y.enter && !Y.closed && h, Y.leave && f, Y.leave && !Y.closed && w, Y.leave && Y.closed && g, !Y.transition && C && m)) == null ? void 0 : n.trim()) || void 0, ...yo(Y) }), Te = 0;
+  M === "visible" && (Te |= ve.Open), M === "hidden" && (Te |= ve.Closed), C && M === "hidden" && (Te |= ve.Opening), !C && M === "visible" && (Te |= ve.Closing);
+  let W = ue();
+  return B.createElement(_t.Provider, { value: H }, B.createElement(_o, { value: Te }, W({ ourProps: Ut, theirProps: v, defaultTag: Xo, features: Yo, visible: M === "visible", name: "Transition.Child" })));
 }
 function M0(e, t) {
-  let { show: r, appear: n = !1, unmount: a = !0, ...i } = e, l = S(null), s = zo(e), c = pe(...s ? [l, t] : t === null ? [] : [t]);
+  let { show: r, appear: n = !1, unmount: a = !0, ...i } = e, s = I(null), l = zo(e), c = pe(...l ? [s, t] : t === null ? [] : [t]);
   Go();
   let d = Nr();
   if (r === void 0 && d !== null && (r = (d & ve.Open) === ve.Open), r === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [u, h] = j(r ? "visible" : "hidden"), m = Ko(() => {
+  let [u, h] = A(r ? "visible" : "hidden"), m = Ko(() => {
     r || h("hidden");
-  }), [f, w] = j(!0), g = S([r]);
+  }), [f, w] = A(!0), g = I([r]);
   Q(() => {
     f !== !1 && g.current[g.current.length - 1] !== r && (g.current.push(r), w(!1));
   }, [g, r]);
   let v = ae(() => ({ show: r, appear: n, initial: f }), [r, n, f]);
   Q(() => {
-    r ? h("visible") : !_t(m) && l.current !== null && h("hidden");
+    r ? h("visible") : !Dt(m) && s.current !== null && h("hidden");
   }, [r, m]);
   let E = { unmount: a }, b = V(() => {
     var x;
@@ -3906,11 +3906,11 @@ function M0(e, t) {
     var x;
     f && w(!1), (x = e.beforeLeave) == null || x.call(e);
   }), y = ue();
-  return F.createElement(Dt.Provider, { value: m }, F.createElement(Vt.Provider, { value: v }, y({ ourProps: { ...E, as: xe, children: F.createElement(Qo, { ref: c, ...E, ...i, beforeEnter: b, beforeLeave: k }) }, theirProps: {}, defaultTag: xe, features: Yo, visible: u === "visible", name: "Transition" })));
+  return B.createElement(_t.Provider, { value: m }, B.createElement(Vt.Provider, { value: v }, y({ ourProps: { ...E, as: xe, children: B.createElement(Qo, { ref: c, ...E, ...i, beforeEnter: b, beforeLeave: k }) }, theirProps: {}, defaultTag: xe, features: Yo, visible: u === "visible", name: "Transition" })));
 }
 function C0(e, t) {
   let r = X(Vt) !== null, n = Nr() !== null;
-  return F.createElement(F.Fragment, null, !r && n ? F.createElement(br, { ref: t, ...e }) : F.createElement(Qo, { ref: t, ...e }));
+  return B.createElement(B.Fragment, null, !r && n ? B.createElement(br, { ref: t, ...e }) : B.createElement(Qo, { ref: t, ...e }));
 }
 let br = le(M0), Qo = le(R0), $0 = le(C0), Jo = Object.assign(br, { Child: $0, Root: br }), Mn = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
 function Cn(e) {
@@ -3918,9 +3918,9 @@ function Cn(e) {
   let n = (t = e.innerText) != null ? t : "", a = e.cloneNode(!0);
   if (!je(a)) return n;
   let i = !1;
-  for (let s of a.querySelectorAll('[hidden],[aria-hidden],[role="img"]')) s.remove(), i = !0;
-  let l = i ? (r = a.innerText) != null ? r : "" : n;
-  return Mn.test(l) && (l = l.replace(Mn, "")), l;
+  for (let l of a.querySelectorAll('[hidden],[aria-hidden],[role="img"]')) l.remove(), i = !0;
+  let s = i ? (r = a.innerText) != null ? r : "" : n;
+  return Mn.test(s) && (s = s.replace(Mn, "")), s;
 }
 function j0(e) {
   let t = e.getAttribute("aria-label");
@@ -3930,8 +3930,8 @@ function j0(e) {
     let n = r.split(" ").map((a) => {
       let i = document.getElementById(a);
       if (i) {
-        let l = i.getAttribute("aria-label");
-        return typeof l == "string" ? l.trim() : Cn(i).trim();
+        let s = i.getAttribute("aria-label");
+        return typeof s == "string" ? s.trim() : Cn(i).trim();
       }
       return null;
     }).filter(Boolean);
@@ -3940,7 +3940,7 @@ function j0(e) {
   return Cn(e).trim();
 }
 function A0(e) {
-  let t = S(""), r = S("");
+  let t = I(""), r = I("");
   return V(() => {
     let n = e.current;
     if (!n) return "";
@@ -3964,18 +3964,18 @@ let B0 = { 1(e) {
   let r = e.activeOptionIndex, { isSelected: n } = e.dataRef.current, a = e.options.findIndex((i) => n(i.dataRef.current.value));
   return a !== -1 && (r = a), { ...e, frozenValue: !1, pendingFocus: t.focus, listboxState: 0, activeOptionIndex: r, __demoMode: !1, buttonPositionState: kt.Idle };
 }, 2(e, t) {
-  var r, n, a, i, l;
+  var r, n, a, i, s;
   if (e.dataRef.current.disabled || e.listboxState === 1) return e;
-  let s = { ...e, searchQuery: "", activationTrigger: (r = t.trigger) != null ? r : 1, __demoMode: !1 };
-  if (t.focus === K.Nothing) return { ...s, activeOptionIndex: null };
-  if (t.focus === K.Specific) return { ...s, activeOptionIndex: e.options.findIndex((u) => u.id === t.id) };
+  let l = { ...e, searchQuery: "", activationTrigger: (r = t.trigger) != null ? r : 1, __demoMode: !1 };
+  if (t.focus === K.Nothing) return { ...l, activeOptionIndex: null };
+  if (t.focus === K.Specific) return { ...l, activeOptionIndex: e.options.findIndex((u) => u.id === t.id) };
   if (t.focus === K.Previous) {
     let u = e.activeOptionIndex;
     if (u !== null) {
       let h = e.options[u].dataRef.current.domRef, m = gt(t, { resolveItems: () => e.options, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.current.disabled });
       if (m !== null) {
         let f = e.options[m].dataRef.current.domRef;
-        if (((n = h.current) == null ? void 0 : n.previousElementSibling) === f.current || ((a = f.current) == null ? void 0 : a.previousElementSibling) === null) return { ...s, activeOptionIndex: m };
+        if (((n = h.current) == null ? void 0 : n.previousElementSibling) === f.current || ((a = f.current) == null ? void 0 : a.previousElementSibling) === null) return { ...l, activeOptionIndex: m };
       }
     }
   } else if (t.focus === K.Next) {
@@ -3984,17 +3984,17 @@ let B0 = { 1(e) {
       let h = e.options[u].dataRef.current.domRef, m = gt(t, { resolveItems: () => e.options, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.current.disabled });
       if (m !== null) {
         let f = e.options[m].dataRef.current.domRef;
-        if (((i = h.current) == null ? void 0 : i.nextElementSibling) === f.current || ((l = f.current) == null ? void 0 : l.nextElementSibling) === null) return { ...s, activeOptionIndex: m };
+        if (((i = h.current) == null ? void 0 : i.nextElementSibling) === f.current || ((s = f.current) == null ? void 0 : s.nextElementSibling) === null) return { ...l, activeOptionIndex: m };
       }
     }
   }
   let c = jn(e), d = gt(t, { resolveItems: () => c.options, resolveActiveIndex: () => c.activeOptionIndex, resolveId: (u) => u.id, resolveDisabled: (u) => u.dataRef.current.disabled });
-  return { ...s, ...c, activeOptionIndex: d };
+  return { ...l, ...c, activeOptionIndex: d };
 }, 3: (e, t) => {
   if (e.dataRef.current.disabled || e.listboxState === 1) return e;
-  let r = e.searchQuery !== "" ? 0 : 1, n = e.searchQuery + t.value.toLowerCase(), a = (e.activeOptionIndex !== null ? e.options.slice(e.activeOptionIndex + r).concat(e.options.slice(0, e.activeOptionIndex + r)) : e.options).find((l) => {
-    var s;
-    return !l.dataRef.current.disabled && ((s = l.dataRef.current.textValue) == null ? void 0 : s.startsWith(n));
+  let r = e.searchQuery !== "" ? 0 : 1, n = e.searchQuery + t.value.toLowerCase(), a = (e.activeOptionIndex !== null ? e.options.slice(e.activeOptionIndex + r).concat(e.options.slice(0, e.activeOptionIndex + r)) : e.options).find((s) => {
+    var l;
+    return !s.dataRef.current.disabled && ((l = s.dataRef.current.textValue) == null ? void 0 : l.startsWith(n));
   }), i = a ? e.options.indexOf(a) : -1;
   return i === -1 || i === e.activeOptionIndex ? { ...e, searchQuery: n } : { ...e, searchQuery: n, activeOptionIndex: i, activationTrigger: 1 };
 }, 4(e) {
@@ -4006,14 +4006,14 @@ let B0 = { 1(e) {
   if (e.pendingFocus.focus !== K.Nothing && (n = gt(e.pendingFocus, { resolveItems: () => r, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (a) => a.id, resolveDisabled: (a) => a.dataRef.current.disabled })), e.activeOptionIndex === null) {
     let { isSelected: a } = e.dataRef.current;
     if (a) {
-      let i = r.findIndex((l) => a == null ? void 0 : a(l.dataRef.current.value));
+      let i = r.findIndex((s) => a == null ? void 0 : a(s.dataRef.current.value));
       i !== -1 && (n = i);
     }
   }
   return { ...e, options: r, activeOptionIndex: n, pendingFocus: { focus: K.Nothing }, pendingShouldSort: !0 };
 }, 7: (e, t) => {
   let r = e.options, n = [], a = new Set(t.options);
-  for (let [i, l] of r.entries()) if (a.has(l.id) && (n.push(i), a.delete(l.id), a.size === 0)) break;
+  for (let [i, s] of r.entries()) if (a.has(s.id) && (n.push(i), a.delete(s.id), a.size === 0)) break;
   if (n.length > 0) {
     r = r.slice();
     for (let i of n.reverse()) r.splice(i, 1);
@@ -4025,10 +4025,10 @@ let B0 = { 1(e) {
 class Tr extends ho {
   constructor(t) {
     super(t), $n(this, "actions", { onChange: (r) => {
-      let { onChange: n, compare: a, mode: i, value: l } = this.state.dataRef.current;
+      let { onChange: n, compare: a, mode: i, value: s } = this.state.dataRef.current;
       return we(i, { 0: () => n == null ? void 0 : n(r), 1: () => {
-        let s = l.slice(), c = s.findIndex((d) => a(d, r));
-        return c === -1 ? s.push(r) : s.splice(c, 1), n == null ? void 0 : n(s);
+        let l = s.slice(), c = l.findIndex((d) => a(d, r));
+        return c === -1 ? l.push(r) : l.splice(c, 1), n == null ? void 0 : n(l);
       } });
     }, registerOption: Yt(() => {
       let r = [], n = /* @__PURE__ */ new Set();
@@ -4071,8 +4071,8 @@ class Tr extends ho {
       return a === null || (n = i[a]) == null ? void 0 : n.id;
     }, isActive(r, n) {
       var a;
-      let i = r.activeOptionIndex, l = r.options;
-      return i !== null ? ((a = l[i]) == null ? void 0 : a.id) === n : !1;
+      let i = r.activeOptionIndex, s = r.options;
+      return i !== null ? ((a = s[i]) == null ? void 0 : a.id) === n : !1;
     }, hasFrozenValue(r) {
       return r.frozenValue;
     }, shouldScrollIntoView(r, n) {
@@ -4119,7 +4119,7 @@ function Pr(e) {
 }
 function ra({ id: e, __demoMode: t = !1 }) {
   let r = ae(() => Tr.new({ id: e, __demoMode: t }), []);
-  return _o(() => r.dispose()), r;
+  return Do(() => r.dispose()), r;
 }
 let Zt = oe(null);
 Zt.displayName = "ListboxDataContext";
@@ -4133,147 +4133,147 @@ function mt(e) {
 }
 let S0 = xe;
 function I0(e, t) {
-  let r = Ue(), n = Cr(), { value: a, defaultValue: i, form: l, name: s, onChange: c, by: d, invalid: u = !1, disabled: h = n || !1, horizontal: m = !1, multiple: f = !1, __demoMode: w = !1, ...g } = e;
+  let r = Ue(), n = Cr(), { value: a, defaultValue: i, form: s, name: l, onChange: c, by: d, invalid: u = !1, disabled: h = n || !1, horizontal: m = !1, multiple: f = !1, __demoMode: w = !1, ...g } = e;
   const v = m ? "horizontal" : "vertical";
-  let E = pe(t), b = mi(i), [k = f ? [] : void 0, y] = fi(a, c, b), x = ra({ id: r, __demoMode: w }), R = S({ static: !1, hold: !1 }), M = S(/* @__PURE__ */ new Map()), W = Pi(d), $ = _((J) => we(C.mode, { [Be.Multi]: () => k.some((Y) => W(Y, J)), [Be.Single]: () => W(k, J) }), [k]), C = Se({ value: k, disabled: h, invalid: u, mode: f ? Be.Multi : Be.Single, orientation: v, onChange: y, compare: W, isSelected: $, optionsPropsRef: R, listRef: M });
+  let E = pe(t), b = mi(i), [k = f ? [] : void 0, y] = fi(a, c, b), x = ra({ id: r, __demoMode: w }), R = I({ static: !1, hold: !1 }), C = I(/* @__PURE__ */ new Map()), $ = Pi(d), j = D((J) => we(M.mode, { [Be.Multi]: () => k.some((Y) => $(Y, J)), [Be.Single]: () => $(k, J) }), [k]), M = Se({ value: k, disabled: h, invalid: u, mode: f ? Be.Multi : Be.Single, orientation: v, onChange: y, compare: $, isSelected: j, optionsPropsRef: R, listRef: C });
   Q(() => {
-    x.state.dataRef.current = C;
-  }, [C]);
-  let A = ie(x, (J) => J.listboxState), P = Ar.get(null), T = ie(P, _((J) => P.selectors.isTop(J, r), [P, r])), [O, B] = ie(x, (J) => [J.buttonElement, J.optionsElement]);
-  fl(T, [O, B], (J, Y) => {
-    x.send({ type: ea.CloseListbox }), ko(Y, Or.Loose) || (J.preventDefault(), O == null || O.focus());
+    x.state.dataRef.current = M;
+  }, [M]);
+  let O = ie(x, (J) => J.listboxState), T = Ar.get(null), F = ie(T, D((J) => T.selectors.isTop(J, r), [T, r])), [P, S] = ie(x, (J) => [J.buttonElement, J.optionsElement]);
+  fl(F, [P, S], (J, Y) => {
+    x.send({ type: ea.CloseListbox }), ko(Y, Or.Loose) || (J.preventDefault(), P == null || P.focus());
   });
-  let D = Se({ open: A === re.Open, disabled: h, invalid: u, value: k }), [G, N] = Bi({ inherit: !0 }), H = { ref: E }, z = _(() => {
+  let _ = Se({ open: O === re.Open, disabled: h, invalid: u, value: k }), [G, N] = Bi({ inherit: !0 }), H = { ref: E }, z = D(() => {
     if (b !== void 0) return y == null ? void 0 : y(b);
   }, [y, b]), Re = ue();
-  return F.createElement(N, { value: G, props: { htmlFor: O == null ? void 0 : O.id }, slot: { open: A === re.Open, disabled: h } }, F.createElement(n0, null, F.createElement(ta.Provider, { value: x }, F.createElement(Zt.Provider, { value: C }, F.createElement(Do, { value: we(A, { [re.Open]: ve.Open, [re.Closed]: ve.Closed }) }, s != null && k != null && F.createElement(ki, { disabled: h, data: { [s]: k }, form: l, onReset: z }), Re({ ourProps: H, theirProps: g, slot: D, defaultTag: S0, name: "Listbox" }))))));
+  return B.createElement(N, { value: G, props: { htmlFor: P == null ? void 0 : P.id }, slot: { open: O === re.Open, disabled: h } }, B.createElement(n0, null, B.createElement(ta.Provider, { value: x }, B.createElement(Zt.Provider, { value: M }, B.createElement(_o, { value: we(O, { [re.Open]: ve.Open, [re.Closed]: ve.Closed }) }, l != null && k != null && B.createElement(ki, { disabled: h, data: { [l]: k }, form: s, onReset: z }), Re({ ourProps: H, theirProps: g, slot: _, defaultTag: S0, name: "Listbox" }))))));
 }
 let W0 = "button";
 function N0(e, t) {
-  let r = Ue(), n = ro(), a = mt("Listbox.Button"), i = Pr("Listbox.Button"), { id: l = n || `headlessui-listbox-button-${r}`, disabled: s = a.disabled || !1, autoFocus: c = !1, ...d } = e, u = pe(t, Js(), i.actions.setButtonElement), h = e0(), [m, f, w] = ie(i, (B) => [B.listboxState, B.buttonElement, B.optionsElement]), g = m === re.Open;
-  wl(g, { trigger: f, action: _((B) => {
-    if (f != null && f.contains(B.target)) return pt.Ignore;
-    let D = B.target.closest('[role="option"]:not([data-disabled])');
-    return je(D) ? pt.Select(D) : w != null && w.contains(B.target) ? pt.Ignore : pt.Close;
+  let r = Ue(), n = ro(), a = mt("Listbox.Button"), i = Pr("Listbox.Button"), { id: s = n || `headlessui-listbox-button-${r}`, disabled: l = a.disabled || !1, autoFocus: c = !1, ...d } = e, u = pe(t, Js(), i.actions.setButtonElement), h = e0(), [m, f, w] = ie(i, (S) => [S.listboxState, S.buttonElement, S.optionsElement]), g = m === re.Open;
+  wl(g, { trigger: f, action: D((S) => {
+    if (f != null && f.contains(S.target)) return pt.Ignore;
+    let _ = S.target.closest('[role="option"]:not([data-disabled])');
+    return je(_) ? pt.Select(_) : w != null && w.contains(S.target) ? pt.Ignore : pt.Close;
   }, [f, w]), close: i.actions.closeListbox, select: i.actions.selectActiveOption });
-  let v = V((B) => {
-    switch (B.key) {
+  let v = V((S) => {
+    switch (S.key) {
       case ee.Enter:
-        hi(B.currentTarget);
+        hi(S.currentTarget);
         break;
       case ee.Space:
       case ee.ArrowDown:
-        B.preventDefault(), i.actions.openListbox({ focus: a.value ? K.Nothing : K.First });
+        S.preventDefault(), i.actions.openListbox({ focus: a.value ? K.Nothing : K.First });
         break;
       case ee.ArrowUp:
-        B.preventDefault(), i.actions.openListbox({ focus: a.value ? K.Nothing : K.Last });
+        S.preventDefault(), i.actions.openListbox({ focus: a.value ? K.Nothing : K.Last });
         break;
     }
-  }), E = V((B) => {
-    switch (B.key) {
+  }), E = V((S) => {
+    switch (S.key) {
       case ee.Space:
-        B.preventDefault();
+        S.preventDefault();
         break;
     }
-  }), b = Vi((B) => {
-    var D;
-    i.state.listboxState === re.Open ? (yt(() => i.actions.closeListbox()), (D = i.state.buttonElement) == null || D.focus({ preventScroll: !0 })) : (B.preventDefault(), i.actions.openListbox({ focus: K.Nothing }));
-  }), k = V((B) => B.preventDefault()), y = co([l]), x = ji(), { isFocusVisible: R, focusProps: M } = Qa({ autoFocus: c }), { isHovered: W, hoverProps: $ } = Ya({ isDisabled: s }), { pressed: C, pressProps: A } = ai({ disabled: s }), P = Se({ open: m === re.Open, active: C || m === re.Open, disabled: s, invalid: a.invalid, value: a.value, hover: W, focus: R, autofocus: c }), T = ie(i, (B) => B.listboxState === re.Open), O = Yn(h(), { ref: u, id: l, type: pl(e, f), "aria-haspopup": "listbox", "aria-controls": w == null ? void 0 : w.id, "aria-expanded": T, "aria-labelledby": y, "aria-describedby": x, disabled: s || void 0, autoFocus: c, onKeyDown: v, onKeyUp: E, onKeyPress: k }, b, M, $, A);
-  return ue()({ ourProps: O, theirProps: d, slot: P, defaultTag: W0, name: "Listbox.Button" });
+  }), b = Vi((S) => {
+    var _;
+    i.state.listboxState === re.Open ? (yt(() => i.actions.closeListbox()), (_ = i.state.buttonElement) == null || _.focus({ preventScroll: !0 })) : (S.preventDefault(), i.actions.openListbox({ focus: K.Nothing }));
+  }), k = V((S) => S.preventDefault()), y = co([s]), x = ji(), { isFocusVisible: R, focusProps: C } = Qa({ autoFocus: c }), { isHovered: $, hoverProps: j } = Ya({ isDisabled: l }), { pressed: M, pressProps: O } = ai({ disabled: l }), T = Se({ open: m === re.Open, active: M || m === re.Open, disabled: l, invalid: a.invalid, value: a.value, hover: $, focus: R, autofocus: c }), F = ie(i, (S) => S.listboxState === re.Open), P = Yn(h(), { ref: u, id: s, type: pl(e, f), "aria-haspopup": "listbox", "aria-controls": w == null ? void 0 : w.id, "aria-expanded": F, "aria-labelledby": y, "aria-describedby": x, disabled: l || void 0, autoFocus: c, onKeyDown: v, onKeyUp: E, onKeyPress: k }, b, C, j, O);
+  return ue()({ ourProps: P, theirProps: d, slot: T, defaultTag: W0, name: "Listbox.Button" });
 }
 let na = oe(!1), T0 = "div", P0 = Ct.RenderStrategy | Ct.Static;
 function H0(e, t) {
-  let r = Ue(), { id: n = `headlessui-listbox-options-${r}`, anchor: a, portal: i = !1, modal: l = !0, transition: s = !1, ...c } = e, d = Qs(a), [u, h] = j(null);
+  let r = Ue(), { id: n = `headlessui-listbox-options-${r}`, anchor: a, portal: i = !1, modal: s = !0, transition: l = !1, ...c } = e, d = Qs(a), [u, h] = A(null);
   d && (i = !0);
-  let m = mt("Listbox.Options"), f = Pr("Listbox.Options"), [w, g, v, E] = ie(f, (I) => [I.listboxState, I.buttonElement, I.optionsElement, I.__demoMode]), b = wr(g), k = wr(v), y = Nr(), [x, R] = Lo(s, u, y !== null ? (y & ve.Open) === ve.Open : w === re.Open);
+  let m = mt("Listbox.Options"), f = Pr("Listbox.Options"), [w, g, v, E] = ie(f, (W) => [W.listboxState, W.buttonElement, W.optionsElement, W.__demoMode]), b = wr(g), k = wr(v), y = Nr(), [x, R] = Lo(l, u, y !== null ? (y & ve.Open) === ve.Open : w === re.Open);
   el(x, g, f.actions.closeListbox);
-  let M = E ? !1 : l && w === re.Open;
-  yl(M, k);
-  let W = E ? !1 : l && w === re.Open;
-  Ji(W, { allowed: _(() => [g, v], [g, v]) });
-  let $ = ie(f, f.selectors.didButtonMove) ? !1 : x, C = ie(f, f.selectors.hasFrozenValue) && !e.static, A = Vo(C, m.value), P = _((I) => m.compare(A, I), [m.compare, A]), T = ie(f, (I) => {
+  let C = E ? !1 : s && w === re.Open;
+  yl(C, k);
+  let $ = E ? !1 : s && w === re.Open;
+  Ji($, { allowed: D(() => [g, v], [g, v]) });
+  let j = ie(f, f.selectors.didButtonMove) ? !1 : x, M = ie(f, f.selectors.hasFrozenValue) && !e.static, O = Vo(M, m.value), T = D((W) => m.compare(O, W), [m.compare, O]), F = ie(f, (W) => {
     var fe;
     if (d == null || !((fe = d == null ? void 0 : d.to) != null && fe.includes("selection"))) return null;
-    let Ae = I.options.findIndex((Pe) => P(Pe.dataRef.current.value));
+    let Ae = W.options.findIndex((Pe) => T(Pe.dataRef.current.value));
     return Ae === -1 && (Ae = 0), Ae;
-  }), O = (() => {
+  }), P = (() => {
     if (d == null) return;
-    if (T === null) return { ...d, inner: void 0 };
-    let I = Array.from(m.listRef.current.values());
-    return { ...d, inner: { listRef: { current: I }, index: T } };
-  })(), [B, D] = r0(O), G = t0(), N = pe(t, d ? B : null, f.actions.setOptionsElement, h), H = qe();
+    if (F === null) return { ...d, inner: void 0 };
+    let W = Array.from(m.listRef.current.values());
+    return { ...d, inner: { listRef: { current: W }, index: F } };
+  })(), [S, _] = r0(P), G = t0(), N = pe(t, d ? S : null, f.actions.setOptionsElement, h), H = qe();
   q(() => {
-    let I = v;
-    I && w === re.Open && (ri(I) || I == null || I.focus({ preventScroll: !0 }));
+    let W = v;
+    W && w === re.Open && (ri(W) || W == null || W.focus({ preventScroll: !0 }));
   }, [w, v]);
-  let z = V((I) => {
+  let z = V((W) => {
     var fe;
-    switch (H.dispose(), I.key) {
+    switch (H.dispose(), W.key) {
       case ee.Space:
-        if (f.state.searchQuery !== "") return I.preventDefault(), I.stopPropagation(), f.actions.search(I.key);
+        if (f.state.searchQuery !== "") return W.preventDefault(), W.stopPropagation(), f.actions.search(W.key);
       case ee.Enter:
-        I.preventDefault(), I.stopPropagation(), f.actions.selectActiveOption();
+        W.preventDefault(), W.stopPropagation(), f.actions.selectActiveOption();
         break;
       case we(m.orientation, { vertical: ee.ArrowDown, horizontal: ee.ArrowRight }):
-        return I.preventDefault(), I.stopPropagation(), f.actions.goToOption({ focus: K.Next });
+        return W.preventDefault(), W.stopPropagation(), f.actions.goToOption({ focus: K.Next });
       case we(m.orientation, { vertical: ee.ArrowUp, horizontal: ee.ArrowLeft }):
-        return I.preventDefault(), I.stopPropagation(), f.actions.goToOption({ focus: K.Previous });
+        return W.preventDefault(), W.stopPropagation(), f.actions.goToOption({ focus: K.Previous });
       case ee.Home:
       case ee.PageUp:
-        return I.preventDefault(), I.stopPropagation(), f.actions.goToOption({ focus: K.First });
+        return W.preventDefault(), W.stopPropagation(), f.actions.goToOption({ focus: K.First });
       case ee.End:
       case ee.PageDown:
-        return I.preventDefault(), I.stopPropagation(), f.actions.goToOption({ focus: K.Last });
+        return W.preventDefault(), W.stopPropagation(), f.actions.goToOption({ focus: K.Last });
       case ee.Escape:
-        I.preventDefault(), I.stopPropagation(), yt(() => f.actions.closeListbox()), (fe = f.state.buttonElement) == null || fe.focus({ preventScroll: !0 });
+        W.preventDefault(), W.stopPropagation(), yt(() => f.actions.closeListbox()), (fe = f.state.buttonElement) == null || fe.focus({ preventScroll: !0 });
         return;
       case ee.Tab:
-        I.preventDefault(), I.stopPropagation(), yt(() => f.actions.closeListbox()), sl(f.state.buttonElement, I.shiftKey ? hr.Previous : hr.Next);
+        W.preventDefault(), W.stopPropagation(), yt(() => f.actions.closeListbox()), sl(f.state.buttonElement, W.shiftKey ? hr.Previous : hr.Next);
         break;
       default:
-        I.key.length === 1 && (f.actions.search(I.key), H.setTimeout(() => f.actions.clearSearch(), 350));
+        W.key.length === 1 && (f.actions.search(W.key), H.setTimeout(() => f.actions.clearSearch(), 350));
         break;
     }
-  }), Re = ie(f, (I) => {
+  }), Re = ie(f, (W) => {
     var fe;
-    return (fe = I.buttonElement) == null ? void 0 : fe.id;
-  }), J = Se({ open: w === re.Open }), Y = Yn(d ? G() : {}, { id: n, ref: N, "aria-activedescendant": ie(f, f.selectors.activeDescendantId), "aria-multiselectable": m.mode === Be.Multi ? !0 : void 0, "aria-labelledby": Re, "aria-orientation": m.orientation, onKeyDown: z, role: "listbox", tabIndex: w === re.Open ? 0 : void 0, style: { ...c.style, ...D, "--button-width": Hi(x, g, !0).width }, ...yo(R) }), Ut = ue(), Te = ae(() => m.mode === Be.Multi ? m : { ...m, isSelected: P }, [m, P]);
-  return F.createElement(g0, { enabled: i ? e.static || x : !1, ownerDocument: b }, F.createElement(Zt.Provider, { value: Te }, Ut({ ourProps: Y, theirProps: c, slot: J, defaultTag: T0, features: P0, visible: $, name: "Listbox.Options" })));
+    return (fe = W.buttonElement) == null ? void 0 : fe.id;
+  }), J = Se({ open: w === re.Open }), Y = Yn(d ? G() : {}, { id: n, ref: N, "aria-activedescendant": ie(f, f.selectors.activeDescendantId), "aria-multiselectable": m.mode === Be.Multi ? !0 : void 0, "aria-labelledby": Re, "aria-orientation": m.orientation, onKeyDown: z, role: "listbox", tabIndex: w === re.Open ? 0 : void 0, style: { ...c.style, ..._, "--button-width": Hi(x, g, !0).width }, ...yo(R) }), Ut = ue(), Te = ae(() => m.mode === Be.Multi ? m : { ...m, isSelected: T }, [m, T]);
+  return B.createElement(g0, { enabled: i ? e.static || x : !1, ownerDocument: b }, B.createElement(Zt.Provider, { value: Te }, Ut({ ourProps: Y, theirProps: c, slot: J, defaultTag: T0, features: P0, visible: j, name: "Listbox.Options" })));
 }
 let V0 = "div";
-function D0(e, t) {
-  let r = Ue(), { id: n = `headlessui-listbox-option-${r}`, disabled: a = !1, value: i, ...l } = e, s = X(na) === !0, c = mt("Listbox.Option"), d = Pr("Listbox.Option"), u = ie(d, (C) => d.selectors.isActive(C, n)), h = c.isSelected(i), m = S(null), f = A0(m), w = Ge({ disabled: a, value: i, domRef: m, get textValue() {
+function _0(e, t) {
+  let r = Ue(), { id: n = `headlessui-listbox-option-${r}`, disabled: a = !1, value: i, ...s } = e, l = X(na) === !0, c = mt("Listbox.Option"), d = Pr("Listbox.Option"), u = ie(d, (M) => d.selectors.isActive(M, n)), h = c.isSelected(i), m = I(null), f = A0(m), w = Ge({ disabled: a, value: i, domRef: m, get textValue() {
     return f();
-  } }), g = pe(t, m, (C) => {
-    C ? c.listRef.current.set(n, C) : c.listRef.current.delete(n);
-  }), v = ie(d, (C) => d.selectors.shouldScrollIntoView(C, n));
+  } }), g = pe(t, m, (M) => {
+    M ? c.listRef.current.set(n, M) : c.listRef.current.delete(n);
+  }), v = ie(d, (M) => d.selectors.shouldScrollIntoView(M, n));
   Q(() => {
     if (v) return de().requestAnimationFrame(() => {
-      var C, A;
-      (A = (C = m.current) == null ? void 0 : C.scrollIntoView) == null || A.call(C, { block: "nearest" });
+      var M, O;
+      (O = (M = m.current) == null ? void 0 : M.scrollIntoView) == null || O.call(M, { block: "nearest" });
     });
   }, [v, m]), Q(() => {
-    if (!s) return d.actions.registerOption(n, w), () => d.actions.unregisterOption(n);
-  }, [w, n, s]);
-  let E = V((C) => {
-    if (a) return C.preventDefault();
+    if (!l) return d.actions.registerOption(n, w), () => d.actions.unregisterOption(n);
+  }, [w, n, l]);
+  let E = V((M) => {
+    if (a) return M.preventDefault();
     d.actions.selectOption(i);
   }), b = V(() => {
     if (a) return d.actions.goToOption({ focus: K.Nothing });
     d.actions.goToOption({ focus: K.Specific, id: n });
-  }), k = Ll(), y = V((C) => k.update(C)), x = V((C) => {
-    k.wasMoved(C) && (a || u && d.state.activationTrigger === Et.Pointer || d.actions.goToOption({ focus: K.Specific, id: n }, Et.Pointer));
-  }), R = V((C) => {
-    k.wasMoved(C) && (a || u && d.state.activationTrigger === Et.Pointer && d.actions.goToOption({ focus: K.Nothing }));
-  }), M = Se({ active: u, focus: u, selected: h, disabled: a, selectedOption: h && s }), W = s ? {} : { id: n, ref: g, role: "option", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-selected": h, disabled: void 0, onClick: E, onFocus: b, onPointerEnter: y, onMouseEnter: y, onPointerMove: x, onMouseMove: x, onPointerLeave: R, onMouseLeave: R }, $ = ue();
-  return !h && s ? null : $({ ourProps: W, theirProps: l, slot: M, defaultTag: V0, name: "Listbox.Option" });
-}
-let _0 = xe;
+  }), k = Ll(), y = V((M) => k.update(M)), x = V((M) => {
+    k.wasMoved(M) && (a || u && d.state.activationTrigger === Et.Pointer || d.actions.goToOption({ focus: K.Specific, id: n }, Et.Pointer));
+  }), R = V((M) => {
+    k.wasMoved(M) && (a || u && d.state.activationTrigger === Et.Pointer && d.actions.goToOption({ focus: K.Nothing }));
+  }), C = Se({ active: u, focus: u, selected: h, disabled: a, selectedOption: h && l }), $ = l ? {} : { id: n, ref: g, role: "option", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-selected": h, disabled: void 0, onClick: E, onFocus: b, onPointerEnter: y, onMouseEnter: y, onPointerMove: x, onMouseMove: x, onPointerLeave: R, onMouseLeave: R }, j = ue();
+  return !h && l ? null : j({ ourProps: $, theirProps: s, slot: C, defaultTag: V0, name: "Listbox.Option" });
+}
+let D0 = xe;
 function Z0(e, t) {
-  let { options: r, placeholder: n, ...a } = e, i = { ref: pe(t) }, l = mt("ListboxSelectedOption"), s = Se({}), c = l.value === void 0 || l.value === null || l.mode === Be.Multi && Array.isArray(l.value) && l.value.length === 0, d = ue();
-  return F.createElement(na.Provider, { value: !0 }, d({ ourProps: i, theirProps: { ...a, children: F.createElement(F.Fragment, null, n && c ? n : r) }, slot: s, defaultTag: _0, name: "ListboxSelectedOption" }));
+  let { options: r, placeholder: n, ...a } = e, i = { ref: pe(t) }, s = mt("ListboxSelectedOption"), l = Se({}), c = s.value === void 0 || s.value === null || s.mode === Be.Multi && Array.isArray(s.value) && s.value.length === 0, d = ue();
+  return B.createElement(na.Provider, { value: !0 }, d({ ourProps: i, theirProps: { ...a, children: B.createElement(B.Fragment, null, n && c ? n : r) }, slot: l, defaultTag: D0, name: "ListboxSelectedOption" }));
 }
-let U0 = le(I0), Hr = le(N0), q0 = Ni, Vr = le(H0), Dr = le(D0), G0 = le(Z0), oa = Object.assign(U0, { Button: Hr, Label: q0, Options: Vr, Option: Dr, SelectedOption: G0 });
+let U0 = le(I0), Hr = le(N0), q0 = Ni, Vr = le(H0), _r = le(_0), G0 = le(Z0), oa = Object.assign(U0, { Button: Hr, Label: q0, Options: Vr, Option: _r, SelectedOption: G0 });
 function z0({
   title: e,
   titleId: t,
@@ -4322,15 +4322,15 @@ function X0({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    helper: l,
-    description: s,
+    helper: s,
+    description: l,
     placeholder: c = "Select an option",
     required: d,
     error: u,
     options: h = [],
     optionId: m = "id",
     optionLabel: f = "name"
-  } = e, [w, g] = j(!1), v = !!u, E = v ? n.error : w ? n.inputFocusBorder : n.inputBorder, b = () => {
+  } = e, [w, g] = A(!1), v = !!u, E = v ? n.error : w ? n.inputFocusBorder : n.inputBorder, b = () => {
     if (!t) return null;
     const x = h.find(
       (R) => typeof R == "string" ? R === t : R[m] === t
@@ -4363,7 +4363,7 @@ function X0({ field: e, value: t, onChange: r, theme: n }) {
       ),
       !d && !v && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "(Optional)" })
     ] }),
-    l && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-2 text-xs", children: l }),
+    s && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-2 text-xs", children: s }),
     /* @__PURE__ */ p("div", { className: "relative mt-2", children: /* @__PURE__ */ p(
       oa,
       {
@@ -4429,22 +4429,22 @@ function X0({ field: e, value: t, onChange: r, theme: n }) {
                   },
                   className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md py-1 text-base shadow-lg sm:text-sm",
                   children: h.map((x, R) => {
-                    const M = typeof x == "string" ? x : x.value, W = typeof x == "string" ? x : x.name + x.label ? ` (${x.label})` : "";
+                    const C = typeof x == "string" ? x : x.value, $ = typeof x == "string" ? x : x.name + x.label ? ` (${x.label})` : "";
                     return /* @__PURE__ */ p(
-                      Dr,
+                      _r,
                       {
-                        className: ({ active: $ }) => `relative cursor-default select-none py-2 pl-10 pr-4 ${$ ? "bg-gray-100" : ""}`,
-                        value: M,
-                        children: ({ selected: $ }) => /* @__PURE__ */ L(Ce, { children: [
+                        className: ({ active: j }) => `relative cursor-default select-none py-2 pl-10 pr-4 ${j ? "bg-gray-100" : ""}`,
+                        value: C,
+                        children: ({ selected: j }) => /* @__PURE__ */ L(Ce, { children: [
                           /* @__PURE__ */ p(
                             "span",
                             {
-                              style: { fontWeight: $ ? "600" : "400" },
+                              style: { fontWeight: j ? "600" : "400" },
                               className: "block truncate",
-                              children: W
+                              children: $
                             }
                           ),
-                          $ && /* @__PURE__ */ p(
+                          j && /* @__PURE__ */ p(
                             "span",
                             {
                               className: "absolute inset-y-0 left-0 flex items-center pl-3",
@@ -4478,26 +4478,26 @@ function X0({ field: e, value: t, onChange: r, theme: n }) {
         className: "mt-2 text-sm",
         children: u
       }
-    ) : s ? /* @__PURE__ */ p(
+    ) : l ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-2 text-sm",
-        children: s
+        children: l
       }
     ) : null
   ] });
 }
-const _r = {};
+const Dr = {};
 function U(e, t) {
-  _r[e] = t;
+  Dr[e] = t;
 }
 function Y0(e) {
-  return _r[e];
+  return Dr[e];
 }
 function Fw() {
-  return { ..._r };
+  return { ...Dr };
 }
 const Q0 = {
   title: "#000",
@@ -4530,7 +4530,7 @@ function Zr({ field: e, onChange: t, value: r, theme: n }) {
         }
       });
     }
-  }, l = (c, d, u, h) => /* @__PURE__ */ p(
+  }, s = (c, d, u, h) => /* @__PURE__ */ p(
     Zr,
     {
       field: c,
@@ -4539,20 +4539,20 @@ function Zr({ field: e, onChange: t, value: r, theme: n }) {
       theme: a
     },
     u
-  ), s = Y0(e.type);
-  return s ? e.type === "subForm" || e.type === "array" ? /* @__PURE__ */ p(
-    s,
+  ), l = Y0(e.type);
+  return l ? e.type === "subForm" || e.type === "array" ? /* @__PURE__ */ p(
+    l,
     {
       field: e,
       fields: e.fields,
       value: Array.isArray(r) ? r : [],
       title: e.title || e.name,
       onSave: (c) => i(c),
-      renderField: l,
+      renderField: s,
       theme: a
     }
   ) : /* @__PURE__ */ p(
-    s,
+    l,
     {
       field: e,
       value: r,
@@ -4567,29 +4567,29 @@ function An({
   title: r = "Item",
   value: n = []
 }) {
-  const [a, i] = j([]), [l, s] = j([]), [c, d] = j(!1), u = r.endsWith("s") ? r.slice(0, -1) : r;
+  const [a, i] = A([]), [s, l] = A([]), [c, d] = A(!1), u = r.endsWith("s") ? r.slice(0, -1) : r;
   q(() => {
     e && e.length > 0 ? i(e) : i([
       { name: "profileImg", type: "fileV2", title: "Profile Image" },
       { name: "altText", type: "string", title: "Image Alt Text" }
-    ]), Array.isArray(n) && s(n);
+    ]), Array.isArray(n) && l(n);
   }, [e, n]);
   const h = () => d(!0), m = () => {
-    s((b) => [...b, {}]), h();
+    l((b) => [...b, {}]), h();
   }, f = (b, k) => {
-    const { name: y, value: x } = k.target, R = [...l];
-    R[b] = { ...R[b], [y]: x }, s(R), h();
+    const { name: y, value: x } = k.target, R = [...s];
+    R[b] = { ...R[b], [y]: x }, l(R), h();
   }, w = (b) => {
-    const k = [...l];
-    k.splice(b, 1), s(k), h();
+    const k = [...s];
+    k.splice(b, 1), l(k), h();
   }, g = (b) => {
     if (b === 0) return;
-    const k = [...l], y = k[b - 1];
-    k[b - 1] = k[b], k[b] = y, s(k), h();
+    const k = [...s], y = k[b - 1];
+    k[b - 1] = k[b], k[b] = y, l(k), h();
   }, v = (b) => {
-    if (b === l.length - 1) return;
-    const k = [...l], y = k[b + 1];
-    k[b + 1] = k[b], k[b] = y, s(k), h();
+    if (b === s.length - 1) return;
+    const k = [...s], y = k[b + 1];
+    k[b + 1] = k[b], k[b] = y, l(k), h();
   };
   return /* @__PURE__ */ L(Ce, { children: [
     r && /* @__PURE__ */ p("div", { className: "mb-1 flex justify-between", children: /* @__PURE__ */ p("label", { className: "block text-sm/6 font-medium", children: r }) }),
@@ -4609,14 +4609,14 @@ function An({
           {
             type: "button",
             onClick: () => {
-              t == null || t(l), d(!1);
+              t == null || t(s), d(!1);
             },
             className: `rounded px-4 py-2 text-white transition ${c ? "bg-yellow-500 hover:bg-yellow-600" : "bg-green-600 hover:bg-green-700"}`,
             children: c ? "Save Changes ✱" : "Saved ✅"
           }
         )
       ] }),
-      l.map((b, k) => /* @__PURE__ */ L(
+      s.map((b, k) => /* @__PURE__ */ L(
         "div",
         {
           className: "relative space-y-2 rounded border bg-white p-4 shadow",
@@ -4641,7 +4641,7 @@ function An({
                   "button",
                   {
                     onClick: () => v(k),
-                    disabled: k === l.length - 1,
+                    disabled: k === s.length - 1,
                     className: "rounded bg-gray-200 px-2 py-1 text-xs hover:bg-gray-300 disabled:opacity-50",
                     children: "↓ Down"
                   }
@@ -4677,8 +4677,8 @@ function J0({ field: e, value: t, onChange: r }) {
     name: n,
     label: a,
     placeholder: i = "Enter a number",
-    description: l,
-    optional: s,
+    description: s,
+    optional: l,
     error: c,
     min: d,
     max: u,
@@ -4694,7 +4694,7 @@ function J0({ field: e, value: t, onChange: r }) {
           children: a
         }
       ),
-      s && !m && /* @__PURE__ */ p("span", { className: "text-sm/6 text-gray-500 dark:text-gray-400", children: "Optional" })
+      l && !m && /* @__PURE__ */ p("span", { className: "text-sm/6 text-gray-500 dark:text-gray-400", children: "Optional" })
     ] }),
     /* @__PURE__ */ L("div", { className: "relative mt-2", children: [
       /* @__PURE__ */ p(
@@ -4710,7 +4710,7 @@ function J0({ field: e, value: t, onChange: r }) {
           max: u,
           step: h,
           "aria-invalid": m ? "true" : "false",
-          "aria-describedby": m ? `${n}-error` : l ? `${n}-description` : void 0,
+          "aria-describedby": m ? `${n}-error` : s ? `${n}-description` : void 0,
           className: [
             "block w-full rounded-md bg-white px-4 py-1.5 text-base outline outline-1 -outline-offset-1 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 sm:text-sm/6",
             "dark:bg-white/5",
@@ -4733,18 +4733,18 @@ function J0({ field: e, value: t, onChange: r }) {
         className: "mt-2 text-sm text-red-600 dark:text-red-400",
         children: c
       }
-    ) : l ? /* @__PURE__ */ p(
+    ) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${n}-description`,
         className: "mt-2 text-sm text-gray-500 dark:text-gray-400",
-        children: l
+        children: s
       }
     ) : null
   ] });
 }
 function e1({ field: e, value: t, onChange: r, theme: n }) {
-  const { name: a, title: i, description: l, optional: s, required: c, error: d } = e, [u, h] = j(!1), m = !!d, f = m ? n.error : u ? n.inputFocusBorder : n.inputBorder;
+  const { name: a, title: i, description: s, optional: l, required: c, error: d } = e, [u, h] = A(!1), m = !!d, f = m ? n.error : u ? n.inputFocusBorder : n.inputBorder;
   return /* @__PURE__ */ L("div", { children: [
     /* @__PURE__ */ L("div", { className: "mb-1 flex justify-between", children: [
       i && /* @__PURE__ */ L(
@@ -4766,7 +4766,7 @@ function e1({ field: e, value: t, onChange: r, theme: n }) {
           ]
         }
       ),
-      s && !m && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
+      l && !m && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
     ] }),
     /* @__PURE__ */ L("div", { className: "relative", children: [
       /* @__PURE__ */ p(
@@ -4780,7 +4780,7 @@ function e1({ field: e, value: t, onChange: r, theme: n }) {
           onFocus: () => h(!0),
           onBlur: () => h(!1),
           "aria-invalid": m ? "true" : "false",
-          "aria-describedby": m ? `${a}-error` : l ? `${a}-description` : void 0,
+          "aria-describedby": m ? `${a}-error` : s ? `${a}-description` : void 0,
           style: {
             color: m ? n.error : n.inputText,
             backgroundColor: n.inputBackground,
@@ -4810,13 +4810,13 @@ function e1({ field: e, value: t, onChange: r, theme: n }) {
         className: "mt-2 text-sm",
         children: d
       }
-    ) : l ? /* @__PURE__ */ p(
+    ) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-2 text-sm",
-        children: l
+        children: s
       }
     ) : null
   ] });
@@ -5325,7 +5325,7 @@ function H1({
   }));
 }
 const V1 = /* @__PURE__ */ o.forwardRef(H1);
-function D1({
+function _1({
   title: e,
   titleId: t,
   ...r
@@ -5348,7 +5348,7 @@ function D1({
     d: "M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18"
   }));
 }
-const _1 = /* @__PURE__ */ o.forwardRef(D1);
+const D1 = /* @__PURE__ */ o.forwardRef(_1);
 function Z1({
   title: e,
   titleId: t,
@@ -5996,8 +5996,8 @@ function Vc({
     d: "m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
   }));
 }
-const Dc = /* @__PURE__ */ o.forwardRef(Vc);
-function _c({
+const _c = /* @__PURE__ */ o.forwardRef(Vc);
+function Dc({
   title: e,
   titleId: t,
   ...r
@@ -6020,7 +6020,7 @@ function _c({
     d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"
   }));
 }
-const Zc = /* @__PURE__ */ o.forwardRef(_c);
+const Zc = /* @__PURE__ */ o.forwardRef(Dc);
 function Uc({
   title: e,
   titleId: t,
@@ -6644,8 +6644,8 @@ function V5({
     d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0M3.124 7.5A8.969 8.969 0 0 1 5.292 3m13.416 0a8.969 8.969 0 0 1 2.168 4.5"
   }));
 }
-const D5 = /* @__PURE__ */ o.forwardRef(V5);
-function _5({
+const _5 = /* @__PURE__ */ o.forwardRef(V5);
+function D5({
   title: e,
   titleId: t,
   ...r
@@ -6668,7 +6668,7 @@ function _5({
     d: "M9.143 17.082a24.248 24.248 0 0 0 3.844.148m-3.844-.148a23.856 23.856 0 0 1-5.455-1.31 8.964 8.964 0 0 0 2.3-5.542m3.155 6.852a3 3 0 0 0 5.667 1.97m1.965-2.277L21 21m-4.225-4.225a23.81 23.81 0 0 0 3.536-1.003A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6.53 6.53m10.245 10.245L6.53 6.53M3 3l3.53 3.53"
   }));
 }
-const Z5 = /* @__PURE__ */ o.forwardRef(_5);
+const Z5 = /* @__PURE__ */ o.forwardRef(D5);
 function U5({
   title: e,
   titleId: t,
@@ -7299,8 +7299,8 @@ function V2({
     d: "M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.068.157 2.148.279 3.238.364.466.037.893.281 1.153.671L12 21l2.652-3.978c.26-.39.687-.634 1.153-.67 1.09-.086 2.17-.208 3.238-.365 1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"
   }));
 }
-const D2 = /* @__PURE__ */ o.forwardRef(V2);
-function _2({
+const _2 = /* @__PURE__ */ o.forwardRef(V2);
+function D2({
   title: e,
   titleId: t,
   ...r
@@ -7323,7 +7323,7 @@ function _2({
     d: "M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"
   }));
 }
-const Z2 = /* @__PURE__ */ o.forwardRef(_2);
+const Z2 = /* @__PURE__ */ o.forwardRef(D2);
 function U2({
   title: e,
   titleId: t,
@@ -7952,7 +7952,7 @@ function Hd({
   }));
 }
 const Vd = /* @__PURE__ */ o.forwardRef(Hd);
-function Dd({
+function _d({
   title: e,
   titleId: t,
   ...r
@@ -7975,7 +7975,7 @@ function Dd({
     d: "M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5"
   }));
 }
-const _d = /* @__PURE__ */ o.forwardRef(Dd);
+const Dd = /* @__PURE__ */ o.forwardRef(_d);
 function Zd({
   title: e,
   titleId: t,
@@ -8608,7 +8608,7 @@ function Hu({
   }));
 }
 const Vu = /* @__PURE__ */ o.forwardRef(Hu);
-function Du({
+function _u({
   title: e,
   titleId: t,
   ...r
@@ -8631,7 +8631,7 @@ function Du({
     d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 11.625h4.5m-4.5 2.25h4.5m2.121 1.527c-1.171 1.464-3.07 1.464-4.242 0-1.172-1.465-1.172-3.84 0-5.304 1.171-1.464 3.07-1.464 4.242 0M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
   }));
 }
-const _u = /* @__PURE__ */ o.forwardRef(Du);
+const Du = /* @__PURE__ */ o.forwardRef(_u);
 function Zu({
   title: e,
   titleId: t,
@@ -9263,8 +9263,8 @@ function Vf({
     d: "M3 3v1.5M3 21v-6m0 0 2.77-.693a9 9 0 0 1 6.208.682l.108.054a9 9 0 0 0 6.086.71l3.114-.732a48.524 48.524 0 0 1-.005-10.499l-3.11.732a9 9 0 0 1-6.085-.711l-.108-.054a9 9 0 0 0-6.208-.682L3 4.5M3 15V4.5"
   }));
 }
-const Df = /* @__PURE__ */ o.forwardRef(Vf);
-function _f({
+const _f = /* @__PURE__ */ o.forwardRef(Vf);
+function Df({
   title: e,
   titleId: t,
   ...r
@@ -9287,7 +9287,7 @@ function _f({
     d: "m9 13.5 3 3m0 0 3-3m-3 3v-6m1.06-4.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
   }));
 }
-const Zf = /* @__PURE__ */ o.forwardRef(_f);
+const Zf = /* @__PURE__ */ o.forwardRef(Df);
 function Uf({
   title: e,
   titleId: t,
@@ -9911,8 +9911,8 @@ function V3({
     d: "m7.875 14.25 1.214 1.942a2.25 2.25 0 0 0 1.908 1.058h2.006c.776 0 1.497-.4 1.908-1.058l1.214-1.942M2.41 9h4.636a2.25 2.25 0 0 1 1.872 1.002l.164.246a2.25 2.25 0 0 0 1.872 1.002h2.092a2.25 2.25 0 0 0 1.872-1.002l.164-.246A2.25 2.25 0 0 1 16.954 9h4.636M2.41 9a2.25 2.25 0 0 0-.16.832V12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 12V9.832c0-.287-.055-.57-.16-.832M2.41 9a2.25 2.25 0 0 1 .382-.632l3.285-3.832a2.25 2.25 0 0 1 1.708-.786h8.43c.657 0 1.281.287 1.709.786l3.284 3.832c.163.19.291.404.382.632M4.5 20.25h15A2.25 2.25 0 0 0 21.75 18v-2.625c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125V18a2.25 2.25 0 0 0 2.25 2.25Z"
   }));
 }
-const D3 = /* @__PURE__ */ o.forwardRef(V3);
-function _3({
+const _3 = /* @__PURE__ */ o.forwardRef(V3);
+function D3({
   title: e,
   titleId: t,
   ...r
@@ -9935,7 +9935,7 @@ function _3({
     d: "M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 0 0-2.15-1.588H6.911a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661Z"
   }));
 }
-const Z3 = /* @__PURE__ */ o.forwardRef(_3);
+const Z3 = /* @__PURE__ */ o.forwardRef(D3);
 function U3({
   title: e,
   titleId: t,
@@ -10563,8 +10563,8 @@ function Vm({
     d: "M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"
   }));
 }
-const Dm = /* @__PURE__ */ o.forwardRef(Vm);
-function _m({
+const _m = /* @__PURE__ */ o.forwardRef(Vm);
+function Dm({
   title: e,
   titleId: t,
   ...r
@@ -10587,7 +10587,7 @@ function _m({
     d: "M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99"
   }));
 }
-const Zm = /* @__PURE__ */ o.forwardRef(_m);
+const Zm = /* @__PURE__ */ o.forwardRef(Dm);
 function Um({
   title: e,
   titleId: t,
@@ -11220,7 +11220,7 @@ function Hh({
   }));
 }
 const Vh = /* @__PURE__ */ o.forwardRef(Hh);
-function Dh({
+function _h({
   title: e,
   titleId: t,
   ...r
@@ -11243,7 +11243,7 @@ function Dh({
     d: "M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 0 1 0 3.75H5.625a1.875 1.875 0 0 1 0-3.75Z"
   }));
 }
-const _h = /* @__PURE__ */ o.forwardRef(Dh);
+const Dh = /* @__PURE__ */ o.forwardRef(_h);
 function Zh({
   title: e,
   titleId: t,
@@ -11868,7 +11868,7 @@ function H7({
   }));
 }
 const V7 = /* @__PURE__ */ o.forwardRef(H7);
-function D7({
+function _7({
   title: e,
   titleId: t,
   ...r
@@ -11891,7 +11891,7 @@ function D7({
     d: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
   }));
 }
-const _7 = /* @__PURE__ */ o.forwardRef(D7);
+const D7 = /* @__PURE__ */ o.forwardRef(_7);
 function Z7({
   title: e,
   titleId: t,
@@ -12524,7 +12524,7 @@ function H4({
   }));
 }
 const V4 = /* @__PURE__ */ o.forwardRef(H4);
-function D4({
+function _4({
   title: e,
   titleId: t,
   ...r
@@ -12547,7 +12547,7 @@ function D4({
     d: "M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z"
   }));
 }
-const _4 = /* @__PURE__ */ o.forwardRef(D4);
+const D4 = /* @__PURE__ */ o.forwardRef(_4);
 function Z4({
   title: e,
   titleId: t,
@@ -12670,7 +12670,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   ArrowLongDownIcon: N1,
   ArrowLongLeftIcon: P1,
   ArrowLongRightIcon: V1,
-  ArrowLongUpIcon: _1,
+  ArrowLongUpIcon: D1,
   ArrowPathIcon: G1,
   ArrowPathRoundedSquareIcon: U1,
   ArrowRightCircleIcon: K1,
@@ -12698,7 +12698,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   ArrowUpLeftIcon: Wc,
   ArrowUpOnSquareIcon: Hc,
   ArrowUpOnSquareStackIcon: Tc,
-  ArrowUpRightIcon: Dc,
+  ArrowUpRightIcon: _c,
   ArrowUpTrayIcon: Zc,
   ArrowUturnDownIcon: zc,
   ArrowUturnLeftIcon: Xc,
@@ -12724,7 +12724,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   Battery100Icon: W5,
   Battery50Icon: T5,
   BeakerIcon: H5,
-  BellAlertIcon: D5,
+  BellAlertIcon: _5,
   BellIcon: z5,
   BellSlashIcon: Z5,
   BellSnoozeIcon: q5,
@@ -12750,7 +12750,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   ChartBarIcon: W2,
   ChartBarSquareIcon: S2,
   ChartPieIcon: T2,
-  ChatBubbleBottomCenterIcon: D2,
+  ChatBubbleBottomCenterIcon: _2,
   ChatBubbleBottomCenterTextIcon: H2,
   ChatBubbleLeftEllipsisIcon: Z2,
   ChatBubbleLeftIcon: z2,
@@ -12778,7 +12778,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   CloudArrowDownIcon: Id,
   CloudArrowUpIcon: Nd,
   CloudIcon: Pd,
-  CodeBracketIcon: _d,
+  CodeBracketIcon: Dd,
   CodeBracketSquareIcon: Vd,
   Cog6ToothIcon: Ud,
   Cog8ToothIcon: Gd,
@@ -12806,7 +12806,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   DocumentCheckIcon: Nu,
   DocumentCurrencyBangladeshiIcon: Pu,
   DocumentCurrencyDollarIcon: Vu,
-  DocumentCurrencyEuroIcon: _u,
+  DocumentCurrencyEuroIcon: Du,
   DocumentCurrencyPoundIcon: Uu,
   DocumentCurrencyRupeeIcon: Gu,
   DocumentCurrencyYenIcon: Ku,
@@ -12832,7 +12832,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   FilmIcon: Wf,
   FingerPrintIcon: Tf,
   FireIcon: Hf,
-  FlagIcon: Df,
+  FlagIcon: _f,
   FolderArrowDownIcon: Zf,
   FolderIcon: Qf,
   FolderMinusIcon: qf,
@@ -12860,7 +12860,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   IdentificationIcon: T3,
   InboxArrowDownIcon: H3,
   InboxIcon: Z3,
-  InboxStackIcon: D3,
+  InboxStackIcon: _3,
   InformationCircleIcon: q3,
   ItalicIcon: z3,
   KeyIcon: X3,
@@ -12886,7 +12886,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   MoonIcon: Wm,
   MusicalNoteIcon: Tm,
   NewspaperIcon: Hm,
-  NoSymbolIcon: Dm,
+  NoSymbolIcon: _m,
   NumberedListIcon: Zm,
   PaintBrushIcon: qm,
   PaperAirplaneIcon: zm,
@@ -12914,7 +12914,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   PuzzlePieceIcon: Nh,
   QrCodeIcon: Ph,
   QuestionMarkCircleIcon: Vh,
-  QueueListIcon: _h,
+  QueueListIcon: Dh,
   RadioIcon: Uh,
   ReceiptPercentIcon: Gh,
   ReceiptRefundIcon: Kh,
@@ -12941,7 +12941,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   Square3Stack3DIcon: N7,
   Squares2X2Icon: P7,
   SquaresPlusIcon: V7,
-  StarIcon: _7,
+  StarIcon: D7,
   StopCircleIcon: U7,
   StopIcon: G7,
   StrikethroughIcon: K7,
@@ -12968,7 +12968,7 @@ const ua = /* @__PURE__ */ o.forwardRef(X4), Y4 = /* @__PURE__ */ Object.freeze(
   ViewfinderCircleIcon: N4,
   WalletIcon: P4,
   WifiIcon: V4,
-  WindowIcon: _4,
+  WindowIcon: D4,
   WrenchIcon: G4,
   WrenchScrewdriverIcon: U4,
   XCircleIcon: K4,
@@ -12982,7 +12982,7 @@ function Q4({
   maxSize: n = 10 * 1024 * 1024
   // 10MB
 }) {
-  const [a, i] = j(!1), [l, s] = j(!1), c = (m) => {
+  const [a, i] = A(!1), [s, l] = A(!1), c = (m) => {
     var g;
     const f = (g = m.name.split(".").pop()) == null ? void 0 : g.toLowerCase();
     return r.map((v) => v.replace(".", "").toLowerCase()).includes(f) ? m.size > n ? (alert(
@@ -12991,7 +12991,7 @@ function Q4({
   }, d = (m) => {
     if (!m || !c(m)) return;
     const f = new FileReader();
-    f.onloadstart = () => s(!0), f.onloadend = () => s(!1), f.onload = () => {
+    f.onloadstart = () => l(!0), f.onloadend = () => l(!1), f.onload = () => {
       const w = f.result;
       t == null || t(w);
     }, f.readAsDataURL(m);
@@ -13054,7 +13054,7 @@ function Q4({
           ] }),
           /* @__PURE__ */ p("p", { className: "text-xs text-gray-500", children: "PNG, JPG, GIF up to 10MB" })
         ] }),
-        l && /* @__PURE__ */ p("p", { className: "mt-2 animate-pulse text-sm text-indigo-600", children: "Converting..." })
+        s && /* @__PURE__ */ p("p", { className: "mt-2 animate-pulse text-sm text-indigo-600", children: "Converting..." })
       ]
     }
   );
@@ -13063,8 +13063,8 @@ function J4({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    placeholder: l = "HH:MM",
-    description: s,
+    placeholder: s = "HH:MM",
+    description: l,
     required: c,
     error: d,
     helper: u,
@@ -13076,7 +13076,7 @@ function J4({ field: e, value: t, onChange: r, theme: n }) {
     // optional max="17:00"
     step: g
     // optional step in seconds (e.g., 60 = 1 minute)
-  } = e, [v, E] = j(!1), b = !!d, k = b ? n.error : v ? n.inputFocusBorder : n.inputBorder;
+  } = e, [v, E] = A(!1), b = !!d, k = b ? n.error : v ? n.inputFocusBorder : n.inputBorder;
   return /* @__PURE__ */ L("div", { children: [
     i && /* @__PURE__ */ L("div", { className: "mb-1 flex justify-between", children: [
       /* @__PURE__ */ L(
@@ -13101,13 +13101,13 @@ function J4({ field: e, value: t, onChange: r, theme: n }) {
           id: a,
           name: a,
           type: "time",
-          placeholder: l,
+          placeholder: s,
           value: t || "",
           onChange: r,
           onFocus: () => E(!0),
           onBlur: () => E(!1),
           "aria-invalid": b ? "true" : "false",
-          "aria-describedby": b ? `${a}-error` : s ? `${a}-description` : void 0,
+          "aria-describedby": b ? `${a}-error` : l ? `${a}-description` : void 0,
           min: f,
           max: w,
           step: g,
@@ -13155,13 +13155,13 @@ function J4({ field: e, value: t, onChange: r, theme: n }) {
         className: "mt-1 text-sm",
         children: d
       }
-    ) : s ? /* @__PURE__ */ p(
+    ) : l ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: s
+        children: l
       }
     ) : null
   ] });
@@ -13171,13 +13171,13 @@ function tw({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    placeholder: l = "you@example.com",
-    description: s,
+    placeholder: s = "you@example.com",
+    description: l,
     required: c,
     helper: d,
     leadingIcon: u,
     trailingIcon: h
-  } = e, [m, f] = j(!1), [w, g] = j(null), v = !!w, E = v ? n.error : m ? n.inputFocusBorder : n.inputBorder, b = () => {
+  } = e, [m, f] = A(!1), [w, g] = A(null), v = !!w, E = v ? n.error : m ? n.inputFocusBorder : n.inputBorder, b = () => {
     f(!1), c && !t ? g("Email is required") : t && !ew.test(t) ? g("Please enter a valid email address") : g(null);
   };
   return /* @__PURE__ */ L("div", { children: [
@@ -13204,13 +13204,13 @@ function tw({ field: e, value: t, onChange: r, theme: n }) {
           id: a,
           name: a,
           type: "email",
-          placeholder: l,
+          placeholder: s,
           value: t || "",
           onChange: r,
           onFocus: () => f(!0),
           onBlur: b,
           "aria-invalid": v ? "true" : "false",
-          "aria-describedby": v ? `${a}-error` : s ? `${a}-description` : void 0,
+          "aria-describedby": v ? `${a}-error` : l ? `${a}-description` : void 0,
           style: {
             color: n.inputText,
             backgroundColor: n.inputBackground,
@@ -13257,13 +13257,13 @@ function tw({ field: e, value: t, onChange: r, theme: n }) {
           children: w
         }
       )
-    ] }) : s ? /* @__PURE__ */ p(
+    ] }) : l ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: s
+        children: l
       }
     ) : null
   ] });
@@ -13273,15 +13273,15 @@ function nw({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    placeholder: l = "(123) 456-7890",
-    description: s,
+    placeholder: s = "(123) 456-7890",
+    description: l,
     required: c,
     helper: d,
     leadingIcon: u,
     trailingIcon: h
-  } = e, [m, f] = j(!1), [w, g] = j(null), v = !!w, E = v ? n.error : m ? n.inputFocusBorder : n.inputBorder, b = (x) => {
-    const R = x.replace(On, "").slice(0, 10), M = [];
-    return R.length > 0 && M.push("(" + R.substring(0, 3)), R.length >= 4 && M.push(") " + R.substring(3, 6)), R.length >= 7 && M.push("-" + R.substring(6, 10)), M.join("");
+  } = e, [m, f] = A(!1), [w, g] = A(null), v = !!w, E = v ? n.error : m ? n.inputFocusBorder : n.inputBorder, b = (x) => {
+    const R = x.replace(On, "").slice(0, 10), C = [];
+    return R.length > 0 && C.push("(" + R.substring(0, 3)), R.length >= 4 && C.push(") " + R.substring(3, 6)), R.length >= 7 && C.push("-" + R.substring(6, 10)), C.join("");
   }, k = (x) => {
     const R = b(x.target.value);
     r({ target: { name: a, value: R } });
@@ -13314,13 +13314,13 @@ function nw({ field: e, value: t, onChange: r, theme: n }) {
           id: a,
           name: a,
           type: "tel",
-          placeholder: l,
+          placeholder: s,
           value: t || "",
           onChange: k,
           onFocus: () => f(!0),
           onBlur: y,
           "aria-invalid": v ? "true" : "false",
-          "aria-describedby": v ? `${a}-error` : s ? `${a}-description` : void 0,
+          "aria-describedby": v ? `${a}-error` : l ? `${a}-description` : void 0,
           pattern: "\\d{10}",
           maxLength: 14,
           style: {
@@ -13369,13 +13369,13 @@ function nw({ field: e, value: t, onChange: r, theme: n }) {
           children: w
         }
       )
-    ] }) : s ? /* @__PURE__ */ p(
+    ] }) : l ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: s
+        children: l
       }
     ) : null
   ] });
@@ -13384,12 +13384,12 @@ function ow({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    description: l,
-    required: s,
+    description: s,
+    required: l,
     error: c,
     helper: d,
     options: u = []
-  } = e, [h, m] = j(!1), f = !!(c || s && h && !t);
+  } = e, [h, m] = A(!1), f = !!(c || l && h && !t);
   return /* @__PURE__ */ L("div", { children: [
     i && /* @__PURE__ */ L("div", { className: "mb-1 flex justify-between", children: [
       /* @__PURE__ */ L(
@@ -13400,11 +13400,11 @@ function ow({ field: e, value: t, onChange: r, theme: n }) {
           className: "block text-sm/6 font-medium",
           children: [
             i,
-            s && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
+            l && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
           ]
         }
       ),
-      !s && !f && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
+      !l && !f && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
     ] }),
     d && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-1 text-xs", children: d }),
     /* @__PURE__ */ p(
@@ -13458,13 +13458,13 @@ function ow({ field: e, value: t, onChange: r, theme: n }) {
           children: c || "This field is required"
         }
       )
-    ] }) : l ? /* @__PURE__ */ p(
+    ] }) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: l
+        children: s
       }
     ) : null
   ] });
@@ -13473,13 +13473,13 @@ function aw({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    placeholder: l = "https://example.com",
-    description: s,
+    placeholder: s = "https://example.com",
+    description: l,
     required: c,
     helper: d,
     leadingIcon: u,
     trailingIcon: h
-  } = e, [m, f] = j(!1), [w, g] = j(null), v = !!w, E = v ? n.error : m ? n.inputFocusBorder : n.inputBorder, b = /^(https?:\/\/)?([\w-]+\.)+[\w-]{2,}(\/[^\s]*)?$/i, k = () => {
+  } = e, [m, f] = A(!1), [w, g] = A(null), v = !!w, E = v ? n.error : m ? n.inputFocusBorder : n.inputBorder, b = /^(https?:\/\/)?([\w-]+\.)+[\w-]{2,}(\/[^\s]*)?$/i, k = () => {
     f(!1), c && !t ? g("URL is required") : t && !b.test(t) ? g("Please enter a valid URL") : g(null);
   };
   return /* @__PURE__ */ L("div", { children: [
@@ -13506,13 +13506,13 @@ function aw({ field: e, value: t, onChange: r, theme: n }) {
           id: a,
           name: a,
           type: "url",
-          placeholder: l,
+          placeholder: s,
           value: t || "",
           onChange: r,
           onFocus: () => f(!0),
           onBlur: k,
           "aria-invalid": v ? "true" : "false",
-          "aria-describedby": v ? `${a}-error` : s ? `${a}-description` : void 0,
+          "aria-describedby": v ? `${a}-error` : l ? `${a}-description` : void 0,
           pattern: "https?://.+",
           style: {
             color: n.inputText,
@@ -13560,13 +13560,13 @@ function aw({ field: e, value: t, onChange: r, theme: n }) {
           children: w
         }
       )
-    ] }) : s ? /* @__PURE__ */ p(
+    ] }) : l ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: s
+        children: l
       }
     ) : null
   ] });
@@ -13575,22 +13575,22 @@ function iw({ field: e, value: t = [], onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    placeholder: l = "Select options",
-    options: s = [],
+    placeholder: s = "Select options",
+    options: l = [],
     optionId: c = "id",
     optionLabel: d = "name",
     error: u
-  } = e, h = s.map((b, k) => {
+  } = e, h = l.map((b, k) => {
     if (typeof b == "string" || typeof b == "number") {
-      const M = String(b);
-      return { id: M, label: M, original: b };
+      const C = String(b);
+      return { id: C, label: C, original: b };
     }
     const y = b == null ? void 0 : b[c], x = y != null ? String(y) : `__opt_${k}`, R = (b == null ? void 0 : b[d]) ?? (b == null ? void 0 : b.label) ?? (y != null ? String(y) : `option ${k}`);
     return { id: x, label: R, original: b };
   }), m = new Map(h.map((b) => [b.label, b.id])), f = new Map(h.map((b) => [b.id, b.label])), w = Array.isArray(t) ? t : [], g = w.map((b) => m.get(b)).filter((b) => b !== void 0), v = (b) => {
     const k = (Array.isArray(b) ? b : []).map((y) => f.get(y)).filter((y) => y !== void 0);
     r(k);
-  }, E = w.length > 0 ? w.join(", ") : l;
+  }, E = w.length > 0 ? w.join(", ") : s;
   return /* @__PURE__ */ L("div", { children: [
     i && /* @__PURE__ */ p(
       "label",
@@ -13651,7 +13651,7 @@ function iw({ field: e, value: t = [], onChange: r, theme: n }) {
                 borderColor: n == null ? void 0 : n.inputBorder
               },
               children: h.map((b) => /* @__PURE__ */ p(
-                Dr,
+                _r,
                 {
                   value: b.id,
                   className: ({ active: k }) => `relative cursor-default select-none py-2 pl-10 pr-4 ${k ? "bg-gray-100" : ""}`,
@@ -13684,7 +13684,7 @@ function iw({ field: e, value: t = [], onChange: r, theme: n }) {
   ] });
 }
 function lw({ field: e, value: t, onChange: r, theme: n }) {
-  const { name: a, title: i, description: l, helper: s, optional: c, required: d, error: u } = e, [h, m] = j(!1), f = !!u, w = f ? n.error : h ? n.inputFocusBorder : n.inputBorder, g = (v) => {
+  const { name: a, title: i, description: s, helper: l, optional: c, required: d, error: u } = e, [h, m] = A(!1), f = !!u, w = f ? n.error : h ? n.inputFocusBorder : n.inputBorder, g = (v) => {
     if (!v) return "";
     const E = new Date(v);
     return isNaN(E) ? "" : E.toISOString().slice(0, 16);
@@ -13712,7 +13712,7 @@ function lw({ field: e, value: t, onChange: r, theme: n }) {
       ),
       c && !f && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
     ] }),
-    s && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-1 text-xs", children: s }),
+    l && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-1 text-xs", children: l }),
     /* @__PURE__ */ L("div", { className: "relative", children: [
       /* @__PURE__ */ p(
         "input",
@@ -13725,7 +13725,7 @@ function lw({ field: e, value: t, onChange: r, theme: n }) {
           onFocus: () => m(!0),
           onBlur: () => m(!1),
           "aria-invalid": f ? "true" : "false",
-          "aria-describedby": f ? `${a}-error` : l ? `${a}-description` : void 0,
+          "aria-describedby": f ? `${a}-error` : s ? `${a}-description` : void 0,
           style: {
             color: f ? n.error : n.inputText,
             backgroundColor: n.inputBackground,
@@ -13755,13 +13755,13 @@ function lw({ field: e, value: t, onChange: r, theme: n }) {
         className: "mt-2 text-sm",
         children: u
       }
-    ) : l ? /* @__PURE__ */ p(
+    ) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-2 text-sm",
-        children: l
+        children: s
       }
     ) : null
   ] });
@@ -13792,15 +13792,15 @@ var Ot = class {
     return this.time !== e.time ? this.distanceTo(e) / (this.time - e.time) : 0;
   }
 }, sw = class fa {
-  constructor(t, r, n, a, i, l) {
-    this.startPoint = t, this.control2 = r, this.control1 = n, this.endPoint = a, this.startWidth = i, this.endWidth = l;
+  constructor(t, r, n, a, i, s) {
+    this.startPoint = t, this.control2 = r, this.control1 = n, this.endPoint = a, this.startWidth = i, this.endWidth = s;
   }
   static fromPoints(t, r) {
     const n = this.calculateControlPoints(t[0], t[1], t[2]).c2, a = this.calculateControlPoints(t[1], t[2], t[3]).c1;
     return new fa(t[1], n, a, t[2], r.start, r.end);
   }
   static calculateControlPoints(t, r, n) {
-    const a = t.x - r.x, i = t.y - r.y, l = r.x - n.x, s = r.y - n.y, c = { x: (t.x + r.x) / 2, y: (t.y + r.y) / 2 }, d = { x: (r.x + n.x) / 2, y: (r.y + n.y) / 2 }, u = Math.sqrt(a * a + i * i), h = Math.sqrt(l * l + s * s), m = c.x - d.x, f = c.y - d.y, w = u + h == 0 ? 0 : h / (u + h), g = { x: d.x + m * w, y: d.y + f * w }, v = r.x - g.x, E = r.y - g.y;
+    const a = t.x - r.x, i = t.y - r.y, s = r.x - n.x, l = r.y - n.y, c = { x: (t.x + r.x) / 2, y: (t.y + r.y) / 2 }, d = { x: (r.x + n.x) / 2, y: (r.y + n.y) / 2 }, u = Math.sqrt(a * a + i * i), h = Math.sqrt(s * s + l * l), m = c.x - d.x, f = c.y - d.y, w = u + h == 0 ? 0 : h / (u + h), g = { x: d.x + m * w, y: d.y + f * w }, v = r.x - g.x, E = r.y - g.y;
     return {
       c1: new Ot(c.x + v, c.y + E),
       c2: new Ot(d.x + v, d.y + E)
@@ -13810,24 +13810,24 @@ var Ot = class {
   length() {
     let r = 0, n, a;
     for (let i = 0; i <= 10; i += 1) {
-      const l = i / 10, s = this.point(
-        l,
+      const s = i / 10, l = this.point(
+        s,
         this.startPoint.x,
         this.control1.x,
         this.control2.x,
         this.endPoint.x
       ), c = this.point(
-        l,
+        s,
         this.startPoint.y,
         this.control1.y,
         this.control2.y,
         this.endPoint.y
       );
       if (i > 0) {
-        const d = s - n, u = c - a;
+        const d = l - n, u = c - a;
         r += Math.sqrt(d * d + u * u);
       }
-      n = s, a = c;
+      n = l, a = c;
     }
     return r;
   }
@@ -13857,13 +13857,13 @@ var Ot = class {
   }
 };
 function dw(e, t = 250) {
-  let r = 0, n = null, a, i, l;
-  const s = () => {
-    r = Date.now(), n = null, a = e.apply(i, l), n || (i = null, l = []);
+  let r = 0, n = null, a, i, s;
+  const l = () => {
+    r = Date.now(), n = null, a = e.apply(i, s), n || (i = null, s = []);
   };
   return function(...d) {
     const u = Date.now(), h = t - (u - r);
-    return i = this, l = d, h <= 0 || h > t ? (n && (clearTimeout(n), n = null), r = u, a = e.apply(i, l), n || (i = null, l = [])) : n || (n = window.setTimeout(s, h)), a;
+    return i = this, s = d, h <= 0 || h > t ? (n && (clearTimeout(n), n = null), r = u, a = e.apply(i, s), n || (i = null, s = [])) : n || (n = window.setTimeout(l, h)), a;
   };
 }
 var uw = class kr extends cw {
@@ -13911,12 +13911,12 @@ var uw = class kr extends cw {
   }
   fromDataURL(r, n = {}) {
     return new Promise((a, i) => {
-      const l = new Image(), s = n.ratio || window.devicePixelRatio || 1, c = n.width || this.canvas.width / s, d = n.height || this.canvas.height / s, u = n.xOffset || 0, h = n.yOffset || 0;
-      this._reset(this._getPointGroupOptions()), l.onload = () => {
-        this._ctx.drawImage(l, u, h, c, d), a();
-      }, l.onerror = (m) => {
+      const s = new Image(), l = n.ratio || window.devicePixelRatio || 1, c = n.width || this.canvas.width / l, d = n.height || this.canvas.height / l, u = n.xOffset || 0, h = n.yOffset || 0;
+      this._reset(this._getPointGroupOptions()), s.onload = () => {
+        this._ctx.drawImage(s, u, h, c, d), a();
+      }, s.onerror = (m) => {
         i(m);
-      }, l.crossOrigin = "anonymous", l.src = r, this._isEmpty = !1, this._dataUrl = r, this._dataUrlOptions = { ...n };
+      }, s.crossOrigin = "anonymous", s.src = r, this._isEmpty = !1, this._dataUrl = r, this._dataUrlOptions = { ...n };
     });
   }
   toDataURL(r = "image/png", n) {
@@ -14074,11 +14074,11 @@ var uw = class kr extends cw {
         break;
     }
     this._drawingStroke = !0;
-    const i = this._getPointGroupOptions(), l = {
+    const i = this._getPointGroupOptions(), s = {
       ...i,
       points: []
     };
-    this._data.push(l), this._reset(i), this._strokeUpdate(r);
+    this._data.push(s), this._reset(i), this._strokeUpdate(r);
   }
   _strokeUpdate(r) {
     if (!this._drawingStroke)
@@ -14090,10 +14090,10 @@ var uw = class kr extends cw {
     this.dispatchEvent(
       new CustomEvent("beforeUpdateStroke", { detail: r })
     );
-    const n = this._createPoint(r.x, r.y, r.pressure), a = this._data[this._data.length - 1], i = a.points, l = i.length > 0 && i[i.length - 1], s = l ? n.distanceTo(l) <= this.minDistance : !1, c = this._getPointGroupOptions(a);
-    if (!l || !(l && s)) {
+    const n = this._createPoint(r.x, r.y, r.pressure), a = this._data[this._data.length - 1], i = a.points, s = i.length > 0 && i[i.length - 1], l = s ? n.distanceTo(s) <= this.minDistance : !1, c = this._getPointGroupOptions(a);
+    if (!s || !(s && l)) {
       const d = this._addPoint(n, c);
-      l ? d && this._drawCurve(d, c) : this._drawDot(n, c), i.push({
+      s ? d && this._drawCurve(d, c) : this._drawDot(n, c), i.push({
         time: n.time,
         x: n.x,
         y: n.y,
@@ -14142,17 +14142,17 @@ var uw = class kr extends cw {
         a[1],
         a[2],
         n
-      ), l = sw.fromPoints(a, i);
-      return a.shift(), l;
+      ), s = sw.fromPoints(a, i);
+      return a.shift(), s;
     }
     return null;
   }
   _calculateCurveWidths(r, n, a) {
-    const i = a.velocityFilterWeight * n.velocityFrom(r) + (1 - a.velocityFilterWeight) * this._lastVelocity, l = this._strokeWidth(i, a), s = {
-      end: l,
+    const i = a.velocityFilterWeight * n.velocityFrom(r) + (1 - a.velocityFilterWeight) * this._lastVelocity, s = this._strokeWidth(i, a), l = {
+      end: s,
       start: this._lastWidth
     };
-    return this._lastVelocity = i, this._lastWidth = l, s;
+    return this._lastVelocity = i, this._lastWidth = s, l;
   }
   _strokeWidth(r, n) {
     return Math.max(n.maxWidth / (r + 1), n.minWidth);
@@ -14162,10 +14162,10 @@ var uw = class kr extends cw {
     i.moveTo(r, n), i.arc(r, n, a, 0, 2 * Math.PI, !1), this._isEmpty = !1;
   }
   _drawCurve(r, n) {
-    const a = this._ctx, i = r.endWidth - r.startWidth, l = Math.ceil(r.length()) * 2;
+    const a = this._ctx, i = r.endWidth - r.startWidth, s = Math.ceil(r.length()) * 2;
     a.beginPath(), a.fillStyle = n.penColor;
-    for (let s = 0; s < l; s += 1) {
-      const c = s / l, d = c * c, u = d * c, h = 1 - c, m = h * h, f = m * h;
+    for (let l = 0; l < s; l += 1) {
+      const c = l / s, d = c * c, u = d * c, h = 1 - c, m = h * h, f = m * h;
       let w = f * r.startPoint.x;
       w += 3 * m * c * r.control1.x, w += 3 * h * d * r.control2.x, w += u * r.endPoint.x;
       let g = f * r.startPoint.y;
@@ -14184,27 +14184,27 @@ var uw = class kr extends cw {
   }
   _fromData(r, n, a) {
     for (const i of r) {
-      const { points: l } = i, s = this._getPointGroupOptions(i);
-      if (l.length > 1)
-        for (let c = 0; c < l.length; c += 1) {
-          const d = l[c], u = new Ot(
+      const { points: s } = i, l = this._getPointGroupOptions(i);
+      if (s.length > 1)
+        for (let c = 0; c < s.length; c += 1) {
+          const d = s[c], u = new Ot(
             d.x,
             d.y,
             d.pressure,
             d.time
           );
-          c === 0 && this._reset(s);
-          const h = this._addPoint(u, s);
-          h && n(h, s);
+          c === 0 && this._reset(l);
+          const h = this._addPoint(u, l);
+          h && n(h, l);
         }
       else
-        this._reset(s), a(l[0], s);
+        this._reset(l), a(s[0], l);
     }
   }
   toSVG({ includeBackgroundColor: r = !1, includeDataUrl: n = !1 } = {}) {
     var h, m, f, w, g;
-    const a = this._data, i = Math.max(window.devicePixelRatio || 1, 1), l = 0, s = 0, c = this.canvas.width / i, d = this.canvas.height / i, u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    if (u.setAttribute("xmlns", "http://www.w3.org/2000/svg"), u.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), u.setAttribute("viewBox", `${l} ${s} ${c} ${d}`), u.setAttribute("width", c.toString()), u.setAttribute("height", d.toString()), r && this.backgroundColor) {
+    const a = this._data, i = Math.max(window.devicePixelRatio || 1, 1), s = 0, l = 0, c = this.canvas.width / i, d = this.canvas.height / i, u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    if (u.setAttribute("xmlns", "http://www.w3.org/2000/svg"), u.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), u.setAttribute("viewBox", `${s} ${l} ${c} ${d}`), u.setAttribute("width", c.toString()), u.setAttribute("height", d.toString()), r && this.backgroundColor) {
       const v = document.createElement("rect");
       v.setAttribute("width", "100%"), v.setAttribute("height", "100%"), v.setAttribute("fill", this.backgroundColor), u.appendChild(v);
     }
@@ -14231,7 +14231,7 @@ var uw = class kr extends cw {
   }
 };
 function fw({ field: e, value: t, onChange: r, theme: n }) {
-  const { name: a, title: i, description: l, required: s, helper: c } = e, d = S(null), u = S(null), [h, m] = j(null);
+  const { name: a, title: i, description: s, required: l, helper: c } = e, d = I(null), u = I(null), [h, m] = A(null);
   q(() => {
     d.current && (u.current = new uw(d.current, {
       backgroundColor: n.inputBackground || "#fff",
@@ -14239,10 +14239,10 @@ function fw({ field: e, value: t, onChange: r, theme: n }) {
     }));
   }, [n]);
   const f = () => {
-    u.current.clear(), m(s ? "Signature is required" : null), r({ target: { name: a, value: "" } });
+    u.current.clear(), m(l ? "Signature is required" : null), r({ target: { name: a, value: "" } });
   }, w = () => {
     if (u.current.isEmpty()) {
-      s && m("Signature is required");
+      l && m("Signature is required");
       return;
     }
     const g = u.current.toDataURL("image/png");
@@ -14258,11 +14258,11 @@ function fw({ field: e, value: t, onChange: r, theme: n }) {
           className: "block text-sm/6 font-medium",
           children: [
             i,
-            s && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
+            l && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
           ]
         }
       ),
-      !s && !h && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
+      !l && !h && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
     ] }),
     c && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-1 text-xs", children: c }),
     /* @__PURE__ */ p(
@@ -14331,13 +14331,13 @@ function fw({ field: e, value: t, onChange: r, theme: n }) {
           children: h
         }
       )
-    ] }) : l ? /* @__PURE__ */ p(
+    ] }) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: l
+        children: s
       }
     ) : null
   ] });
@@ -14356,15 +14356,15 @@ function mw({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    description: l,
-    required: s,
+    description: s,
+    required: l,
     helper: c,
     max: d = 5,
     // default rating scale
     icon: u = "StarIcon"
     // default icon (must match one in ReturnSecIcon)
-  } = e, [h, m] = j(null), [f, w] = j(null), g = !!h, v = (b) => {
-    m(s && b === 0 ? "Rating is required" : null), r({ target: { name: a, value: b } });
+  } = e, [h, m] = A(null), [f, w] = A(null), g = !!h, v = (b) => {
+    m(l && b === 0 ? "Rating is required" : null), r({ target: { name: a, value: b } });
   }, E = (b) => {
     const k = f ? b <= f : b <= (t || 0);
     let y;
@@ -14394,11 +14394,11 @@ function mw({ field: e, value: t, onChange: r, theme: n }) {
           className: "block text-sm/6 font-medium",
           children: [
             i,
-            s && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
+            l && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
           ]
         }
       ),
-      !s && !g && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
+      !l && !g && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
     ] }),
     c && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-1 text-xs", children: c }),
     /* @__PURE__ */ p(
@@ -14408,7 +14408,7 @@ function mw({ field: e, value: t, onChange: r, theme: n }) {
         role: "radiogroup",
         className: "flex items-center gap-1",
         "aria-invalid": g ? "true" : "false",
-        "aria-describedby": g ? `${a}-error` : l ? `${a}-description` : void 0,
+        "aria-describedby": g ? `${a}-error` : s ? `${a}-description` : void 0,
         children: [...Array(d)].map((b, k) => E(k + 1))
       }
     ),
@@ -14429,13 +14429,13 @@ function mw({ field: e, value: t, onChange: r, theme: n }) {
           children: h
         }
       )
-    ] }) : l ? /* @__PURE__ */ p(
+    ] }) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: l
+        children: s
       }
     ) : null
   ] });
@@ -14444,15 +14444,15 @@ function hw({ field: e, value: t, onChange: r, theme: n }) {
   const {
     name: a,
     title: i,
-    description: l,
-    required: s,
+    description: s,
+    required: l,
     helper: c,
     min: d = 1,
     max: u = 10,
     step: h = 1
     // just in case you want 1–5 or 2–20 etc.
-  } = e, [m, f] = j(null), w = !!m, g = (E) => {
-    f(s && !E ? "Selection is required" : null), r({ target: { name: a, value: E } });
+  } = e, [m, f] = A(null), w = !!m, g = (E) => {
+    f(l && !E ? "Selection is required" : null), r({ target: { name: a, value: E } });
   }, v = [];
   for (let E = d; E <= u; E += h)
     v.push(E);
@@ -14466,11 +14466,11 @@ function hw({ field: e, value: t, onChange: r, theme: n }) {
           className: "block text-sm/6 font-medium",
           children: [
             i,
-            s && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
+            l && /* @__PURE__ */ p("span", { style: { color: n.requiredAsterisk }, children: " *" })
           ]
         }
       ),
-      !s && !w && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
+      !l && !w && /* @__PURE__ */ p("span", { style: { color: n.description }, className: "text-sm/6", children: "Optional" })
     ] }),
     c && /* @__PURE__ */ p("p", { style: { color: n.description }, className: "mb-1 text-xs", children: c }),
     /* @__PURE__ */ p(
@@ -14480,7 +14480,7 @@ function hw({ field: e, value: t, onChange: r, theme: n }) {
         role: "radiogroup",
         className: "flex flex-wrap gap-2",
         "aria-invalid": w ? "true" : "false",
-        "aria-describedby": w ? `${a}-error` : l ? `${a}-description` : void 0,
+        "aria-describedby": w ? `${a}-error` : s ? `${a}-description` : void 0,
         children: v.map((E) => /* @__PURE__ */ L("label", { className: "flex flex-col items-center text-sm", children: [
           /* @__PURE__ */ p(
             "input",
@@ -14525,20 +14525,20 @@ function hw({ field: e, value: t, onChange: r, theme: n }) {
           children: m
         }
       )
-    ] }) : l ? /* @__PURE__ */ p(
+    ] }) : s ? /* @__PURE__ */ p(
       "p",
       {
         id: `${a}-description`,
         style: { color: n.description },
         className: "mt-1 text-sm",
-        children: l
+        children: s
       }
     ) : null
   ] });
 }
 const ww = process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY;
 function pw({ field: e, value: t, onChange: r, theme: n }) {
-  const a = S(null), [i, l] = j(null), [s, c] = j(!1);
+  const a = I(null), [i, s] = A(null), [l, c] = A(!1);
   q(() => {
     if (window.grecaptcha) {
       window.grecaptcha.ready(() => d());
@@ -14562,7 +14562,7 @@ function pw({ field: e, value: t, onChange: r, theme: n }) {
         r({ target: { name: e.name, value: "" } }), c(!0);
       }
     });
-    l(u);
+    s(u);
   };
   return /* @__PURE__ */ L("div", { className: "mb-4", children: [
     e.title && /* @__PURE__ */ L(
@@ -14578,7 +14578,7 @@ function pw({ field: e, value: t, onChange: r, theme: n }) {
       }
     ),
     /* @__PURE__ */ p("div", { ref: a }),
-    s && /* @__PURE__ */ p("p", { style: { color: n.error }, className: "mt-1 text-sm", children: "Please complete the CAPTCHA" })
+    l && /* @__PURE__ */ p("p", { style: { color: n.error }, className: "mt-1 text-sm", children: "Please complete the CAPTCHA" })
   ] });
 }
 let Bn = !1;
@@ -14650,17 +14650,17 @@ function Sn({
 }
 function Iw({ setState: e, fields: t = [], rules: r = [] }) {
   const n = Array.isArray(r) ? r.reduce((a, i) => (i != null && i.name && (a[i.name] = i), a), {}) : {};
-  return function(i, l) {
-    let s, c, d, u, h;
+  return function(i, s) {
+    let l, c, d, u, h;
     if (i != null && i.target) {
       const m = i;
-      s = m.target.name, c = m.target.value, d = m.target.type, u = m.target.checked, h = m.target.files;
+      l = m.target.name, c = m.target.value, d = m.target.type, u = m.target.checked, h = m.target.files;
     } else
-      s = l, c = i;
+      l = s, c = i;
     d === "checkbox" && (c = u), d === "file" && (c = (h == null ? void 0 : h[0]) ?? c), e((m) => {
       var v;
-      let f = { ...m, [s]: c };
-      const w = t.find((E) => E.name === s);
+      let f = { ...m, [l]: c };
+      const w = t.find((E) => E.name === l);
       return (v = w == null ? void 0 : w.modifiers) != null && v.length && w.modifiers.forEach((E) => {
         const {
           target: b,
@@ -14668,16 +14668,16 @@ function Iw({ setState: e, fields: t = [], rules: r = [] }) {
           kind: y = "number",
           when: x,
           value: R,
-          strictString: M = !1
+          strictString: C = !1
         } = E;
         if (b && ct(c, x, R)) {
-          const W = M ? String(f[b] || "") : Number(f[b] || 0), $ = M ? String(R) : Number(R);
+          const $ = C ? String(f[b] || "") : Number(f[b] || 0), j = C ? String(R) : Number(R);
           f[b] = Sn({
             type: k,
             kind: y,
-            targetValue: W,
-            modifierValue: $,
-            strictString: M
+            targetValue: $,
+            modifierValue: j,
+            strictString: C
           });
         }
       }), (Array.isArray(w == null ? void 0 : w.triggers) ? w.triggers : []).forEach((E) => {
@@ -14687,22 +14687,22 @@ function Iw({ setState: e, fields: t = [], rules: r = [] }) {
         if (!k) return;
         const y = E.when;
         if (!ct(c, y, E.value)) return;
-        (Array.isArray(k.effects) ? k.effects : []).forEach((M) => {
-          const { targetField: W, prop: $ = "value", type: C, kind: A = "number", value: P, strictString: T = !1, sourceFields: O } = M;
-          if (!W || $ !== "value") return;
-          let B = null;
-          C === "concat" && Array.isArray(O) && (B = O.map((H) => ({
+        (Array.isArray(k.effects) ? k.effects : []).forEach((C) => {
+          const { targetField: $, prop: j = "value", type: M, kind: O = "number", value: T, strictString: F = !1, sourceFields: P } = C;
+          if (!$ || j !== "value") return;
+          let S = null;
+          M === "concat" && Array.isArray(P) && (S = P.map((H) => ({
             ...H,
             fieldValue: f[H.field] || ""
           })));
-          const D = f[W] || "", G = T ? String(D) : Number(D) || 0, N = T ? String(P) : Number(P);
-          f[W] = Sn({
-            type: C,
-            kind: A,
+          const _ = f[$] || "", G = F ? String(_) : Number(_) || 0, N = F ? String(T) : Number(T);
+          f[$] = Sn({
+            type: M,
+            kind: O,
             targetValue: G,
             modifierValue: N,
-            strictString: T,
-            sourceFields: B
+            strictString: F,
+            sourceFields: S
           });
         });
       }), f;
@@ -14740,6 +14740,9 @@ function ct(e, t, r) {
       return !1;
   }
 }
+function Ww(e, t = {}) {
+  return { ...e.reduce((n, a) => (a.default !== void 0 && (n[a.name] = a.default), n), {}), ...t };
+}
 function vw(e, t) {
   if (t) return "w-full";
   switch (e) {
@@ -14766,17 +14769,17 @@ function gw(e, t) {
   return ma(r, n, t);
 }
 function bw(e, t) {
-  var a, i, l;
-  const r = ((a = e == null ? void 0 : e.conditions) == null ? void 0 : a.readOnlyWhen) || ((i = e == null ? void 0 : e.conditions) == null ? void 0 : i.disabledWhen), n = ((l = e == null ? void 0 : e.conditions) == null ? void 0 : l.readOnlyMode) === "all" ? "all" : "any";
+  var a, i, s;
+  const r = ((a = e == null ? void 0 : e.conditions) == null ? void 0 : a.readOnlyWhen) || ((i = e == null ? void 0 : e.conditions) == null ? void 0 : i.disabledWhen), n = ((s = e == null ? void 0 : e.conditions) == null ? void 0 : s.readOnlyMode) === "all" ? "all" : "any";
   return ma(r, n, t);
 }
 function kw(e, t, r) {
-  const n = Array.isArray(t) ? t.reduce((i, l) => (l != null && l.name && (i[l.name] = l), i), {}) : {}, a = {};
+  const n = Array.isArray(t) ? t.reduce((i, s) => (s != null && s.name && (i[s.name] = s), i), {}) : {}, a = {};
   return e.forEach((i) => {
-    (Array.isArray(i == null ? void 0 : i.triggers) ? i.triggers : []).forEach((s) => {
-      const c = n[s == null ? void 0 : s.rule];
+    (Array.isArray(i == null ? void 0 : i.triggers) ? i.triggers : []).forEach((l) => {
+      const c = n[l == null ? void 0 : l.rule];
       if (!c) return;
-      const d = Array.isArray(s.when) ? s.when : s.when ? [s.when] : [], u = s.mode === "all" ? "all" : "any";
+      const d = Array.isArray(l.when) ? l.when : l.when ? [l.when] : [], u = l.mode === "all" ? "all" : "any";
       if (!(d.length === 0 ? !0 : u === "all" ? d.every(
         (f) => ct(r == null ? void 0 : r[f.field], f.when, f.value)
       ) : d.some(
@@ -14800,21 +14803,21 @@ function Ew({
   formData: a = {},
   rules: i = []
 }) {
-  const l = kw(e, i, a);
-  return /* @__PURE__ */ p("div", { className: "w-full", children: /* @__PURE__ */ p("div", { className: "-mx-2 flex flex-wrap", children: e.map((s, c) => {
+  const s = kw(e, i, a);
+  return /* @__PURE__ */ p("div", { className: "w-full", children: /* @__PURE__ */ p("div", { className: "-mx-2 flex flex-wrap", children: e.map((l, c) => {
     var m, f, w;
-    const d = gw(s, a) || ((m = l[s.name]) == null ? void 0 : m.hidden) === !0, u = s.readOnly || bw(s, a) || ((f = l[s.name]) == null ? void 0 : f.readOnly) === !0, h = ((w = l[s.name]) == null ? void 0 : w.title) ?? (s.label || s.title || s.name);
+    const d = gw(l, a) || ((m = s[l.name]) == null ? void 0 : m.hidden) === !0, u = l.readOnly || bw(l, a) || ((f = s[l.name]) == null ? void 0 : f.readOnly) === !0, h = ((w = s[l.name]) == null ? void 0 : w.title) ?? (l.label || l.title || l.name);
     return /* @__PURE__ */ p(
       "div",
       {
-        className: `${vw(s.width || 100, n)} mb-4 px-2 ${d ? "hidden" : ""}`,
+        className: `${vw(l.width || 100, n)} mb-4 px-2 ${d ? "hidden" : ""}`,
         children: /* @__PURE__ */ p(
           Zr,
           {
             onChange: t,
-            value: a[s.name] ?? s.default ?? "",
+            value: a[l.name] ?? l.default ?? "",
             field: {
-              ...s,
+              ...l,
               title: h,
               readOnly: u
             },
@@ -14822,7 +14825,7 @@ function Ew({
           }
         )
       },
-      s.name || c
+      l.name || c
     );
   }) }) });
 }
@@ -14853,58 +14856,59 @@ const yw = /* @__PURE__ */ o.forwardRef(xw), Lw = (e, t) => {
     a.required && (n++, t[a == null ? void 0 : a.name] && t[a == null ? void 0 : a.name] !== "" && r++);
   }), { filled: r, total: n };
 };
-function Ww({
+function Nw({
   config: e = {},
-  onSubmit: t = () => {
+  formData: t = {},
+  onSubmit: r = () => {
   },
-  onStepChange: r = () => {
+  onStepChange: n = () => {
   },
-  onChange: n = () => {
+  onChange: a = () => {
   },
-  formTheme: a = {},
-  wizardTheme: i = {}
+  formTheme: i = {},
+  wizardTheme: s = {}
 }) {
-  const { steps: l = [], styles: s = {}, rules: c = [] } = e, [d, u] = j(1), [h, m] = j(!1), [f, w] = j({}), [g, v] = j({}), E = () => {
-    const $ = Math.max(d - 1, 1);
-    u($), window.scrollTo({ top: 0, behavior: "smooth" }), r($);
-  }, b = () => {
+  const { steps: l = [], styles: c = {}, rules: d = [] } = e, [u, h] = A(1), [m, f] = A(!1), [w, g] = A({}), v = () => {
+    const $ = Math.max(u - 1, 1);
+    h($), window.scrollTo({ top: 0, behavior: "smooth" }), n($);
+  }, E = () => {
     var T;
-    const A = (((T = l[d - 1]) == null ? void 0 : T.fields) || []).filter((O) => O.required).filter(
-      (O) => !f[O == null ? void 0 : O.name] || f[O == null ? void 0 : O.name] === ""
+    const M = (((T = l[u - 1]) == null ? void 0 : T.fields) || []).filter((F) => F.required).filter(
+      (F) => !t[F == null ? void 0 : F.name] || t[F == null ? void 0 : F.name] === ""
     );
-    if (A.length > 0) {
+    if (M.length > 0) {
       alert(
-        `Please fill in required fields: ${A.map((O) => O.title).join(", ")}`
+        `Please fill in required fields: ${M.map((F) => F.title).join(", ")}`
       );
       return;
     }
-    const P = Math.min(d + 1, l.length);
-    u(P), window.scrollTo({ top: 0, behavior: "smooth" }), r(P);
+    const O = Math.min(u + 1, l.length);
+    h(O), window.scrollTo({ top: 0, behavior: "smooth" }), n(O);
   };
-  async function k() {
-    m(!0);
+  async function b() {
+    f(!0);
     try {
-      await t(f), w({}), u(1);
+      await r(t), setFormData({}), h(1);
     } catch ($) {
       console.error("Error submitting wizard:", $), alert("Error: " + $.message);
     } finally {
-      m(!1);
+      f(!1);
     }
   }
-  const y = l.length > 0 ? Object.values(g).reduce(($, C) => $ + (C.total > 0 ? C.filled / C.total * (100 / l.length) : 0), 0) : 0, x = l[d - 1] || {}, R = x.fields || [];
+  const k = l.length > 0 ? Object.values(w).reduce(($, j) => $ + (j.total > 0 ? j.filled / j.total * (100 / l.length) : 0), 0) : 0, y = l[u - 1] || {}, x = y.fields || [];
   q(() => {
     const $ = {};
-    l.forEach((C, A) => {
-      $[A + 1] = { filled: 0, total: 0 };
-    }), v($);
+    l.forEach((j, M) => {
+      $[M + 1] = { filled: 0, total: 0 };
+    }), g($);
   }, [l]), q(() => {
     const $ = {};
-    l.forEach((C, A) => {
-      const P = C.fields || [];
-      $[A + 1] = Lw(P, f);
-    }), v($);
-  }, [f, l]);
-  const M = {
+    l.forEach((j, M) => {
+      const O = j.fields || [];
+      $[M + 1] = Lw(O, t);
+    }), g($);
+  }, [t, l]);
+  const R = {
     container: "min-h-screen bg-white",
     contentWrapper: "mx-auto max-w-5xl px-6 py-8 sm:py-12 lg:py-16",
     header: "font-display text-3xl font-bold tracking-tight sm:mb-2 sm:text-6xl sm:font-light",
@@ -14913,24 +14917,24 @@ function Ww({
     primaryButton: "bg-[#020DF9] text-white hover:bg-[#0209D9]",
     secondaryButton: "bg-transparent text-[#4A4A4A] hover:bg-[#FAFAFA]",
     disabledButton: "cursor-not-allowed bg-transparent text-[#E8E8E8]",
-    ...s
-  }, W = M.progressBarColor || "#020DF9";
-  return /* @__PURE__ */ p("div", { className: M.container, children: /* @__PURE__ */ L("div", { className: M.contentWrapper, children: [
+    ...c
+  }, C = R.progressBarColor || "#020DF9";
+  return /* @__PURE__ */ p("div", { className: R.container, children: /* @__PURE__ */ L("div", { className: R.contentWrapper, children: [
     /* @__PURE__ */ L("div", { className: "mb-8", children: [
-      /* @__PURE__ */ p("h1", { className: `${M.header} text-[#1A1A1A]`, children: e.title || "Multi-step Wizard" }),
+      /* @__PURE__ */ p("h1", { className: `${R.header} text-[#1A1A1A]`, children: e.title || "Multi-step Wizard" }),
       e.subtitle && /* @__PURE__ */ p("p", { className: "text-base font-light text-[#797979] sm:mb-7", children: e.subtitle }),
       /* @__PURE__ */ L("div", { className: "mt-3 flex flex-col sm:flex-row sm:items-center sm:justify-between", children: [
         /* @__PURE__ */ L("p", { className: "text-base font-medium text-[#4A4A4A]", children: [
           "Step ",
-          d,
+          u,
           " of ",
           l.length,
           ":",
           " ",
-          (x == null ? void 0 : x.fullName) || (x == null ? void 0 : x.name) || `Step ${d}`
+          (y == null ? void 0 : y.fullName) || (y == null ? void 0 : y.name) || `Step ${u}`
         ] }),
         /* @__PURE__ */ L("p", { className: "mt-1 text-sm text-[#6B6B6B] sm:mt-0", children: [
-          Math.round(y),
+          Math.round(k),
           "% Complete"
         ] })
       ] })
@@ -14940,42 +14944,42 @@ function Ww({
       {
         className: "h-full rounded-full transition-all duration-500 ease-out",
         style: {
-          width: `${y}%`,
-          backgroundColor: W
+          width: `${k}%`,
+          backgroundColor: C
         }
       }
     ) }) }),
-    e.showStepIndicators !== !1 && /* @__PURE__ */ p("div", { className: "mb-8", children: /* @__PURE__ */ p("nav", { "aria-label": "Progress steps", children: /* @__PURE__ */ p("ol", { className: "flex items-center justify-center space-x-1 sm:space-x-2", children: l.map(($, C) => {
-      const A = C < d - 1, P = C === d - 1, T = C < d;
+    e.showStepIndicators !== !1 && /* @__PURE__ */ p("div", { className: "mb-8", children: /* @__PURE__ */ p("nav", { "aria-label": "Progress steps", children: /* @__PURE__ */ p("ol", { className: "flex items-center justify-center space-x-1 sm:space-x-2", children: l.map(($, j) => {
+      const M = j < u - 1, O = j === u - 1, T = j < u;
       return /* @__PURE__ */ L("li", { className: "flex items-center", children: [
         /* @__PURE__ */ L(
           "button",
           {
             type: "button",
-            onClick: () => T && u(C + 1),
-            className: `flex items-center rounded-full px-3 py-1.5 text-xs font-medium transition-all duration-200 ${P ? "bg-[#020DF9] text-white" : A ? "bg-[#F5F5F5] text-[#1A1A1A] hover:bg-[#E8E8E8]" : "cursor-default bg-transparent text-[#9B9B9B]"} ${T && !P ? "cursor-pointer" : ""} `,
+            onClick: () => T && h(j + 1),
+            className: `flex items-center rounded-full px-3 py-1.5 text-xs font-medium transition-all duration-200 ${O ? "bg-[#020DF9] text-white" : M ? "bg-[#F5F5F5] text-[#1A1A1A] hover:bg-[#E8E8E8]" : "cursor-default bg-transparent text-[#9B9B9B]"} ${T && !O ? "cursor-pointer" : ""} `,
             disabled: !T,
-            "aria-current": P ? "step" : void 0,
+            "aria-current": O ? "step" : void 0,
             children: [
-              A && /* @__PURE__ */ p(yw, { className: "mr-1.5 h-3.5 w-3.5" }),
+              M && /* @__PURE__ */ p(yw, { className: "mr-1.5 h-3.5 w-3.5" }),
               /* @__PURE__ */ p("span", { className: "hidden sm:inline", children: $ == null ? void 0 : $.name }),
-              /* @__PURE__ */ p("span", { className: "sm:hidden", children: C + 1 })
+              /* @__PURE__ */ p("span", { className: "sm:hidden", children: j + 1 })
             ]
           }
         ),
-        C < l.length - 1 && /* @__PURE__ */ p("div", { className: "mx-1 h-[1px] w-4 bg-[#E8E8E8] sm:w-8" })
-      ] }, ($ == null ? void 0 : $.id) || C);
+        j < l.length - 1 && /* @__PURE__ */ p("div", { className: "mx-1 h-[1px] w-4 bg-[#E8E8E8] sm:w-8" })
+      ] }, ($ == null ? void 0 : $.id) || j);
     }) }) }) }),
-    /* @__PURE__ */ L("div", { className: M.card, children: [
+    /* @__PURE__ */ L("div", { className: R.card, children: [
       /* @__PURE__ */ p(
         Ew,
         {
-          fields: R,
-          onChange: n,
-          formData: f,
+          fields: x,
+          onChange: a,
+          formData: t,
           isMobileView: !1,
-          rules: c,
-          theme: a
+          rules: d,
+          theme: i
         }
       ),
       /* @__PURE__ */ L("div", { className: "mt-16 flex items-center justify-between", children: [
@@ -14983,30 +14987,30 @@ function Ww({
           "button",
           {
             type: "button",
-            onClick: E,
-            className: `${M.button} ${d === 1 ? M.disabledButton : M.secondaryButton} `,
-            disabled: d === 1,
+            onClick: v,
+            className: `${R.button} ${u === 1 ? R.disabledButton : R.secondaryButton} `,
+            disabled: u === 1,
             children: [
               /* @__PURE__ */ p(la, { className: "mr-2 h-4 w-4" }),
               "Previous"
             ]
           }
         ),
-        /* @__PURE__ */ p("div", { className: "flex space-x-2 md:hidden", children: l.map(($, C) => /* @__PURE__ */ p(
+        /* @__PURE__ */ p("div", { className: "flex space-x-2 md:hidden", children: l.map(($, j) => /* @__PURE__ */ p(
           "div",
           {
-            className: `h-1 rounded-full transition-all duration-200 ${C + 1 <= d ? "w-6 bg-[#020DF9]" : "w-2 bg-[#E8E8E8]"} `
+            className: `h-1 rounded-full transition-all duration-200 ${j + 1 <= u ? "w-6 bg-[#020DF9]" : "w-2 bg-[#E8E8E8]"} `
           },
-          C
+          j
         )) }),
-        d === l.length ? /* @__PURE__ */ p(
+        u === l.length ? /* @__PURE__ */ p(
           "button",
           {
             type: "button",
-            onClick: k,
-            disabled: h,
-            className: `${M.button} ${h ? "cursor-not-allowed bg-[#E8E8E8]" : M.primaryButton} `,
-            children: h ? /* @__PURE__ */ L(Ce, { children: [
+            onClick: b,
+            disabled: m,
+            className: `${R.button} ${m ? "cursor-not-allowed bg-[#E8E8E8]" : R.primaryButton} `,
+            children: m ? /* @__PURE__ */ L(Ce, { children: [
               /* @__PURE__ */ L(
                 "svg",
                 {
@@ -15046,8 +15050,8 @@ function Ww({
           "button",
           {
             type: "button",
-            onClick: b,
-            className: `${M.button} ${M.primaryButton}`,
+            onClick: E,
+            className: `${R.button} ${R.primaryButton}`,
             children: [
               "Continue",
               /* @__PURE__ */ p(sa, { className: "ml-2 h-4 w-4" })
@@ -15055,13 +15059,13 @@ function Ww({
           }
         )
       ] }),
-      g[d] && g[d].total > 0 && /* @__PURE__ */ p("div", { className: "mt-8 text-center", children: /* @__PURE__ */ L("p", { className: "text-xs text-[#9B9B9B]", children: [
+      w[u] && w[u].total > 0 && /* @__PURE__ */ p("div", { className: "mt-8 text-center", children: /* @__PURE__ */ L("p", { className: "text-xs text-[#9B9B9B]", children: [
         /* @__PURE__ */ p("span", { className: "text-[#020DF9]", children: "*" }),
         " Required fields (",
-        g[d].filled,
+        w[u].filled,
         " of",
         " ",
-        g[d].total,
+        w[u].total,
         " completed)"
       ] }) })
     ] }),
@@ -15075,18 +15079,15 @@ function Ww({
     ) })
   ] }) });
 }
-function Nw(e, t = {}) {
-  return { ...e.reduce((n, a) => (a.default !== void 0 && (n[a.name] = a.default), n), {}), ...t };
-}
 export {
   Ew as Form,
   Sw as FormsProvider,
   Zr as ReturnFieldsV2,
-  Ww as Wizard,
+  Nw as Wizard,
   Iw as createFormHandler,
   Fw as getAllFields,
   Y0 as getField,
   Bw as initForms,
-  Nw as initializeFormData,
+  Ww as initializeFormData,
   U as registerField
 };