ynotsoft-dynamic-form 1.0.98 → 1.0.100

package/dist/dynamic-form.js

@@ -267,15 +267,15 @@ function dl({
   apiClient: s,
   ...i
 }) {
-  const c = a, l = e.selectMode !== "multiple", d = e.returnValueOnly === !0, [m, g] = ue([]), [h, w] = ue(!1), [p, v] = ue(!1), [E, k] = ue(""), [x, S] = ue(-1), [A, I] = ue({}), O = Yt(null), T = Yt(null), z = Yt(null), H = t[e.name], q = sr(() => H ? (Array.isArray(H) ? H : [H]).map((L) => {
+  const c = a, l = e.selectMode !== "multiple", d = e.returnValueOnly === !0, [m, g] = ue([]), [h, w] = ue(!1), [p, v] = ue(!1), [E, k] = ue(""), [C, y] = ue(-1), [A, I] = ue({}), O = Yt(null), T = Yt(null), z = Yt(null), H = t[e.name], q = sr(() => H ? (Array.isArray(H) ? H : [H]).map((L) => {
     if (L && typeof L == "object" && L.value !== void 0)
       return { value: L.value, label: L.label || L.value };
     const U = m.find((G) => G.value === L);
     return U || (A[L] ? A[L] : { value: L, label: L });
-  }) : [], [H, m, A])(), y = sr(
-    async (C = "") => {
+  }) : [], [H, m, A])(), x = sr(
+    async (S = "") => {
       if (e.onSearch) {
-        const L = await e.onSearch(C, t);
+        const L = await e.onSearch(S, t);
         g(L);
         return;
       }
@@ -285,15 +285,15 @@ function dl({
           label: U[e.labelId || "label"] || U.label || U.name
         }));
         g(
-          C ? L.filter(
-            (U) => String(U.label).toLowerCase().includes(C.toLowerCase())
+          S ? L.filter(
+            (U) => String(U.label).toLowerCase().includes(S.toLowerCase())
           ) : L
         );
         return;
       }
       w(!0);
       try {
-        const L = e.searchParam || "search", U = e.optionsUrl.includes("?") ? "&" : "?", G = `${e.optionsUrl}${U}${L}=${encodeURIComponent(C)}`, ce = await s(G), Y = ce.data || ce, oe = Array.isArray(Y) ? Y : [];
+        const L = e.searchParam || "search", U = e.optionsUrl.includes("?") ? "&" : "?", G = `${e.optionsUrl}${U}${L}=${encodeURIComponent(S)}`, ce = await s(G), Y = ce.data || ce, oe = Array.isArray(Y) ? Y : [];
         g(
           oe.map((K) => ({
             value: K[e.valueId || "value"] || K.value || K.id,
@@ -308,16 +308,16 @@ function dl({
     },
     [e, s, t]
   ), N = sr(
-    (C) => {
-      if (!C) return;
-      I((G) => ({ ...G, [C.value]: C }));
-      const L = d ? C.value : { value: C.value, label: C.label };
+    (S) => {
+      if (!S) return;
+      I((G) => ({ ...G, [S.value]: S }));
+      const L = d ? S.value : { value: S.value, label: S.label };
       let U;
       if (l)
         U = [L], v(!1);
       else {
         const G = Array.isArray(H) ? H : [];
-        U = G.some((Y) => (Y?.value ?? Y) === C.value) ? G.filter((Y) => (Y?.value ?? Y) !== C.value) : [...G, L];
+        U = G.some((Y) => (Y?.value ?? Y) === S.value) ? G.filter((Y) => (Y?.value ?? Y) !== S.value) : [...G, L];
       }
       n(e.name, U), r(e.name), e.clearSearchOnSelect && k("");
     },
@@ -330,19 +330,19 @@ function dl({
       l,
       d
     ]
-  ), R = (C) => {
+  ), R = (S) => {
     if (!c)
-      switch (C.key) {
+      switch (S.key) {
         case "ArrowDown":
-          C.preventDefault(), p ? S(
+          S.preventDefault(), p ? y(
             (L) => L < m.length - 1 ? L + 1 : L
           ) : v(!0);
           break;
         case "ArrowUp":
-          C.preventDefault(), p && S((L) => L > 0 ? L - 1 : 0);
+          S.preventDefault(), p && y((L) => L > 0 ? L - 1 : 0);
           break;
         case "Enter":
-          C.preventDefault(), p && x >= 0 && m[x] ? N(m[x]) : p || v(!0);
+          S.preventDefault(), p && C >= 0 && m[C] ? N(m[C]) : p || v(!0);
           break;
         case "Escape":
           v(!1);
@@ -351,25 +351,26 @@ function dl({
           v(!1), r(e.name);
           break;
       }
-  }, P = (C) => {
-    const L = C.target.value;
-    k(L), S(-1), z.current && clearTimeout(z.current), z.current = setTimeout(() => y(L), 300);
+  }, P = (S) => {
+    const L = S.target.value;
+    k(L), y(-1), z.current && clearTimeout(z.current), z.current = setTimeout(() => x(L), 300);
   };
   He(() => {
     if (p) {
-      y(E);
-      const C = setTimeout(() => T.current?.focus(), 50);
-      return () => clearTimeout(C);
+      x(E);
+      const S = setTimeout(() => T.current?.focus(), 50);
+      return () => clearTimeout(S);
     } else
-      S(-1);
-  }, [p, y, E]), He(() => {
-    const C = (L) => {
+      y(-1);
+  }, [p, x, E]), He(() => {
+    if (!p) return;
+    const S = (L) => {
       O.current && !O.current.contains(L.target) && (v(!1), r(e.name));
     };
-    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
-  }, [e.name, r]);
-  const _ = (C, L) => {
-    C.stopPropagation();
+    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
+  }, [p, e.name, r]);
+  const _ = (S, L) => {
+    S.stopPropagation();
     const U = Array.isArray(H) ? H : [], G = l ? [] : U.filter((ce) => (ce?.value ?? ce) !== L);
     n(e.name, G), r(e.name);
   };
@@ -397,25 +398,25 @@ function dl({
 					${c ? "bg-muted opacity-60 cursor-not-allowed" : ""}
 				`,
             children: [
-              q.length > 0 ? q.map((C) => /* @__PURE__ */ D(
+              q.length > 0 ? q.map((S) => /* @__PURE__ */ D(
                 "span",
                 {
                   className: "inline-flex items-center px-2 py-0.5 bg-primary/10 text-primary text-xs rounded-sm border border-primary/20",
                   children: [
-                    C.label,
+                    S.label,
                     !c && /* @__PURE__ */ u(
                       "button",
                       {
                         type: "button",
-                        "aria-label": `Remove ${C.label}`,
-                        onClick: (L) => _(L, C.value),
+                        "aria-label": `Remove ${S.label}`,
+                        onClick: (L) => _(L, S.value),
                         className: "ml-1 p-0.5 hover:bg-primary/20 rounded-full transition-colors",
                         children: /* @__PURE__ */ u(Yr, { className: "w-3 h-3" })
                       }
                     )
                   ]
                 },
-                C.value
+                S.value
               )) : /* @__PURE__ */ u("span", { className: "text-muted-foreground text-sm leading-tight", children: e.placeholder || "Select..." }),
               /* @__PURE__ */ D("div", { className: "ml-auto flex items-center gap-2", children: [
                 h && /* @__PURE__ */ u(Oa, { className: "w-4 h-4 animate-spin text-muted-foreground" }),
@@ -439,7 +440,7 @@ function dl({
                 type: "search",
                 "aria-autocomplete": "list",
                 "aria-controls": `${e.name}-listbox`,
-                "aria-activedescendant": x >= 0 ? `${e.name}-opt-${x}` : void 0,
+                "aria-activedescendant": C >= 0 ? `${e.name}-opt-${C}` : void 0,
                 value: E,
                 onChange: P,
                 onKeyDown: R,
@@ -455,10 +456,10 @@ function dl({
               role: "listbox",
               "aria-label": e.label,
               className: "max-h-60 overflow-y-auto p-1",
-              children: m.length > 0 ? m.map((C, L) => {
+              children: m.length > 0 ? m.map((S, L) => {
                 const U = q.some(
-                  (ce) => ce.value === C.value
-                ), G = L === x;
+                  (ce) => ce.value === S.value
+                ), G = L === C;
                 return /* @__PURE__ */ D(
                   "div",
                   {
@@ -466,9 +467,9 @@ function dl({
                     role: "option",
                     tabIndex: -1,
                     "aria-selected": U,
-                    onClick: () => N(C),
-                    onKeyDown: (ce) => ce.key === "Enter" && N(C),
-                    onMouseEnter: () => S(L),
+                    onClick: () => N(S),
+                    onKeyDown: (ce) => ce.key === "Enter" && N(S),
+                    onMouseEnter: () => y(L),
                     className: `
 											px-3 py-2 text-sm rounded-md cursor-pointer flex items-center justify-between transition-colors outline-none
 											${G ? "bg-accent text-accent-foreground" : ""}
@@ -476,11 +477,11 @@ function dl({
 											${!G && !U ? "hover:bg-muted" : ""}
 										`,
                     children: [
-                      /* @__PURE__ */ u("span", { children: C.label }),
+                      /* @__PURE__ */ u("span", { children: S.label }),
                       U && /* @__PURE__ */ u(Cc, { className: "w-4 h-4 text-primary" })
                     ]
                   },
-                  C.value
+                  S.value
                 );
               }) : /* @__PURE__ */ u("output", { className: "block py-8 text-center text-sm text-muted-foreground", children: h ? "Searching..." : "No results found" })
             }
@@ -619,21 +620,21 @@ function _a(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), s = (p) => {
-    const { scope: v, children: E } = p, k = Te.useRef(null), x = Te.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ u(o, { scope: v, itemMap: x, collectionRef: k, children: E });
+    const { scope: v, children: E } = p, k = Te.useRef(null), C = Te.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(o, { scope: v, itemMap: C, collectionRef: k, children: E });
   };
   s.displayName = t;
   const i = e + "CollectionSlot", c = /* @__PURE__ */ Ce(i), l = Te.forwardRef(
     (p, v) => {
-      const { scope: E, children: k } = p, x = a(i, E), S = ie(v, x.collectionRef);
-      return /* @__PURE__ */ u(c, { ref: S, children: k });
+      const { scope: E, children: k } = p, C = a(i, E), y = ie(v, C.collectionRef);
+      return /* @__PURE__ */ u(c, { ref: y, children: k });
     }
   );
   l.displayName = i;
   const d = e + "CollectionItemSlot", m = "data-radix-collection-item", g = /* @__PURE__ */ Ce(d), h = Te.forwardRef(
     (p, v) => {
-      const { scope: E, children: k, ...x } = p, S = Te.useRef(null), A = ie(v, S), I = a(d, E);
-      return Te.useEffect(() => (I.itemMap.set(S, { ref: S, ...x }), () => void I.itemMap.delete(S))), /* @__PURE__ */ u(g, { [m]: "", ref: A, children: k });
+      const { scope: E, children: k, ...C } = p, y = Te.useRef(null), A = ie(v, y), I = a(d, E);
+      return Te.useEffect(() => (I.itemMap.set(y, { ref: y, ...C }), () => void I.itemMap.delete(y))), /* @__PURE__ */ u(g, { [m]: "", ref: A, children: k });
     }
   );
   h.displayName = d;
@@ -642,9 +643,9 @@ function _a(e) {
     return Te.useCallback(() => {
       const k = v.collectionRef.current;
       if (!k) return [];
-      const x = Array.from(k.querySelectorAll(`[${m}]`));
+      const C = Array.from(k.querySelectorAll(`[${m}]`));
       return Array.from(v.itemMap.values()).sort(
-        (I, O) => x.indexOf(I.ref.current) - x.indexOf(O.ref.current)
+        (I, O) => C.indexOf(I.ref.current) - C.indexOf(O.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
@@ -716,9 +717,9 @@ var Sl = "DismissableLayer", Pr = "dismissableLayer.update", Cl = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...c
-    } = e, l = f.useContext(Da), [d, m] = f.useState(null), g = d?.ownerDocument ?? globalThis?.document, [, h] = f.useState({}), w = ie(t, (O) => m(O)), p = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), E = p.indexOf(v), k = d ? p.indexOf(d) : -1, x = l.layersWithOutsidePointerEventsDisabled.size > 0, S = k >= E, A = Nl((O) => {
+    } = e, l = f.useContext(Da), [d, m] = f.useState(null), g = d?.ownerDocument ?? globalThis?.document, [, h] = f.useState({}), w = ie(t, (O) => m(O)), p = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), E = p.indexOf(v), k = d ? p.indexOf(d) : -1, C = l.layersWithOutsidePointerEventsDisabled.size > 0, y = k >= E, A = Nl((O) => {
       const T = O.target, z = [...l.branches].some((H) => H.contains(T));
-      !S || z || (o?.(O), s?.(O), O.defaultPrevented || i?.());
+      !y || z || (o?.(O), s?.(O), O.defaultPrevented || i?.());
     }, g), I = Tl((O) => {
       const T = O.target;
       [...l.branches].some((H) => H.contains(T)) || (a?.(O), s?.(O), O.defaultPrevented || i?.());
@@ -741,7 +742,7 @@ var Sl = "DismissableLayer", Pr = "dismissableLayer.update", Cl = "dismissableLa
         ...c,
         ref: w,
         style: {
-          pointerEvents: x ? S ? "auto" : "none" : void 0,
+          pointerEvents: C ? y ? "auto" : "none" : void 0,
           ...e.style
         },
         onFocusCapture: J(e.onFocusCapture, I.onFocusCapture),
@@ -873,17 +874,17 @@ var Pl = [
   }).current;
   f.useEffect(() => {
     if (r) {
-      let p = function(x) {
+      let p = function(C) {
         if (h.paused || !i) return;
-        const S = x.target;
-        i.contains(S) ? m.current = S : Je(m.current, { select: !0 });
-      }, v = function(x) {
+        const y = C.target;
+        i.contains(y) ? m.current = y : Je(m.current, { select: !0 });
+      }, v = function(C) {
         if (h.paused || !i) return;
-        const S = x.relatedTarget;
-        S !== null && (i.contains(S) || Je(m.current, { select: !0 }));
-      }, E = function(x) {
+        const y = C.relatedTarget;
+        y !== null && (i.contains(y) || Je(m.current, { select: !0 }));
+      }, E = function(C) {
         if (document.activeElement === document.body)
-          for (const A of x)
+          for (const A of C)
             A.removedNodes.length > 0 && Je(i);
       };
       document.addEventListener("focusin", p), document.addEventListener("focusout", v);
@@ -913,8 +914,8 @@ var Pl = [
       if (!n && !r || h.paused) return;
       const v = p.key === "Tab" && !p.altKey && !p.ctrlKey && !p.metaKey, E = document.activeElement;
       if (v && E) {
-        const k = p.currentTarget, [x, S] = Ml(k);
-        x && S ? !p.shiftKey && E === S ? (p.preventDefault(), n && Je(x, { select: !0 })) : p.shiftKey && E === x && (p.preventDefault(), n && Je(S, { select: !0 })) : E === k && p.preventDefault();
+        const k = p.currentTarget, [C, y] = Ml(k);
+        C && y ? !p.shiftKey && E === y ? (p.preventDefault(), n && Je(C, { select: !0 })) : p.shiftKey && E === C && (p.preventDefault(), n && Je(y, { select: !0 })) : E === k && p.preventDefault();
       }
     },
     [n, r, h.paused]
@@ -1167,8 +1168,8 @@ const Ql = async (e, t, n) => {
       fn: E
     } = i[p], {
       x: k,
-      y: x,
-      data: S,
+      y: C,
+      data: y,
       reset: A
     } = await E({
       x: d,
@@ -1184,11 +1185,11 @@ const Ql = async (e, t, n) => {
         floating: t
       }
     });
-    d = k ?? d, m = x ?? m, h = {
+    d = k ?? d, m = C ?? m, h = {
       ...h,
       [v]: {
         ...h[v],
-        ...S
+        ...y
       }
     }, A && w <= 50 && (w++, typeof A == "object" && (A.placement && (g = A.placement), A.rects && (l = A.rects === !0 ? await s.getElementRects({
       reference: e,
@@ -1233,7 +1234,7 @@ async function qt(e, t) {
     y: o,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, x = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(i.floating)), S = await (a.isElement == null ? void 0 : a.isElement(x)) ? await (a.getScale == null ? void 0 : a.getScale(x)) || {
+  } : s.reference, C = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(i.floating)), y = await (a.isElement == null ? void 0 : a.isElement(C)) ? await (a.getScale == null ? void 0 : a.getScale(C)) || {
     x: 1,
     y: 1
   } : {
@@ -1242,14 +1243,14 @@ async function qt(e, t) {
   }, A = An(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: k,
-    offsetParent: x,
+    offsetParent: C,
     strategy: c
   }) : k);
   return {
-    top: (E.top - A.top + w.top) / S.y,
-    bottom: (A.bottom - E.bottom + w.bottom) / S.y,
-    left: (E.left - A.left + w.left) / S.x,
-    right: (A.right - E.right + w.right) / S.x
+    top: (E.top - A.top + w.top) / y.y,
+    bottom: (A.bottom - E.bottom + w.bottom) / y.y,
+    left: (E.left - A.left + w.left) / y.x,
+    right: (A.right - E.right + w.right) / y.x
   };
 }
 const Zl = (e) => ({
@@ -1273,10 +1274,10 @@ const Zl = (e) => ({
     const m = $a(d), g = {
       x: n,
       y: r
-    }, h = eo(o), w = Jr(h), p = await s.getDimensions(l), v = h === "y", E = v ? "top" : "left", k = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", S = a.reference[w] + a.reference[h] - g[h] - a.floating[w], A = g[h] - a.reference[h], I = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
-    let O = I ? I[x] : 0;
-    (!O || !await (s.isElement == null ? void 0 : s.isElement(I))) && (O = i.floating[x] || a.floating[w]);
-    const T = S / 2 - A / 2, z = O / 2 - p[w] / 2 - 1, H = tt(m[E], z), V = tt(m[k], z), q = H, y = O - p[w] - V, N = O / 2 - p[w] / 2 + T, R = Rr(q, N, y), P = !c.arrow && Ot(o) != null && N !== R && a.reference[w] / 2 - (N < q ? H : V) - p[w] / 2 < 0, _ = P ? N < q ? N - q : N - y : 0;
+    }, h = eo(o), w = Jr(h), p = await s.getDimensions(l), v = h === "y", E = v ? "top" : "left", k = v ? "bottom" : "right", C = v ? "clientHeight" : "clientWidth", y = a.reference[w] + a.reference[h] - g[h] - a.floating[w], A = g[h] - a.reference[h], I = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
+    let O = I ? I[C] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(I))) && (O = i.floating[C] || a.floating[w]);
+    const T = y / 2 - A / 2, z = O / 2 - p[w] / 2 - 1, H = tt(m[E], z), V = tt(m[k], z), q = H, x = O - p[w] - V, N = O / 2 - p[w] / 2 + T, R = Rr(q, N, x), P = !c.arrow && Ot(o) != null && N !== R && a.reference[w] / 2 - (N < q ? H : V) - p[w] / 2 < 0, _ = P ? N < q ? N - q : N - x : 0;
     return {
       [h]: g[h] + _,
       data: {
@@ -1313,12 +1314,12 @@ const Zl = (e) => ({
       } = Ke(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
-      const E = Xe(o), k = ze(i), x = Xe(i) === i, S = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), A = g || (x || !p ? [kn(i)] : Vl(i)), I = w !== "none";
-      !g && I && A.push(...Kl(i, p, w, S));
+      const E = Xe(o), k = ze(i), C = Xe(i) === i, y = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), A = g || (C || !p ? [kn(i)] : Vl(i)), I = w !== "none";
+      !g && I && A.push(...Kl(i, p, w, y));
       const O = [i, ...A], T = await qt(t, v), z = [];
       let H = ((r = a.flip) == null ? void 0 : r.overflows) || [];
       if (d && z.push(T[E]), m) {
-        const N = jl(o, s, S);
+        const N = jl(o, s, y);
         z.push(T[N[0]], T[N[1]]);
       }
       if (H = [...H, {
@@ -1329,7 +1330,7 @@ const Zl = (e) => ({
         const N = (((V = a.flip) == null ? void 0 : V.index) || 0) + 1, R = O[N];
         if (R && (!(m === "alignment" ? k !== ze(R) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((C) => ze(C.placement) === k ? C.overflows[0] > 0 : !0)))
+        H.every((S) => ze(S.placement) === k ? S.overflows[0] > 0 : !0)))
           return {
             data: {
               index: N,
@@ -1339,20 +1340,20 @@ const Zl = (e) => ({
               placement: R
             }
           };
-        let P = (q = H.filter((_) => _.overflows[0] <= 0).sort((_, C) => _.overflows[1] - C.overflows[1])[0]) == null ? void 0 : q.placement;
+        let P = (q = H.filter((_) => _.overflows[0] <= 0).sort((_, S) => _.overflows[1] - S.overflows[1])[0]) == null ? void 0 : q.placement;
         if (!P)
           switch (h) {
             case "bestFit": {
-              var y;
-              const _ = (y = H.filter((C) => {
+              var x;
+              const _ = (x = H.filter((S) => {
                 if (I) {
-                  const L = ze(C.placement);
+                  const L = ze(S.placement);
                   return L === k || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   L === "y";
                 }
                 return !0;
-              }).map((C) => [C.placement, C.overflows.filter((L) => L > 0).reduce((L, U) => L + U, 0)]).sort((C, L) => C[1] - L[1])[0]) == null ? void 0 : y[0];
+              }).map((S) => [S.placement, S.overflows.filter((L) => L > 0).reduce((L, U) => L + U, 0)]).sort((S, L) => S[1] - L[1])[0]) == null ? void 0 : x[0];
               _ && (P = _);
               break;
             }
@@ -1504,12 +1505,12 @@ const nu = function(e) {
       }, d = await qt(t, c), m = ze(Xe(o)), g = Zr(m);
       let h = l[g], w = l[m];
       if (a) {
-        const v = g === "y" ? "top" : "left", E = g === "y" ? "bottom" : "right", k = h + d[v], x = h - d[E];
-        h = Rr(k, h, x);
+        const v = g === "y" ? "top" : "left", E = g === "y" ? "bottom" : "right", k = h + d[v], C = h - d[E];
+        h = Rr(k, h, C);
       }
       if (s) {
-        const v = m === "y" ? "top" : "left", E = m === "y" ? "bottom" : "right", k = w + d[v], x = w - d[E];
-        w = Rr(k, w, x);
+        const v = m === "y" ? "top" : "left", E = m === "y" ? "bottom" : "right", k = w + d[v], C = w - d[E];
+        w = Rr(k, w, C);
       }
       const p = i.fn({
         ...t,
@@ -1557,12 +1558,12 @@ const nu = function(e) {
         ...p
       };
       if (c) {
-        const x = g === "y" ? "height" : "width", S = a.reference[g] - a.floating[x] + v.mainAxis, A = a.reference[g] + a.reference[x] - v.mainAxis;
-        h < S ? h = S : h > A && (h = A);
+        const C = g === "y" ? "height" : "width", y = a.reference[g] - a.floating[C] + v.mainAxis, A = a.reference[g] + a.reference[C] - v.mainAxis;
+        h < y ? h = y : h > A && (h = A);
       }
       if (l) {
         var E, k;
-        const x = g === "y" ? "width" : "height", S = Wa.has(Xe(o)), A = a.reference[m] - a.floating[x] + (S && ((E = s.offset) == null ? void 0 : E[m]) || 0) + (S ? 0 : v.crossAxis), I = a.reference[m] + a.reference[x] + (S ? 0 : ((k = s.offset) == null ? void 0 : k[m]) || 0) - (S ? v.crossAxis : 0);
+        const C = g === "y" ? "width" : "height", y = Wa.has(Xe(o)), A = a.reference[m] - a.floating[C] + (y && ((E = s.offset) == null ? void 0 : E[m]) || 0) + (y ? 0 : v.crossAxis), I = a.reference[m] + a.reference[C] + (y ? 0 : ((k = s.offset) == null ? void 0 : k[m]) || 0) - (y ? v.crossAxis : 0);
         w < A ? w = A : w > I && (w = I);
       }
       return {
@@ -1592,11 +1593,11 @@ const nu = function(e) {
       } = a.floating;
       let v, E;
       m === "top" || m === "bottom" ? (v = m, E = g === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (E = m, v = g === "end" ? "top" : "bottom");
-      const k = p - d.top - d.bottom, x = w - d.left - d.right, S = tt(p - d[v], k), A = tt(w - d[E], x), I = !t.middlewareData.shift;
-      let O = S, T = A;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (T = x), (r = t.middlewareData.shift) != null && r.enabled.y && (O = k), I && !g) {
-        const H = Ee(d.left, 0), V = Ee(d.right, 0), q = Ee(d.top, 0), y = Ee(d.bottom, 0);
-        h ? T = w - 2 * (H !== 0 || V !== 0 ? H + V : Ee(d.left, d.right)) : O = p - 2 * (q !== 0 || y !== 0 ? q + y : Ee(d.top, d.bottom));
+      const k = p - d.top - d.bottom, C = w - d.left - d.right, y = tt(p - d[v], k), A = tt(w - d[E], C), I = !t.middlewareData.shift;
+      let O = y, T = A;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (T = C), (r = t.middlewareData.shift) != null && r.enabled.y && (O = k), I && !g) {
+        const H = Ee(d.left, 0), V = Ee(d.right, 0), q = Ee(d.top, 0), x = Ee(d.bottom, 0);
+        h ? T = w - 2 * (H !== 0 || V !== 0 ? H + V : Ee(d.left, d.right)) : O = p - 2 * (q !== 0 || x !== 0 ? q + x : Ee(d.top, d.bottom));
       }
       await c({
         ...t,
@@ -1776,8 +1777,8 @@ function ft(e, t, n, r) {
     const g = ke(a), h = r && Me(r) ? ke(r) : r;
     let w = g, p = _r(w);
     for (; p && r && h !== w; ) {
-      const v = At(p), E = p.getBoundingClientRect(), k = De(p), x = E.left + (p.clientLeft + parseFloat(k.paddingLeft)) * v.x, S = E.top + (p.clientTop + parseFloat(k.paddingTop)) * v.y;
-      c *= v.x, l *= v.y, d *= v.x, m *= v.y, c += x, l += S, w = ke(p), p = _r(w);
+      const v = At(p), E = p.getBoundingClientRect(), k = De(p), C = E.left + (p.clientLeft + parseFloat(k.paddingLeft)) * v.x, y = E.top + (p.clientTop + parseFloat(k.paddingTop)) * v.y;
+      c *= v.x, l *= v.y, d *= v.x, m *= v.y, c += C, l += y, w = ke(p), p = _r(w);
     }
   }
   return An({
@@ -2034,30 +2035,30 @@ function Ru(e, t) {
     } = l;
     if (i || t(), !g || !h)
       return;
-    const w = ln(m), p = ln(o.clientWidth - (d + g)), v = ln(o.clientHeight - (m + h)), E = ln(d), x = {
+    const w = ln(m), p = ln(o.clientWidth - (d + g)), v = ln(o.clientHeight - (m + h)), E = ln(d), C = {
       rootMargin: -w + "px " + -p + "px " + -v + "px " + -E + "px",
       threshold: Ee(0, tt(1, c)) || 1
     };
-    let S = !0;
+    let y = !0;
     function A(I) {
       const O = I[0].intersectionRatio;
       if (O !== c) {
-        if (!S)
+        if (!y)
           return s();
         O ? s(!1, O) : r = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !Ya(l, e.getBoundingClientRect()) && s(), S = !1;
+      O === 1 && !Ya(l, e.getBoundingClientRect()) && s(), y = !1;
     }
     try {
       n = new IntersectionObserver(A, {
-        ...x,
+        ...C,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(A, x);
+      n = new IntersectionObserver(A, C);
     }
     n.observe(e);
   }
@@ -2082,8 +2083,8 @@ function Ou(e, t, n, r) {
   s && (h = new ResizeObserver((E) => {
     let [k] = E;
     k && k.target === l && h && (h.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-      var x;
-      (x = h) == null || x.observe(t);
+      var C;
+      (C = h) == null || C.observe(t);
     })), n();
   }), l && !c && h.observe(l), h.observe(t));
   let w, p = c ? ft(e) : null;
@@ -2180,19 +2181,19 @@ function Bu(e) {
     isPositioned: !1
   }), [g, h] = f.useState(r);
   Nn(g, r) || h(r);
-  const [w, p] = f.useState(null), [v, E] = f.useState(null), k = f.useCallback((C) => {
-    C !== I.current && (I.current = C, p(C));
-  }, []), x = f.useCallback((C) => {
-    C !== O.current && (O.current = C, E(C));
-  }, []), S = a || w, A = s || v, I = f.useRef(null), O = f.useRef(null), T = f.useRef(d), z = c != null, H = fr(c), V = fr(o), q = fr(l), y = f.useCallback(() => {
+  const [w, p] = f.useState(null), [v, E] = f.useState(null), k = f.useCallback((S) => {
+    S !== I.current && (I.current = S, p(S));
+  }, []), C = f.useCallback((S) => {
+    S !== O.current && (O.current = S, E(S));
+  }, []), y = a || w, A = s || v, I = f.useRef(null), O = f.useRef(null), T = f.useRef(d), z = c != null, H = fr(c), V = fr(o), q = fr(l), x = f.useCallback(() => {
     if (!I.current || !O.current)
       return;
-    const C = {
+    const S = {
       placement: t,
       strategy: n,
       middleware: g
     };
-    V.current && (C.platform = V.current), $u(I.current, O.current, C).then((L) => {
+    V.current && (S.platform = V.current), $u(I.current, O.current, S).then((L) => {
       const U = {
         ...L,
         // The floating element's position may be recomputed while it's closed
@@ -2207,8 +2208,8 @@ function Bu(e) {
     });
   }, [g, t, n, V, q]);
   yn(() => {
-    l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, m((C) => ({
-      ...C,
+    l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, m((S) => ({
+      ...S,
       isPositioned: !1
     })));
   }, [l]);
@@ -2216,31 +2217,31 @@ function Bu(e) {
   yn(() => (N.current = !0, () => {
     N.current = !1;
   }), []), yn(() => {
-    if (S && (I.current = S), A && (O.current = A), S && A) {
+    if (y && (I.current = y), A && (O.current = A), y && A) {
       if (H.current)
-        return H.current(S, A, y);
-      y();
+        return H.current(y, A, x);
+      x();
     }
-  }, [S, A, y, H, z]);
+  }, [y, A, x, H, z]);
   const R = f.useMemo(() => ({
     reference: I,
     floating: O,
     setReference: k,
-    setFloating: x
-  }), [k, x]), P = f.useMemo(() => ({
-    reference: S,
+    setFloating: C
+  }), [k, C]), P = f.useMemo(() => ({
+    reference: y,
     floating: A
-  }), [S, A]), _ = f.useMemo(() => {
-    const C = {
+  }), [y, A]), _ = f.useMemo(() => {
+    const S = {
       position: n,
       left: 0,
       top: 0
     };
     if (!P.floating)
-      return C;
+      return S;
     const L = Qo(P.floating, d.x), U = Qo(P.floating, d.y);
     return i ? {
-      ...C,
+      ...S,
       transform: "translate(" + L + "px, " + U + "px)",
       ...qa(P.floating) >= 1.5 && {
         willChange: "transform"
@@ -2253,11 +2254,11 @@ function Bu(e) {
   }, [n, i, P.floating, d.x, d.y]);
   return f.useMemo(() => ({
     ...d,
-    update: y,
+    update: x,
     refs: R,
     elements: P,
     floatingStyles: _
-  }), [d, y, R, P, _]);
+  }), [d, x, R, P, _]);
 }
 const Hu = (e) => {
   function t(n) {
@@ -2421,12 +2422,12 @@ var ao = "PopperContent", [nd, rd] = Za(ao), rs = f.forwardRef(
       updatePositionStrategy: h = "optimized",
       onPlaced: w,
       ...p
-    } = e, v = Ja(ao, n), [E, k] = f.useState(null), x = ie(t, (F) => k(F)), [S, A] = f.useState(null), I = Qa(S), O = I?.width ?? 0, T = I?.height ?? 0, z = r + (a !== "center" ? "-" + a : ""), H = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, V = Array.isArray(l) ? l : [l], q = V.length > 0, y = {
+    } = e, v = Ja(ao, n), [E, k] = f.useState(null), C = ie(t, (F) => k(F)), [y, A] = f.useState(null), I = Qa(y), O = I?.width ?? 0, T = I?.height ?? 0, z = r + (a !== "center" ? "-" + a : ""), H = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, V = Array.isArray(l) ? l : [l], q = V.length > 0, x = {
       padding: H,
       boundary: V.filter(ad),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: q
-    }, { refs: N, floatingStyles: R, placement: P, isPositioned: _, middlewareData: C } = Bu({
+    }, { refs: N, floatingStyles: R, placement: P, isPositioned: _, middlewareData: S } = Bu({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: z,
@@ -2442,25 +2443,25 @@ var ao = "PopperContent", [nd, rd] = Za(ao), rs = f.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: m === "partial" ? Vu() : void 0,
-          ...y
+          ...x
         }),
-        c && Gu({ ...y }),
+        c && Gu({ ...x }),
         Yu({
-          ...y,
+          ...x,
           apply: ({ elements: F, rects: ee, availableWidth: le, availableHeight: Z }) => {
             const { width: te, height: re } = ee.reference, fe = F.floating.style;
             fe.setProperty("--radix-popper-available-width", `${le}px`), fe.setProperty("--radix-popper-available-height", `${Z}px`), fe.setProperty("--radix-popper-anchor-width", `${te}px`), fe.setProperty("--radix-popper-anchor-height", `${re}px`);
           }
         }),
-        S && Ku({ element: S, padding: i }),
+        y && Ku({ element: y, padding: i }),
         sd({ arrowWidth: O, arrowHeight: T }),
-        g && qu({ strategy: "referenceHidden", ...y })
+        g && qu({ strategy: "referenceHidden", ...x })
       ]
     }), [L, U] = ss(P), G = et(w);
     ve(() => {
       _ && G?.();
     }, [_, G]);
-    const ce = C.arrow?.x, Y = C.arrow?.y, oe = C.arrow?.centerOffset !== 0, [K, ge] = f.useState();
+    const ce = S.arrow?.x, Y = S.arrow?.y, oe = S.arrow?.centerOffset !== 0, [K, ge] = f.useState();
     return ve(() => {
       E && ge(window.getComputedStyle(E).zIndex);
     }, [E]), /* @__PURE__ */ u(
@@ -2475,13 +2476,13 @@ var ao = "PopperContent", [nd, rd] = Za(ao), rs = f.forwardRef(
           minWidth: "max-content",
           zIndex: K,
           "--radix-popper-transform-origin": [
-            C.transformOrigin?.x,
-            C.transformOrigin?.y
+            S.transformOrigin?.x,
+            S.transformOrigin?.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...C.hide?.referenceHidden && {
+          ...S.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -2502,7 +2503,7 @@ var ao = "PopperContent", [nd, rd] = Za(ao), rs = f.forwardRef(
                 "data-side": L,
                 "data-align": U,
                 ...p,
-                ref: x,
+                ref: C,
                 style: {
                   ...p.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
@@ -2935,11 +2936,11 @@ var gs = Pd(), hr = function() {
     onScrollCapture: hr,
     onWheelCapture: hr,
     onTouchMoveCapture: hr
-  }), o = r[0], a = r[1], s = e.forwardProps, i = e.children, c = e.className, l = e.removeScrollBar, d = e.enabled, m = e.shards, g = e.sideCar, h = e.noRelative, w = e.noIsolation, p = e.inert, v = e.allowPinchZoom, E = e.as, k = E === void 0 ? "div" : E, x = e.gapMode, S = ps(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), A = g, I = Ad([n, t]), O = We(We({}, S), o);
+  }), o = r[0], a = r[1], s = e.forwardProps, i = e.children, c = e.className, l = e.removeScrollBar, d = e.enabled, m = e.shards, g = e.sideCar, h = e.noRelative, w = e.noIsolation, p = e.inert, v = e.allowPinchZoom, E = e.as, k = E === void 0 ? "div" : E, C = e.gapMode, y = ps(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), A = g, I = Ad([n, t]), O = We(We({}, y), o);
   return f.createElement(
     f.Fragment,
     null,
-    d && f.createElement(A, { sideCar: gs, removeScrollBar: l, shards: m, noRelative: h, noIsolation: w, inert: p, setCallbacks: a, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
+    d && f.createElement(A, { sideCar: gs, removeScrollBar: l, shards: m, noRelative: h, noIsolation: w, inert: p, setCallbacks: a, allowPinchZoom: !!v, lockRef: n, gapMode: C }),
     s ? f.cloneElement(f.Children.only(i), We(We({}, O), { ref: I })) : f.createElement(k, We({}, O, { className: c, ref: I }), i)
   );
 });
@@ -3186,7 +3187,7 @@ function ef(e) {
   var i = f.useCallback(function(p, v) {
     if ("touches" in p && p.touches.length === 2 || p.type === "wheel" && p.ctrlKey)
       return !s.current.allowPinchZoom;
-    var E = mn(p), k = n.current, x = "deltaX" in p ? p.deltaX : k[0] - E[0], S = "deltaY" in p ? p.deltaY : k[1] - E[1], A, I = p.target, O = Math.abs(x) > Math.abs(S) ? "h" : "v";
+    var E = mn(p), k = n.current, C = "deltaX" in p ? p.deltaX : k[0] - E[0], y = "deltaY" in p ? p.deltaY : k[1] - E[1], A, I = p.target, O = Math.abs(C) > Math.abs(y) ? "h" : "v";
     if ("touches" in p && O === "h" && I.type === "range")
       return !1;
     var T = ea(O, I);
@@ -3194,10 +3195,10 @@ function ef(e) {
       return !0;
     if (T ? A = O : (A = O === "v" ? "h" : "v", T = ea(O, I)), !T)
       return !1;
-    if (!r.current && "changedTouches" in p && (x || S) && (r.current = A), !A)
+    if (!r.current && "changedTouches" in p && (C || y) && (r.current = A), !A)
       return !0;
     var z = r.current || A;
-    return Xd(z, v, p, z === "h" ? x : S);
+    return Xd(z, v, p, z === "h" ? C : y);
   }, []), c = f.useCallback(function(p) {
     var v = p;
     if (!(!Ct.length || Ct[Ct.length - 1] !== a)) {
@@ -3209,17 +3210,17 @@ function ef(e) {
         return;
       }
       if (!k) {
-        var x = (s.current.shards || []).map(na).filter(Boolean).filter(function(A) {
+        var C = (s.current.shards || []).map(na).filter(Boolean).filter(function(A) {
           return A.contains(v.target);
-        }), S = x.length > 0 ? i(v, x[0]) : !s.current.noIsolation;
-        S && v.cancelable && v.preventDefault();
+        }), y = C.length > 0 ? i(v, C[0]) : !s.current.noIsolation;
+        y && v.cancelable && v.preventDefault();
       }
     }
   }, []), l = f.useCallback(function(p, v, E, k) {
-    var x = { name: p, delta: v, target: E, should: k, shadowParent: tf(E) };
-    t.current.push(x), setTimeout(function() {
-      t.current = t.current.filter(function(S) {
-        return S !== x;
+    var C = { name: p, delta: v, target: E, should: k, shadowParent: tf(E) };
+    t.current.push(C), setTimeout(function() {
+      t.current = t.current.filter(function(y) {
+        return y !== C;
       });
     }, 1);
   }, []), d = f.useCallback(function(p) {
@@ -3277,7 +3278,7 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
     disabled: g,
     required: h,
     form: w
-  } = e, p = Hn(t), [v, E] = f.useState(null), [k, x] = f.useState(null), [S, A] = f.useState(!1), I = Kr(l), [O, T] = Xt({
+  } = e, p = Hn(t), [v, E] = f.useState(null), [k, C] = f.useState(null), [y, A] = f.useState(!1), I = Kr(l), [O, T] = Xt({
     prop: r,
     defaultProp: o ?? !1,
     onChange: a,
@@ -3287,7 +3288,7 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
     defaultProp: i,
     onChange: c,
     caller: mt
-  }), V = f.useRef(null), q = v ? w || !!v.closest("form") : !0, [y, N] = f.useState(/* @__PURE__ */ new Set()), R = Array.from(y).map((P) => P.props.value).join(";");
+  }), V = f.useRef(null), q = v ? w || !!v.closest("form") : !0, [x, N] = f.useState(/* @__PURE__ */ new Set()), R = Array.from(x).map((P) => P.props.value).join(";");
   return /* @__PURE__ */ u(is, { ...p, children: /* @__PURE__ */ D(
     sf,
     {
@@ -3296,8 +3297,8 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
       trigger: v,
       onTriggerChange: E,
       valueNode: k,
-      onValueNodeChange: x,
-      valueNodeHasChildren: S,
+      onValueNodeChange: C,
+      valueNodeHasChildren: y,
       onValueNodeHasChildrenChange: A,
       contentId: Zt(),
       value: z,
@@ -3317,8 +3318,8 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
             }, []),
             onNativeOptionRemove: f.useCallback((P) => {
               N((_) => {
-                const C = new Set(_);
-                return C.delete(P), C;
+                const S = new Set(_);
+                return S.delete(P), S;
               });
             }, []),
             children: n
@@ -3338,7 +3339,7 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
             form: w,
             children: [
               z === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
-              Array.from(y)
+              Array.from(x)
             ]
           },
           R
@@ -3351,7 +3352,7 @@ xs.displayName = mt;
 var Ss = "SelectTrigger", Cs = f.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, disabled: r = !1, ...o } = e, a = Hn(n), s = ot(Ss, n), i = s.disabled || r, c = ie(t, s.onTriggerChange), l = Bn(n), d = f.useRef("touch"), [m, g, h] = Ys((p) => {
-      const v = l().filter((x) => !x.disabled), E = v.find((x) => x.value === s.value), k = qs(v, p, E);
+      const v = l().filter((C) => !C.disabled), E = v.find((C) => C.value === s.value), k = qs(v, p, E);
       k !== void 0 && s.onValueChange(k.value);
     }), w = (p) => {
       i || (s.onOpenChange(!0), h()), p && (s.triggerPointerDownPosRef.current = {
@@ -3456,12 +3457,12 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
       avoidCollisions: v,
       //
       ...E
-    } = e, k = ot(pt, n), [x, S] = f.useState(null), [A, I] = f.useState(null), O = ie(t, (F) => S(F)), [T, z] = f.useState(null), [H, V] = f.useState(
+    } = e, k = ot(pt, n), [C, y] = f.useState(null), [A, I] = f.useState(null), O = ie(t, (F) => y(F)), [T, z] = f.useState(null), [H, V] = f.useState(
       null
-    ), q = Bn(n), [y, N] = f.useState(!1), R = f.useRef(!1);
+    ), q = Bn(n), [x, N] = f.useState(!1), R = f.useRef(!1);
     f.useEffect(() => {
-      if (x) return ms(x);
-    }, [x]), La();
+      if (C) return ms(C);
+    }, [C]), La();
     const P = f.useCallback(
       (F) => {
         const [ee, ...le] = q().map((re) => re.ref.current), [Z] = le.slice(-1), te = document.activeElement;
@@ -3470,15 +3471,15 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
       },
       [q, A]
     ), _ = f.useCallback(
-      () => P([T, x]),
-      [P, T, x]
+      () => P([T, C]),
+      [P, T, C]
     );
     f.useEffect(() => {
-      y && _();
-    }, [y, _]);
-    const { onOpenChange: C, triggerPointerDownPosRef: L } = k;
+      x && _();
+    }, [x, _]);
+    const { onOpenChange: S, triggerPointerDownPosRef: L } = k;
     f.useEffect(() => {
-      if (x) {
+      if (C) {
         let F = { x: 0, y: 0 };
         const ee = (Z) => {
           F = {
@@ -3486,18 +3487,18 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
             y: Math.abs(Math.round(Z.pageY) - (L.current?.y ?? 0))
           };
         }, le = (Z) => {
-          F.x <= 10 && F.y <= 10 ? Z.preventDefault() : x.contains(Z.target) || C(!1), document.removeEventListener("pointermove", ee), L.current = null;
+          F.x <= 10 && F.y <= 10 ? Z.preventDefault() : C.contains(Z.target) || S(!1), document.removeEventListener("pointermove", ee), L.current = null;
         };
         return L.current !== null && (document.addEventListener("pointermove", ee), document.addEventListener("pointerup", le, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", ee), document.removeEventListener("pointerup", le, { capture: !0 });
         };
       }
-    }, [x, C, L]), f.useEffect(() => {
-      const F = () => C(!1);
+    }, [C, S, L]), f.useEffect(() => {
+      const F = () => S(!1);
       return window.addEventListener("blur", F), window.addEventListener("resize", F), () => {
         window.removeEventListener("blur", F), window.removeEventListener("resize", F);
       };
-    }, [C]);
+    }, [S]);
     const [U, G] = Ys((F) => {
       const ee = q().filter((te) => !te.disabled), le = ee.find((te) => te.ref.current === document.activeElement), Z = qs(ee, F, le);
       Z && setTimeout(() => Z.ref.current.focus());
@@ -3507,7 +3508,7 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
         (k.value !== void 0 && k.value === ee || Z) && (z(F), Z && (R.current = !0));
       },
       [k.value]
-    ), Y = f.useCallback(() => x?.focus(), [x]), oe = f.useCallback(
+    ), Y = f.useCallback(() => C?.focus(), [C]), oe = f.useCallback(
       (F, ee, le) => {
         const Z = !R.current && !le;
         (k.value !== void 0 && k.value === ee || Z) && V(F);
@@ -3529,7 +3530,7 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
       Ps,
       {
         scope: n,
-        content: x,
+        content: C,
         viewport: A,
         onViewportChange: I,
         itemRefCallback: ce,
@@ -3539,7 +3540,7 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
         focusSelectedItem: _,
         selectedItemText: H,
         position: r,
-        isPositioned: y,
+        isPositioned: x,
         searchRef: U,
         children: /* @__PURE__ */ u(co, { as: mf, allowPinchZoom: !0, children: /* @__PURE__ */ u(
           Qr,
@@ -3604,7 +3605,7 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
 );
 Rs.displayName = ff;
 var pf = "SelectItemAlignedPosition", Os = f.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: r, ...o } = e, a = ot(pt, n), s = at(pt, n), [i, c] = f.useState(null), [l, d] = f.useState(null), m = ie(t, (O) => d(O)), g = Bn(n), h = f.useRef(!1), w = f.useRef(!0), { viewport: p, selectedItem: v, selectedItemText: E, focusSelectedItem: k } = s, x = f.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: r, ...o } = e, a = ot(pt, n), s = at(pt, n), [i, c] = f.useState(null), [l, d] = f.useState(null), m = ie(t, (O) => d(O)), g = Bn(n), h = f.useRef(!1), w = f.useRef(!0), { viewport: p, selectedItem: v, selectedItemText: E, focusSelectedItem: k } = s, C = f.useCallback(() => {
     if (a.trigger && a.valueNode && i && l && p && v && E) {
       const O = a.trigger.getBoundingClientRect(), T = l.getBoundingClientRect(), z = a.valueNode.getBoundingClientRect(), H = E.getBoundingClientRect();
       if (a.dir !== "rtl") {
@@ -3625,7 +3626,7 @@ var pf = "SelectItemAlignedPosition", Os = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = Ne + "px", i.style.right = ct + "px";
       }
-      const V = g(), q = window.innerHeight - Oe * 2, y = p.scrollHeight, N = window.getComputedStyle(l), R = parseInt(N.borderTopWidth, 10), P = parseInt(N.paddingTop, 10), _ = parseInt(N.borderBottomWidth, 10), C = parseInt(N.paddingBottom, 10), L = R + P + y + C + _, U = Math.min(v.offsetHeight * 5, L), G = window.getComputedStyle(p), ce = parseInt(G.paddingTop, 10), Y = parseInt(G.paddingBottom, 10), oe = O.top + O.height / 2 - Oe, K = q - oe, ge = v.offsetHeight / 2, F = v.offsetTop + ge, ee = R + P + F, le = L - ee;
+      const V = g(), q = window.innerHeight - Oe * 2, x = p.scrollHeight, N = window.getComputedStyle(l), R = parseInt(N.borderTopWidth, 10), P = parseInt(N.paddingTop, 10), _ = parseInt(N.borderBottomWidth, 10), S = parseInt(N.paddingBottom, 10), L = R + P + x + S + _, U = Math.min(v.offsetHeight * 5, L), G = window.getComputedStyle(p), ce = parseInt(G.paddingTop, 10), Y = parseInt(G.paddingBottom, 10), oe = O.top + O.height / 2 - Oe, K = q - oe, ge = v.offsetHeight / 2, F = v.offsetTop + ge, ee = R + P + F, le = L - ee;
       if (ee <= oe) {
         const te = V.length > 0 && v === V[V.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -3659,16 +3660,16 @@ var pf = "SelectItemAlignedPosition", Os = f.forwardRef((e, t) => {
     a.dir,
     r
   ]);
-  ve(() => x(), [x]);
-  const [S, A] = f.useState();
+  ve(() => C(), [C]);
+  const [y, A] = f.useState();
   ve(() => {
     l && A(window.getComputedStyle(l).zIndex);
   }, [l]);
   const I = f.useCallback(
     (O) => {
-      O && w.current === !0 && (x(), k?.(), w.current = !1);
+      O && w.current === !0 && (C(), k?.(), w.current = !1);
     },
-    [x, k]
+    [C, k]
   );
   return /* @__PURE__ */ u(
     gf,
@@ -3685,7 +3686,7 @@ var pf = "SelectItemAlignedPosition", Os = f.forwardRef((e, t) => {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: S
+            zIndex: y
           },
           children: /* @__PURE__ */ u(
             Ae.div,
@@ -3777,8 +3778,8 @@ var [gf, lo] = Mt(pt, {}), Ir = "SelectViewport", _s = f.forwardRef(
               if (h > 0) {
                 const w = window.innerHeight - Oe * 2, p = parseFloat(m.style.minHeight), v = parseFloat(m.style.height), E = Math.max(p, v);
                 if (E < w) {
-                  const k = E + h, x = Math.min(w, k), S = k - x;
-                  m.style.height = x + "px", m.style.bottom === "0px" && (d.scrollTop = S > 0 ? S : 0, m.style.justifyContent = "flex-end");
+                  const k = E + h, C = Math.min(w, k), y = k - C;
+                  m.style.height = C + "px", m.style.bottom === "0px" && (d.scrollTop = y > 0 ? y : 0, m.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -3831,7 +3832,7 @@ var Tn = "SelectItem", [yf, Fs] = Mt(Tn), $s = f.forwardRef(
         textId: p,
         isSelected: l,
         onItemTextChange: f.useCallback((k) => {
-          m((x) => x || (k?.textContent ?? "").trim());
+          m((C) => C || (k?.textContent ?? "").trim());
         }, []),
         children: /* @__PURE__ */ u(
           zn.ItemSlot,
@@ -4050,7 +4051,7 @@ function Ef(e, t) {
 }
 var kf = xs, Af = Cs, Nf = ks, Tf = As, Pf = Ns, Rf = Ts, Of = _s, _f = Ds, Mf = Ls, Df = $s, If = Ws, Lf = Bs, Ff = Us, ra = js;
 function $f({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o, apiClient: a }) {
-  const s = t[e.name] || "", i = typeof e.disabled == "function" ? e.disabled(t) : e.disabled, [c, l] = ue(e.options || []), [d, m] = ue(!1);
+  const s = t[e.name] || "", i = typeof e.disabled == "function" ? e.disabled(t) : e.disabled, [c, l] = ue(e.options || []), [d, m] = ue(!1), g = typeof e.refresh == "function" ? e.refresh(t) : e.refresh;
   return He(() => {
     (async () => {
       if (!e.optionsUrl || !a) {
@@ -4059,18 +4060,18 @@ function $f({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o,
       }
       m(!0);
       try {
-        let h = e.optionsUrl, w = {};
+        let w = e.optionsUrl, p = {};
         if (e.queryParams) {
-          const x = typeof e.queryParams == "function" ? e.queryParams(t) : e.queryParams;
-          typeof x == "string" ? h += x.startsWith("?") ? x : `?${x}` : w = { params: x };
+          const y = typeof e.queryParams == "function" ? e.queryParams(t) : e.queryParams;
+          typeof y == "string" ? w += y.startsWith("?") ? y : `?${y}` : p = { params: y };
         }
-        const p = await a(h, w), v = p.data || p, k = (Array.isArray(v) ? v : []).map((x) => ({
-          value: x[e.valueId || "key"] || x.key,
-          label: x[e.labelId || "value"] || x.value
+        const v = await a(w, p), E = v.data || v, C = (Array.isArray(E) ? E : []).map((y) => ({
+          value: y[e.valueId || "key"] || y.key,
+          label: y[e.labelId || "value"] || y.value
         }));
-        l(k), e.name + "_count" in t && n(e.name + "_count", k.length);
-      } catch (h) {
-        console.error("Failed to load options for SelectField:", h), l(e.options || []);
+        l(C), e.name + "_count" in t && n(e.name + "_count", C.length);
+      } catch (w) {
+        console.error("Failed to load options for SelectField:", w), l(e.options || []);
       } finally {
         m(!1);
       }
@@ -4081,6 +4082,7 @@ function $f({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o,
     a,
     e.valueId,
     e.labelId,
+    JSON.stringify(g),
     // Instead of depending directly on field.queryParams (which triggers nothing when formValues change),
     // stringify the evaluated params so it refetches ONLY when the inputs of the API call change.
     JSON.stringify(typeof e.queryParams == "function" ? e.queryParams(t) : e.queryParams)
@@ -4088,7 +4090,7 @@ function $f({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o,
     kf,
     {
       value: s,
-      onValueChange: (g) => n(e.name, g),
+      onValueChange: (h) => n(e.name, h),
       disabled: i,
       children: [
         /* @__PURE__ */ D(
@@ -4121,17 +4123,17 @@ function $f({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o,
               /* @__PURE__ */ u(Lf, { className: "flex items-center justify-center h-6 text-gray-500 bg-gray-50", children: /* @__PURE__ */ u(ra, { className: "fill-white stroke-gray-200" }) }),
               /* @__PURE__ */ D(Of, { className: "p-1", children: [
                 e.groupLabel && /* @__PURE__ */ u(_f, { children: /* @__PURE__ */ u(Mf, { className: "px-2 py-1 text-xs text-gray-500 uppercase tracking-wide", children: e.groupLabel }) }),
-                c.map((g) => /* @__PURE__ */ u(
+                c.map((h) => /* @__PURE__ */ u(
                   Df,
                   {
-                    value: g.value,
+                    value: h.value,
                     className: `relative flex items-center px-3 py-2 text-sm rounded cursor-pointer select-none
                   data-[state=checked]:bg-blue-50
                   data-[state=checked]:text-blue-600
                 `,
-                    children: /* @__PURE__ */ u(If, { children: g.label })
+                    children: /* @__PURE__ */ u(If, { children: h.label })
                   },
-                  g.value
+                  h.value
                 )),
                 e.separator && /* @__PURE__ */ u(Ff, { className: "my-1 h-px bg-gray-200" })
               ] }),
@@ -4430,12 +4432,12 @@ function Zs() {
     HTMLFormElement: m,
     DOMParser: g,
     trustedTypes: h
-  } = e, w = c.prototype, p = Bt(w, "cloneNode"), v = Bt(w, "remove"), E = Bt(w, "nextSibling"), k = Bt(w, "childNodes"), x = Bt(w, "parentNode");
+  } = e, w = c.prototype, p = Bt(w, "cloneNode"), v = Bt(w, "remove"), E = Bt(w, "nextSibling"), k = Bt(w, "childNodes"), C = Bt(w, "parentNode");
   if (typeof s == "function") {
     const j = n.createElement("template");
     j.content && j.content.ownerDocument && (n = j.content.ownerDocument);
   }
-  let S, A = "";
+  let y, A = "";
   const {
     implementation: I,
     createNodeIterator: O,
@@ -4445,15 +4447,15 @@ function Zs() {
     importNode: H
   } = r;
   let V = fa();
-  t.isSupported = typeof Ks == "function" && typeof x == "function" && I && I.createHTMLDocument !== void 0;
+  t.isSupported = typeof Ks == "function" && typeof C == "function" && I && I.createHTMLDocument !== void 0;
   const {
     MUSTACHE_EXPR: q,
-    ERB_EXPR: y,
+    ERB_EXPR: x,
     TMPLIT_EXPR: N,
     DATA_ATTR: R,
     ARIA_ATTR: P,
     IS_SCRIPT_OR_DATA: _,
-    ATTR_WHITESPACE: C,
+    ATTR_WHITESPACE: S,
     CUSTOM_ELEMENT: L
   } = da;
   let {
@@ -4522,13 +4524,13 @@ function Zs() {
           throw zt('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
         if (typeof b.TRUSTED_TYPES_POLICY.createScriptURL != "function")
           throw zt('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-        S = b.TRUSTED_TYPES_POLICY, A = S.createHTML("");
+        y = b.TRUSTED_TYPES_POLICY, A = y.createHTML("");
       } else
-        S === void 0 && (S = im(h, o)), S !== null && typeof A == "string" && (A = S.createHTML(""));
+        y === void 0 && (y = im(h, o)), y !== null && typeof A == "string" && (A = y.createHTML(""));
       we && we(b), yt = b;
     }
   }, wo = Q({}, [...yr, ...wr, ...Xf]), xo = Q({}, [...xr, ...Qf]), tc = function(b) {
-    let M = x(b);
+    let M = C(b);
     (!M || !M.tagName) && (M = {
       namespaceURI: vt,
       tagName: "template"
@@ -4540,7 +4542,7 @@ function Zs() {
       element: b
     });
     try {
-      x(b).removeChild(b);
+      C(b).removeChild(b);
     } catch {
       v(b);
     }
@@ -4576,7 +4578,7 @@ function Zs() {
       B = de && de[0];
     }
     Ft === "application/xhtml+xml" && vt === Ve && (b = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + b + "</body></html>");
-    const se = S ? S.createHTML(b) : b;
+    const se = y ? y.createHTML(b) : b;
     if (vt === Ve)
       try {
         M = new g().parseFromString(se, Ft);
@@ -4623,7 +4625,7 @@ function Zs() {
       if (!ge[B] && No(B) && (K.tagNameCheck instanceof RegExp && ye(K.tagNameCheck, B) || K.tagNameCheck instanceof Function && K.tagNameCheck(B)))
         return !1;
       if (Zn && !Le[B]) {
-        const se = x(b) || b.parentNode, be = k(b) || b.childNodes;
+        const se = C(b) || b.parentNode, be = k(b) || b.childNodes;
         if (be && se) {
           const de = be.length;
           for (let Se = de - 1; Se >= 0; --Se) {
@@ -4634,7 +4636,7 @@ function Zs() {
       }
       return Fe(b), !0;
     }
-    return b instanceof c && !tc(b) || (B === "noscript" || B === "noembed" || B === "noframes") && ye(/<\/no(script|embed|frames)/i, b.innerHTML) ? (Fe(b), !0) : (fe && b.nodeType === Ht.text && (M = b.textContent, pn([q, y, N], (se) => {
+    return b instanceof c && !tc(b) || (B === "noscript" || B === "noembed" || B === "noframes") && ye(/<\/no(script|embed|frames)/i, b.innerHTML) ? (Fe(b), !0) : (fe && b.nodeType === Ht.text && (M = b.textContent, pn([q, x, N], (se) => {
       M = Wt(M, se, " ");
     }), b.textContent !== M && ($t(t.removed, {
       element: b.cloneNode()
@@ -4655,9 +4657,9 @@ function Zs() {
               M === "is" && K.allowCustomizedBuiltInElements && (K.tagNameCheck instanceof RegExp && ye(K.tagNameCheck, B) || K.tagNameCheck instanceof Function && K.tagNameCheck(B)))
             ) return !1;
           } else if (!er[M]) {
-            if (!ye(U, Wt(B, C, ""))) {
+            if (!ye(U, Wt(B, S, ""))) {
               if (!((M === "src" || M === "xlink:href" || M === "href") && b !== "script" && Gf(B, "data:") === 0 && go[b])) {
-                if (!(te && !ye(_, Wt(B, C, "")))) {
+                if (!(te && !ye(_, Wt(B, S, "")))) {
                   if (B)
                     return !1;
                 }
@@ -4710,7 +4712,7 @@ function Zs() {
         lt(de, b);
         continue;
       }
-      fe && pn([q, y, N], (Ro) => {
+      fe && pn([q, x, N], (Ro) => {
         he = Wt(he, Ro, " ");
       });
       const Po = me(b.nodeName);
@@ -4718,14 +4720,14 @@ function Zs() {
         lt(de, b);
         continue;
       }
-      if (S && typeof h == "object" && typeof h.getAttributeType == "function" && !Se)
+      if (y && typeof h == "object" && typeof h.getAttributeType == "function" && !Se)
         switch (h.getAttributeType(Po, wt)) {
           case "TrustedHTML": {
-            he = S.createHTML(he);
+            he = y.createHTML(he);
             break;
           }
           case "TrustedScriptURL": {
-            he = S.createScriptURL(he);
+            he = y.createScriptURL(he);
             break;
           }
         }
@@ -4765,7 +4767,7 @@ function Zs() {
     else {
       if (!gt && !fe && !Re && // eslint-disable-next-line unicorn/prefer-includes
       j.indexOf("<") === -1)
-        return S && rn ? S.createHTML(j) : j;
+        return y && rn ? y.createHTML(j) : j;
       if (M = So(j), !M)
         return gt ? null : rn ? A : "";
     }
@@ -4785,9 +4787,9 @@ function Zs() {
     }
     let Se = Re ? M.outerHTML : M.innerHTML;
     return Re && G["!doctype"] && M.ownerDocument && M.ownerDocument.doctype && M.ownerDocument.doctype.name && ye(Qs, M.ownerDocument.doctype.name) && (Se = "<!DOCTYPE " + M.ownerDocument.doctype.name + `>
-` + Se), fe && pn([q, y, N], (Ye) => {
+` + Se), fe && pn([q, x, N], (Ye) => {
       Se = Wt(Se, Ye, " ");
-    }), S && rn ? S.createHTML(Se) : Se;
+    }), y && rn ? y.createHTML(Se) : Se;
   }, t.setConfig = function() {
     let j = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     rr(j), it = !0;
@@ -5062,8 +5064,8 @@ function dm({
 		disabled:cursor-not-allowed disabled:opacity-50
 	`;
   if (w.length > 0) {
-    const k = Array.isArray(t[e.name]) ? t[e.name] : [], x = (S, A) => {
-      let I = A ? [...k, S] : k.filter((O) => O !== S);
+    const k = Array.isArray(t[e.name]) ? t[e.name] : [], C = (y, A) => {
+      let I = A ? [...k, y] : k.filter((O) => O !== y);
       n(e.name, I), r(e.name);
     };
     return /* @__PURE__ */ D(
@@ -5078,8 +5080,8 @@ function dm({
             "div",
             {
               className: p ? "flex flex-wrap gap-x-6 gap-y-3" : "space-y-4",
-              children: w.map((S) => {
-                const A = typeof S == "object" ? S.value : S, I = typeof S == "object" ? S.label : S, O = typeof S == "object" ? S.description : null, T = `${e.name}-${A}`, z = k.includes(A);
+              children: w.map((y) => {
+                const A = typeof y == "object" ? y.value : y, I = typeof y == "object" ? y.label : y, O = typeof y == "object" ? y.description : null, T = `${e.name}-${A}`, z = k.includes(A);
                 return /* @__PURE__ */ D(
                   "div",
                   {
@@ -5093,7 +5095,7 @@ function dm({
                           type: "checkbox",
                           id: T,
                           checked: z,
-                          onChange: (H) => x(A, H.target.checked),
+                          onChange: (H) => C(A, H.target.checked),
                           onBlur: () => r(e.name),
                           disabled: h,
                           className: `${E} ${!h && "cursor-pointer hover:border-primary/50"} ${o ? "border-destructive ring-destructive/20" : "border-input"}`
@@ -6967,14 +6969,14 @@ const Lp = (e, t) => {
       }
       v = !1;
     }
-    const k = g.length === 0 ? "" : g.length === 1 ? g[0] : a(g).join(":"), x = h ? k + Ur : k, S = x + E;
-    if (s.indexOf(S) > -1)
+    const k = g.length === 0 ? "" : g.length === 1 ? g[0] : a(g).join(":"), C = h ? k + Ur : k, y = C + E;
+    if (s.indexOf(y) > -1)
       continue;
-    s.push(S);
+    s.push(y);
     const A = o(E, v);
     for (let I = 0; I < A.length; ++I) {
       const O = A[I];
-      s.push(x + O);
+      s.push(C + O);
     }
     c = d + (c.length > 0 ? " " + c : c);
   }
@@ -7019,7 +7021,7 @@ const Lp = (e, t) => {
   const r = xi.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, Ci = (e) => e === "position" || e === "percentage", Ei = (e) => e === "image" || e === "url", ki = (e) => e === "length" || e === "size" || e === "bg-size", Ai = (e) => e === "length", wh = (e) => e === "number", xh = (e) => e === "family-name", Ni = (e) => e === "shadow", Sh = () => {
-  const e = pe("color"), t = pe("font"), n = pe("text"), r = pe("font-weight"), o = pe("tracking"), a = pe("leading"), s = pe("breakpoint"), i = pe("container"), c = pe("spacing"), l = pe("radius"), d = pe("shadow"), m = pe("inset-shadow"), g = pe("text-shadow"), h = pe("drop-shadow"), w = pe("blur"), p = pe("perspective"), v = pe("aspect"), E = pe("ease"), k = pe("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
+  const e = pe("color"), t = pe("font"), n = pe("text"), r = pe("font-weight"), o = pe("tracking"), a = pe("leading"), s = pe("breakpoint"), i = pe("container"), c = pe("spacing"), l = pe("radius"), d = pe("shadow"), m = pe("inset-shadow"), g = pe("text-shadow"), h = pe("drop-shadow"), w = pe("blur"), p = pe("perspective"), v = pe("aspect"), E = pe("ease"), k = pe("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], y = () => [
     "center",
     "top",
     "bottom",
@@ -7037,9 +7039,9 @@ const Lp = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], A = () => [...S(), W, $], I = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], T = () => [W, $, c], z = () => [kt, "full", "auto", ...T()], H = () => [Ze, "none", "subgrid", W, $], V = () => ["auto", {
+  ], A = () => [...y(), W, $], I = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], T = () => [W, $, c], z = () => [kt, "full", "auto", ...T()], H = () => [Ze, "none", "subgrid", W, $], V = () => ["auto", {
     span: ["full", Ze, W, $]
-  }, Ze, W, $], q = () => [Ze, "auto", W, $], y = () => ["auto", "min", "max", "fr", W, $], N = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], R = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...T()], _ = () => [kt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...T()], C = () => [e, W, $], L = () => [...S(), Ea, Ca, {
+  }, Ze, W, $], q = () => [Ze, "auto", W, $], x = () => ["auto", "min", "max", "fr", W, $], N = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], R = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...T()], _ = () => [kt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...T()], S = () => [e, W, $], L = () => [...y(), Ea, Ca, {
     position: [W, $]
   }], U = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -7113,14 +7115,14 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": x()
+        "break-after": C()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": x()
+        "break-before": C()
       }],
       /**
        * Break Inside
@@ -7428,14 +7430,14 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": y()
+        "auto-cols": x()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": y()
+        "auto-rows": x()
       }],
       /**
        * Gap
@@ -7875,14 +7877,14 @@ const Lp = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: C()
+        placeholder: S()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: C()
+        text: S()
       }],
       /**
        * Text Decoration
@@ -7908,7 +7910,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: C()
+        decoration: S()
       }],
       /**
        * Text Underline Offset
@@ -8046,7 +8048,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: C()
+        bg: S()
       }],
       /**
        * Gradient Color Stops From Position
@@ -8074,21 +8076,21 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: C()
+        from: S()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: C()
+        via: S()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: C()
+        to: S()
       }],
       // ---------------
       // --- Borders ---
@@ -8304,70 +8306,70 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: C()
+        border: S()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": C()
+        "border-x": S()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": C()
+        "border-y": S()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": C()
+        "border-s": S()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": C()
+        "border-e": S()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": C()
+        "border-t": S()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": C()
+        "border-r": S()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": C()
+        "border-b": S()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": C()
+        "border-l": S()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: C()
+        divide: S()
       }],
       /**
        * Outline Style
@@ -8395,7 +8397,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: C()
+        outline: S()
       }],
       // ---------------
       // --- Effects ---
@@ -8419,7 +8421,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: C()
+        shadow: S()
       }],
       /**
        * Inset Box Shadow
@@ -8433,7 +8435,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": C()
+        "inset-shadow": S()
       }],
       /**
        * Ring Width
@@ -8454,7 +8456,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: C()
+        ring: S()
       }],
       /**
        * Ring Offset Width
@@ -8472,7 +8474,7 @@ const Lp = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": C()
+        "ring-offset": S()
       }],
       /**
        * Inset Ring Width
@@ -8486,7 +8488,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": C()
+        "inset-ring": S()
       }],
       /**
        * Text Shadow
@@ -8500,7 +8502,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": C()
+        "text-shadow": S()
       }],
       /**
        * Opacity
@@ -8551,10 +8553,10 @@ const Lp = (e, t) => {
         "mask-linear-to": F()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": C()
+        "mask-linear-from": S()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": C()
+        "mask-linear-to": S()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": F()
@@ -8563,10 +8565,10 @@ const Lp = (e, t) => {
         "mask-t-to": F()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": C()
+        "mask-t-from": S()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": C()
+        "mask-t-to": S()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": F()
@@ -8575,10 +8577,10 @@ const Lp = (e, t) => {
         "mask-r-to": F()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": C()
+        "mask-r-from": S()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": C()
+        "mask-r-to": S()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": F()
@@ -8587,10 +8589,10 @@ const Lp = (e, t) => {
         "mask-b-to": F()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": C()
+        "mask-b-from": S()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": C()
+        "mask-b-to": S()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": F()
@@ -8599,10 +8601,10 @@ const Lp = (e, t) => {
         "mask-l-to": F()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": C()
+        "mask-l-from": S()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": C()
+        "mask-l-to": S()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": F()
@@ -8611,10 +8613,10 @@ const Lp = (e, t) => {
         "mask-x-to": F()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": C()
+        "mask-x-from": S()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": C()
+        "mask-x-to": S()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": F()
@@ -8623,10 +8625,10 @@ const Lp = (e, t) => {
         "mask-y-to": F()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": C()
+        "mask-y-from": S()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": C()
+        "mask-y-to": S()
       }],
       "mask-image-radial": [{
         "mask-radial": [W, $]
@@ -8638,10 +8640,10 @@ const Lp = (e, t) => {
         "mask-radial-to": F()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": C()
+        "mask-radial-from": S()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": C()
+        "mask-radial-to": S()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -8653,7 +8655,7 @@ const Lp = (e, t) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": S()
+        "mask-radial-at": y()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [X]
@@ -8665,10 +8667,10 @@ const Lp = (e, t) => {
         "mask-conic-to": F()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": C()
+        "mask-conic-from": S()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": C()
+        "mask-conic-to": S()
       }],
       /**
        * Mask Mode
@@ -8775,7 +8777,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": C()
+        "drop-shadow": S()
       }],
       /**
        * Grayscale
@@ -9146,7 +9148,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: C()
+        accent: S()
       }],
       /**
        * Appearance
@@ -9160,7 +9162,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: C()
+        caret: S()
       }],
       /**
        * Color Scheme
@@ -9406,7 +9408,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...C()]
+        fill: ["none", ...S()]
       }],
       /**
        * Stroke Width
@@ -9420,7 +9422,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...C()]
+        stroke: ["none", ...S()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -9656,13 +9658,13 @@ function ka({
   !v && e.uploadEndpoint && console.error(
     `api_URL prop is required when using FileField with upload functionality for field "${e.name}"`
   );
-  const E = (y) => {
-    if (y === 0) return "0 Bytes";
-    const N = 1024, R = ["Bytes", "KB", "MB", "GB"], P = Math.floor(Math.log(y) / Math.log(N));
-    return `${parseFloat((y / N ** P).toFixed(2))} ${R[P]}`;
-  }, k = async (y) => {
+  const E = (x) => {
+    if (x === 0) return "0 Bytes";
+    const N = 1024, R = ["Bytes", "KB", "MB", "GB"], P = Math.floor(Math.log(x) / Math.log(N));
+    return `${parseFloat((x / N ** P).toFixed(2))} ${R[P]}`;
+  }, k = async (x) => {
     const N = new FormData();
-    N.append("file", y);
+    N.append("file", x);
     const R = await fetch(`${v}`, {
       method: "POST",
       body: N
@@ -9670,48 +9672,48 @@ function ka({
     if (!R.ok)
       throw Cn.error("Upload failed"), new Error("Upload failed");
     return await R.json();
-  }, x = async (y, N) => {
+  }, C = async (x, N) => {
     if (!N) return;
-    if (y.maxSize && N.size > y.maxSize)
+    if (x.maxSize && N.size > x.maxSize)
       throw new Error(
-        `File size must not exceed ${E(y.maxSize)}`
+        `File size must not exceed ${E(x.maxSize)}`
       );
-    const R = await k(N), P = { ...t, [y.name]: R };
-    a(y.name, R), s(P);
-  }, S = async (y, N) => {
-    const R = t[y.name] || [];
-    if (y.maxFiles && R.length + N.length > y.maxFiles)
-      throw new Error(`Maximum ${y.maxFiles} files allowed`);
-    N.forEach((C) => {
-      if (y.maxSize && C.size > y.maxSize)
+    const R = await k(N), P = { ...t, [x.name]: R };
+    a(x.name, R), s(P);
+  }, y = async (x, N) => {
+    const R = t[x.name] || [];
+    if (x.maxFiles && R.length + N.length > x.maxFiles)
+      throw new Error(`Maximum ${x.maxFiles} files allowed`);
+    N.forEach((S) => {
+      if (x.maxSize && S.size > x.maxSize)
         throw new Error(
-          `Each file must not exceed ${E(y.maxSize)}`
+          `Each file must not exceed ${E(x.maxSize)}`
         );
     });
     const P = await Promise.all(
-      N.map((C) => k(C))
+      N.map((S) => k(S))
       // Updated call
     ), _ = [...R, ...P];
-    a(y.name, _), s({ ...t, [y.name]: _ });
-  }, A = async (y, N) => {
+    a(x.name, _), s({ ...t, [x.name]: _ });
+  }, A = async (x, N) => {
     if (l) return;
     const R = Array.from(N);
     try {
-      e.type === "multifile" ? await S(e, R) : await x(e, R[0]), o.current?.[y] && (o.current[y].value = "");
+      e.type === "multifile" ? await y(e, R) : await C(e, R[0]), o.current?.[x] && (o.current[x].value = "");
     } catch (P) {
       Cn.error(`Upload failed: ${P.message}`);
     }
-  }, I = async (y, N) => {
+  }, I = async (x, N) => {
     if (l) return;
     let R;
-    e.type === "file" ? R = "" : R = (t[y] || []).filter((_) => _ !== N), a(y, R), s({ ...t, [y]: R }), o.current?.[y] && (o.current[y].value = "");
-  }, O = (y) => {
-    y.preventDefault(), l || p(!0);
-  }, T = (y) => {
-    y.preventDefault(), l || p(!1);
-  }, z = (y) => {
-    y.preventDefault(), p(!1), !l && y.dataTransfer.files && y.dataTransfer.files.length > 0 && A(e.name, y.dataTransfer.files);
-  }, H = e.accept ? e.accept.split(",").map((y) => y.split("/")[1] || y.split(".")[1] || y).join(", ").toUpperCase() : "PNG, JPG, PDF", V = e.maxSize ? `, up to ${E(e.maxSize)}` : "", q = `
+    e.type === "file" ? R = "" : R = (t[x] || []).filter((_) => _ !== N), a(x, R), s({ ...t, [x]: R }), o.current?.[x] && (o.current[x].value = "");
+  }, O = (x) => {
+    x.preventDefault(), l || p(!0);
+  }, T = (x) => {
+    x.preventDefault(), l || p(!1);
+  }, z = (x) => {
+    x.preventDefault(), p(!1), !l && x.dataTransfer.files && x.dataTransfer.files.length > 0 && A(e.name, x.dataTransfer.files);
+  }, H = e.accept ? e.accept.split(",").map((x) => x.split("/")[1] || x.split(".")[1] || x).join(", ").toUpperCase() : "PNG, JPG, PDF", V = e.maxSize ? `, up to ${E(e.maxSize)}` : "", q = `
     w-full flex flex-col items-center justify-center p-6 border-2 border-dashed rounded-lg transition-all duration-200 
     // Ensure focus styling is handled correctly for the button element
     focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
@@ -9761,20 +9763,20 @@ function ka({
         /* @__PURE__ */ u(
           "input",
           {
-            ref: (y) => {
-              y && o && o.current && (o.current[e.name] = y);
+            ref: (x) => {
+              x && o && o.current && (o.current[e.name] = x);
             },
             id: e.name,
             type: "file",
             accept: e.accept,
             multiple: d,
             className: "sr-only",
-            onChange: (y) => A(e.name, y.target.files),
+            onChange: (x) => A(e.name, x.target.files),
             disabled: l
           }
         ),
-        h.length > 0 && /* @__PURE__ */ u("div", { className: "space-y-2 pt-2 border-t border-gray-200", children: h.map((y, N) => {
-          const R = y.original_name || y.name || "File", P = y.size || null;
+        h.length > 0 && /* @__PURE__ */ u("div", { className: "space-y-2 pt-2 border-t border-gray-200", children: h.map((x, N) => {
+          const R = x.original_name || x.name || "File", P = x.size || null;
           return /* @__PURE__ */ D(
             "div",
             {
@@ -9792,7 +9794,7 @@ function ka({
                   "button",
                   {
                     type: "button",
-                    onClick: () => I(e.name, y),
+                    onClick: () => I(e.name, x),
                     className: `text-red-500 hover:text-red-700 ml-3 flex-shrink-0 ${l ? "cursor-not-allowed opacity-50" : ""}`,
                     disabled: l,
                     children: "Remove"
@@ -9800,14 +9802,14 @@ function ka({
                 )
               ]
             },
-            y.url || y.original_name || N
+            x.url || x.original_name || N
           );
         }) }),
-        Object.entries(m).map(([y, N]) => N.status === "uploading" ? /* @__PURE__ */ D("div", { className: "relative pt-1", children: [
+        Object.entries(m).map(([x, N]) => N.status === "uploading" ? /* @__PURE__ */ D("div", { className: "relative pt-1", children: [
           /* @__PURE__ */ D("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ D("span", { className: "text-xs font-semibold inline-block text-blue-600", children: [
               "Uploading ",
-              y
+              x
             ] }),
             /* @__PURE__ */ D("span", { className: "text-xs font-semibold inline-block text-blue-600", children: [
               N.progress,
@@ -9821,7 +9823,7 @@ function ka({
               style: { width: `${N.progress}%` }
             }
           ) })
-        ] }, y) : null)
+        ] }, x) : null)
       ] })
     },
     e.name
@@ -9905,8 +9907,8 @@ function Ah({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
     A = A === 0 ? 55 : A - 5, h(l, A.toString(), m);
   }, k = () => {
     h(l, d, m === "AM" ? "PM" : "AM");
-  }, x = () => n(e.name, null), S = [];
-  return e.maxDate && S.push({ after: new Date(e.maxDate) }), e.minDate && S.push({ before: new Date(e.minDate) }), /* @__PURE__ */ D("div", { className: "relative", children: [
+  }, C = () => n(e.name, null), y = [];
+  return e.maxDate && y.push({ after: new Date(e.maxDate) }), e.minDate && y.push({ before: new Date(e.minDate) }), /* @__PURE__ */ D("div", { className: "relative", children: [
     /* @__PURE__ */ D(Yn, { open: a, onOpenChange: s, children: [
       /* @__PURE__ */ u(qn, { asChild: !0, children: /* @__PURE__ */ D(
         "button",
@@ -9966,7 +9968,7 @@ function Ah({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 selected: c,
                 onSelect: g,
                 showOutsideDays: !0,
-                disabled: S,
+                disabled: y,
                 className: "p-0",
                 classNames: {
                   day_selected: "bg-blue-600 text-white hover:bg-blue-600 hover:text-white focus:bg-blue-600 focus:text-white rounded-md",
@@ -10016,7 +10018,7 @@ function Ah({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 "button",
                 {
                   type: "button",
-                  onClick: x,
+                  onClick: C,
                   className: "inline-flex items-center justify-center rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-slate-500 hover:text-slate-900 hover:bg-slate-100 h-9 px-4 py-2",
                   children: "Clear"
                 }
@@ -10230,12 +10232,12 @@ var Kh = f.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: c,
     caller: tn
-  }), [E, k] = f.useState(!1), x = et(l), S = Oi(n), A = f.useRef(!1), [I, O] = f.useState(0);
+  }), [E, k] = f.useState(!1), C = et(l), y = Oi(n), A = f.useRef(!1), [I, O] = f.useState(0);
   return f.useEffect(() => {
     const T = g.current;
     if (T)
-      return T.addEventListener(Nr, x), () => T.removeEventListener(Nr, x);
-  }, [x]), /* @__PURE__ */ u(
+      return T.addEventListener(Nr, C), () => T.removeEventListener(Nr, C);
+  }, [C]), /* @__PURE__ */ u(
     Yh,
     {
       scope: n,
@@ -10272,7 +10274,7 @@ var Kh = f.forwardRef((e, t) => {
             if (T.target === T.currentTarget && z && !E) {
               const H = new CustomEvent(Nr, jh);
               if (T.currentTarget.dispatchEvent(H), !H.defaultPrevented) {
-                const V = S().filter((P) => P.focusable), q = V.find((P) => P.active), y = V.find((P) => P.id === p), R = [q, y, ...V].filter(
+                const V = y().filter((P) => P.focusable), q = V.find((P) => P.active), x = V.find((P) => P.id === p), R = [q, x, ...V].filter(
                   Boolean
                 ).map((P) => P.ref.current);
                 Li(R, d);
@@ -10326,14 +10328,14 @@ var Kh = f.forwardRef((e, t) => {
               if (E !== void 0) {
                 if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
                 v.preventDefault();
-                let x = g().filter((S) => S.focusable).map((S) => S.ref.current);
-                if (E === "last") x.reverse();
+                let C = g().filter((y) => y.focusable).map((y) => y.ref.current);
+                if (E === "last") C.reverse();
                 else if (E === "prev" || E === "next") {
-                  E === "prev" && x.reverse();
-                  const S = x.indexOf(v.currentTarget);
-                  x = d.loop ? Jh(x, S + 1) : x.slice(S + 1);
+                  E === "prev" && C.reverse();
+                  const y = C.indexOf(v.currentTarget);
+                  C = d.loop ? Jh(C, y + 1) : C.slice(y + 1);
                 }
-                setTimeout(() => Li(x));
+                setTimeout(() => Li(C));
               }
             }),
             children: typeof s == "function" ? s({ isCurrentTabStop: m, hasTabStop: p != null }) : s
@@ -10645,7 +10647,7 @@ function hg({
     setCharCounts: d,
     fileInputRefs: m,
     ...g
-  } = s, h = t[e.name] || "", w = a, p = e.options || [], v = e.inline || !1, E = e.renderType === "segment", k = g["aria-describedby"], x = E ? "mt-2 inline-flex w-full p-1 rounded-lg bg-muted/50 border border-border shadow-inner" : v ? "flex flex-wrap gap-6 mt-2" : "space-y-4 mt-2";
+  } = s, h = t[e.name] || "", w = a, p = e.options || [], v = e.inline || !1, E = e.renderType === "segment", k = g["aria-describedby"], C = E ? "mt-2 inline-flex w-full p-1 rounded-lg bg-muted/50 border border-border shadow-inner" : v ? "flex flex-wrap gap-6 mt-2" : "space-y-4 mt-2";
   return /* @__PURE__ */ D(
     "fieldset",
     {
@@ -10659,13 +10661,13 @@ function hg({
           {
             ...g,
             value: h,
-            onValueChange: (S) => {
-              n(e.name, S), r(e.name);
+            onValueChange: (y) => {
+              n(e.name, y), r(e.name);
             },
             disabled: w,
-            className: x,
-            children: p.map((S) => {
-              const A = typeof S == "object" ? S.value : S, I = typeof S == "object" ? S.label : S, O = typeof S == "object" ? S.description : null, T = `${e.name}-${A}`, z = h === A;
+            className: C,
+            children: p.map((y) => {
+              const A = typeof y == "object" ? y.value : y, I = typeof y == "object" ? y.label : y, O = typeof y == "object" ? y.description : null, T = `${e.name}-${A}`, z = h === A;
               return E ? /* @__PURE__ */ D(
                 "label",
                 {
@@ -10778,33 +10780,33 @@ function bg({
   disabled: a,
   ...s
 }) {
-  const i = (x) => {
-    if (!x) return null;
-    const S = new Date(x);
-    return Number.isNaN(S.getTime()) ? null : S;
+  const i = (C) => {
+    if (!C) return null;
+    const y = new Date(C);
+    return Number.isNaN(y.getTime()) ? null : y;
   }, [c, l] = ue(!1), d = a, m = t[e.name], g = Vr(() => i(m), [m]), [h, w] = ue(g || /* @__PURE__ */ new Date());
   s["aria-describedby"], He(() => {
     if (c) {
-      const x = g || /* @__PURE__ */ new Date();
-      w((S) => S.getFullYear() === x.getFullYear() && S.getMonth() === x.getMonth() ? S : x);
+      const C = g || /* @__PURE__ */ new Date();
+      w((y) => y.getFullYear() === C.getFullYear() && y.getMonth() === C.getMonth() ? y : C);
     }
   }, [c, g]);
   const p = [];
   e.maxDate && p.push({ after: new Date(e.maxDate) }), e.minDate && p.push({ before: new Date(e.minDate) });
-  const v = (x) => {
-    n(e.name, x || null), x && w(x), e.closeOnSelect !== !1 && l(!1), r(e.name);
+  const v = (C) => {
+    n(e.name, C || null), C && w(C), e.closeOnSelect !== !1 && l(!1), r(e.name);
   }, E = () => {
-    const x = /* @__PURE__ */ new Date();
-    n(e.name, x), w(x), e.closeOnSelect !== !1 && l(!1), r(e.name);
-  }, k = (x) => {
-    x.preventDefault(), x.stopPropagation(), n(e.name, null), w(/* @__PURE__ */ new Date()), r(e.name);
+    const C = /* @__PURE__ */ new Date();
+    n(e.name, C), w(C), e.closeOnSelect !== !1 && l(!1), r(e.name);
+  }, k = (C) => {
+    C.preventDefault(), C.stopPropagation(), n(e.name, null), w(/* @__PURE__ */ new Date()), r(e.name);
   };
   return /* @__PURE__ */ u("div", { className: "relative w-full", children: /* @__PURE__ */ D(
     Yn,
     {
       open: c,
-      onOpenChange: (x) => {
-        l(x), x || r(e.name);
+      onOpenChange: (C) => {
+        l(C), C || r(e.name);
       },
       children: [
         /* @__PURE__ */ u(qn, { asChild: !0, children: /* @__PURE__ */ D(
@@ -10816,8 +10818,8 @@ function bg({
             "aria-controls": e.name + "-calendar",
             tabIndex: d ? -1 : 0,
             onClick: () => !d && l(!0),
-            onKeyDown: (x) => {
-              d || (x.key === "Enter" || x.key === " ") && (x.preventDefault(), l(!0));
+            onKeyDown: (C) => {
+              d || (C.key === "Enter" || C.key === " ") && (C.preventDefault(), l(!0));
             },
             className: `
 							flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm 
@@ -10921,27 +10923,27 @@ function vg({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
   const [a, s] = ue(!1), [i, c] = ue("12"), [l, d] = ue("00"), [m, g] = ue("PM"), h = t[e.name] || "";
   Te.useEffect(() => {
     if (h) {
-      const S = h.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
-      S && (c(S[1].padStart(2, "0")), d(S[2]), g(S[3].toUpperCase()));
+      const y = h.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
+      y && (c(y[1].padStart(2, "0")), d(y[2]), g(y[3].toUpperCase()));
     }
   }, [h]);
   const w = () => {
-    const S = `${i}:${l} ${m}`;
-    n(e.name, S), s(!1);
+    const y = `${i}:${l} ${m}`;
+    n(e.name, y), s(!1);
   }, p = () => {
     n(e.name, ""), c("12"), d("00"), g("PM");
   }, v = () => {
-    const S = parseInt(i);
-    c((S % 12 + 1).toString().padStart(2, "0"));
+    const y = parseInt(i);
+    c((y % 12 + 1).toString().padStart(2, "0"));
   }, E = () => {
-    const S = parseInt(i);
-    c((S === 1 ? 12 : S - 1).toString().padStart(2, "0"));
+    const y = parseInt(i);
+    c((y === 1 ? 12 : y - 1).toString().padStart(2, "0"));
   }, k = () => {
-    const S = parseInt(l);
-    d(((S + 5) % 60).toString().padStart(2, "0"));
-  }, x = () => {
-    const S = parseInt(l);
-    d((S === 0 ? 55 : S - 5).toString().padStart(2, "0"));
+    const y = parseInt(l);
+    d(((y + 5) % 60).toString().padStart(2, "0"));
+  }, C = () => {
+    const y = parseInt(l);
+    d((y === 0 ? 55 : y - 5).toString().padStart(2, "0"));
   };
   return /* @__PURE__ */ u("div", { children: /* @__PURE__ */ D(Yn, { open: a, onOpenChange: s, children: [
     /* @__PURE__ */ u(qn, { asChild: !0, children: /* @__PURE__ */ D(
@@ -11020,8 +11022,8 @@ function vg({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 {
                   type: "text",
                   value: i,
-                  onChange: (S) => {
-                    const A = S.target.value.replace(/\D/g, "");
+                  onChange: (y) => {
+                    const A = y.target.value.replace(/\D/g, "");
                     (A === "" || parseInt(A) >= 1 && parseInt(A) <= 12) && c(A.padStart(2, "0"));
                   },
                   className: "w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",
@@ -11078,8 +11080,8 @@ function vg({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 {
                   type: "text",
                   value: l,
-                  onChange: (S) => {
-                    const A = S.target.value.replace(/\D/g, "");
+                  onChange: (y) => {
+                    const A = y.target.value.replace(/\D/g, "");
                     (A === "" || parseInt(A) >= 0 && parseInt(A) <= 59) && d(A.padStart(2, "0"));
                   },
                   className: "w-14 text-center text-2xl font-semibold border-0 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded py-2",
@@ -11090,7 +11092,7 @@ function vg({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 "button",
                 {
                   type: "button",
-                  onClick: x,
+                  onClick: C,
                   className: "p-1 hover:bg-gray-100 rounded",
                   children: /* @__PURE__ */ u(
                     "svg",
@@ -11237,7 +11239,7 @@ const $g = ({
   },
   debugMode: l = !1
 }) => {
-  const [d, m] = ue({ ...i }), [g, h] = ue({}), [w, p] = ue({}), [v, E] = ue({}), k = Yt({}), x = ["hidden", "linebreak", "header", "alert"], S = Vr(
+  const [d, m] = ue({ ...i }), [g, h] = ue({}), [w, p] = ue({}), [v, E] = ue({}), k = Yt({}), C = ["hidden", "linebreak", "header", "alert"], y = Vr(
     () => ({
       file: ka,
       multifile: ka,
@@ -11261,18 +11263,18 @@ const $g = ({
       linebreak: Bh
     }),
     []
-  ), A = async (y, N = null) => {
-    if (!(y.optionsUrl && !y.preloadOptions)) {
+  ), A = async (x, N = null) => {
+    if (!(x.optionsUrl && !x.preloadOptions)) {
       if (!e) {
-        const R = `apiClient prop is required when using fields with optionsUrl. Field "${y.name}" requires optionsUrl but no apiClient was provided.`;
+        const R = `apiClient prop is required when using fields with optionsUrl. Field "${x.name}" requires optionsUrl but no apiClient was provided.`;
         l && console.error(R), Cn.error(R);
         return;
       }
       try {
-        const R = await e(`/${y.optionsUrl}`);
+        const R = await e(`/${x.optionsUrl}`);
         let P = [];
-        y.type === "select" ? P = [
-          { value: "", label: `Select ${y.label.toLowerCase()}` },
+        x.type === "select" ? P = [
+          { value: "", label: `Select ${x.label.toLowerCase()}` },
           ...R.data
         ] : P = [
           ...R.data.map((_) => ({
@@ -11280,10 +11282,10 @@ const $g = ({
             label: _.label
           }))
         ], r.fields.forEach((_) => {
-          _.name === y.name && (_.options = P);
+          _.name === x.name && (_.options = P);
         });
       } catch (R) {
-        l && console.error(`Failed to load options for ${y.name}:`, R);
+        l && console.error(`Failed to load options for ${x.name}:`, R);
       } finally {
       }
     }
@@ -11303,52 +11305,52 @@ const $g = ({
       }), m(N);
     }
   }, [r]);
-  const I = (y, N, R) => {
-    const P = typeof N == "object" && N !== null && !Array.isArray(N) && !(N instanceof Date), _ = N == null || typeof N == "string" && N.trim() === "" || Array.isArray(N) && N.length === 0 || y.type === "checkbox" && N === !1 || P && Object.keys(N).length === 0;
-    if (y.required && _)
-      return l && console.warn(`VALIDATION FAILED (REQUIRED): ${y.name} is empty.`), `${y.label} is required`;
-    if (_ && !y.required)
+  const I = (x, N, R) => {
+    const P = typeof N == "object" && N !== null && !Array.isArray(N) && !(N instanceof Date), _ = N == null || typeof N == "string" && N.trim() === "" || Array.isArray(N) && N.length === 0 || x.type === "checkbox" && N === !1 || P && Object.keys(N).length === 0;
+    if (x.required && _)
+      return l && console.warn(`VALIDATION FAILED (REQUIRED): ${x.name} is empty.`), `${x.label} is required`;
+    if (_ && !x.required)
       return null;
-    if (y.validate) {
-      const C = y.validate(N, R);
-      if (C) return C;
+    if (x.validate) {
+      const S = x.validate(N, R);
+      if (S) return S;
     }
-    if (y.type === "email" && N && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(N))
+    if (x.type === "email" && N && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(N))
       return "Please enter a valid email address";
-    if (y.type === "number") {
-      if (y.min !== void 0 && N < y.min)
-        return `${y.label} must be at least ${y.min}`;
-      if (y.max !== void 0 && N > y.max)
-        return `${y.label} must be no more than ${y.max}`;
+    if (x.type === "number") {
+      if (x.min !== void 0 && N < x.min)
+        return `${x.label} must be at least ${x.min}`;
+      if (x.max !== void 0 && N > x.max)
+        return `${x.label} must be no more than ${x.max}`;
     }
-    return y.type === "date" && N && !ir(N).isValid() ? `${y.label} must be a valid date` : y.maxLength && N && N.length > y.maxLength ? `${y.label} must not exceed ${y.maxLength} characters` : null;
-  }, O = (y, N) => {
-    const R = r.fields.find((_) => _.name === y);
+    return x.type === "date" && N && !ir(N).isValid() ? `${x.label} must be a valid date` : x.maxLength && N && N.length > x.maxLength ? `${x.label} must not exceed ${x.maxLength} characters` : null;
+  }, O = (x, N) => {
+    const R = r.fields.find((_) => _.name === x);
     if (!R) return;
     const P = { ...d };
-    R.type === "multiselect" || R.type === "searchselect" ? Array.isArray(N) ? P[y] = N : N && N.target && N.target.selectedOptions ? P[y] = Array.from(N.target.selectedOptions).map(
+    R.type === "multiselect" || R.type === "searchselect" ? Array.isArray(N) ? P[x] = N : N && N.target && N.target.selectedOptions ? P[x] = Array.from(N.target.selectedOptions).map(
       (_) => _.value
-    ) : P[y] = N : R.type === "dateRange" ? P[y] = [
+    ) : P[x] = N : R.type === "dateRange" ? P[x] = [
       {
         startDate: N.from,
         endDate: N.to || N.from,
         key: "selection"
       }
-    ] : R.type === "dayTimePicker" ? P[y] = N ? ir(N).format("YYYY-MM-DD HH:mm:ss") : "" : R.type === "number" ? P[y] = N === "" ? "" : Number(N) : P[y] = N, R.type === "select" && r.fields.forEach((_) => {
+    ] : R.type === "dayTimePicker" ? P[x] = N ? ir(N).format("YYYY-MM-DD HH:mm:ss") : "" : R.type === "number" ? P[x] = N === "" ? "" : Number(N) : P[x] = N, R.type === "select" && r.fields.forEach((_) => {
       if (_.showIf && !_.showIf(P)) {
-        const C = _.type === "multiselect" || _.type === "searchselect" || _.type === "checkbox" && _.options && _.options.length > 0;
-        P[_.name] = C ? [] : "";
+        const S = _.type === "multiselect" || _.type === "searchselect" || _.type === "checkbox" && _.options && _.options.length > 0;
+        P[_.name] = S ? [] : "";
       }
     }), r.fields.forEach((_) => {
       if (typeof _.disabled == "function" && _.disabled(P)) {
-        const C = _.type === "multiselect" || _.type === "searchselect" || _.type === "checkbox" && _.options && _.options.length > 0;
-        P[_.name] = C ? [] : "";
+        const S = _.type === "multiselect" || _.type === "searchselect" || _.type === "checkbox" && _.options && _.options.length > 0;
+        P[_.name] = S ? [] : "";
       }
     }), m(P);
-  }, T = (y) => {
-    p({ ...w, [y]: !0 });
-  }, z = (y) => {
-    y.preventDefault();
+  }, T = (x) => {
+    p({ ...w, [x]: !0 });
+  }, z = (x) => {
+    x.preventDefault();
     const N = {};
     r.fields.forEach((P) => {
       P.name && (N[P.name] = !0);
@@ -11360,35 +11362,35 @@ const $g = ({
         _ && (R[P.name] = _);
       }
     }), h(R), Object.keys(R).length === 0) {
-      const P = (C, L) => {
-        if (C === "" || C === null || C === void 0) return null;
+      const P = (S, L) => {
+        if (S === "" || S === null || S === void 0) return null;
         const U = L?.toLowerCase();
-        if (Array.isArray(C))
-          return U === "number" || U === "integer" ? C.map((G) => G === "" ? null : Number(G)) : C;
+        if (Array.isArray(S))
+          return U === "number" || U === "integer" ? S.map((G) => G === "" ? null : Number(G)) : S;
         switch (U) {
           case "number":
           case "integer":
           case "float":
-            return Number(C);
+            return Number(S);
           case "boolean":
           case "bool":
-            return String(C).toLowerCase() === "true" || C === !0;
+            return String(S).toLowerCase() === "true" || S === !0;
           case "date":
           case "datetime": {
-            const G = ir(C);
-            return G.isValid() ? G.toISOString() : C;
+            const G = ir(S);
+            return G.isValid() ? G.toISOString() : S;
           }
           default:
-            return C;
+            return S;
         }
       }, _ = {};
-      r.fields.forEach((C) => {
-        if (C.name) {
-          const L = d[C.name], U = C.fieldType || "string", G = P(L, U);
-          o ? _[C.name] = {
+      r.fields.forEach((S) => {
+        if (S.name) {
+          const L = d[S.name], U = S.fieldType || "string", G = P(L, U);
+          o ? _[S.name] = {
             value: G,
             fieldType: U
-          } : _[C.name] = G;
+          } : _[S.name] = G;
         }
       }), l ? console.log("Form submitted with values:", _) : a(_);
     } else
@@ -11408,15 +11410,15 @@ const $g = ({
     pink: "border-pink-500 bg-pink-50",
     orange: "border-orange-500 bg-orange-50"
   };
-  function V(y, N, R) {
+  function V(x, N, R) {
     const P = `${N.name}-error`;
     if (l && (R ? console.log(
       `[fieldFormat RENDER] Rendering error for ${N.name}: ${R}`
     ) : g[N.name] && console.log(
       `[fieldFormat RENDER] Error exists in state for ${N.name} but not passed in props!`
-    )), x.includes(N.type))
-      return /* @__PURE__ */ u("div", { className: N.class || "col-span-full", children: y });
-    const _ = N.containerStyle, C = N.color || "blue", L = _ === "card" ? `rounded-lg border text-card-foreground shadow-sm p-4 ${N.containerClassName || H[C] || H.blue}` : "", U = /* @__PURE__ */ D(Rt, { children: [
+    )), C.includes(N.type))
+      return /* @__PURE__ */ u("div", { className: N.class || "col-span-full", children: x });
+    const _ = N.containerStyle, S = N.color || "blue", L = _ === "card" ? `rounded-lg border text-card-foreground shadow-sm p-4 ${N.containerClassName || H[S] || H.blue}` : "", U = /* @__PURE__ */ D(Rt, { children: [
       N.label && /* @__PURE__ */ D(
         "label",
         {
@@ -11428,7 +11430,7 @@ const $g = ({
           ]
         }
       ),
-      /* @__PURE__ */ u("div", { children: Te.cloneElement(y, {
+      /* @__PURE__ */ u("div", { children: Te.cloneElement(x, {
         "aria-describedby": R ? P : void 0,
         "aria-invalid": !!R,
         "aria-required": N.required
@@ -11438,24 +11440,24 @@ const $g = ({
     ] });
     return /* @__PURE__ */ u("div", { className: "mb-4", children: _ === "card" ? /* @__PURE__ */ u("div", { className: L, children: U }) : U });
   }
-  const q = (y) => {
-    if (y.showIf && !y.showIf(d)) return null;
-    const N = S[y.type] || oa;
-    if (d[y.name] === void 0) {
-      const _ = y.type === "multiselect" || y.type === "searchselect" || y.type === "checkbox" && y.options && y.options.length > 0;
-      d[y.name] = y.value !== void 0 ? y.value : _ ? [] : "";
+  const q = (x) => {
+    if (x.showIf && !x.showIf(d)) return null;
+    const N = y[x.type] || oa;
+    if (d[x.name] === void 0) {
+      const _ = x.type === "multiselect" || x.type === "searchselect" || x.type === "checkbox" && x.options && x.options.length > 0;
+      d[x.name] = x.value !== void 0 ? x.value : _ ? [] : "";
     }
-    const R = g[y.name] ? g[y.name] : null, P = typeof y.disabled == "function" ? y.disabled(d) : !!y.disabled;
+    const R = g[x.name] ? g[x.name] : null, P = typeof x.disabled == "function" ? x.disabled(d) : !!x.disabled;
     return V(
       /* @__PURE__ */ u(
         N,
         {
-          field: y,
+          field: x,
           formValues: d,
           handleChange: O,
-          handleBlur: () => T(y.name),
+          handleBlur: () => T(x.name),
           setCharCounts: E,
-          charCount: v[y.name] || 0,
+          charCount: v[x.name] || 0,
           api_URL: t,
           error: R,
           fileInputRefs: k,
@@ -11463,7 +11465,7 @@ const $g = ({
           apiClient: e
         }
       ),
-      y,
+      x,
       R
     );
   };
@@ -11473,23 +11475,23 @@ const $g = ({
       onSubmit: z,
       className: "grid grid-cols-12 gap-x-4 mx-auto w-full  ",
       children: [
-        r ? r.fields.map((y) => /* @__PURE__ */ u(
+        r ? r.fields.map((x) => /* @__PURE__ */ u(
           "div",
           {
-            className: `${y.class || "col-span-full"} `,
-            children: q(y)
+            className: `${x.class || "col-span-full"} `,
+            children: q(x)
           },
-          y.name + y.type
+          x.name + x.type
         )) : /* @__PURE__ */ u("div", { children: "Loading..." }),
         /* @__PURE__ */ u(
           "div",
           {
             className: n === "sticky" ? "absolute col-span-full w-full bottom-0  bg-white py-4 flex justify-end gap-2 z-50" : "col-span-full mt-4 flex justify-end gap-2",
-            children: Te.Children.map(s, (y) => Te.isValidElement(y) && y.props.onClick ? Te.cloneElement(y, {
+            children: Te.Children.map(s, (x) => Te.isValidElement(x) && x.props.onClick ? Te.cloneElement(x, {
               onClick: (N) => {
-                y.props.onClick(d, N);
+                x.props.onClick(d, N);
               }
-            }) : y)
+            }) : x)
           }
         )
       ]