ynotsoft-dynamic-form 1.0.117 → 1.0.119

package/dist/dynamic-form.js

@@ -275,37 +275,45 @@ function gl({
   apiClient: s,
   ...i
 }) {
-  const c = a, u = e.selectMode !== "multiple", d = e.returnValueOnly === !0, [p, g] = ce([]), [m, b] = ce(!1), [h, v] = ce(!1), [S, E] = ce(""), [C, w] = ce(-1), [x, A] = ce({}), _ = Zt(null), O = Zt(null), $ = Zt(null), z = t[e.name], G = dr(() => z ? (Array.isArray(z) ? z : [z]).map((R) => {
-    if (R && typeof R == "object" && R.value !== void 0)
-      return { value: R.value, label: R.label || R.value };
-    const P = p.find((q) => q.value === R);
-    return P || (x[R] ? x[R] : { value: R, label: R });
+  const c = a, u = e.selectMode !== "multiple", d = e.returnValueOnly === !0, [p, g] = ce([]), [m, b] = ce(!1), [h, v] = ce(!1), [S, E] = ce(""), [C, w] = ce(-1), [x, R] = ce({}), _ = Zt(null), O = Zt(null), $ = Zt(null), z = t[e.name], G = dr(() => z ? (Array.isArray(z) ? z : [z]).map((P) => {
+    if (P && typeof P == "object" && P.value !== void 0)
+      return { value: P.value, label: P.label || P.value };
+    const T = p.find((q) => q.value === P);
+    return T || (x[P] ? x[P] : { value: P, label: P });
   }) : [], [z, p, x])(), M = dr(
-    async (T = "") => {
+    async (A = "") => {
       if (e.onSearch) {
-        const R = await e.onSearch(T, t);
-        g(R);
+        const P = await e.onSearch(A, t);
+        g(
+          (P || []).map((T) => ({
+            value: T[e.valueId || "value"] ?? T.value ?? T.id,
+            label: T[e.labelId || "label"] ?? T.label ?? T.name,
+            email: T.email
+          }))
+        );
         return;
       }
       if (!e.optionsUrl || !s) {
-        const R = (e.options || []).map((P) => ({
-          value: P[e.valueId || "value"] || P.value || P.id,
-          label: P[e.labelId || "label"] || P.label || P.name
+        const P = (e.options || []).map((T) => ({
+          value: T[e.valueId || "value"] || T.value || T.id,
+          label: T[e.labelId || "label"] || T.label || T.name,
+          email: T.email
         }));
         g(
-          T ? R.filter(
-            (P) => String(P.label).toLowerCase().includes(T.toLowerCase())
-          ) : R
+          A ? P.filter(
+            (T) => String(T.label).toLowerCase().includes(A.toLowerCase())
+          ) : P
         );
         return;
       }
       b(!0);
       try {
-        const R = e.searchParam || "search", P = e.optionsUrl.includes("?") ? "&" : "?", q = `${e.optionsUrl}${P}${R}=${encodeURIComponent(T)}`, te = await s(q), K = te.data || te, ge = Array.isArray(K) ? K : [];
+        const P = e.searchParam || "search", T = e.optionsUrl.includes("?") ? "&" : "?", q = `${e.optionsUrl}${T}${P}=${encodeURIComponent(A)}`, te = await s(q), K = te.data || te, ge = Array.isArray(K) ? K : [];
         g(
           ge.map((Y) => ({
             value: Y[e.valueId || "value"] || Y.value || Y.id,
-            label: Y[e.labelId || "label"] || Y.label || Y.name
+            label: Y[e.labelId || "label"] || Y.label || Y.name,
+            email: Y.email
           }))
         );
       } catch {
@@ -316,18 +324,18 @@ function gl({
     },
     [e, s, t]
   ), F = dr(
-    (T) => {
-      if (!T) return;
-      A((q) => ({ ...q, [T.value]: T }));
-      const R = d ? T.value : { value: T.value, label: T.label };
-      let P;
+    (A) => {
+      if (!A) return;
+      R((q) => ({ ...q, [A.value]: A }));
+      const P = d ? A.value : { value: A.value, label: A.label };
+      let T;
       if (u)
-        P = [R], v(!1);
+        T = [P], v(!1);
       else {
         const q = Array.isArray(z) ? z : [];
-        P = q.some((K) => (K?.value ?? K) === T.value) ? q.filter((K) => (K?.value ?? K) !== T.value) : [...q, R];
+        T = q.some((K) => (K?.value ?? K) === A.value) ? q.filter((K) => (K?.value ?? K) !== A.value) : [...q, P];
       }
-      n(e.name, P), r(e.name), e.clearSearchOnSelect && E("");
+      n(e.name, T), r(e.name), e.clearSearchOnSelect && E("");
     },
     [
       z,
@@ -338,19 +346,19 @@ function gl({
       u,
       d
     ]
-  ), N = (T) => {
+  ), N = (A) => {
     if (!c)
-      switch (T.key) {
+      switch (A.key) {
         case "ArrowDown":
-          T.preventDefault(), h ? w(
-            (R) => R < p.length - 1 ? R + 1 : R
+          A.preventDefault(), h ? w(
+            (P) => P < p.length - 1 ? P + 1 : P
           ) : v(!0);
           break;
         case "ArrowUp":
-          T.preventDefault(), h && w((R) => R > 0 ? R - 1 : 0);
+          A.preventDefault(), h && w((P) => P > 0 ? P - 1 : 0);
           break;
         case "Enter":
-          T.preventDefault(), h && C >= 0 && p[C] ? F(p[C]) : h || v(!0);
+          A.preventDefault(), h && C >= 0 && p[C] ? F(p[C]) : h || v(!0);
           break;
         case "Escape":
           v(!1);
@@ -359,27 +367,27 @@ function gl({
           v(!1), r(e.name);
           break;
       }
-  }, k = (T) => {
-    const R = T.target.value;
-    E(R), w(-1), $.current && clearTimeout($.current), $.current = setTimeout(() => M(R), 300);
+  }, k = (A) => {
+    const P = A.target.value;
+    E(P), w(-1), $.current && clearTimeout($.current), $.current = setTimeout(() => M(P), 300);
   };
   Ie(() => {
     if (h) {
       M(S);
-      const T = setTimeout(() => O.current?.focus(), 50);
-      return () => clearTimeout(T);
+      const A = setTimeout(() => O.current?.focus(), 50);
+      return () => clearTimeout(A);
     } else
       w(-1);
   }, [h, M, S]), Ie(() => {
     if (!h) return;
-    const T = (R) => {
-      _.current && !_.current.contains(R.target) && (v(!1), r(e.name));
+    const A = (P) => {
+      _.current && !_.current.contains(P.target) && (v(!1), r(e.name));
     };
-    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
   }, [h, e.name, r]);
-  const D = (T, R) => {
-    T.stopPropagation();
-    const P = Array.isArray(z) ? z : [], q = u ? [] : P.filter((te) => (te?.value ?? te) !== R);
+  const D = (A, P) => {
+    A.stopPropagation();
+    const T = Array.isArray(z) ? z : [], q = u ? [] : T.filter((te) => (te?.value ?? te) !== P);
     n(e.name, q), r(e.name);
   };
   return /* @__PURE__ */ L(
@@ -406,25 +414,25 @@ function gl({
 					${c ? "bg-muted opacity-60 cursor-not-allowed" : ""}
 				`,
             children: [
-              G.length > 0 ? G.map((T) => /* @__PURE__ */ L(
+              G.length > 0 ? G.map((A) => /* @__PURE__ */ L(
                 "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: [
-                    T.label,
+                    A.label,
                     !c && /* @__PURE__ */ l(
                       "button",
                       {
                         type: "button",
-                        "aria-label": `Remove ${T.label}`,
-                        onClick: (R) => D(R, T.value),
+                        "aria-label": `Remove ${A.label}`,
+                        onClick: (P) => D(P, A.value),
                         className: "ml-1 p-0.5 hover:bg-primary/20 rounded-full transition-colors",
                         children: /* @__PURE__ */ l(Kr, { className: "w-3 h-3" })
                       }
                     )
                   ]
                 },
-                T.value
+                A.value
               )) : /* @__PURE__ */ l("span", { className: "text-muted-foreground text-sm leading-tight", children: e.placeholder || "Select..." }),
               /* @__PURE__ */ L("div", { className: "ml-auto flex items-center gap-2", children: [
                 m && /* @__PURE__ */ l(Ia, { className: "w-4 h-4 animate-spin text-muted-foreground" }),
@@ -464,32 +472,35 @@ function gl({
               role: "listbox",
               "aria-label": e.label,
               className: "max-h-60 overflow-y-auto p-1",
-              children: p.length > 0 ? p.map((T, R) => {
-                const P = G.some(
-                  (te) => te.value === T.value
-                ), q = R === C;
+              children: p.length > 0 ? p.map((A, P) => {
+                const T = G.some(
+                  (te) => te.value === A.value
+                ), q = P === C;
                 return /* @__PURE__ */ L(
                   "div",
                   {
-                    id: `${e.name}-opt-${R}`,
+                    id: `${e.name}-opt-${P}`,
                     role: "option",
                     tabIndex: -1,
-                    "aria-selected": P,
-                    onClick: () => F(T),
-                    onKeyDown: (te) => te.key === "Enter" && F(T),
-                    onMouseEnter: () => w(R),
+                    "aria-selected": T,
+                    onClick: () => F(A),
+                    onKeyDown: (te) => te.key === "Enter" && F(A),
+                    onMouseEnter: () => w(P),
                     className: `
 											px-3 py-2 text-sm rounded-md cursor-pointer flex items-center justify-between transition-colors outline-none
 											${q ? "bg-accent text-accent-foreground" : ""}
-											${P ? "text-primary font-medium" : "text-foreground"}
-											${!q && !P ? "hover:bg-muted" : ""}
+											${T ? "text-primary font-medium" : "text-foreground"}
+											${!q && !T ? "hover:bg-muted" : ""}
 										`,
                     children: [
-                      /* @__PURE__ */ l("span", { children: T.label }),
-                      P && /* @__PURE__ */ l(kc, { className: "w-4 h-4 text-primary" })
+                      /* @__PURE__ */ L("div", { className: "flex flex-col min-w-0", children: [
+                        /* @__PURE__ */ l("span", { className: "truncate", children: A.label }),
+                        A.email && /* @__PURE__ */ l("span", { className: "text-xs text-muted-foreground truncate", children: A.email })
+                      ] }),
+                      T && /* @__PURE__ */ l(kc, { className: "w-4 h-4 text-primary shrink-0 ml-2" })
                     ]
                   },
-                  T.value
+                  A.value
                 );
               }) : /* @__PURE__ */ l("output", { className: "block py-8 text-center text-sm text-muted-foreground", children: m ? "Searching..." : "No results found" })
             }
@@ -641,9 +652,9 @@ function La(e) {
   u.displayName = i;
   const d = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ Ee(d), m = Re.forwardRef(
     (h, v) => {
-      const { scope: S, children: E, ...C } = h, w = Re.useRef(null), x = de(v, w), A = a(d, S);
-      return Re.useEffect(() => (A.itemMap.set(w, { ref: w, ...C }), () => {
-        A.itemMap.delete(w);
+      const { scope: S, children: E, ...C } = h, w = Re.useRef(null), x = de(v, w), R = a(d, S);
+      return Re.useEffect(() => (R.itemMap.set(w, { ref: w, ...C }), () => {
+        R.itemMap.delete(w);
       })), /* @__PURE__ */ l(g, { [p]: "", ref: x, children: E });
     }
   );
@@ -655,7 +666,7 @@ function La(e) {
       if (!E) return [];
       const C = Array.from(E.querySelectorAll(`[${p}]`));
       return Array.from(v.itemMap.values()).sort(
-        (A, _) => C.indexOf(A.ref.current) - C.indexOf(_.ref.current)
+        (R, _) => C.indexOf(R.ref.current) - C.indexOf(_.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
@@ -730,7 +741,7 @@ var Al = "DismissableLayer", Mr = "dismissableLayer.update", Tl = "dismissableLa
     } = e, u = f.useContext($a), [d, p] = f.useState(null), g = d?.ownerDocument ?? globalThis?.document, [, m] = f.useState({}), b = de(t, (_) => p(_)), h = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), S = h.indexOf(v), E = d ? h.indexOf(d) : -1, C = u.layersWithOutsidePointerEventsDisabled.size > 0, w = E >= S, x = _l((_) => {
       const O = _.target, $ = [...u.branches].some((z) => z.contains(O));
       !w || $ || (o?.(_), s?.(_), _.defaultPrevented || i?.());
-    }, g), A = Ml((_) => {
+    }, g), R = Ml((_) => {
       const O = _.target;
       [...u.branches].some((z) => z.contains(O)) || (a?.(_), s?.(_), _.defaultPrevented || i?.());
     }, g);
@@ -755,8 +766,8 @@ var Al = "DismissableLayer", Mr = "dismissableLayer.update", Tl = "dismissableLa
           pointerEvents: C ? w ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: ee(e.onFocusCapture, A.onFocusCapture),
-        onBlurCapture: ee(e.onBlurCapture, A.onBlurCapture),
+        onFocusCapture: ee(e.onFocusCapture, R.onFocusCapture),
+        onBlurCapture: ee(e.onBlurCapture, R.onBlurCapture),
         onPointerDownCapture: ee(
           e.onPointerDownCapture,
           x.onPointerDownCapture
@@ -1230,7 +1241,7 @@ const tu = 50, nu = async (e, t, n) => {
       x: C,
       y: w,
       data: x,
-      reset: A
+      reset: R
     } = await E({
       x: d,
       y: p,
@@ -1248,11 +1259,11 @@ const tu = 50, nu = async (e, t, n) => {
     d = C ?? d, p = w ?? p, b[S] = {
       ...b[S],
       ...x
-    }, A && m < tu && (m++, typeof A == "object" && (A.placement && (g = A.placement), A.rects && (u = A.rects === !0 ? await s.getElementRects({
+    }, R && m < tu && (m++, typeof R == "object" && (R.placement && (g = R.placement), R.rects && (u = R.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : A.rects), {
+    }) : R.rects), {
       x: d,
       y: p
     } = Go(u, g, c)), h = -1);
@@ -1285,9 +1296,9 @@ const tu = 50, nu = async (e, t, n) => {
     const p = Ba(d), g = {
       x: n,
       y: r
-    }, m = no(o), b = to(m), h = await s.getDimensions(u), v = m === "y", S = v ? "top" : "left", E = v ? "bottom" : "right", C = v ? "clientHeight" : "clientWidth", w = a.reference[b] + a.reference[m] - g[m] - a.floating[b], x = g[m] - a.reference[m], A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
-    let _ = A ? A[C] : 0;
-    (!_ || !await (s.isElement == null ? void 0 : s.isElement(A))) && (_ = i.floating[C] || a.floating[b]);
+    }, m = no(o), b = to(m), h = await s.getDimensions(u), v = m === "y", S = v ? "top" : "left", E = v ? "bottom" : "right", C = v ? "clientHeight" : "clientWidth", w = a.reference[b] + a.reference[m] - g[m] - a.floating[b], x = g[m] - a.reference[m], R = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    let _ = R ? R[C] : 0;
+    (!_ || !await (s.isElement == null ? void 0 : s.isElement(R))) && (_ = i.floating[C] || a.floating[b]);
     const O = w / 2 - x / 2, $ = _ / 2 - h[b] / 2 - 1, z = rt(p[S], $), B = rt(p[E], $), G = z, M = _ - h[b] - B, F = _ / 2 - h[b] / 2 + O, N = Dr(G, F, M), k = !c.arrow && Lt(o) != null && F !== N && a.reference[b] / 2 - (F < G ? z : B) - h[b] / 2 < 0, D = k ? F < G ? F - G : F - M : 0;
     return {
       [m]: g[m] + D,
@@ -1325,8 +1336,8 @@ const tu = 50, nu = async (e, t, n) => {
       } = qe(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
-      const S = Ke(o), E = Ue(i), C = Ke(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), x = g || (C || !h ? [Tn(i)] : ql(i)), A = b !== "none";
-      !g && A && x.push(...Zl(i, h, b, w));
+      const S = Ke(o), E = Ue(i), C = Ke(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), x = g || (C || !h ? [Tn(i)] : ql(i)), R = b !== "none";
+      !g && R && x.push(...Zl(i, h, b, w));
       const _ = [i, ...x], O = await c.detectOverflow(t, v), $ = [];
       let z = ((r = a.flip) == null ? void 0 : r.overflows) || [];
       if (d && $.push(O[S]), p) {
@@ -1341,7 +1352,7 @@ const tu = 50, nu = async (e, t, n) => {
         const F = (((B = a.flip) == null ? void 0 : B.index) || 0) + 1, N = _[F];
         if (N && (!(p === "alignment" ? E !== Ue(N) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        z.every((T) => Ue(T.placement) === E ? T.overflows[0] > 0 : !0)))
+        z.every((A) => Ue(A.placement) === E ? A.overflows[0] > 0 : !0)))
           return {
             data: {
               index: F,
@@ -1351,20 +1362,20 @@ const tu = 50, nu = async (e, t, n) => {
               placement: N
             }
           };
-        let k = (G = z.filter((D) => D.overflows[0] <= 0).sort((D, T) => D.overflows[1] - T.overflows[1])[0]) == null ? void 0 : G.placement;
+        let k = (G = z.filter((D) => D.overflows[0] <= 0).sort((D, A) => D.overflows[1] - A.overflows[1])[0]) == null ? void 0 : G.placement;
         if (!k)
           switch (m) {
             case "bestFit": {
               var M;
-              const D = (M = z.filter((T) => {
-                if (A) {
-                  const R = Ue(T.placement);
-                  return R === E || // Create a bias to the `y` side axis due to horizontal
+              const D = (M = z.filter((A) => {
+                if (R) {
+                  const P = Ue(A.placement);
+                  return P === E || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  R === "y";
+                  P === "y";
                 }
                 return !0;
-              }).map((T) => [T.placement, T.overflows.filter((R) => R > 0).reduce((R, P) => R + P, 0)]).sort((T, R) => T[1] - R[1])[0]) == null ? void 0 : M[0];
+              }).map((A) => [A.placement, A.overflows.filter((P) => P > 0).reduce((P, T) => P + T, 0)]).sort((A, P) => A[1] - P[1])[0]) == null ? void 0 : M[0];
               D && (k = D);
               break;
             }
@@ -1576,8 +1587,8 @@ const iu = function(e) {
       }
       if (u) {
         var S, E;
-        const C = g === "y" ? "width" : "height", w = Ua.has(Ke(o)), x = a.reference[p] - a.floating[C] + (w && ((S = s.offset) == null ? void 0 : S[p]) || 0) + (w ? 0 : v.crossAxis), A = a.reference[p] + a.reference[C] + (w ? 0 : ((E = s.offset) == null ? void 0 : E[p]) || 0) - (w ? v.crossAxis : 0);
-        b < x ? b = x : b > A && (b = A);
+        const C = g === "y" ? "width" : "height", w = Ua.has(Ke(o)), x = a.reference[p] - a.floating[C] + (w && ((S = s.offset) == null ? void 0 : S[p]) || 0) + (w ? 0 : v.crossAxis), R = a.reference[p] + a.reference[C] + (w ? 0 : ((E = s.offset) == null ? void 0 : E[p]) || 0) - (w ? v.crossAxis : 0);
+        b < x ? b = x : b > R && (b = R);
       }
       return {
         [g]: m,
@@ -1606,9 +1617,9 @@ const iu = function(e) {
       } = a.floating;
       let v, S;
       p === "top" || p === "bottom" ? (v = p, S = g === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (S = p, v = g === "end" ? "top" : "bottom");
-      const E = h - d.top - d.bottom, C = b - d.left - d.right, w = rt(h - d[v], E), x = rt(b - d[S], C), A = !t.middlewareData.shift;
+      const E = h - d.top - d.bottom, C = b - d.left - d.right, w = rt(h - d[v], E), x = rt(b - d[S], C), R = !t.middlewareData.shift;
       let _ = w, O = x;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (O = C), (r = t.middlewareData.shift) != null && r.enabled.y && (_ = E), A && !g) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (O = C), (r = t.middlewareData.shift) != null && r.enabled.y && (_ = E), R && !g) {
         const z = ke(d.left, 0), B = ke(d.right, 0), G = ke(d.top, 0), M = ke(d.bottom, 0);
         m ? O = b - 2 * (z !== 0 || B !== 0 ? z + B : ke(d.left, d.right)) : _ = h - 2 * (G !== 0 || M !== 0 ? G + M : ke(d.top, d.bottom));
       }
@@ -2054,8 +2065,8 @@ function Ru(e, t) {
       threshold: ke(0, rt(1, c)) || 1
     };
     let w = !0;
-    function x(A) {
-      const _ = A[0].intersectionRatio;
+    function x(R) {
+      const _ = R[0].intersectionRatio;
       if (_ !== c) {
         if (!w)
           return s();
@@ -2195,35 +2206,35 @@ function Wu(e) {
     isPositioned: !1
   }), [g, m] = f.useState(r);
   Pn(g, r) || m(r);
-  const [b, h] = f.useState(null), [v, S] = f.useState(null), E = f.useCallback((T) => {
-    T !== A.current && (A.current = T, h(T));
-  }, []), C = f.useCallback((T) => {
-    T !== _.current && (_.current = T, S(T));
-  }, []), w = a || b, x = s || v, A = f.useRef(null), _ = f.useRef(null), O = f.useRef(d), $ = c != null, z = br(c), B = br(o), G = br(u), M = f.useCallback(() => {
-    if (!A.current || !_.current)
+  const [b, h] = f.useState(null), [v, S] = f.useState(null), E = f.useCallback((A) => {
+    A !== R.current && (R.current = A, h(A));
+  }, []), C = f.useCallback((A) => {
+    A !== _.current && (_.current = A, S(A));
+  }, []), w = a || b, x = s || v, R = f.useRef(null), _ = f.useRef(null), O = f.useRef(d), $ = c != null, z = br(c), B = br(o), G = br(u), M = f.useCallback(() => {
+    if (!R.current || !_.current)
       return;
-    const T = {
+    const A = {
       placement: t,
       strategy: n,
       middleware: g
     };
-    B.current && (T.platform = B.current), Fu(A.current, _.current, T).then((R) => {
-      const P = {
-        ...R,
+    B.current && (A.platform = B.current), Fu(R.current, _.current, A).then((P) => {
+      const T = {
+        ...P,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: G.current !== !1
       };
-      F.current && !Pn(O.current, P) && (O.current = P, Ln.flushSync(() => {
-        p(P);
+      F.current && !Pn(O.current, T) && (O.current = T, Ln.flushSync(() => {
+        p(T);
       }));
     });
   }, [g, t, n, B, G]);
   Sn(() => {
-    u === !1 && O.current.isPositioned && (O.current.isPositioned = !1, p((T) => ({
-      ...T,
+    u === !1 && O.current.isPositioned && (O.current.isPositioned = !1, p((A) => ({
+      ...A,
       isPositioned: !1
     })));
   }, [u]);
@@ -2231,14 +2242,14 @@ function Wu(e) {
   Sn(() => (F.current = !0, () => {
     F.current = !1;
   }), []), Sn(() => {
-    if (w && (A.current = w), x && (_.current = x), w && x) {
+    if (w && (R.current = w), x && (_.current = x), w && x) {
       if (z.current)
         return z.current(w, x, M);
       M();
     }
   }, [w, x, M, z, $]);
   const N = f.useMemo(() => ({
-    reference: A,
+    reference: R,
     floating: _,
     setReference: E,
     setFloating: C
@@ -2246,24 +2257,24 @@ function Wu(e) {
     reference: w,
     floating: x
   }), [w, x]), D = f.useMemo(() => {
-    const T = {
+    const A = {
       position: n,
       left: 0,
       top: 0
     };
     if (!k.floating)
-      return T;
-    const R = ea(k.floating, d.x), P = ea(k.floating, d.y);
+      return A;
+    const P = ea(k.floating, d.x), T = ea(k.floating, d.y);
     return i ? {
-      ...T,
-      transform: "translate(" + R + "px, " + P + "px)",
+      ...A,
+      transform: "translate(" + P + "px, " + T + "px)",
       ...Za(k.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: R,
-      top: P
+      left: P,
+      top: T
     };
   }, [n, i, k.floating, d.x, d.y]);
   return f.useMemo(() => ({
@@ -2460,12 +2471,12 @@ var io = "PopperContent", [td, nd] = ns(io), is = f.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: b,
       ...h
-    } = e, v = rs(io, n), [S, E] = f.useState(null), C = de(t, (V) => E(V)), [w, x] = f.useState(null), A = ts(w), _ = A?.width ?? 0, O = A?.height ?? 0, $ = r + (a !== "center" ? "-" + a : ""), z = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, B = Array.isArray(u) ? u : [u], G = B.length > 0, M = {
+    } = e, v = rs(io, n), [S, E] = f.useState(null), C = de(t, (V) => E(V)), [w, x] = f.useState(null), R = ts(w), _ = R?.width ?? 0, O = R?.height ?? 0, $ = r + (a !== "center" ? "-" + a : ""), z = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, B = Array.isArray(u) ? u : [u], G = B.length > 0, M = {
       padding: z,
       boundary: B.filter(od),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: G
-    }, { refs: F, floatingStyles: N, placement: k, isPositioned: D, middlewareData: T } = Wu({
+    }, { refs: F, floatingStyles: N, placement: k, isPositioned: D, middlewareData: A } = Wu({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: $,
@@ -2495,11 +2506,11 @@ var io = "PopperContent", [td, nd] = ns(io), is = f.forwardRef(
         ad({ arrowWidth: _, arrowHeight: O }),
         g && Yu({ strategy: "referenceHidden", ...M })
       ]
-    }), [R, P] = us(k), q = nt(b);
+    }), [P, T] = us(k), q = nt(b);
     ye(() => {
       D && q?.();
     }, [D, q]);
-    const te = T.arrow?.x, K = T.arrow?.y, ge = T.arrow?.centerOffset !== 0, [Y, oe] = f.useState();
+    const te = A.arrow?.x, K = A.arrow?.y, ge = A.arrow?.centerOffset !== 0, [Y, oe] = f.useState();
     return ye(() => {
       S && oe(window.getComputedStyle(S).zIndex);
     }, [S]), /* @__PURE__ */ l(
@@ -2514,13 +2525,13 @@ var io = "PopperContent", [td, nd] = ns(io), is = f.forwardRef(
           minWidth: "max-content",
           zIndex: Y,
           "--radix-popper-transform-origin": [
-            T.transformOrigin?.x,
-            T.transformOrigin?.y
+            A.transformOrigin?.x,
+            A.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
-          ...T.hide?.referenceHidden && {
+          ...A.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -2530,7 +2541,7 @@ var io = "PopperContent", [td, nd] = ns(io), is = f.forwardRef(
           td,
           {
             scope: n,
-            placedSide: R,
+            placedSide: P,
             onArrowChange: x,
             arrowX: te,
             arrowY: K,
@@ -2538,8 +2549,8 @@ var io = "PopperContent", [td, nd] = ns(io), is = f.forwardRef(
             children: /* @__PURE__ */ l(
               es.div,
               {
-                "data-side": R,
-                "data-align": P,
+                "data-side": P,
+                "data-align": T,
                 ...h,
                 ref: C,
                 style: {
@@ -2974,12 +2985,12 @@ var ws = Td(), wr = function() {
     onScrollCapture: wr,
     onWheelCapture: wr,
     onTouchMoveCapture: wr
-  }), o = r[0], a = r[1], s = e.forwardProps, i = e.children, c = e.className, u = e.removeScrollBar, d = e.enabled, p = e.shards, g = e.sideCar, m = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, S = e.as, E = S === void 0 ? "div" : S, C = e.gapMode, w = vs(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = g, A = Nd([n, t]), _ = Be(Be({}, w), o);
+  }), o = r[0], a = r[1], s = e.forwardProps, i = e.children, c = e.className, u = e.removeScrollBar, d = e.enabled, p = e.shards, g = e.sideCar, m = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, S = e.as, E = S === void 0 ? "div" : S, C = e.gapMode, w = vs(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = g, R = Nd([n, t]), _ = Be(Be({}, w), o);
   return f.createElement(
     f.Fragment,
     null,
     d && f.createElement(x, { sideCar: ws, removeScrollBar: u, shards: p, noRelative: m, noIsolation: b, inert: h, setCallbacks: a, allowPinchZoom: !!v, lockRef: n, gapMode: C }),
-    s ? f.cloneElement(f.Children.only(i), Be(Be({}, _), { ref: A })) : f.createElement(E, Be({}, _, { className: c, ref: A }), i)
+    s ? f.cloneElement(f.Children.only(i), Be(Be({}, _), { ref: R })) : f.createElement(E, Be({}, _, { className: c, ref: R }), i)
   );
 });
 Un.defaultProps = {
@@ -3225,16 +3236,16 @@ function Jd(e) {
   var i = f.useCallback(function(h, v) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !s.current.allowPinchZoom;
-    var S = bn(h), E = n.current, C = "deltaX" in h ? h.deltaX : E[0] - S[0], w = "deltaY" in h ? h.deltaY : E[1] - S[1], x, A = h.target, _ = Math.abs(C) > Math.abs(w) ? "h" : "v";
-    if ("touches" in h && _ === "h" && A.type === "range")
+    var S = bn(h), E = n.current, C = "deltaX" in h ? h.deltaX : E[0] - S[0], w = "deltaY" in h ? h.deltaY : E[1] - S[1], x, R = h.target, _ = Math.abs(C) > Math.abs(w) ? "h" : "v";
+    if ("touches" in h && _ === "h" && R.type === "range")
       return !1;
-    var O = window.getSelection(), $ = O && O.anchorNode, z = $ ? $ === A || $.contains(A) : !1;
+    var O = window.getSelection(), $ = O && O.anchorNode, z = $ ? $ === R || $.contains(R) : !1;
     if (z)
       return !1;
-    var B = ra(_, A);
+    var B = ra(_, R);
     if (!B)
       return !0;
-    if (B ? x = _ : (x = _ === "v" ? "h" : "v", B = ra(_, A)), !B)
+    if (B ? x = _ : (x = _ === "v" ? "h" : "v", B = ra(_, R)), !B)
       return !1;
     if (!r.current && "changedTouches" in h && (C || w) && (r.current = x), !x)
       return !0;
@@ -3319,7 +3330,7 @@ var nf = [" ", "Enter", "ArrowUp", "ArrowDown"], rf = [" ", "Enter"], bt = "Sele
     disabled: g,
     required: m,
     form: b
-  } = e, h = Gn(t), [v, S] = f.useState(null), [E, C] = f.useState(null), [w, x] = f.useState(!1), A = Qr(u), [_, O] = en({
+  } = e, h = Gn(t), [v, S] = f.useState(null), [E, C] = f.useState(null), [w, x] = f.useState(!1), R = Qr(u), [_, O] = en({
     prop: r,
     defaultProp: o ?? !1,
     onChange: a,
@@ -3346,7 +3357,7 @@ var nf = [" ", "Enter", "ArrowUp", "ArrowDown"], rf = [" ", "Enter"], bt = "Sele
       onValueChange: z,
       open: _,
       onOpenChange: O,
-      dir: A,
+      dir: R,
       triggerPointerDownPosRef: B,
       disabled: g,
       children: [
@@ -3359,8 +3370,8 @@ var nf = [" ", "Enter", "ArrowUp", "ArrowDown"], rf = [" ", "Enter"], bt = "Sele
             }, []),
             onNativeOptionRemove: f.useCallback((k) => {
               F((D) => {
-                const T = new Set(D);
-                return T.delete(k), T;
+                const A = new Set(D);
+                return A.delete(k), A;
               });
             }, []),
             children: n
@@ -3498,7 +3509,7 @@ var Me = 10, [Ms, it] = $t(vt), df = "SelectContentImpl", ff = /* @__PURE__ */ E
       avoidCollisions: v,
       //
       ...S
-    } = e, E = st(vt, n), [C, w] = f.useState(null), [x, A] = f.useState(null), _ = de(t, (V) => w(V)), [O, $] = f.useState(null), [z, B] = f.useState(
+    } = e, E = st(vt, n), [C, w] = f.useState(null), [x, R] = f.useState(null), _ = de(t, (V) => w(V)), [O, $] = f.useState(null), [z, B] = f.useState(
       null
     ), G = jn(n), [M, F] = f.useState(!1), N = f.useRef(!1);
     f.useEffect(() => {
@@ -3518,29 +3529,29 @@ var Me = 10, [Ms, it] = $t(vt), df = "SelectContentImpl", ff = /* @__PURE__ */ E
     f.useEffect(() => {
       M && D();
     }, [M, D]);
-    const { onOpenChange: T, triggerPointerDownPosRef: R } = E;
+    const { onOpenChange: A, triggerPointerDownPosRef: P } = E;
     f.useEffect(() => {
       if (C) {
         let V = { x: 0, y: 0 };
         const J = (ne) => {
           V = {
-            x: Math.abs(Math.round(ne.pageX) - (R.current?.x ?? 0)),
-            y: Math.abs(Math.round(ne.pageY) - (R.current?.y ?? 0))
+            x: Math.abs(Math.round(ne.pageX) - (P.current?.x ?? 0)),
+            y: Math.abs(Math.round(ne.pageY) - (P.current?.y ?? 0))
           };
         }, Z = (ne) => {
-          V.x <= 10 && V.y <= 10 ? ne.preventDefault() : C.contains(ne.target) || T(!1), document.removeEventListener("pointermove", J), R.current = null;
+          V.x <= 10 && V.y <= 10 ? ne.preventDefault() : C.contains(ne.target) || A(!1), document.removeEventListener("pointermove", J), P.current = null;
         };
-        return R.current !== null && (document.addEventListener("pointermove", J), document.addEventListener("pointerup", Z, { capture: !0, once: !0 })), () => {
+        return P.current !== null && (document.addEventListener("pointermove", J), document.addEventListener("pointerup", Z, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", Z, { capture: !0 });
         };
       }
-    }, [C, T, R]), f.useEffect(() => {
-      const V = () => T(!1);
+    }, [C, A, P]), f.useEffect(() => {
+      const V = () => A(!1);
       return window.addEventListener("blur", V), window.addEventListener("resize", V), () => {
         window.removeEventListener("blur", V), window.removeEventListener("resize", V);
       };
-    }, [T]);
-    const [P, q] = Qs((V) => {
+    }, [A]);
+    const [T, q] = Qs((V) => {
       const J = G().filter((re) => !re.disabled), Z = J.find((re) => re.ref.current === document.activeElement), ne = Zs(J, V, Z);
       ne && setTimeout(() => ne.ref.current.focus());
     }), te = f.useCallback(
@@ -3573,7 +3584,7 @@ var Me = 10, [Ms, it] = $t(vt), df = "SelectContentImpl", ff = /* @__PURE__ */ E
         scope: n,
         content: C,
         viewport: x,
-        onViewportChange: A,
+        onViewportChange: R,
         itemRefCallback: te,
         selectedItem: O,
         onItemLeave: K,
@@ -3582,7 +3593,7 @@ var Me = 10, [Ms, it] = $t(vt), df = "SelectContentImpl", ff = /* @__PURE__ */ E
         selectedItemText: z,
         position: r,
         isPositioned: M,
-        searchRef: P,
+        searchRef: T,
         children: /* @__PURE__ */ l(uo, { as: ff, allowPinchZoom: !0, children: /* @__PURE__ */ l(
           Jr,
           {
@@ -3667,7 +3678,7 @@ var mf = "SelectItemAlignedPosition", Is = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = he + "px", i.style.right = dt + "px";
       }
-      const B = g(), G = window.innerHeight - Me * 2, M = h.scrollHeight, F = window.getComputedStyle(u), N = parseInt(F.borderTopWidth, 10), k = parseInt(F.paddingTop, 10), D = parseInt(F.borderBottomWidth, 10), T = parseInt(F.paddingBottom, 10), R = N + k + M + T + D, P = Math.min(v.offsetHeight * 5, R), q = window.getComputedStyle(h), te = parseInt(q.paddingTop, 10), K = parseInt(q.paddingBottom, 10), ge = _.top + _.height / 2 - Me, Y = G - ge, oe = v.offsetHeight / 2, V = v.offsetTop + oe, J = N + k + V, Z = R - J;
+      const B = g(), G = window.innerHeight - Me * 2, M = h.scrollHeight, F = window.getComputedStyle(u), N = parseInt(F.borderTopWidth, 10), k = parseInt(F.paddingTop, 10), D = parseInt(F.borderBottomWidth, 10), A = parseInt(F.paddingBottom, 10), P = N + k + M + A + D, T = Math.min(v.offsetHeight * 5, P), q = window.getComputedStyle(h), te = parseInt(q.paddingTop, 10), K = parseInt(q.paddingBottom, 10), ge = _.top + _.height / 2 - Me, Y = G - ge, oe = v.offsetHeight / 2, V = v.offsetTop + oe, J = N + k + V, Z = P - J;
       if (J <= ge) {
         const re = B.length > 0 && v === B[B.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -3687,7 +3698,7 @@ var mf = "SelectItemAlignedPosition", Is = f.forwardRef((e, t) => {
         ) + Z;
         i.style.height = le + "px", h.scrollTop = J - ge + h.offsetTop;
       }
-      i.style.margin = `${Me}px 0`, i.style.minHeight = P + "px", i.style.maxHeight = G + "px", r?.(), requestAnimationFrame(() => m.current = !0);
+      i.style.margin = `${Me}px 0`, i.style.minHeight = T + "px", i.style.maxHeight = G + "px", r?.(), requestAnimationFrame(() => m.current = !0);
     }
   }, [
     g,
@@ -3706,7 +3717,7 @@ var mf = "SelectItemAlignedPosition", Is = f.forwardRef((e, t) => {
   ye(() => {
     u && x(window.getComputedStyle(u).zIndex);
   }, [u]);
-  const A = f.useCallback(
+  const R = f.useCallback(
     (_) => {
       _ && b.current === !0 && (C(), E?.(), b.current = !1);
     },
@@ -3718,7 +3729,7 @@ var mf = "SelectItemAlignedPosition", Is = f.forwardRef((e, t) => {
       scope: n,
       contentWrapper: i,
       shouldExpandOnScrollRef: m,
-      onScrollButtonChange: A,
+      onScrollButtonChange: R,
       children: /* @__PURE__ */ l(
         "div",
         {
@@ -4201,9 +4212,12 @@ function $f({
       ...e.props,
       type: "email",
       value: t[e.name] || "",
-      onChange: (i) => n(e.name, i.target.value),
+      onChange: (i) => {
+        s || n(e.name, i.target.value);
+      },
       onBlur: () => r(e.name),
       disabled: s,
+      readOnly: s,
       name: e.name,
       placeholder: e.placeholder,
       className: `flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${o ? "border-red-500 focus-visible:ring-red-500" : "border-input focus-visible:ring-blue-500"} ${s ? "bg-gray-100 text-gray-500 cursor-not-allowed" : "bg-background"}`
@@ -4480,7 +4494,7 @@ function ni() {
   }
   let w, x = "";
   const {
-    implementation: A,
+    implementation: R,
     createNodeIterator: _,
     createDocumentFragment: O,
     getElementsByTagName: $
@@ -4488,7 +4502,7 @@ function ni() {
     importNode: z
   } = r;
   let B = ha();
-  t.isSupported = typeof Js == "function" && typeof C == "function" && A && A.createHTMLDocument !== void 0;
+  t.isSupported = typeof Js == "function" && typeof C == "function" && R && R.createHTMLDocument !== void 0;
   const {
     MUSTACHE_EXPR: G,
     ERB_EXPR: M,
@@ -4496,11 +4510,11 @@ function ni() {
     DATA_ATTR: N,
     ARIA_ATTR: k,
     IS_SCRIPT_OR_DATA: D,
-    ATTR_WHITESPACE: T,
-    CUSTOM_ELEMENT: R
+    ATTR_WHITESPACE: A,
+    CUSTOM_ELEMENT: P
   } = pa;
   let {
-    IS_ALLOWED_URI: P
+    IS_ALLOWED_URI: T
   } = pa, q = null;
   const te = Q({}, [...ua, ...Er, ...Nr, ...kr, ...da]);
   let K = null;
@@ -4560,7 +4574,7 @@ function ni() {
     let y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     if (!(Et && Et === y)) {
       if ((!y || typeof y != "object") && (y = {}), y = He(y), Wt = // eslint-disable-next-line unicorn/prefer-includes
-      rc.indexOf(y.PARSER_MEDIA_TYPE) === -1 ? oc : y.PARSER_MEDIA_TYPE, me = Wt === "application/xhtml+xml" ? Sr : Nn, q = De(y, "ALLOWED_TAGS") ? Q({}, y.ALLOWED_TAGS, me) : te, K = De(y, "ALLOWED_ATTR") ? Q({}, y.ALLOWED_ATTR, me) : ge, sr = De(y, "ALLOWED_NAMESPACES") ? Q({}, y.ALLOWED_NAMESPACES, Sr) : tc, or = De(y, "ADD_URI_SAFE_ATTR") ? Q(He(xo), y.ADD_URI_SAFE_ATTR, me) : xo, yo = De(y, "ADD_DATA_URI_TAGS") ? Q(He(wo), y.ADD_DATA_URI_TAGS, me) : wo, ze = De(y, "FORBID_CONTENTS") ? Q({}, y.FORBID_CONTENTS, me) : rr, oe = De(y, "FORBID_TAGS") ? Q({}, y.FORBID_TAGS, me) : He({}), V = De(y, "FORBID_ATTR") ? Q({}, y.FORBID_ATTR, me) : He({}), St = De(y, "USE_PROFILES") ? y.USE_PROFILES : !1, Z = y.ALLOW_ARIA_ATTR !== !1, ne = y.ALLOW_DATA_ATTR !== !1, re = y.ALLOW_UNKNOWN_PROTOCOLS || !1, se = y.ALLOW_SELF_CLOSE_IN_ATTR !== !1, le = y.SAFE_FOR_TEMPLATES || !1, he = y.SAFE_FOR_XML !== !1, Oe = y.WHOLE_DOCUMENT || !1, xt = y.RETURN_DOM || !1, sn = y.RETURN_DOM_FRAGMENT || !1, cn = y.RETURN_TRUSTED_TYPE || !1, dt = y.FORCE_BODY || !1, bo = y.SANITIZE_DOM !== !1, vo = y.SANITIZE_NAMED_PROPS || !1, nr = y.KEEP_CONTENT !== !1, zt = y.IN_PLACE || !1, P = y.ALLOWED_URI_REGEXP || ei, Ct = y.NAMESPACE || We, dn = y.MATHML_TEXT_INTEGRATION_POINTS || dn, fn = y.HTML_INTEGRATION_POINTS || fn, Y = y.CUSTOM_ELEMENT_HANDLING || Xt(null), y.CUSTOM_ELEMENT_HANDLING && So(y.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (Y.tagNameCheck = y.CUSTOM_ELEMENT_HANDLING.tagNameCheck), y.CUSTOM_ELEMENT_HANDLING && So(y.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (Y.attributeNameCheck = y.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), y.CUSTOM_ELEMENT_HANDLING && typeof y.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (Y.allowCustomizedBuiltInElements = y.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), le && (ne = !1), sn && (xt = !0), St && (q = Q({}, da), K = Xt(null), St.html === !0 && (Q(q, ua), Q(K, fa)), St.svg === !0 && (Q(q, Er), Q(K, Ar), Q(K, vn)), St.svgFilters === !0 && (Q(q, Nr), Q(K, Ar), Q(K, vn)), St.mathMl === !0 && (Q(q, kr), Q(K, ma), Q(K, vn))), J.tagCheck = null, J.attributeCheck = null, y.ADD_TAGS && (typeof y.ADD_TAGS == "function" ? J.tagCheck = y.ADD_TAGS : (q === te && (q = He(q)), Q(q, y.ADD_TAGS, me))), y.ADD_ATTR && (typeof y.ADD_ATTR == "function" ? J.attributeCheck = y.ADD_ATTR : (K === ge && (K = He(K)), Q(K, y.ADD_ATTR, me))), y.ADD_URI_SAFE_ATTR && Q(or, y.ADD_URI_SAFE_ATTR, me), y.FORBID_CONTENTS && (ze === rr && (ze = He(ze)), Q(ze, y.FORBID_CONTENTS, me)), y.ADD_FORBID_CONTENTS && (ze === rr && (ze = He(ze)), Q(ze, y.ADD_FORBID_CONTENTS, me)), nr && (q["#text"] = !0), Oe && Q(q, ["html", "head", "body"]), q.table && (Q(q, ["tbody"]), delete oe.tbody), y.TRUSTED_TYPES_POLICY) {
+      rc.indexOf(y.PARSER_MEDIA_TYPE) === -1 ? oc : y.PARSER_MEDIA_TYPE, me = Wt === "application/xhtml+xml" ? Sr : Nn, q = De(y, "ALLOWED_TAGS") ? Q({}, y.ALLOWED_TAGS, me) : te, K = De(y, "ALLOWED_ATTR") ? Q({}, y.ALLOWED_ATTR, me) : ge, sr = De(y, "ALLOWED_NAMESPACES") ? Q({}, y.ALLOWED_NAMESPACES, Sr) : tc, or = De(y, "ADD_URI_SAFE_ATTR") ? Q(He(xo), y.ADD_URI_SAFE_ATTR, me) : xo, yo = De(y, "ADD_DATA_URI_TAGS") ? Q(He(wo), y.ADD_DATA_URI_TAGS, me) : wo, ze = De(y, "FORBID_CONTENTS") ? Q({}, y.FORBID_CONTENTS, me) : rr, oe = De(y, "FORBID_TAGS") ? Q({}, y.FORBID_TAGS, me) : He({}), V = De(y, "FORBID_ATTR") ? Q({}, y.FORBID_ATTR, me) : He({}), St = De(y, "USE_PROFILES") ? y.USE_PROFILES : !1, Z = y.ALLOW_ARIA_ATTR !== !1, ne = y.ALLOW_DATA_ATTR !== !1, re = y.ALLOW_UNKNOWN_PROTOCOLS || !1, se = y.ALLOW_SELF_CLOSE_IN_ATTR !== !1, le = y.SAFE_FOR_TEMPLATES || !1, he = y.SAFE_FOR_XML !== !1, Oe = y.WHOLE_DOCUMENT || !1, xt = y.RETURN_DOM || !1, sn = y.RETURN_DOM_FRAGMENT || !1, cn = y.RETURN_TRUSTED_TYPE || !1, dt = y.FORCE_BODY || !1, bo = y.SANITIZE_DOM !== !1, vo = y.SANITIZE_NAMED_PROPS || !1, nr = y.KEEP_CONTENT !== !1, zt = y.IN_PLACE || !1, T = y.ALLOWED_URI_REGEXP || ei, Ct = y.NAMESPACE || We, dn = y.MATHML_TEXT_INTEGRATION_POINTS || dn, fn = y.HTML_INTEGRATION_POINTS || fn, Y = y.CUSTOM_ELEMENT_HANDLING || Xt(null), y.CUSTOM_ELEMENT_HANDLING && So(y.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (Y.tagNameCheck = y.CUSTOM_ELEMENT_HANDLING.tagNameCheck), y.CUSTOM_ELEMENT_HANDLING && So(y.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (Y.attributeNameCheck = y.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), y.CUSTOM_ELEMENT_HANDLING && typeof y.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (Y.allowCustomizedBuiltInElements = y.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), le && (ne = !1), sn && (xt = !0), St && (q = Q({}, da), K = Xt(null), St.html === !0 && (Q(q, ua), Q(K, fa)), St.svg === !0 && (Q(q, Er), Q(K, Ar), Q(K, vn)), St.svgFilters === !0 && (Q(q, Nr), Q(K, Ar), Q(K, vn)), St.mathMl === !0 && (Q(q, kr), Q(K, ma), Q(K, vn))), J.tagCheck = null, J.attributeCheck = null, y.ADD_TAGS && (typeof y.ADD_TAGS == "function" ? J.tagCheck = y.ADD_TAGS : (q === te && (q = He(q)), Q(q, y.ADD_TAGS, me))), y.ADD_ATTR && (typeof y.ADD_ATTR == "function" ? J.attributeCheck = y.ADD_ATTR : (K === ge && (K = He(K)), Q(K, y.ADD_ATTR, me))), y.ADD_URI_SAFE_ATTR && Q(or, y.ADD_URI_SAFE_ATTR, me), y.FORBID_CONTENTS && (ze === rr && (ze = He(ze)), Q(ze, y.FORBID_CONTENTS, me)), y.ADD_FORBID_CONTENTS && (ze === rr && (ze = He(ze)), Q(ze, y.ADD_FORBID_CONTENTS, me)), nr && (q["#text"] = !0), Oe && Q(q, ["html", "head", "body"]), q.table && (Q(q, ["tbody"]), delete oe.tbody), y.TRUSTED_TYPES_POLICY) {
         if (typeof y.TRUSTED_TYPES_POLICY.createHTML != "function")
           throw Ut('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
         if (typeof y.TRUSTED_TYPES_POLICY.createScriptURL != "function")
@@ -4626,7 +4640,7 @@ function ni() {
       } catch {
       }
     if (!I || !I.documentElement) {
-      I = A.createDocument(Ct, "template", null);
+      I = R.createDocument(Ct, "template", null);
       try {
         I.documentElement.innerHTML = ar ? x : ue;
       } catch {
@@ -4698,9 +4712,9 @@ function ni() {
               I === "is" && Y.allowCustomizedBuiltInElements && (Y.tagNameCheck instanceof RegExp && we(Y.tagNameCheck, U) || Y.tagNameCheck instanceof Function && Y.tagNameCheck(U)))
             ) return !1;
           } else if (!or[I]) {
-            if (!we(P, Rt(U, T, ""))) {
+            if (!we(T, Rt(U, A, ""))) {
               if (!((I === "src" || I === "xlink:href" || I === "href") && y !== "script" && jf(U, "data:") === 0 && yo[y])) {
-                if (!(re && !we(D, Rt(U, T, "")))) {
+                if (!(re && !we(D, Rt(U, A, "")))) {
                   if (U)
                     return !1;
                 }
@@ -4712,7 +4726,7 @@ function ni() {
     }
     return !0;
   }, Ro = function(y) {
-    return y !== "annotation-xml" && Cr(y, R);
+    return y !== "annotation-xml" && Cr(y, P);
   }, Po = function(y) {
     Ge(B.beforeSanitizeAttributes, y, null);
     const {
@@ -5139,8 +5153,8 @@ function um({
 	`;
   if (b.length > 0) {
     const E = Array.isArray(t[e.name]) ? t[e.name] : [], C = (w, x) => {
-      let A = x ? [...E, w] : E.filter((_) => _ !== w);
-      n(e.name, A), r(e.name);
+      let R = x ? [...E, w] : E.filter((_) => _ !== w);
+      n(e.name, R), r(e.name);
     };
     return /* @__PURE__ */ L(
       "fieldset",
@@ -5155,7 +5169,7 @@ function um({
             {
               className: h ? "flex flex-wrap gap-x-6 gap-y-3" : "space-y-4",
               children: b.map((w) => {
-                const x = typeof w == "object" ? w.value : w, A = typeof w == "object" ? w.label : w, _ = typeof w == "object" ? w.description : null, O = `${e.name}-${x}`, $ = E.includes(x);
+                const x = typeof w == "object" ? w.value : w, R = typeof w == "object" ? w.label : w, _ = typeof w == "object" ? w.description : null, O = `${e.name}-${x}`, $ = E.includes(x);
                 return /* @__PURE__ */ L(
                   "div",
                   {
@@ -5181,7 +5195,7 @@ function um({
                           {
                             htmlFor: O,
                             className: `font-medium select-none transition-colors ${m ? "text-muted-foreground" : "text-foreground cursor-pointer group-hover:text-primary"}`,
-                            children: A
+                            children: R
                           }
                         ),
                         _ && !h && /* @__PURE__ */ l(
@@ -7009,8 +7023,8 @@ const Ip = (e, t) => {
       continue;
     s.push(w);
     const x = o(S, v);
-    for (let A = 0; A < x.length; ++A) {
-      const _ = x[A];
+    for (let R = 0; R < x.length; ++R) {
+      const _ = x[R];
       s.push(C + _);
     }
     c = d + (c.length > 0 ? " " + c : c);
@@ -7074,9 +7088,9 @@ const Ip = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], x = () => [...w(), H, W], A = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], O = () => [H, W, c], $ = () => [Je, "full", "auto", ...O()], z = () => [et, "none", "subgrid", H, W], B = () => ["auto", {
+  ], x = () => [...w(), H, W], R = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], O = () => [H, W, c], $ = () => [Je, "full", "auto", ...O()], z = () => [et, "none", "subgrid", H, W], B = () => ["auto", {
     span: ["full", et, H, W]
-  }, et, H, W], G = () => [et, "auto", H, W], M = () => ["auto", "min", "max", "fr", H, W], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], k = () => ["auto", ...O()], D = () => [Je, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...O()], T = () => [Je, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...O()], R = () => [Je, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...O()], P = () => [e, H, W], q = () => [...w(), Ta, Aa, {
+  }, et, H, W], G = () => [et, "auto", H, W], M = () => ["auto", "min", "max", "fr", H, W], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], k = () => ["auto", ...O()], D = () => [Je, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...O()], A = () => [Je, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...O()], P = () => [Je, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...O()], T = () => [e, H, W], q = () => [...w(), Ta, Aa, {
     position: [H, W]
   }], te = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -7228,21 +7242,21 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: A()
+        overflow: R()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": A()
+        "overflow-x": R()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": A()
+        "overflow-y": R()
       }],
       /**
        * Overscroll Behavior
@@ -7782,42 +7796,42 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/width
        */
       "inline-size": [{
-        inline: ["auto", ...T()]
+        inline: ["auto", ...A()]
       }],
       /**
        * Min-Inline Size
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-inline-size": [{
-        "min-inline": ["auto", ...T()]
+        "min-inline": ["auto", ...A()]
       }],
       /**
        * Max-Inline Size
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-inline-size": [{
-        "max-inline": ["none", ...T()]
+        "max-inline": ["none", ...A()]
       }],
       /**
        * Block Size
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...R()]
+        block: ["auto", ...P()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...R()]
+        "min-block": ["auto", ...P()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...R()]
+        "max-block": ["none", ...P()]
       }],
       /**
        * Width
@@ -8015,14 +8029,14 @@ const Ip = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: P()
+        placeholder: T()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: P()
+        text: T()
       }],
       /**
        * Text Decoration
@@ -8048,7 +8062,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: P()
+        decoration: T()
       }],
       /**
        * Text Underline Offset
@@ -8186,7 +8200,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: P()
+        bg: T()
       }],
       /**
        * Gradient Color Stops From Position
@@ -8214,21 +8228,21 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: P()
+        from: T()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: P()
+        via: T()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: P()
+        to: T()
       }],
       // ---------------
       // --- Borders ---
@@ -8458,84 +8472,84 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: P()
+        border: T()
       }],
       /**
        * Border Color Inline
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": P()
+        "border-x": T()
       }],
       /**
        * Border Color Block
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": P()
+        "border-y": T()
       }],
       /**
        * Border Color Inline Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": P()
+        "border-s": T()
       }],
       /**
        * Border Color Inline End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": P()
+        "border-e": T()
       }],
       /**
        * Border Color Block Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-bs": [{
-        "border-bs": P()
+        "border-bs": T()
       }],
       /**
        * Border Color Block End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-be": [{
-        "border-be": P()
+        "border-be": T()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": P()
+        "border-t": T()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": P()
+        "border-r": T()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": P()
+        "border-b": T()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": P()
+        "border-l": T()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: P()
+        divide: T()
       }],
       /**
        * Outline Style
@@ -8563,7 +8577,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: P()
+        outline: T()
       }],
       // ---------------
       // --- Effects ---
@@ -8587,7 +8601,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: P()
+        shadow: T()
       }],
       /**
        * Inset Box Shadow
@@ -8601,7 +8615,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": P()
+        "inset-shadow": T()
       }],
       /**
        * Ring Width
@@ -8622,7 +8636,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: P()
+        ring: T()
       }],
       /**
        * Ring Offset Width
@@ -8640,7 +8654,7 @@ const Ip = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": P()
+        "ring-offset": T()
       }],
       /**
        * Inset Ring Width
@@ -8654,7 +8668,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": P()
+        "inset-ring": T()
       }],
       /**
        * Text Shadow
@@ -8668,7 +8682,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": P()
+        "text-shadow": T()
       }],
       /**
        * Opacity
@@ -8719,10 +8733,10 @@ const Ip = (e, t) => {
         "mask-linear-to": Z()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": P()
+        "mask-linear-from": T()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": P()
+        "mask-linear-to": T()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": Z()
@@ -8731,10 +8745,10 @@ const Ip = (e, t) => {
         "mask-t-to": Z()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": P()
+        "mask-t-from": T()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": P()
+        "mask-t-to": T()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": Z()
@@ -8743,10 +8757,10 @@ const Ip = (e, t) => {
         "mask-r-to": Z()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": P()
+        "mask-r-from": T()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": P()
+        "mask-r-to": T()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": Z()
@@ -8755,10 +8769,10 @@ const Ip = (e, t) => {
         "mask-b-to": Z()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": P()
+        "mask-b-from": T()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": P()
+        "mask-b-to": T()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": Z()
@@ -8767,10 +8781,10 @@ const Ip = (e, t) => {
         "mask-l-to": Z()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": P()
+        "mask-l-from": T()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": P()
+        "mask-l-to": T()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": Z()
@@ -8779,10 +8793,10 @@ const Ip = (e, t) => {
         "mask-x-to": Z()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": P()
+        "mask-x-from": T()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": P()
+        "mask-x-to": T()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": Z()
@@ -8791,10 +8805,10 @@ const Ip = (e, t) => {
         "mask-y-to": Z()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": P()
+        "mask-y-from": T()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": P()
+        "mask-y-to": T()
       }],
       "mask-image-radial": [{
         "mask-radial": [H, W]
@@ -8806,10 +8820,10 @@ const Ip = (e, t) => {
         "mask-radial-to": Z()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": P()
+        "mask-radial-from": T()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": P()
+        "mask-radial-to": T()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -8833,10 +8847,10 @@ const Ip = (e, t) => {
         "mask-conic-to": Z()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": P()
+        "mask-conic-from": T()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": P()
+        "mask-conic-to": T()
       }],
       /**
        * Mask Mode
@@ -8943,7 +8957,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": P()
+        "drop-shadow": T()
       }],
       /**
        * Grayscale
@@ -9314,7 +9328,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: P()
+        accent: T()
       }],
       /**
        * Appearance
@@ -9328,7 +9342,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: P()
+        caret: T()
       }],
       /**
        * Color Scheme
@@ -9602,7 +9616,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...P()]
+        fill: ["none", ...T()]
       }],
       /**
        * Stroke Width
@@ -9616,7 +9630,7 @@ const Ip = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...P()]
+        stroke: ["none", ...T()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -9898,14 +9912,14 @@ function Ra({
     const N = t[M.name] || [];
     if (M.maxFiles && N.length + F.length > M.maxFiles)
       throw new Error(`Maximum ${M.maxFiles} files allowed`);
-    F.forEach((T) => {
-      if (M.maxSize && T.size > M.maxSize)
+    F.forEach((A) => {
+      if (M.maxSize && A.size > M.maxSize)
         throw new Error(
           `Each file must not exceed ${S(M.maxSize)}`
         );
     });
     const k = await Promise.all(
-      F.map((T) => E(T))
+      F.map((A) => E(A))
       // Updated call
     ), D = [...N, ...k];
     a(M.name, D), s({ ...t, [M.name]: D });
@@ -9917,7 +9931,7 @@ function Ra({
     } catch (k) {
       kn.error(`Upload failed: ${k.message}`);
     }
-  }, A = async (M, F) => {
+  }, R = async (M, F) => {
     if (u) return;
     let N;
     e.type === "file" ? N = "" : N = (t[M] || []).filter((D) => D !== F), a(M, N), s({ ...t, [M]: N }), o.current?.[M] && (o.current[M].value = "");
@@ -10008,7 +10022,7 @@ function Ra({
                   "button",
                   {
                     type: "button",
-                    onClick: () => A(e.name, M),
+                    onClick: () => R(e.name, M),
                     className: `text-red-500 hover:text-red-700 ml-3 flex-shrink-0 ${u ? "cursor-not-allowed opacity-50" : ""}`,
                     disabled: u,
                     children: "Remove"
@@ -10096,58 +10110,58 @@ function Nh({
   ] });
 }
 function kh({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o }) {
-  const [a, s] = ce(!1), i = (A) => {
-    if (!A) return null;
-    if (A instanceof Date)
-      return Number.isNaN(A.getTime()) ? null : A;
-    if (typeof A == "string") {
-      const O = A.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  const [a, s] = ce(!1), i = (R) => {
+    if (!R) return null;
+    if (R instanceof Date)
+      return Number.isNaN(R.getTime()) ? null : R;
+    if (typeof R == "string") {
+      const O = R.match(/^(\d{4})-(\d{2})-(\d{2})$/);
       if (O) {
         const [, B, G, M] = O, F = new Date(Number(B), Number(G) - 1, Number(M));
         return Number.isNaN(F.getTime()) ? null : F;
       }
-      const $ = A.includes("T") ? A : A.replace(" ", "T"), z = new Date($);
+      const $ = R.includes("T") ? R : R.replace(" ", "T"), z = new Date($);
       return Number.isNaN(z.getTime()) ? null : z;
     }
-    const _ = new Date(A);
+    const _ = new Date(R);
     return Number.isNaN(_.getTime()) ? null : _;
-  }, c = t[e.name], u = i(c), d = u ? (u.getHours() % 12 || 12).toString().padStart(2, "0") : "12", p = u ? u.getMinutes().toString().padStart(2, "0") : "00", g = u ? u.getHours() >= 12 ? "PM" : "AM" : "PM", m = (A) => {
-    if (!A) {
+  }, c = t[e.name], u = i(c), d = u ? (u.getHours() % 12 || 12).toString().padStart(2, "0") : "12", p = u ? u.getMinutes().toString().padStart(2, "0") : "00", g = u ? u.getHours() >= 12 ? "PM" : "AM" : "PM", m = (R) => {
+    if (!R) {
       n(e.name, null);
       return;
     }
-    const _ = new Date(A);
+    const _ = new Date(R);
     u ? (_.setHours(u.getHours()), _.setMinutes(u.getMinutes())) : (_.setHours(12), _.setMinutes(0)), n(e.name, _);
-  }, b = (A, _, O) => {
+  }, b = (R, _, O) => {
     const $ = u ? new Date(u) : /* @__PURE__ */ new Date();
-    let z = parseInt(A);
+    let z = parseInt(R);
     O === "PM" && z !== 12 && (z += 12), O === "AM" && z === 12 && (z = 0), $.setHours(z), $.setMinutes(parseInt(_)), n(e.name, $);
   }, h = () => {
-    let A = parseInt(d);
-    A = A % 12 + 1, b(A.toString(), p, g);
+    let R = parseInt(d);
+    R = R % 12 + 1, b(R.toString(), p, g);
   }, v = () => {
-    let A = parseInt(d);
-    A = A === 1 ? 12 : A - 1, b(A.toString(), p, g);
+    let R = parseInt(d);
+    R = R === 1 ? 12 : R - 1, b(R.toString(), p, g);
   }, S = () => {
-    let A = parseInt(p);
-    A = (A + 5) % 60, b(d, A.toString(), g);
+    let R = parseInt(p);
+    R = (R + 5) % 60, b(d, R.toString(), g);
   }, E = () => {
-    let A = parseInt(p);
-    A = A === 0 ? 55 : A - 5, b(d, A.toString(), g);
+    let R = parseInt(p);
+    R = R === 0 ? 55 : R - 5, b(d, R.toString(), g);
   }, C = () => {
     b(d, p, g === "AM" ? "PM" : "AM");
   }, w = () => n(e.name, null), x = [];
   if (e.maxDate) {
-    const A = i(e.maxDate);
-    A && x.push({ after: A });
+    const R = i(e.maxDate);
+    R && x.push({ after: R });
   }
   if (e.minDate) {
-    const A = i(e.minDate);
-    A && x.push({ before: A });
+    const R = i(e.minDate);
+    R && x.push({ before: R });
   }
   return /* @__PURE__ */ L("div", { className: "relative", children: [
-    /* @__PURE__ */ L(Qn, { open: e.disabled ? !1 : a, onOpenChange: (A) => {
-      e.disabled || s(A);
+    /* @__PURE__ */ L(Qn, { open: e.disabled ? !1 : a, onOpenChange: (R) => {
+      e.disabled || s(R);
     }, children: [
       /* @__PURE__ */ l(Zn, { asChild: !0, children: /* @__PURE__ */ L(
         "button",
@@ -10158,7 +10172,7 @@ function kh({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
           "aria-haspopup": "dialog",
           "aria-expanded": a,
           onClick: () => !e.disabled && s(!0),
-          onKeyDown: (A) => !e.disabled && A.key === "Enter" && s(!0),
+          onKeyDown: (R) => !e.disabled && R.key === "Enter" && s(!0),
           className: `
               group inline-flex items-center justify-between gap-2
               w-full h-10 rounded-lg border bg-white
@@ -10472,7 +10486,7 @@ var Kh = f.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: c,
     caller: an
-  }), [S, E] = f.useState(!1), C = nt(u), w = Li(n), x = f.useRef(!1), [A, _] = f.useState(0);
+  }), [S, E] = f.useState(!1), C = nt(u), w = Li(n), x = f.useRef(!1), [R, _] = f.useState(0);
   return f.useEffect(() => {
     const O = g.current;
     if (O)
@@ -10501,7 +10515,7 @@ var Kh = f.forwardRef((e, t) => {
       children: /* @__PURE__ */ l(
         Ii.div,
         {
-          tabIndex: S || A === 0 ? -1 : 0,
+          tabIndex: S || R === 0 ? -1 : 0,
           "data-orientation": r,
           ...p,
           ref: m,
@@ -10904,13 +10918,13 @@ function hg({
             onValueChange: (w) => {
               const x = h.find(
                 (_) => String(typeof _ == "object" ? _.value : _) === w
-              ), A = x ? typeof x == "object" ? x.value : x : w;
-              n(e.name, A), r(e.name);
+              ), R = x ? typeof x == "object" ? x.value : x : w;
+              n(e.name, R), r(e.name);
             },
             disabled: b,
             className: C,
             children: h.map((w) => {
-              const x = typeof w == "object" ? w.value : w, A = typeof w == "object" ? w.label : w, _ = typeof w == "object" ? w.description : null, O = `${e.name}-${String(x)}`, $ = String(m) === String(x);
+              const x = typeof w == "object" ? w.value : w, R = typeof w == "object" ? w.label : w, _ = typeof w == "object" ? w.description : null, O = `${e.name}-${String(x)}`, $ = String(m) === String(x);
               return S ? /* @__PURE__ */ L(
                 "label",
                 {
@@ -10932,7 +10946,7 @@ function hg({
                         className: "sr-only"
                       }
                     ),
-                    A
+                    R
                   ]
                 },
                 String(x)
@@ -10957,7 +10971,7 @@ function hg({
                     {
                       htmlFor: O,
                       className: `font-medium transition-colors ${b ? "text-muted-foreground" : "text-foreground cursor-pointer group-hover:text-primary"}`,
-                      children: A
+                      children: R
                     }
                   ),
                   _ && !v && /* @__PURE__ */ l(
@@ -11029,13 +11043,13 @@ function bg({
       const O = x.includes("T") ? x : x.replace(" ", "T"), $ = new Date(O);
       return Number.isNaN($.getTime()) ? null : $;
     }
-    const A = new Date(x);
-    return Number.isNaN(A.getTime()) ? null : A;
+    const R = new Date(x);
+    return Number.isNaN(R.getTime()) ? null : R;
   }, c = (x) => !(x instanceof Date) || Number.isNaN(x.getTime()) ? null : Mn(x, "yyyy-MM-dd"), u = (x) => i(x), [d, p] = ce(!1), g = a, m = t[e.name], b = Yr(() => u(m), [m]), [h, v] = ce(b || /* @__PURE__ */ new Date());
   s["aria-describedby"], Ie(() => {
     if (d) {
       const x = b || /* @__PURE__ */ new Date();
-      v((A) => A.getFullYear() === x.getFullYear() && A.getMonth() === x.getMonth() ? A : x);
+      v((R) => R.getFullYear() === x.getFullYear() && R.getMonth() === x.getMonth() ? R : x);
     }
   }, [d, b]);
   const S = [];
@@ -11498,7 +11512,7 @@ const $g = ({
   },
   debugMode: d = !1
 }) => {
-  const [p, g] = ce({ ...c }), [m, b] = ce({}), [h, v] = ce({}), [S, E] = ce({}), C = t, w = Zt({}), x = ["hidden", "linebreak", "header", "alert"], A = Yr(
+  const [p, g] = ce({ ...c }), [m, b] = ce({}), [h, v] = ce({}), [S, E] = ce({}), C = t, w = Zt({}), x = ["hidden", "linebreak", "header", "alert"], R = Yr(
     () => ({
       file: Ra,
       multifile: Ra,
@@ -11531,17 +11545,17 @@ const $g = ({
       }
       try {
         const D = await e(`/${N.optionsUrl}`);
-        let T = [];
-        N.type === "select" ? T = [
+        let A = [];
+        N.type === "select" ? A = [
           { value: "", label: `Select ${N.label.toLowerCase()}` },
           ...D.data
-        ] : T = [
-          ...D.data.map((R) => ({
-            value: R.value,
-            label: R.label
+        ] : A = [
+          ...D.data.map((P) => ({
+            value: P.value,
+            label: P.label
           }))
-        ], o.fields.forEach((R) => {
-          R && R.name === N.name && (R.options = T);
+        ], o.fields.forEach((P) => {
+          P && P.name === N.name && (P.options = A);
         });
       } catch (D) {
         d && console.error(`Failed to load options for ${N.name}:`, D);
@@ -11557,21 +11571,21 @@ const $g = ({
       const k = {};
       o.fields.forEach((D) => {
         if (!D || !D.name) return;
-        const T = D.type === "multiselect" || D.type === "searchselect" || D.type === "checkbox" && D.options && D.options.length > 0;
-        let R = c[D.name] ?? D.value ?? (T ? [] : "");
-        ["date", "datetime", "datepicker"].includes(D.type?.toLowerCase()) && R && (R = Eg(R) || R), k[D.name] = R;
+        const A = D.type === "multiselect" || D.type === "searchselect" || D.type === "checkbox" && D.options && D.options.length > 0;
+        let P = c[D.name] ?? D.value ?? (A ? [] : "");
+        ["date", "datetime", "datepicker"].includes(D.type?.toLowerCase()) && P && (P = Eg(P) || P), k[D.name] = P;
       }), g(k);
     }
   }, [o]);
   const O = (N, k, D) => {
-    const T = typeof k == "object" && k !== null && !Array.isArray(k) && !(k instanceof Date), R = k == null || typeof k == "string" && k.trim() === "" || Array.isArray(k) && k.length === 0 || N.type === "checkbox" && k === !1 || T && Object.keys(k).length === 0;
-    if (N.required && R)
+    const A = typeof k == "object" && k !== null && !Array.isArray(k) && !(k instanceof Date), P = k == null || typeof k == "string" && k.trim() === "" || Array.isArray(k) && k.length === 0 || N.type === "checkbox" && k === !1 || A && Object.keys(k).length === 0;
+    if (N.required && P)
       return d && console.warn(`VALIDATION FAILED (REQUIRED): ${N.name} is empty.`), `${N.label} is required`;
-    if (R && !N.required)
+    if (P && !N.required)
       return null;
     if (N.validate) {
-      const P = N.validate(k, D);
-      if (P) return P;
+      const T = N.validate(k, D);
+      if (T) return T;
     }
     if (N.type === "email" && k && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(k))
       return "Please enter a valid email address";
@@ -11583,74 +11597,74 @@ const $g = ({
     }
     return N.type === "date" && k && !Nt(k).isValid() ? `${N.label} must be a valid date` : N.maxLength && k && k.length > N.maxLength ? `${N.label} must not exceed ${N.maxLength} characters` : null;
   }, $ = (N, k) => {
-    const D = o.fields.find((R) => R && R.name === N);
+    const D = o.fields.find((P) => P && P.name === N);
     if (!D) return;
-    const T = { ...p };
-    D.type === "multiselect" || D.type === "searchselect" ? Array.isArray(k) ? T[N] = k : k && k.target && k.target.selectedOptions ? T[N] = Array.from(k.target.selectedOptions).map(
-      (R) => R.value
-    ) : T[N] = k : D.type === "dateRange" ? T[N] = [
+    const A = { ...p };
+    D.type === "multiselect" || D.type === "searchselect" ? Array.isArray(k) ? A[N] = k : k && k.target && k.target.selectedOptions ? A[N] = Array.from(k.target.selectedOptions).map(
+      (P) => P.value
+    ) : A[N] = k : D.type === "dateRange" ? A[N] = [
       {
         startDate: k.from,
         endDate: k.to || k.from,
         key: "selection"
       }
-    ] : D.type === "dayTimePicker" ? T[N] = k ? Nt(k).format("YYYY-MM-DD HH:mm:ss") : "" : D.type === "number" ? T[N] = k === "" ? "" : Number(k) : T[N] = k, D.type === "select" && o.fields.forEach((R) => {
-      if (R && R.showIf && !R.showIf(T)) {
-        const P = R.type === "multiselect" || R.type === "searchselect" || R.type === "checkbox" && R.options && R.options.length > 0;
-        T[R.name] = P ? [] : "";
+    ] : D.type === "dayTimePicker" ? A[N] = k ? Nt(k).format("YYYY-MM-DD HH:mm:ss") : "" : D.type === "number" ? A[N] = k === "" ? "" : Number(k) : A[N] = k, D.type === "select" && o.fields.forEach((P) => {
+      if (P && P.showIf && !P.showIf(A)) {
+        const T = P.type === "multiselect" || P.type === "searchselect" || P.type === "checkbox" && P.options && P.options.length > 0;
+        A[P.name] = T ? [] : "";
       }
-    }), o.fields.forEach((R) => {
-      if (R && typeof R.disabled == "function" && R.disabled(T)) {
-        const P = R.type === "multiselect" || R.type === "searchselect" || R.type === "checkbox" && R.options && R.options.length > 0;
-        T[R.name] = P ? [] : "";
+    }), o.fields.forEach((P) => {
+      if (P && typeof P.disabled == "function" && P.disabled(A)) {
+        const T = P.type === "multiselect" || P.type === "searchselect" || P.type === "checkbox" && P.options && P.options.length > 0;
+        A[P.name] = T ? [] : "";
       }
-    }), g(T);
+    }), g(A);
   }, z = (N) => {
     v({ ...h, [N]: !0 });
   }, B = (N) => {
     N.preventDefault();
     const k = {};
-    o.fields.forEach((T) => {
-      T && T.name && (k[T.name] = !0);
+    o.fields.forEach((A) => {
+      A && A.name && (k[A.name] = !0);
     }), v(k);
     const D = {};
-    if (o.fields.forEach((T) => {
-      if (!(!T || !T.name) && (!T.showIf || T.showIf(p))) {
-        const R = O(T, p[T.name], p);
-        R && (D[T.name] = R);
+    if (o.fields.forEach((A) => {
+      if (!(!A || !A.name) && (!A.showIf || A.showIf(p))) {
+        const P = O(A, p[A.name], p);
+        P && (D[A.name] = P);
       }
     }), b(D), Object.keys(D).length === 0) {
-      const T = (P, q) => {
-        if (P === "" || P === null || P === void 0) return null;
+      const A = (T, q) => {
+        if (T === "" || T === null || T === void 0) return null;
         const te = q?.toLowerCase();
-        if (Array.isArray(P))
-          return te === "number" || te === "integer" ? P.map((K) => K === "" ? null : Number(K)) : P;
+        if (Array.isArray(T))
+          return te === "number" || te === "integer" ? T.map((K) => K === "" ? null : Number(K)) : T;
         switch (te) {
           case "number":
           case "integer":
           case "float":
-            return Number(P);
+            return Number(T);
           case "boolean":
           case "bool":
-            return String(P).toLowerCase() === "true" || P === !0;
+            return String(T).toLowerCase() === "true" || T === !0;
           case "date":
           case "datepicker":
-            return Nt(P).isValid() ? Nt(P).format("YYYY-MM-DD") : P;
+            return Nt(T).isValid() ? Nt(T).format("YYYY-MM-DD") : T;
           case "datetime":
-            return Nt(P).isValid() ? Nt(P).format("YYYY-MM-DDTHH:mm:ss") : P;
+            return Nt(T).isValid() ? Nt(T).format("YYYY-MM-DDTHH:mm:ss") : T;
           default:
-            return P;
+            return T;
         }
-      }, R = {};
-      o.fields.forEach((P) => {
-        if (P && P.name) {
-          const q = p[P.name], te = P.type || "string", K = T(q, te);
-          a ? R[P.name] = {
+      }, P = {};
+      o.fields.forEach((T) => {
+        if (T && T.name) {
+          const q = p[T.name], te = T.type || "string", K = A(q, te);
+          a ? P[T.name] = {
             value: K,
             fieldType: te
-          } : R[P.name] = K;
+          } : P[T.name] = K;
         }
-      }), d ? console.log("Form submitted with values:", R) : s(R);
+      }), d ? console.log("Form submitted with values:", P) : s(P);
     } else
       kn.error("Please correct the errors in the form");
   };
@@ -11669,14 +11683,14 @@ const $g = ({
     orange: "border-orange-500 bg-orange-50"
   };
   function M(N, k, D) {
-    const T = `${k.name}-error`;
+    const A = `${k.name}-error`;
     if (d && (D ? console.log(
       `[fieldFormat RENDER] Rendering error for ${k.name}: ${D}`
     ) : m[k.name] && console.log(
       `[fieldFormat RENDER] Error exists in state for ${k.name} but not passed in props!`
     )), x.includes(k.type))
       return /* @__PURE__ */ l("div", { className: k.class || "col-span-full", children: N });
-    const R = k.containerStyle, P = k.color || "blue", q = R === "card" ? `rounded-lg border text-card-foreground shadow-sm p-4 ${k.containerClassName || G[P] || G.blue}` : "", te = /* @__PURE__ */ L(It, { children: [
+    const P = k.containerStyle, T = k.color || "blue", q = P === "card" ? `rounded-lg border text-card-foreground shadow-sm p-4 ${k.containerClassName || G[T] || G.blue}` : "", te = /* @__PURE__ */ L(It, { children: [
       k.label && /* @__PURE__ */ L(
         "label",
         {
@@ -11690,23 +11704,23 @@ const $g = ({
         }
       ),
       /* @__PURE__ */ l("div", { children: Re.cloneElement(N, {
-        "aria-describedby": D ? T : void 0,
+        "aria-describedby": D ? A : void 0,
         "aria-invalid": !!D,
         "aria-required": k.required
       }) }),
       k.description && /* @__PURE__ */ l("p", { className: "text-xs mt-1.5 text-gray-400", children: k.description }),
-      D && /* @__PURE__ */ l("p", { id: T, className: "text-sm text-red-500 mt-1", role: "alert", children: D })
+      D && /* @__PURE__ */ l("p", { id: A, className: "text-sm text-red-500 mt-1", role: "alert", children: D })
     ] });
-    return /* @__PURE__ */ l("div", { className: "mb-4", children: R === "card" ? /* @__PURE__ */ l("div", { className: q, children: te }) : te });
+    return /* @__PURE__ */ l("div", { className: "mb-4", children: P === "card" ? /* @__PURE__ */ l("div", { className: q, children: te }) : te });
   }
   const F = (N) => {
     if (N.showIf && !N.showIf(p)) return null;
-    const k = A[N.type] || ia;
+    const k = R[N.type] || ia;
     if (p[N.name] === void 0) {
-      const R = N.type === "multiselect" || N.type === "searchselect" || N.type === "checkbox" && N.options && N.options.length > 0;
-      p[N.name] = N.value !== void 0 ? N.value : R ? [] : "";
+      const P = N.type === "multiselect" || N.type === "searchselect" || N.type === "checkbox" && N.options && N.options.length > 0;
+      p[N.name] = N.value !== void 0 ? N.value : P ? [] : "";
     }
-    const D = m[N.name] ? m[N.name] : null, T = C || (typeof N.disabled == "function" ? N.disabled(p) : !!N.disabled);
+    const D = m[N.name] ? m[N.name] : null, A = C || (typeof N.disabled == "function" ? N.disabled(p) : !!N.disabled);
     return M(
       /* @__PURE__ */ l(
         k,
@@ -11720,7 +11734,7 @@ const $g = ({
           api_URL: n,
           error: D,
           fileInputRefs: w,
-          disabled: T,
+          disabled: A,
           apiClient: e
         }
       ),