ynotsoft-dynamic-form 1.0.77 → 1.0.78

package/dist/dynamic-form.js

@@ -21,8 +21,8 @@ function Ma({
   disabled: s
 }) {
   const i = e.disabled && typeof e.disabled == "function" ? e.disabled(t) : e.disabled, a = s || i, l = e.options || [], c = _a(), f = t[e.name] || e.value || [], p = (m) => Array.isArray(m) && m.length > 0 && typeof m[0] == "object" && m[0] !== null && "value" in m[0];
-  let g;
-  return p(f) ? g = f : g = f.filter((m) => m != null).map((m) => l.find((w) => w.value === m)).filter((m) => m !== void 0), /* @__PURE__ */ u(
+  let b;
+  return p(f) ? b = f : b = f.filter((m) => m != null).map((m) => l.find((w) => w.value === m)).filter((m) => m !== void 0), /* @__PURE__ */ u(
     "div",
     {
       className: `mb-4 ${e.fieldClass ? e.fieldClass : "col-span-full"}`,
@@ -33,7 +33,7 @@ function Ma({
           isMulti: !0,
           isDisabled: a,
           name: e.label,
-          value: g,
+          value: b,
           onChange: (m) => {
             const w = m.map((h) => h.value);
             n(e.name, w);
@@ -178,13 +178,13 @@ function al({
   disabled: s,
   apiClient: i
 }) {
-  const a = s || e.disabled && (typeof e.disabled == "function" ? e.disabled(t) : e.disabled), l = e.selectMode !== "multiple", [c, f] = de([]), [p, g] = de(!1), [m, w] = de(!1), [h, y] = de(""), [C, E] = de({}), A = $t(null), x = $t(null), T = $t(null), D = t[e.name], P = D == null || D === "" ? [] : (Array.isArray(D) ? D : [D]).map((S) => {
+  const a = s || e.disabled && (typeof e.disabled == "function" ? e.disabled(t) : e.disabled), l = e.selectMode !== "multiple", [c, f] = de([]), [p, b] = de(!1), [m, w] = de(!1), [h, y] = de(""), [C, E] = de({}), A = $t(null), x = $t(null), T = $t(null), D = t[e.name], P = D == null || D === "" ? [] : (Array.isArray(D) ? D : [D]).map((S) => {
     const N = c.find((k) => k.value === S);
     return N || (C[S] ? C[S] : { value: S, label: S });
   }), W = Na(
-    async (b = "") => {
+    async (g = "") => {
       if (e.onSearch && typeof e.onSearch == "function") {
-        const S = await e.onSearch(b, t);
+        const S = await e.onSearch(g, t);
         f(S);
         return;
       }
@@ -194,10 +194,10 @@ function al({
             value: N[e.valueId || "value"] || N.value || N.id,
             label: N[e.labelId || "label"] || N.label || N.name
           }));
-          if (!b)
+          if (!g)
             f(S);
           else {
-            const N = b.toLowerCase(), k = S.filter(
+            const N = g.toLowerCase(), k = S.filter(
               (_) => String(_.label).toLowerCase().includes(N)
             );
             f(k);
@@ -206,9 +206,9 @@ function al({
           f([]);
         return;
       }
-      g(!0);
+      b(!0);
       try {
-        const S = e.searchParam || "search", N = e.optionsUrl.includes("?") ? "&" : "?", k = `${e.optionsUrl}${N}${S}=${encodeURIComponent(b)}`, _ = await i(k), R = _.data || _, te = (Array.isArray(R) ? R : []).map((j) => ({
+        const S = e.searchParam || "search", N = e.optionsUrl.includes("?") ? "&" : "?", k = `${e.optionsUrl}${N}${S}=${encodeURIComponent(g)}`, _ = await i(k), R = _.data || _, te = (Array.isArray(R) ? R : []).map((j) => ({
           value: j[e.valueId || "value"] || j.value || j.id,
           label: j[e.labelId || "label"] || j.label || j.name
         }));
@@ -216,34 +216,34 @@ function al({
       } catch (S) {
         console.error("Search failed:", S), f([]);
       } finally {
-        g(!1);
+        b(!1);
       }
     },
     [e, i, t]
-  ), H = (b) => {
-    const S = b.target.value;
+  ), H = (g) => {
+    const S = g.target.value;
     y(S), T.current && clearTimeout(T.current), T.current = setTimeout(() => W(S), 300);
   };
   zt(() => {
-    m && ((c.length === 0 || !e.optionsUrl && !i && !e.onSearch) && W(""), setTimeout(() => x.current?.focus(), 50));
+    m && (h === "" ? W("") : (c.length === 0 || !e.optionsUrl && !i && !e.onSearch) && W(h), setTimeout(() => x.current?.focus(), 50));
   }, [m]), zt(() => {
-    const b = (S) => {
+    const g = (S) => {
       A.current && !A.current.contains(S.target) && (w(!1), y(""), r(e.name));
     };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [e.name, r]);
-  const U = (b) => {
-    E((N) => ({ ...N, [b.value]: b }));
+  const U = (g) => {
+    E((N) => ({ ...N, [g.value]: g }));
     let S;
     if (l)
-      S = b.value, w(!1);
+      S = g.value, w(!1);
     else {
       const N = Array.isArray(D) ? D : [];
-      S = N.includes(b.value) ? N.filter((_) => _ !== b.value) : [...N, b.value];
+      S = N.includes(g.value) ? N.filter((_) => _ !== g.value) : [...N, g.value];
     }
-    n(e.name, S), e.clearSearchOnSelect && y("");
-  }, V = (b, S) => {
-    if (b.stopPropagation(), l)
+    console.log("Selected value(s) for field", e.name, ":", S), n(e.name, S), e.clearSearchOnSelect && y("");
+  }, V = (g, S) => {
+    if (g.stopPropagation(), l)
       n(e.name, null);
     else {
       const N = Array.isArray(D) ? D : [];
@@ -263,10 +263,10 @@ function al({
           ${a ? "bg-gray-100 opacity-60 cursor-not-allowed" : ""}
         `,
         children: [
-          P.length > 0 ? P.map((b) => /* @__PURE__ */ M("span", { className: "inline-flex items-center px-2 py-1 bg-blue-50 text-blue-700 text-sm rounded-md border border-blue-100", children: [
-            b.label,
-            !a && /* @__PURE__ */ u("button", { type: "button", onClick: (S) => V(S, b.value), className: "ml-1 p-0.5 hover:bg-blue-200 rounded-full", children: /* @__PURE__ */ u(il, { className: "w-3 h-3" }) })
-          ] }, b.value)) : /* @__PURE__ */ u("span", { className: "text-gray-400 text-sm", children: e.placeholder || "Select..." }),
+          P.length > 0 ? P.map((g) => /* @__PURE__ */ M("span", { className: "inline-flex items-center px-2 py-1 bg-blue-50 text-blue-700 text-sm rounded-md border border-blue-100", children: [
+            g.label,
+            !a && /* @__PURE__ */ u("button", { type: "button", onClick: (S) => V(S, g.value), className: "ml-1 p-0.5 hover:bg-blue-200 rounded-full", children: /* @__PURE__ */ u(il, { className: "w-3 h-3" }) })
+          ] }, g.value)) : /* @__PURE__ */ u("span", { className: "text-gray-400 text-sm", children: e.placeholder || "Select..." }),
           /* @__PURE__ */ M("div", { className: "ml-auto flex items-center", children: [
             p && /* @__PURE__ */ u(nl, { className: "w-4 h-4 mr-2 animate-spin text-gray-400" }),
             /* @__PURE__ */ u(is, { className: `w-4 h-4 text-gray-400 transition-transform ${m ? "rotate-180" : ""}` })
@@ -275,8 +275,8 @@ function al({
       }
     ),
     m && !a && /* @__PURE__ */ M("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-xl overflow-hidden", children: [
-      /* @__PURE__ */ u("div", { className: "p-2 border-b border-gray-100 bg-gray-50", children: /* @__PURE__ */ M("div", { className: "relative", children: [
-        /* @__PURE__ */ u(ol, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
+      /* @__PURE__ */ u("div", { className: "p-2 border-b border-gray-100 bg-gray-50", children: /* @__PURE__ */ M("div", { className: "relative flex items-center", children: [
+        /* @__PURE__ */ u(ol, { className: "absolute left-3 w-4 h-4 text-gray-400" }),
         /* @__PURE__ */ u(
           "input",
           {
@@ -289,19 +289,19 @@ function al({
           }
         )
       ] }) }),
-      /* @__PURE__ */ u("div", { className: "max-h-60 overflow-y-auto p-1", children: c.length > 0 ? c.map((b) => {
-        const S = P.some((N) => N.value === b.value);
+      /* @__PURE__ */ u("div", { className: "max-h-60 overflow-y-auto p-1", children: c.length > 0 ? c.map((g) => {
+        const S = P.some((N) => N.value === g.value);
         return /* @__PURE__ */ M(
           "div",
           {
-            onClick: () => U(b),
+            onClick: () => U(g),
             className: `px-3 py-2 text-sm rounded cursor-pointer flex items-center justify-between ${S ? "bg-blue-50 text-blue-700" : "hover:bg-gray-100 text-gray-700"}`,
             children: [
-              /* @__PURE__ */ u("span", { children: b.label }),
+              /* @__PURE__ */ u("span", { children: g.label }),
               S && /* @__PURE__ */ u(Ua, { className: "w-4 h-4" })
             ]
           },
-          b.value
+          g.value
         );
       }) : /* @__PURE__ */ u("div", { className: "py-4 text-center text-sm text-gray-500", children: p ? "Loading..." : "No results found" }) })
     ] })
@@ -322,12 +322,12 @@ function ut(e, t = []) {
     const a = d.createContext(i), l = n.length;
     n = [...n, i];
     const c = (p) => {
-      const { scope: g, children: m, ...w } = p, h = g?.[e]?.[l] || a, y = d.useMemo(() => w, Object.values(w));
+      const { scope: b, children: m, ...w } = p, h = b?.[e]?.[l] || a, y = d.useMemo(() => w, Object.values(w));
       return /* @__PURE__ */ u(h.Provider, { value: y, children: m });
     };
     c.displayName = s + "Provider";
-    function f(p, g) {
-      const m = g?.[e]?.[l] || a, w = d.useContext(m);
+    function f(p, b) {
+      const m = b?.[e]?.[l] || a, w = d.useContext(m);
       if (w) return w;
       if (i !== void 0) return i;
       throw new Error(`\`${p}\` must be used within \`${s}\``);
@@ -447,10 +447,10 @@ function as(e) {
     }
   );
   c.displayName = a;
-  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ we(f), m = Pe.forwardRef(
+  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", b = /* @__PURE__ */ we(f), m = Pe.forwardRef(
     (h, y) => {
       const { scope: C, children: E, ...A } = h, x = Pe.useRef(null), T = se(y, x), D = s(f, C);
-      return Pe.useEffect(() => (D.itemMap.set(x, { ref: x, ...A }), () => void D.itemMap.delete(x))), /* @__PURE__ */ u(g, { [p]: "", ref: T, children: E });
+      return Pe.useEffect(() => (D.itemMap.set(x, { ref: x, ...A }), () => void D.itemMap.delete(x))), /* @__PURE__ */ u(b, { [p]: "", ref: T, children: E });
     }
   );
   m.displayName = f;
@@ -533,21 +533,21 @@ var vl = "DismissableLayer", hr = "dismissableLayer.update", yl = "dismissableLa
       onInteractOutside: i,
       onDismiss: a,
       ...l
-    } = e, c = d.useContext(cs), [f, p] = d.useState(null), g = f?.ownerDocument ?? globalThis?.document, [, m] = d.useState({}), w = se(t, (O) => p(O)), h = Array.from(c.layers), [y] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), C = h.indexOf(y), E = f ? h.indexOf(f) : -1, A = c.layersWithOutsidePointerEventsDisabled.size > 0, x = E >= C, T = Cl((O) => {
+    } = e, c = d.useContext(cs), [f, p] = d.useState(null), b = f?.ownerDocument ?? globalThis?.document, [, m] = d.useState({}), w = se(t, (O) => p(O)), h = Array.from(c.layers), [y] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), C = h.indexOf(y), E = f ? h.indexOf(f) : -1, A = c.layersWithOutsidePointerEventsDisabled.size > 0, x = E >= C, T = Cl((O) => {
       const P = O.target, W = [...c.branches].some((H) => H.contains(P));
       !x || W || (o?.(O), i?.(O), O.defaultPrevented || a?.());
-    }, g), D = El((O) => {
+    }, b), D = El((O) => {
       const P = O.target;
       [...c.branches].some((H) => H.contains(P)) || (s?.(O), i?.(O), O.defaultPrevented || a?.());
-    }, g);
+    }, b);
     return bl((O) => {
       E === c.layers.size - 1 && (r?.(O), !O.defaultPrevented && a && (O.preventDefault(), a()));
-    }, g), d.useEffect(() => {
+    }, b), d.useEffect(() => {
       if (f)
-        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (bo = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), vo(), () => {
-          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = bo);
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (bo = b.body.style.pointerEvents, b.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), vo(), () => {
+          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (b.body.style.pointerEvents = bo);
         };
-    }, [f, g, n, c]), d.useEffect(() => () => {
+    }, [f, b, n, c]), d.useEffect(() => () => {
       f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), vo());
     }, [f, c]), d.useEffect(() => {
       const O = () => m({});
@@ -679,7 +679,7 @@ var Al = [
     onMountAutoFocus: o,
     onUnmountAutoFocus: s,
     ...i
-  } = e, [a, l] = d.useState(null), c = Ze(o), f = Ze(s), p = d.useRef(null), g = se(t, (h) => l(h)), m = d.useRef({
+  } = e, [a, l] = d.useState(null), c = Ze(o), f = Ze(s), p = d.useRef(null), b = se(t, (h) => l(h)), m = d.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -736,7 +736,7 @@ var Al = [
     },
     [n, r, m.paused]
   );
-  return /* @__PURE__ */ u(Rl.div, { tabIndex: -1, ...i, ref: g, onKeyDown: w });
+  return /* @__PURE__ */ u(Rl.div, { tabIndex: -1, ...i, ref: b, onKeyDown: w });
 });
 Mr.displayName = Nl;
 function Tl(e, { select: t = !1 } = {}) {
@@ -920,7 +920,7 @@ function Ro(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const s = $e(t), i = Fr(t), a = Lr(i), l = Ye(t), c = s === "y", f = r.x + r.width / 2 - o.width / 2, p = r.y + r.height / 2 - o.height / 2, g = r[a] / 2 - o[a] / 2;
+  const s = $e(t), i = Fr(t), a = Lr(i), l = Ye(t), c = s === "y", f = r.x + r.width / 2 - o.width / 2, p = r.y + r.height / 2 - o.height / 2, b = r[a] / 2 - o[a] / 2;
   let m;
   switch (l) {
     case "top":
@@ -955,10 +955,10 @@ function Ro(e, t, n) {
   }
   switch (Et(t)) {
     case "start":
-      m[i] -= g * (n && c ? -1 : 1);
+      m[i] -= b * (n && c ? -1 : 1);
       break;
     case "end":
-      m[i] += g * (n && c ? -1 : 1);
+      m[i] += b * (n && c ? -1 : 1);
       break;
   }
   return m;
@@ -977,7 +977,7 @@ const Yl = async (e, t, n) => {
   }), {
     x: f,
     y: p
-  } = Ro(c, r, l), g = r, m = {}, w = 0;
+  } = Ro(c, r, l), b = r, m = {}, w = 0;
   for (let h = 0; h < a.length; h++) {
     const {
       name: y,
@@ -991,7 +991,7 @@ const Yl = async (e, t, n) => {
       x: f,
       y: p,
       initialPlacement: r,
-      placement: g,
+      placement: b,
       strategy: o,
       middlewareData: m,
       rects: c,
@@ -1007,19 +1007,19 @@ const Yl = async (e, t, n) => {
         ...m[y],
         ...x
       }
-    }, T && w <= 50 && (w++, typeof T == "object" && (T.placement && (g = T.placement), T.rects && (c = T.rects === !0 ? await i.getElementRects({
+    }, T && w <= 50 && (w++, typeof T == "object" && (T.placement && (b = T.placement), T.rects && (c = T.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: t,
       strategy: o
     }) : T.rects), {
       x: f,
       y: p
-    } = Ro(c, g, l)), h = -1);
+    } = Ro(c, b, l)), h = -1);
   }
   return {
     x: f,
     y: p,
-    placement: g,
+    placement: b,
     strategy: o,
     middlewareData: m
   };
@@ -1038,9 +1038,9 @@ async function Bt(e, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: f = "viewport",
     elementContext: p = "floating",
-    altBoundary: g = !1,
+    altBoundary: b = !1,
     padding: m = 0
-  } = Ge(t, e), w = ps(m), y = a[g ? p === "floating" ? "reference" : "floating" : p], C = bn(await s.getClippingRect({
+  } = Ge(t, e), w = ps(m), y = a[b ? p === "floating" ? "reference" : "floating" : p], C = bn(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(y))) == null || n ? y : y.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: f,
@@ -1087,15 +1087,15 @@ const Kl = (e) => ({
     } = Ge(e, t) || {};
     if (c == null)
       return {};
-    const p = ps(f), g = {
+    const p = ps(f), b = {
       x: n,
       y: r
-    }, m = Fr(o), w = Lr(m), h = await i.getDimensions(c), y = m === "y", C = y ? "top" : "left", E = y ? "bottom" : "right", A = y ? "clientHeight" : "clientWidth", x = s.reference[w] + s.reference[m] - g[m] - s.floating[w], T = g[m] - s.reference[m], D = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c));
+    }, m = Fr(o), w = Lr(m), h = await i.getDimensions(c), y = m === "y", C = y ? "top" : "left", E = y ? "bottom" : "right", A = y ? "clientHeight" : "clientWidth", x = s.reference[w] + s.reference[m] - b[m] - s.floating[w], T = b[m] - s.reference[m], D = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c));
     let O = D ? D[A] : 0;
     (!O || !await (i.isElement == null ? void 0 : i.isElement(D))) && (O = a.floating[A] || s.floating[w]);
-    const P = x / 2 - T / 2, W = O / 2 - h[w] / 2 - 1, H = Qe(p[C], W), U = Qe(p[E], W), V = H, b = O - h[w] - U, S = O / 2 - h[w] / 2 + P, N = gr(V, S, b), k = !l.arrow && Et(o) != null && S !== N && s.reference[w] / 2 - (S < V ? H : U) - h[w] / 2 < 0, _ = k ? S < V ? S - V : S - b : 0;
+    const P = x / 2 - T / 2, W = O / 2 - h[w] / 2 - 1, H = Qe(p[C], W), U = Qe(p[E], W), V = H, g = O - h[w] - U, S = O / 2 - h[w] / 2 + P, N = gr(V, S, g), k = !l.arrow && Et(o) != null && S !== N && s.reference[w] / 2 - (S < V ? H : U) - h[w] / 2 < 0, _ = k ? S < V ? S - V : S - g : 0;
     return {
-      [m]: g[m] + _,
+      [m]: b[m] + _,
       data: {
         [m]: N,
         centerOffset: S - N - _,
@@ -1122,7 +1122,7 @@ const Kl = (e) => ({
       } = t, {
         mainAxis: f = !0,
         crossAxis: p = !0,
-        fallbackPlacements: g,
+        fallbackPlacements: b,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: w = "none",
         flipAlignment: h = !0,
@@ -1130,8 +1130,8 @@ const Kl = (e) => ({
       } = Ge(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const C = Ye(o), E = $e(a), A = Ye(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), T = g || (A || !h ? [gn(a)] : Ul(a)), D = w !== "none";
-      !g && D && T.push(...Vl(a, h, w, x));
+      const C = Ye(o), E = $e(a), A = Ye(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), T = b || (A || !h ? [gn(a)] : Ul(a)), D = w !== "none";
+      !b && D && T.push(...Vl(a, h, w, x));
       const O = [a, ...T], P = await Bt(t, y), W = [];
       let H = ((r = s.flip) == null ? void 0 : r.overflows) || [];
       if (f && W.push(P[C]), p) {
@@ -1160,8 +1160,8 @@ const Kl = (e) => ({
         if (!k)
           switch (m) {
             case "bestFit": {
-              var b;
-              const _ = (b = H.filter((R) => {
+              var g;
+              const _ = (g = H.filter((R) => {
                 if (D) {
                   const K = $e(R.placement);
                   return K === E || // Create a bias to the `y` side axis due to horizontal
@@ -1169,7 +1169,7 @@ const Kl = (e) => ({
                   K === "y";
                 }
                 return !0;
-              }).map((R) => [R.placement, R.overflows.filter((K) => K > 0).reduce((K, te) => K + te, 0)]).sort((R, K) => R[1] - K[1])[0]) == null ? void 0 : b[0];
+              }).map((R) => [R.placement, R.overflows.filter((K) => K > 0).reduce((K, te) => K + te, 0)]).sort((R, K) => R[1] - K[1])[0]) == null ? void 0 : g[0];
               _ && (k = _);
               break;
             }
@@ -1248,7 +1248,7 @@ async function Zl(e, t) {
     elements: o
   } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), i = Ye(n), a = Et(n), l = $e(n) === "y", c = ms.has(i) ? -1 : 1, f = s && l ? -1 : 1, p = Ge(t, e);
   let {
-    mainAxis: g,
+    mainAxis: b,
     crossAxis: m,
     alignmentAxis: w
   } = typeof p == "number" ? {
@@ -1262,9 +1262,9 @@ async function Zl(e, t) {
   };
   return a && typeof w == "number" && (m = a === "end" ? w * -1 : w), l ? {
     x: m * f,
-    y: g * c
+    y: b * c
   } : {
-    x: g * c,
+    x: b * c,
     y: m * f
   };
 }
@@ -1318,10 +1318,10 @@ const Ql = function(e) {
       } = Ge(e, t), c = {
         x: n,
         y: r
-      }, f = await Bt(t, l), p = $e(Ye(o)), g = Dr(p);
-      let m = c[g], w = c[p];
+      }, f = await Bt(t, l), p = $e(Ye(o)), b = Dr(p);
+      let m = c[b], w = c[p];
       if (s) {
-        const y = g === "y" ? "top" : "left", C = g === "y" ? "bottom" : "right", E = m + f[y], A = m - f[C];
+        const y = b === "y" ? "top" : "left", C = b === "y" ? "bottom" : "right", E = m + f[y], A = m - f[C];
         m = gr(E, m, A);
       }
       if (i) {
@@ -1330,7 +1330,7 @@ const Ql = function(e) {
       }
       const h = a.fn({
         ...t,
-        [g]: m,
+        [b]: m,
         [p]: w
       });
       return {
@@ -1339,7 +1339,7 @@ const Ql = function(e) {
           x: h.x - n,
           y: h.y - r,
           enabled: {
-            [g]: s,
+            [b]: s,
             [p]: i
           }
         }
@@ -1363,8 +1363,8 @@ const Ql = function(e) {
       } = Ge(e, t), f = {
         x: n,
         y: r
-      }, p = $e(o), g = Dr(p);
-      let m = f[g], w = f[p];
+      }, p = $e(o), b = Dr(p);
+      let m = f[b], w = f[p];
       const h = Ge(a, t), y = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
@@ -1374,16 +1374,16 @@ const Ql = function(e) {
         ...h
       };
       if (l) {
-        const A = g === "y" ? "height" : "width", x = s.reference[g] - s.floating[A] + y.mainAxis, T = s.reference[g] + s.reference[A] - y.mainAxis;
+        const A = b === "y" ? "height" : "width", x = s.reference[b] - s.floating[A] + y.mainAxis, T = s.reference[b] + s.reference[A] - y.mainAxis;
         m < x ? m = x : m > T && (m = T);
       }
       if (c) {
         var C, E;
-        const A = g === "y" ? "width" : "height", x = ms.has(Ye(o)), T = s.reference[p] - s.floating[A] + (x && ((C = i.offset) == null ? void 0 : C[p]) || 0) + (x ? 0 : y.crossAxis), D = s.reference[p] + s.reference[A] + (x ? 0 : ((E = i.offset) == null ? void 0 : E[p]) || 0) - (x ? y.crossAxis : 0);
+        const A = b === "y" ? "width" : "height", x = ms.has(Ye(o)), T = s.reference[p] - s.floating[A] + (x && ((C = i.offset) == null ? void 0 : C[p]) || 0) + (x ? 0 : y.crossAxis), D = s.reference[p] + s.reference[A] + (x ? 0 : ((E = i.offset) == null ? void 0 : E[p]) || 0) - (x ? y.crossAxis : 0);
         w < T ? w = T : w > D && (w = D);
       }
       return {
-        [g]: m,
+        [b]: m,
         [p]: w
       };
     }
@@ -1403,17 +1403,17 @@ const Ql = function(e) {
         apply: l = () => {
         },
         ...c
-      } = Ge(e, t), f = await Bt(t, c), p = Ye(o), g = Et(o), m = $e(o) === "y", {
+      } = Ge(e, t), f = await Bt(t, c), p = Ye(o), b = Et(o), m = $e(o) === "y", {
         width: w,
         height: h
       } = s.floating;
       let y, C;
-      p === "top" || p === "bottom" ? (y = p, C = g === (await (i.isRTL == null ? void 0 : i.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (C = p, y = g === "end" ? "top" : "bottom");
+      p === "top" || p === "bottom" ? (y = p, C = b === (await (i.isRTL == null ? void 0 : i.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (C = p, y = b === "end" ? "top" : "bottom");
       const E = h - f.top - f.bottom, A = w - f.left - f.right, x = Qe(h - f[y], E), T = Qe(w - f[C], A), D = !t.middlewareData.shift;
       let O = x, P = T;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (P = A), (r = t.middlewareData.shift) != null && r.enabled.y && (O = E), D && !g) {
-        const H = xe(f.left, 0), U = xe(f.right, 0), V = xe(f.top, 0), b = xe(f.bottom, 0);
-        m ? P = w - 2 * (H !== 0 || U !== 0 ? H + U : xe(f.left, f.right)) : O = h - 2 * (V !== 0 || b !== 0 ? V + b : xe(f.top, f.bottom));
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (P = A), (r = t.middlewareData.shift) != null && r.enabled.y && (O = E), D && !b) {
+        const H = xe(f.left, 0), U = xe(f.right, 0), V = xe(f.top, 0), g = xe(f.bottom, 0);
+        m ? P = w - 2 * (H !== 0 || U !== 0 ? H + U : xe(f.left, f.right)) : O = h - 2 * (V !== 0 || g !== 0 ? V + g : xe(f.top, f.bottom));
       }
       await l({
         ...t,
@@ -1590,8 +1590,8 @@ function at(e, t, n, r) {
   const a = fc(s, n, r) ? vs(s) : ze(0);
   let l = (o.left + a.x) / i.x, c = (o.top + a.y) / i.y, f = o.width / i.x, p = o.height / i.y;
   if (s) {
-    const g = Se(s), m = r && _e(r) ? Se(r) : r;
-    let w = g, h = vr(w);
+    const b = Se(s), m = r && _e(r) ? Se(r) : r;
+    let w = b, h = vr(w);
     for (; h && r && m !== w; ) {
       const y = wt(h), C = h.getBoundingClientRect(), E = Oe(h), A = C.left + (h.clientLeft + parseFloat(E.paddingLeft)) * y.x, x = C.top + (h.clientTop + parseFloat(E.paddingTop)) * y.y;
       l *= y.x, c *= y.y, f *= y.x, p *= y.y, l += A, c += x, w = Se(h), h = vr(w);
@@ -1634,12 +1634,12 @@ function pc(e) {
     const m = at(r);
     c = wt(r), f.x = m.x + r.clientLeft, f.y = m.y + r.clientTop;
   }
-  const g = i && !p && !s ? ys(i, l) : ze(0);
+  const b = i && !p && !s ? ys(i, l) : ze(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - l.scrollLeft * c.x + f.x + g.x,
-    y: n.y * c.y - l.scrollTop * c.y + f.y + g.y
+    x: n.x * c.x - l.scrollLeft * c.x + f.x + b.x,
+    y: n.y * c.y - l.scrollTop * c.y + f.y + b.y
   };
 }
 function mc(e) {
@@ -1667,7 +1667,7 @@ function gc(e, t) {
   }
   const c = Rn(r);
   if (c <= 0) {
-    const f = r.ownerDocument, p = f.body, g = getComputedStyle(p), m = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, w = Math.abs(r.clientWidth - p.clientWidth - m);
+    const f = r.ownerDocument, p = f.body, b = getComputedStyle(p), m = f.compatMode === "CSS1Compat" && parseFloat(b.marginLeft) + parseFloat(b.marginRight) || 0, w = Math.abs(r.clientWidth - p.clientWidth - m);
     w <= Po && (s -= w);
   } else c <= Po && (s += c);
   return {
@@ -1767,10 +1767,10 @@ function Sc(e, t, n) {
       l.x = m.x + t.clientLeft, l.y = m.y + t.clientTop;
     } else o && c();
   s && !r && o && c();
-  const f = o && !r && !s ? ys(o, a) : ze(0), p = i.left + a.scrollLeft - l.x - f.x, g = i.top + a.scrollTop - l.y - f.y;
+  const f = o && !r && !s ? ys(o, a) : ze(0), p = i.left + a.scrollLeft - l.x - f.x, b = i.top + a.scrollTop - l.y - f.y;
   return {
     x: p,
-    y: g,
+    y: b,
     width: i.width,
     height: i.height
   };
@@ -1846,12 +1846,12 @@ function Rc(e, t) {
     const c = e.getBoundingClientRect(), {
       left: f,
       top: p,
-      width: g,
+      width: b,
       height: m
     } = c;
-    if (a || t(), !g || !m)
+    if (a || t(), !b || !m)
       return;
-    const w = Jt(p), h = Jt(o.clientWidth - (f + g)), y = Jt(o.clientHeight - (p + m)), C = Jt(f), A = {
+    const w = Jt(p), h = Jt(o.clientWidth - (f + b)), y = Jt(o.clientHeight - (p + m)), C = Jt(f), A = {
       rootMargin: -w + "px " + -h + "px " + -y + "px " + -C + "px",
       threshold: xe(0, Qe(1, l)) || 1
     };
@@ -1895,10 +1895,10 @@ function Nc(e, t, n, r) {
     }), s && C.addEventListener("resize", n);
   });
   const p = c && a ? Rc(c, n) : null;
-  let g = -1, m = null;
+  let b = -1, m = null;
   i && (m = new ResizeObserver((C) => {
     let [E] = C;
-    E && E.target === c && m && (m.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+    E && E.target === c && m && (m.unobserve(t), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
       var A;
       (A = m) == null || A.observe(t);
     })), n();
@@ -1995,19 +1995,19 @@ function Fc(e) {
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [g, m] = d.useState(r);
-  vn(g, r) || m(r);
+  }), [b, m] = d.useState(r);
+  vn(b, r) || m(r);
   const [w, h] = d.useState(null), [y, C] = d.useState(null), E = d.useCallback((R) => {
     R !== D.current && (D.current = R, h(R));
   }, []), A = d.useCallback((R) => {
     R !== O.current && (O.current = R, C(R));
-  }, []), x = s || w, T = i || y, D = d.useRef(null), O = d.useRef(null), P = d.useRef(f), W = l != null, H = Jn(l), U = Jn(o), V = Jn(c), b = d.useCallback(() => {
+  }, []), x = s || w, T = i || y, D = d.useRef(null), O = d.useRef(null), P = d.useRef(f), W = l != null, H = Jn(l), U = Jn(o), V = Jn(c), g = d.useCallback(() => {
     if (!D.current || !O.current)
       return;
     const R = {
       placement: t,
       strategy: n,
-      middleware: g
+      middleware: b
     };
     U.current && (R.platform = U.current), Mc(D.current, O.current, R).then((K) => {
       const te = {
@@ -2022,7 +2022,7 @@ function Fc(e) {
         p(te);
       }));
     });
-  }, [g, t, n, U, V]);
+  }, [b, t, n, U, V]);
   un(() => {
     c === !1 && P.current.isPositioned && (P.current.isPositioned = !1, p((R) => ({
       ...R,
@@ -2035,10 +2035,10 @@ function Fc(e) {
   }), []), un(() => {
     if (x && (D.current = x), T && (O.current = T), x && T) {
       if (H.current)
-        return H.current(x, T, b);
-      b();
+        return H.current(x, T, g);
+      g();
     }
-  }, [x, T, b, H, W]);
+  }, [x, T, g, H, W]);
   const N = d.useMemo(() => ({
     reference: D,
     floating: O,
@@ -2070,11 +2070,11 @@ function Fc(e) {
   }, [n, a, k.floating, f.x, f.y]);
   return d.useMemo(() => ({
     ...f,
-    update: b,
+    update: g,
     refs: N,
     elements: k,
     floatingStyles: _
-  }), [f, b, N, k, _]);
+  }), [f, g, N, k, _]);
 }
 const $c = (e) => {
   function t(n) {
@@ -2234,11 +2234,11 @@ var Wr = "PopperContent", [Qc, Jc] = Ns(Wr), Os = d.forwardRef(
       collisionBoundary: c = [],
       collisionPadding: f = 0,
       sticky: p = "partial",
-      hideWhenDetached: g = !1,
+      hideWhenDetached: b = !1,
       updatePositionStrategy: m = "optimized",
       onPlaced: w,
       ...h
-    } = e, y = Ts(Wr, n), [C, E] = d.useState(null), A = se(t, (L) => E(L)), [x, T] = d.useState(null), D = Rs(x), O = D?.width ?? 0, P = D?.height ?? 0, W = r + (s !== "center" ? "-" + s : ""), H = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, U = Array.isArray(c) ? c : [c], V = U.length > 0, b = {
+    } = e, y = Ts(Wr, n), [C, E] = d.useState(null), A = se(t, (L) => E(L)), [x, T] = d.useState(null), D = Rs(x), O = D?.width ?? 0, P = D?.height ?? 0, W = r + (s !== "center" ? "-" + s : ""), H = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, U = Array.isArray(c) ? c : [c], V = U.length > 0, g = {
       padding: H,
       boundary: U.filter(tu),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -2259,11 +2259,11 @@ var Wr = "PopperContent", [Qc, Jc] = Ns(Wr), Os = d.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: p === "partial" ? Uc() : void 0,
-          ...b
+          ...g
         }),
-        l && Wc({ ...b }),
+        l && Wc({ ...g }),
         Hc({
-          ...b,
+          ...g,
           apply: ({ elements: L, rects: J, availableWidth: ie, availableHeight: q }) => {
             const { width: ee, height: ne } = J.reference, le = L.floating.style;
             le.setProperty("--radix-popper-available-width", `${ie}px`), le.setProperty("--radix-popper-available-height", `${q}px`), le.setProperty("--radix-popper-anchor-width", `${ee}px`), le.setProperty("--radix-popper-anchor-height", `${ne}px`);
@@ -2271,7 +2271,7 @@ var Wr = "PopperContent", [Qc, Jc] = Ns(Wr), Os = d.forwardRef(
         }),
         x && Vc({ element: x, padding: a }),
         nu({ arrowWidth: O, arrowHeight: P }),
-        g && jc({ strategy: "referenceHidden", ...b })
+        b && jc({ strategy: "referenceHidden", ...g })
       ]
     }), [K, te] = Ds(k), j = Ze(w);
     he(() => {
@@ -2393,9 +2393,9 @@ var nu = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    const { placement: n, rects: r, middlewareData: o } = t, i = o.arrow?.centerOffset !== 0, a = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [c, f] = Ds(n), p = { start: "0%", center: "50%", end: "100%" }[f], g = (o.arrow?.x ?? 0) + a / 2, m = (o.arrow?.y ?? 0) + l / 2;
+    const { placement: n, rects: r, middlewareData: o } = t, i = o.arrow?.centerOffset !== 0, a = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [c, f] = Ds(n), p = { start: "0%", center: "50%", end: "100%" }[f], b = (o.arrow?.x ?? 0) + a / 2, m = (o.arrow?.y ?? 0) + l / 2;
     let w = "", h = "";
-    return c === "bottom" ? (w = i ? p : `${g}px`, h = `${-l}px`) : c === "top" ? (w = i ? p : `${g}px`, h = `${r.floating.height + l}px`) : c === "right" ? (w = `${-l}px`, h = i ? p : `${m}px`) : c === "left" && (w = `${r.floating.width + l}px`, h = i ? p : `${m}px`), { data: { x: w, y: h } };
+    return c === "bottom" ? (w = i ? p : `${b}px`, h = `${-l}px`) : c === "top" ? (w = i ? p : `${b}px`, h = `${r.floating.height + l}px`) : c === "right" ? (w = `${-l}px`, h = i ? p : `${m}px`) : c === "left" && (w = `${r.floating.width + l}px`, h = i ? p : `${m}px`), { data: { x: w, y: h } };
   }
 });
 function Ds(e) {
@@ -2579,22 +2579,22 @@ var mu = function(e) {
   };
   o.forEach(c);
   var f = function(p) {
-    !p || l.has(p) || Array.prototype.forEach.call(p.children, function(g) {
-      if (a.has(g))
-        f(g);
+    !p || l.has(p) || Array.prototype.forEach.call(p.children, function(b) {
+      if (a.has(b))
+        f(b);
       else
         try {
-          var m = g.getAttribute(r), w = m !== null && m !== "false", h = (gt.get(g) || 0) + 1, y = (s.get(g) || 0) + 1;
-          gt.set(g, h), s.set(g, y), i.push(g), h === 1 && w && en.set(g, !0), y === 1 && g.setAttribute(n, "true"), w || g.setAttribute(r, "true");
+          var m = b.getAttribute(r), w = m !== null && m !== "false", h = (gt.get(b) || 0) + 1, y = (s.get(b) || 0) + 1;
+          gt.set(b, h), s.set(b, y), i.push(b), h === 1 && w && en.set(b, !0), y === 1 && b.setAttribute(n, "true"), w || b.setAttribute(r, "true");
         } catch (C) {
-          console.error("aria-hidden: cannot operate on ", g, C);
+          console.error("aria-hidden: cannot operate on ", b, C);
         }
     });
   };
   return f(t), a.clear(), er++, function() {
     i.forEach(function(p) {
-      var g = gt.get(p) - 1, m = s.get(p) - 1;
-      gt.set(p, g), s.set(p, m), g || (en.has(p) || p.removeAttribute(r), en.delete(p)), m || p.removeAttribute(n);
+      var b = gt.get(p) - 1, m = s.get(p) - 1;
+      gt.set(p, b), s.set(p, m), b || (en.has(p) || p.removeAttribute(r), en.delete(p)), m || p.removeAttribute(n);
     }), er--, er || (gt = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), en = /* @__PURE__ */ new WeakMap(), tn = {});
   };
 }, Ws = function(e, t, n) {
@@ -2752,7 +2752,7 @@ var Vs = Au(), nr = function() {
     onScrollCapture: nr,
     onWheelCapture: nr,
     onTouchMoveCapture: nr
-  }), o = r[0], s = r[1], i = e.forwardProps, a = e.children, l = e.className, c = e.removeScrollBar, f = e.enabled, p = e.shards, g = e.sideCar, m = e.noRelative, w = e.noIsolation, h = e.inert, y = e.allowPinchZoom, C = e.as, E = C === void 0 ? "div" : C, A = e.gapMode, x = Hs(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), T = g, D = Su([n, t]), O = Fe(Fe({}, x), o);
+  }), o = r[0], s = r[1], i = e.forwardProps, a = e.children, l = e.className, c = e.removeScrollBar, f = e.enabled, p = e.shards, b = e.sideCar, m = e.noRelative, w = e.noIsolation, h = e.inert, y = e.allowPinchZoom, C = e.as, E = C === void 0 ? "div" : C, A = e.gapMode, x = Hs(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), T = b, D = Su([n, t]), O = Fe(Fe({}, x), o);
   return d.createElement(
     d.Fragment,
     null,
@@ -2955,12 +2955,12 @@ var bt = yr ? { passive: !1 } : !1, Bu = function(e) {
 }, Vu = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, Gu = function(e, t, n, r, o) {
-  var s = Vu(e, window.getComputedStyle(t).direction), i = s * r, a = n.target, l = t.contains(a), c = !1, f = i > 0, p = 0, g = 0;
+  var s = Vu(e, window.getComputedStyle(t).direction), i = s * r, a = n.target, l = t.contains(a), c = !1, f = i > 0, p = 0, b = 0;
   do {
     if (!a)
       break;
     var m = Xs(e, a), w = m[0], h = m[1], y = m[2], C = h - y - s * w;
-    (w || C) && Ks(e, a) && (p += C, g += w);
+    (w || C) && Ks(e, a) && (p += C, b += w);
     var E = a.parentNode;
     a = E && E.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? E.host : E;
   } while (
@@ -2968,7 +2968,7 @@ var bt = yr ? { passive: !1 } : !1, Bu = function(e) {
     !l && a !== document.body || // self content
     l && (t.contains(a) || t === a)
   );
-  return (f && Math.abs(p) < 1 || !f && Math.abs(g) < 1) && (c = !0), c;
+  return (f && Math.abs(p) < 1 || !f && Math.abs(b) < 1) && (c = !0), c;
 }, rn = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, $o = function(e) {
@@ -3043,14 +3043,14 @@ function qu(e) {
     n.current = rn(h), r.current = void 0;
   }, []), p = d.useCallback(function(h) {
     c(h.type, $o(h), h.target, a(h, e.lockRef.current));
-  }, []), g = d.useCallback(function(h) {
+  }, []), b = d.useCallback(function(h) {
     c(h.type, rn(h), h.target, a(h, e.lockRef.current));
   }, []);
   d.useEffect(function() {
     return vt.push(s), e.setCallbacks({
       onScrollCapture: p,
       onWheelCapture: p,
-      onTouchMoveCapture: g
+      onTouchMoveCapture: b
     }), document.addEventListener("wheel", l, bt), document.addEventListener("touchmove", l, bt), document.addEventListener("touchstart", f, bt), function() {
       vt = vt.filter(function(h) {
         return h !== s;
@@ -3091,7 +3091,7 @@ var Ju = [" ", "Enter", "ArrowUp", "ArrowDown"], ed = [" ", "Enter"], lt = "Sele
     dir: c,
     name: f,
     autoComplete: p,
-    disabled: g,
+    disabled: b,
     required: m,
     form: w
   } = e, h = _n(t), [y, C] = d.useState(null), [E, A] = d.useState(null), [x, T] = d.useState(!1), D = Or(c), [O, P] = Wt({
@@ -3104,7 +3104,7 @@ var Ju = [" ", "Enter", "ArrowUp", "ArrowDown"], ed = [" ", "Enter"], lt = "Sele
     defaultProp: a,
     onChange: l,
     caller: lt
-  }), U = d.useRef(null), V = y ? w || !!y.closest("form") : !0, [b, S] = d.useState(/* @__PURE__ */ new Set()), N = Array.from(b).map((k) => k.props.value).join(";");
+  }), U = d.useRef(null), V = y ? w || !!y.closest("form") : !0, [g, S] = d.useState(/* @__PURE__ */ new Set()), N = Array.from(g).map((k) => k.props.value).join(";");
   return /* @__PURE__ */ u(Ls, { ...h, children: /* @__PURE__ */ M(
     nd,
     {
@@ -3123,7 +3123,7 @@ var Ju = [" ", "Enter", "ArrowUp", "ArrowDown"], ed = [" ", "Enter"], lt = "Sele
       onOpenChange: P,
       dir: D,
       triggerPointerDownPosRef: U,
-      disabled: g,
+      disabled: b,
       children: [
         /* @__PURE__ */ u(kn.Provider, { scope: t, children: /* @__PURE__ */ u(
           rd,
@@ -3151,11 +3151,11 @@ var Ju = [" ", "Enter", "ArrowUp", "ArrowDown"], ed = [" ", "Enter"], lt = "Sele
             autoComplete: p,
             value: W,
             onChange: (k) => H(k.target.value),
-            disabled: g,
+            disabled: b,
             form: w,
             children: [
               W === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
-              Array.from(b)
+              Array.from(g)
             ]
           },
           N
@@ -3167,7 +3167,7 @@ var Ju = [" ", "Enter", "ArrowUp", "ArrowDown"], ed = [" ", "Enter"], lt = "Sele
 qs.displayName = lt;
 var Zs = "SelectTrigger", Qs = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = _n(n), i = et(Zs, n), a = i.disabled || r, l = se(t, i.onTriggerChange), c = Pn(n), f = d.useRef("touch"), [p, g, m] = Si((h) => {
+    const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = _n(n), i = et(Zs, n), a = i.disabled || r, l = se(t, i.onTriggerChange), c = Pn(n), f = d.useRef("touch"), [p, b, m] = Si((h) => {
       const y = c().filter((A) => !A.disabled), C = y.find((A) => A.value === i.value), E = Ci(y, h, C);
       E !== void 0 && i.onValueChange(E.value);
     }), w = (h) => {
@@ -3202,7 +3202,7 @@ var Zs = "SelectTrigger", Qs = d.forwardRef(
         }),
         onKeyDown: Z(o.onKeyDown, (h) => {
           const y = p.current !== "";
-          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && g(h.key), !(y && h.key === " ") && Ju.includes(h.key) && (w(), h.preventDefault());
+          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && b(h.key), !(y && h.key === " ") && Ju.includes(h.key) && (w(), h.preventDefault());
         })
       }
     ) });
@@ -3266,7 +3266,7 @@ var Te = 10, [oi, tt] = Rt(ct), ad = "SelectContentImpl", ld = /* @__PURE__ */ w
       align: c,
       alignOffset: f,
       arrowPadding: p,
-      collisionBoundary: g,
+      collisionBoundary: b,
       collisionPadding: m,
       sticky: w,
       hideWhenDetached: h,
@@ -3275,7 +3275,7 @@ var Te = 10, [oi, tt] = Rt(ct), ad = "SelectContentImpl", ld = /* @__PURE__ */ w
       ...C
     } = e, E = et(ct, n), [A, x] = d.useState(null), [T, D] = d.useState(null), O = se(t, (L) => x(L)), [P, W] = d.useState(null), [H, U] = d.useState(
       null
-    ), V = Pn(n), [b, S] = d.useState(!1), N = d.useRef(!1);
+    ), V = Pn(n), [g, S] = d.useState(!1), N = d.useRef(!1);
     d.useEffect(() => {
       if (A) return Ws(A);
     }, [A]), ds();
@@ -3291,8 +3291,8 @@ var Te = 10, [oi, tt] = Rt(ct), ad = "SelectContentImpl", ld = /* @__PURE__ */ w
       [k, P, A]
     );
     d.useEffect(() => {
-      b && _();
-    }, [b, _]);
+      g && _();
+    }, [g, _]);
     const { onOpenChange: R, triggerPointerDownPosRef: K } = E;
     d.useEffect(() => {
       if (A) {
@@ -3336,7 +3336,7 @@ var Te = 10, [oi, tt] = Rt(ct), ad = "SelectContentImpl", ld = /* @__PURE__ */ w
       align: c,
       alignOffset: f,
       arrowPadding: p,
-      collisionBoundary: g,
+      collisionBoundary: b,
       collisionPadding: m,
       sticky: w,
       hideWhenDetached: h,
@@ -3356,7 +3356,7 @@ var Te = 10, [oi, tt] = Rt(ct), ad = "SelectContentImpl", ld = /* @__PURE__ */ w
         focusSelectedItem: _,
         selectedItemText: H,
         position: r,
-        isPositioned: b,
+        isPositioned: g,
         searchRef: te,
         children: /* @__PURE__ */ u(Vr, { as: ld, allowPinchZoom: !0, children: /* @__PURE__ */ u(
           Mr,
@@ -3421,7 +3421,7 @@ var Te = 10, [oi, tt] = Rt(ct), ad = "SelectContentImpl", ld = /* @__PURE__ */ w
 );
 si.displayName = ad;
 var cd = "SelectItemAlignedPosition", ii = d.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: r, ...o } = e, s = et(ct, n), i = tt(ct, n), [a, l] = d.useState(null), [c, f] = d.useState(null), p = se(t, (O) => f(O)), g = Pn(n), m = d.useRef(!1), w = d.useRef(!0), { viewport: h, selectedItem: y, selectedItemText: C, focusSelectedItem: E } = i, A = d.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: r, ...o } = e, s = et(ct, n), i = tt(ct, n), [a, l] = d.useState(null), [c, f] = d.useState(null), p = se(t, (O) => f(O)), b = Pn(n), m = d.useRef(!1), w = d.useRef(!0), { viewport: h, selectedItem: y, selectedItemText: C, focusSelectedItem: E } = i, A = d.useCallback(() => {
     if (s.trigger && s.valueNode && a && c && h && y && C) {
       const O = s.trigger.getBoundingClientRect(), P = c.getBoundingClientRect(), W = s.valueNode.getBoundingClientRect(), H = C.getBoundingClientRect();
       if (s.dir !== "rtl") {
@@ -3442,7 +3442,7 @@ var cd = "SelectItemAlignedPosition", ii = d.forwardRef((e, t) => {
         ]);
         a.style.minWidth = Ae + "px", a.style.right = ot + "px";
       }
-      const U = g(), V = window.innerHeight - Te * 2, b = h.scrollHeight, S = window.getComputedStyle(c), N = parseInt(S.borderTopWidth, 10), k = parseInt(S.paddingTop, 10), _ = parseInt(S.borderBottomWidth, 10), R = parseInt(S.paddingBottom, 10), K = N + k + b + R + _, te = Math.min(y.offsetHeight * 5, K), j = window.getComputedStyle(h), Ee = parseInt(j.paddingTop, 10), G = parseInt(j.paddingBottom, 10), re = O.top + O.height / 2 - Te, Q = V - re, pe = y.offsetHeight / 2, L = y.offsetTop + pe, J = N + k + L, ie = K - J;
+      const U = b(), V = window.innerHeight - Te * 2, g = h.scrollHeight, S = window.getComputedStyle(c), N = parseInt(S.borderTopWidth, 10), k = parseInt(S.paddingTop, 10), _ = parseInt(S.borderBottomWidth, 10), R = parseInt(S.paddingBottom, 10), K = N + k + g + R + _, te = Math.min(y.offsetHeight * 5, K), j = window.getComputedStyle(h), Ee = parseInt(j.paddingTop, 10), G = parseInt(j.paddingBottom, 10), re = O.top + O.height / 2 - Te, Q = V - re, pe = y.offsetHeight / 2, L = y.offsetTop + pe, J = N + k + L, ie = K - J;
       if (J <= re) {
         const ee = U.length > 0 && y === U[U.length - 1].ref.current;
         a.style.bottom = "0px";
@@ -3465,7 +3465,7 @@ var cd = "SelectItemAlignedPosition", ii = d.forwardRef((e, t) => {
       a.style.margin = `${Te}px 0`, a.style.minHeight = te + "px", a.style.maxHeight = V + "px", r?.(), requestAnimationFrame(() => m.current = !0);
     }
   }, [
-    g,
+    b,
     s.trigger,
     s.valueNode,
     a,
@@ -3588,8 +3588,8 @@ var [dd, Gr] = Rt(ct, {}), xr = "SelectViewport", ai = d.forwardRef(
             ...o.style
           },
           onScroll: Z(o.onScroll, (c) => {
-            const f = c.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: g } = i;
-            if (g?.current && p) {
+            const f = c.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: b } = i;
+            if (b?.current && p) {
               const m = Math.abs(l.current - f.scrollTop);
               if (m > 0) {
                 const w = window.innerHeight - Te * 2, h = parseFloat(p.style.minHeight), y = parseFloat(p.style.height), C = Math.max(h, y);
@@ -3629,7 +3629,7 @@ var yn = "SelectItem", [md, fi] = Rt(yn), pi = d.forwardRef(
       disabled: o = !1,
       textValue: s,
       ...i
-    } = e, a = et(yn, n), l = tt(yn, n), c = a.value === r, [f, p] = d.useState(s ?? ""), [g, m] = d.useState(!1), w = se(
+    } = e, a = et(yn, n), l = tt(yn, n), c = a.value === r, [f, p] = d.useState(s ?? ""), [b, m] = d.useState(!1), w = se(
       t,
       (E) => l.itemRefCallback?.(E, r, o)
     ), h = Ht(), y = d.useRef("touch"), C = () => {
@@ -3662,8 +3662,8 @@ var yn = "SelectItem", [md, fi] = Rt(yn), pi = d.forwardRef(
               {
                 role: "option",
                 "aria-labelledby": h,
-                "data-highlighted": g ? "" : void 0,
-                "aria-selected": c && g,
+                "data-highlighted": b ? "" : void 0,
+                "aria-selected": c && b,
                 "data-state": c ? "checked" : "unchecked",
                 "aria-disabled": o || void 0,
                 "data-disabled": o ? "" : void 0,
@@ -3701,7 +3701,7 @@ var yn = "SelectItem", [md, fi] = Rt(yn), pi = d.forwardRef(
 pi.displayName = yn;
 var Ft = "SelectItemText", mi = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, ...s } = e, i = et(Ft, n), a = tt(Ft, n), l = fi(Ft, n), c = od(Ft, n), [f, p] = d.useState(null), g = se(
+    const { __scopeSelect: n, className: r, style: o, ...s } = e, i = et(Ft, n), a = tt(Ft, n), l = fi(Ft, n), c = od(Ft, n), [f, p] = d.useState(null), b = se(
       t,
       (C) => p(C),
       l.onItemTextChange,
@@ -3711,7 +3711,7 @@ var Ft = "SelectItemText", mi = d.forwardRef(
       [l.disabled, l.value, m]
     ), { onNativeOptionAdd: h, onNativeOptionRemove: y } = c;
     return he(() => (h(w), () => y(w)), [h, y, w]), /* @__PURE__ */ M(Ke, { children: [
-      /* @__PURE__ */ u(Ce.span, { id: l.textId, ...s, ref: g }),
+      /* @__PURE__ */ u(Ce.span, { id: l.textId, ...s, ref: b }),
       l.isSelected && i.valueNode && !i.valueNodeHasChildren ? Sn.createPortal(s.children, i.valueNode) : null
     ] });
   }
@@ -4175,7 +4175,7 @@ function Ni() {
     NodeFilter: c,
     NamedNodeMap: f = e.NamedNodeMap || e.MozNamedAttrMap,
     HTMLFormElement: p,
-    DOMParser: g,
+    DOMParser: b,
     trustedTypes: m
   } = e, w = l.prototype, h = Mt(w, "cloneNode"), y = Mt(w, "remove"), C = Mt(w, "nextSibling"), E = Mt(w, "childNodes"), A = Mt(w, "parentNode");
   if (typeof i == "function") {
@@ -4195,7 +4195,7 @@ function Ni() {
   t.isSupported = typeof Ei == "function" && typeof A == "function" && D && D.createHTMLDocument !== void 0;
   const {
     MUSTACHE_EXPR: V,
-    ERB_EXPR: b,
+    ERB_EXPR: g,
     TMPLIT_EXPR: S,
     DATA_ATTR: N,
     ARIA_ATTR: k,
@@ -4326,7 +4326,7 @@ function Ni() {
     const oe = x ? x.createHTML(v) : v;
     if (pt === We)
       try {
-        I = new g().parseFromString(oe, Pt);
+        I = new b().parseFromString(oe, Pt);
       } catch {
       }
     if (!I || !I.documentElement) {
@@ -4381,7 +4381,7 @@ function Ni() {
       }
       return De(v), !0;
     }
-    return v instanceof l && !Aa(v) || (z === "noscript" || z === "noembed" || z === "noframes") && ge(/<\/no(script|embed|frames)/i, v.innerHTML) ? (De(v), !0) : (le && v.nodeType === Dt.text && (I = v.textContent, on([V, b, S], (oe) => {
+    return v instanceof l && !Aa(v) || (z === "noscript" || z === "noembed" || z === "noframes") && ge(/<\/no(script|embed|frames)/i, v.innerHTML) ? (De(v), !0) : (le && v.nodeType === Dt.text && (I = v.textContent, on([V, g, S], (oe) => {
       I = Ot(I, oe, " ");
     }), v.textContent !== I && (_t(t.removed, {
       element: v.cloneNode()
@@ -4457,7 +4457,7 @@ function Ni() {
         st(ae, v);
         continue;
       }
-      le && on([V, b, S], (po) => {
+      le && on([V, g, S], (po) => {
         fe = Ot(fe, po, " ");
       });
       const fo = ce(v.nodeName);
@@ -4532,7 +4532,7 @@ function Ni() {
     }
     let ye = Ne ? I.outerHTML : I.innerHTML;
     return Ne && j["!doctype"] && I.ownerDocument && I.ownerDocument.doctype && I.ownerDocument.doctype.name && ge(Ri, I.ownerDocument.doctype.name) && (ye = "<!DOCTYPE " + I.ownerDocument.doctype.name + `>
-` + ye), le && on([V, b, S], (je) => {
+` + ye), le && on([V, g, S], (je) => {
       ye = Ot(ye, je, " ");
     }), x && Kt ? x.createHTML(ye) : ye;
   }, t.setConfig = function() {
@@ -4579,16 +4579,16 @@ function sf({ field: e, formValues: t, disabled: n }) {
 function af({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o }) {
   const s = typeof e.disabled == "function" ? e.disabled(t) : e.disabled, i = e.options || [], a = e.inline || e.layout === "inline";
   if (i.length > 0) {
-    const l = Array.isArray(t[e.name]) ? t[e.name] : [], c = (p, g) => {
+    const l = Array.isArray(t[e.name]) ? t[e.name] : [], c = (p, b) => {
       let m;
-      g ? m = [...l, p] : m = l.filter((w) => w !== p), n(e.name, m);
+      b ? m = [...l, p] : m = l.filter((w) => w !== p), n(e.name, m);
     }, f = o && e.required && l.length === 0;
     return /* @__PURE__ */ u(Ke, { children: /* @__PURE__ */ u(
       "div",
       {
         className: a ? "grid grid-cols-4 gap-3 mt-3" : "space-y-3 mt-3",
         children: i.map((p) => {
-          const g = typeof p == "object" ? p.value : p, m = typeof p == "object" ? p.label : p, w = typeof p == "object" ? p.description : null, h = `${e.name}-${g}`, y = l.includes(g);
+          const b = typeof p == "object" ? p.value : p, m = typeof p == "object" ? p.label : p, w = typeof p == "object" ? p.description : null, h = `${e.name}-${b}`, y = l.includes(b);
           return /* @__PURE__ */ M("div", { className: "relative flex items-start", children: [
             /* @__PURE__ */ u("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ u(
               "input",
@@ -4597,7 +4597,7 @@ function af({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 type: "checkbox",
                 id: h,
                 checked: y,
-                onChange: (C) => c(g, C.target.checked),
+                onChange: (C) => c(b, C.target.checked),
                 onBlur: () => r(e.name),
                 disabled: s,
                 className: `
@@ -4628,7 +4628,7 @@ function af({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 }
               )
             ] })
-          ] }, g);
+          ] }, b);
         })
       }
     ) });
@@ -4681,8 +4681,8 @@ function cf(e) {
   }, [a]), he(() => {
     const c = r.current, f = o.current;
     if (f !== e) {
-      const g = s.current, m = an(c);
-      e ? l("MOUNT") : m === "none" || c?.display === "none" ? l("UNMOUNT") : l(f && g !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+      const b = s.current, m = an(c);
+      e ? l("MOUNT") : m === "none" || c?.display === "none" ? l("UNMOUNT") : l(f && b !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, l]), he(() => {
     if (t) {
@@ -4695,11 +4695,11 @@ function cf(e) {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
           });
         }
-      }, g = (m) => {
+      }, b = (m) => {
         m.target === t && (s.current = an(r.current));
       };
-      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
-        f.clearTimeout(c), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
+      return t.addEventListener("animationstart", b), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
+        f.clearTimeout(c), t.removeEventListener("animationstart", b), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
       };
     } else
       l("ANIMATION_END");
@@ -4751,7 +4751,7 @@ var df = [
     defaultOpen: o,
     onOpenChange: s,
     modal: i = !1
-  } = e, a = Vt(t), l = d.useRef(null), [c, f] = d.useState(!1), [p, g] = Wt({
+  } = e, a = Vt(t), l = d.useRef(null), [c, f] = d.useState(!1), [p, b] = Wt({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
@@ -4764,8 +4764,8 @@ var df = [
       contentId: Ht(),
       triggerRef: l,
       open: p,
-      onOpenChange: g,
-      onOpenToggle: d.useCallback(() => g((m) => !m), [g]),
+      onOpenChange: b,
+      onOpenToggle: d.useCallback(() => b((m) => !m), [b]),
       hasCustomAnchor: c,
       onCustomAnchorAdd: d.useCallback(() => f(!0), []),
       onCustomAnchorRemove: d.useCallback(() => f(!1), []),
@@ -4881,7 +4881,7 @@ var gf = /* @__PURE__ */ we("PopoverContent.RemoveScroll"), bf = d.forwardRef(
       onFocusOutside: c,
       onInteractOutside: f,
       ...p
-    } = e, g = nt(Ct, n), m = Vt(n);
+    } = e, b = nt(Ct, n), m = Vt(n);
     return ds(), /* @__PURE__ */ u(
       Mr,
       {
@@ -4899,13 +4899,13 @@ var gf = /* @__PURE__ */ we("PopoverContent.RemoveScroll"), bf = d.forwardRef(
             onEscapeKeyDown: a,
             onPointerDownOutside: l,
             onFocusOutside: c,
-            onDismiss: () => g.onOpenChange(!1),
+            onDismiss: () => b.onOpenChange(!1),
             children: /* @__PURE__ */ u(
               Fs,
               {
-                "data-state": $i(g.open),
+                "data-state": $i(b.open),
                 role: "dialog",
-                id: g.contentId,
+                id: b.contentId,
                 ...m,
                 ...p,
                 ref: t,
@@ -5124,16 +5124,16 @@ const Nf = (e, t) => {
       y === "[" ? i++ : y === "]" ? i-- : y === "(" ? a++ : y === ")" && a--;
     }
     const p = s.length === 0 ? o : o.slice(l);
-    let g = p, m = !1;
-    p.endsWith(Tr) ? (g = p.slice(0, -1), m = !0) : (
+    let b = p, m = !1;
+    p.endsWith(Tr) ? (b = p.slice(0, -1), m = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      p.startsWith(Tr) && (g = p.slice(1), m = !0)
+      p.startsWith(Tr) && (b = p.slice(1), m = !0)
     );
     const w = c && c > l ? c - l : void 0;
-    return Qo(s, m, g, w);
+    return Qo(s, m, b, w);
   };
   if (t) {
     const o = t + Zo, s = r;
@@ -5176,7 +5176,7 @@ const Nf = (e, t) => {
   for (let c = a.length - 1; c >= 0; c -= 1) {
     const f = a[c], {
       isExternal: p,
-      modifiers: g,
+      modifiers: b,
       hasImportantModifier: m,
       baseClassName: w,
       maybePostfixModifierPosition: h
@@ -5197,7 +5197,7 @@ const Nf = (e, t) => {
       }
       y = !1;
     }
-    const E = g.length === 0 ? "" : g.length === 1 ? g[0] : s(g).join(":"), A = m ? E + Tr : E, x = A + C;
+    const E = b.length === 0 ? "" : b.length === 1 ? b[0] : s(b).join(":"), A = m ? E + Tr : E, x = A + C;
     if (i.indexOf(x) > -1)
       continue;
     i.push(x);
@@ -5249,7 +5249,7 @@ const Nf = (e, t) => {
   const r = Vi.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, Yi = (e) => e === "position" || e === "percentage", Ki = (e) => e === "image" || e === "url", Xi = (e) => e === "length" || e === "size" || e === "bg-size", qi = (e) => e === "length", dp = (e) => e === "number", fp = (e) => e === "family-name", Zi = (e) => e === "shadow", pp = () => {
-  const e = ue("color"), t = ue("font"), n = ue("text"), r = ue("font-weight"), o = ue("tracking"), s = ue("leading"), i = ue("breakpoint"), a = ue("container"), l = ue("spacing"), c = ue("radius"), f = ue("shadow"), p = ue("inset-shadow"), g = ue("text-shadow"), m = ue("drop-shadow"), w = ue("blur"), h = ue("perspective"), y = ue("aspect"), C = ue("ease"), E = ue("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], x = () => [
+  const e = ue("color"), t = ue("font"), n = ue("text"), r = ue("font-weight"), o = ue("tracking"), s = ue("leading"), i = ue("breakpoint"), a = ue("container"), l = ue("spacing"), c = ue("radius"), f = ue("shadow"), p = ue("inset-shadow"), b = ue("text-shadow"), m = ue("drop-shadow"), w = ue("blur"), h = ue("perspective"), y = ue("aspect"), C = ue("ease"), E = ue("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], x = () => [
     "center",
     "top",
     "bottom",
@@ -5269,7 +5269,7 @@ const Nf = (e, t) => {
     "left-bottom"
   ], T = () => [...x(), $, F], D = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], P = () => [$, F, l], W = () => [yt, "full", "auto", ...P()], H = () => [Xe, "none", "subgrid", $, F], U = () => ["auto", {
     span: ["full", Xe, $, F]
-  }, Xe, $, F], V = () => [Xe, "auto", $, F], b = () => ["auto", "min", "max", "fr", $, F], S = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], k = () => ["auto", ...P()], _ = () => [yt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], R = () => [e, $, F], K = () => [...x(), es, Jo, {
+  }, Xe, $, F], V = () => [Xe, "auto", $, F], g = () => ["auto", "min", "max", "fr", $, F], S = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], k = () => ["auto", ...P()], _ = () => [yt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], R = () => [e, $, F], K = () => [...x(), es, Jo, {
     position: [$, F]
   }], te = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -5658,14 +5658,14 @@ const Nf = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": b()
+        "auto-cols": g()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": b()
+        "auto-rows": g()
       }],
       /**
        * Gap
@@ -6723,7 +6723,7 @@ const Nf = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", g, cn, ln]
+        "text-shadow": ["none", b, cn, ln]
       }],
       /**
        * Text Shadow Color
@@ -7860,17 +7860,17 @@ function ts({
   api_URL: a,
   disabled: l
 }) {
-  const c = l, f = e.type === "multifile", p = r?.[e.name] || {}, g = t[e.name], m = f ? g || [] : [g].filter(Boolean), [w, h] = de(!1), y = a ? `${a}uploads` : null;
+  const c = l, f = e.type === "multifile", p = r?.[e.name] || {}, b = t[e.name], m = f ? b || [] : [b].filter(Boolean), [w, h] = de(!1), y = a ? `${a}uploads` : null;
   !y && e.uploadEndpoint && console.error(
     `api_URL prop is required when using FileField with upload functionality for field "${e.name}"`
   );
-  const C = (b) => {
-    if (b === 0) return "0 Bytes";
-    const S = 1024, N = ["Bytes", "KB", "MB", "GB"], k = Math.floor(Math.log(b) / Math.log(S));
-    return `${parseFloat((b / S ** k).toFixed(2))} ${N[k]}`;
-  }, E = async (b) => {
+  const C = (g) => {
+    if (g === 0) return "0 Bytes";
+    const S = 1024, N = ["Bytes", "KB", "MB", "GB"], k = Math.floor(Math.log(g) / Math.log(S));
+    return `${parseFloat((g / S ** k).toFixed(2))} ${N[k]}`;
+  }, E = async (g) => {
     const S = new FormData();
-    S.append("file", b);
+    S.append("file", g);
     const N = await fetch(`${y}`, {
       method: "POST",
       body: S
@@ -7878,48 +7878,48 @@ function ts({
     if (!N.ok)
       throw mn.error("Upload failed"), new Error("Upload failed");
     return await N.json();
-  }, A = async (b, S) => {
+  }, A = async (g, S) => {
     if (!S) return;
-    if (b.maxSize && S.size > b.maxSize)
+    if (g.maxSize && S.size > g.maxSize)
       throw new Error(
-        `File size must not exceed ${C(b.maxSize)}`
+        `File size must not exceed ${C(g.maxSize)}`
       );
-    const N = await E(S), k = { ...t, [b.name]: N };
-    s(b.name, N), i(k);
-  }, x = async (b, S) => {
-    const N = t[b.name] || [];
-    if (b.maxFiles && N.length + S.length > b.maxFiles)
-      throw new Error(`Maximum ${b.maxFiles} files allowed`);
+    const N = await E(S), k = { ...t, [g.name]: N };
+    s(g.name, N), i(k);
+  }, x = async (g, S) => {
+    const N = t[g.name] || [];
+    if (g.maxFiles && N.length + S.length > g.maxFiles)
+      throw new Error(`Maximum ${g.maxFiles} files allowed`);
     S.forEach((R) => {
-      if (b.maxSize && R.size > b.maxSize)
+      if (g.maxSize && R.size > g.maxSize)
         throw new Error(
-          `Each file must not exceed ${C(b.maxSize)}`
+          `Each file must not exceed ${C(g.maxSize)}`
         );
     });
     const k = await Promise.all(
       S.map((R) => E(R))
       // Updated call
     ), _ = [...N, ...k];
-    s(b.name, _), i({ ...t, [b.name]: _ });
-  }, T = async (b, S) => {
+    s(g.name, _), i({ ...t, [g.name]: _ });
+  }, T = async (g, S) => {
     if (c) return;
     const N = Array.from(S);
     try {
-      e.type === "multifile" ? await x(e, N) : await A(e, N[0]), o.current?.[b] && (o.current[b].value = "");
+      e.type === "multifile" ? await x(e, N) : await A(e, N[0]), o.current?.[g] && (o.current[g].value = "");
     } catch (k) {
       mn.error(`Upload failed: ${k.message}`);
     }
-  }, D = async (b, S) => {
+  }, D = async (g, S) => {
     if (c) return;
     let N;
-    e.type === "file" ? N = "" : N = (t[b] || []).filter((_) => _ !== S), s(b, N), i({ ...t, [b]: N }), o.current?.[b] && (o.current[b].value = "");
-  }, O = (b) => {
-    b.preventDefault(), c || h(!0);
-  }, P = (b) => {
-    b.preventDefault(), c || h(!1);
-  }, W = (b) => {
-    b.preventDefault(), h(!1), !c && b.dataTransfer.files && b.dataTransfer.files.length > 0 && T(e.name, b.dataTransfer.files);
-  }, H = e.accept ? e.accept.split(",").map((b) => b.split("/")[1] || b.split(".")[1] || b).join(", ").toUpperCase() : "PNG, JPG, PDF", U = e.maxSize ? `, up to ${C(e.maxSize)}` : "", V = `
+    e.type === "file" ? N = "" : N = (t[g] || []).filter((_) => _ !== S), s(g, N), i({ ...t, [g]: N }), o.current?.[g] && (o.current[g].value = "");
+  }, O = (g) => {
+    g.preventDefault(), c || h(!0);
+  }, P = (g) => {
+    g.preventDefault(), c || h(!1);
+  }, W = (g) => {
+    g.preventDefault(), h(!1), !c && g.dataTransfer.files && g.dataTransfer.files.length > 0 && T(e.name, g.dataTransfer.files);
+  }, H = e.accept ? e.accept.split(",").map((g) => g.split("/")[1] || g.split(".")[1] || g).join(", ").toUpperCase() : "PNG, JPG, PDF", U = e.maxSize ? `, up to ${C(e.maxSize)}` : "", V = `
     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
@@ -7969,20 +7969,20 @@ function ts({
         /* @__PURE__ */ u(
           "input",
           {
-            ref: (b) => {
-              b && o && o.current && (o.current[e.name] = b);
+            ref: (g) => {
+              g && o && o.current && (o.current[e.name] = g);
             },
             id: e.name,
             type: "file",
             accept: e.accept,
             multiple: f,
             className: "sr-only",
-            onChange: (b) => T(e.name, b.target.files),
+            onChange: (g) => T(e.name, g.target.files),
             disabled: c
           }
         ),
-        m.length > 0 && /* @__PURE__ */ u("div", { className: "space-y-2 pt-2 border-t border-gray-200", children: m.map((b, S) => {
-          const N = b.original_name || b.name || "File", k = b.size || null;
+        m.length > 0 && /* @__PURE__ */ u("div", { className: "space-y-2 pt-2 border-t border-gray-200", children: m.map((g, S) => {
+          const N = g.original_name || g.name || "File", k = g.size || null;
           return /* @__PURE__ */ M(
             "div",
             {
@@ -8000,7 +8000,7 @@ function ts({
                   "button",
                   {
                     type: "button",
-                    onClick: () => D(e.name, b),
+                    onClick: () => D(e.name, g),
                     className: `text-red-500 hover:text-red-700 ml-3 flex-shrink-0 ${c ? "cursor-not-allowed opacity-50" : ""}`,
                     disabled: c,
                     children: "Remove"
@@ -8008,14 +8008,14 @@ function ts({
                 )
               ]
             },
-            b.url || b.original_name || S
+            g.url || g.original_name || S
           );
         }) }),
-        Object.entries(p).map(([b, S]) => S.status === "uploading" ? /* @__PURE__ */ M("div", { className: "relative pt-1", children: [
+        Object.entries(p).map(([g, S]) => S.status === "uploading" ? /* @__PURE__ */ M("div", { className: "relative pt-1", children: [
           /* @__PURE__ */ M("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ M("span", { className: "text-xs font-semibold inline-block text-blue-600", children: [
               "Uploading ",
-              b
+              g
             ] }),
             /* @__PURE__ */ M("span", { className: "text-xs font-semibold inline-block text-blue-600", children: [
               S.progress,
@@ -8029,7 +8029,7 @@ function ts({
               style: { width: `${S.progress}%` }
             }
           ) })
-        ] }, b) : null)
+        ] }, g) : null)
       ] })
     },
     e.name
@@ -8045,16 +8045,16 @@ function gp({
   setCharCounts: i
 }) {
   const a = $t(null), l = t[e.name] || "", c = typeof e.disabled == "function" ? e.disabled(t) : e.disabled || e.readOnly, f = () => {
-    const g = a.current;
-    g && (g.style.height = "auto", g.style.height = `${g.scrollHeight + 2}px`);
+    const b = a.current;
+    b && (b.style.height = "auto", b.style.height = `${b.scrollHeight + 2}px`);
   };
   zt(() => {
     f();
   }, [l]);
-  const p = (g) => {
-    n(e.name, g.target.value), f(), i && i((m) => ({
+  const p = (b) => {
+    n(e.name, b.target.value), f(), i && i((m) => ({
       ...m,
-      [e.name]: g.target.value.length
+      [e.name]: b.target.value.length
     }));
   };
   return /* @__PURE__ */ M("div", { className: "space-y-2", children: [
@@ -8088,7 +8088,7 @@ function gp({
   ] });
 }
 function bp({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o }) {
-  const [s, i] = de(!1), a = t[e.name], l = a ? new Date(a) : null, c = l ? (l.getHours() % 12 || 12).toString().padStart(2, "0") : "12", f = l ? l.getMinutes().toString().padStart(2, "0") : "00", p = l ? l.getHours() >= 12 ? "PM" : "AM" : "PM", g = (x) => {
+  const [s, i] = de(!1), a = t[e.name], l = a ? new Date(a) : null, c = l ? (l.getHours() % 12 || 12).toString().padStart(2, "0") : "12", f = l ? l.getMinutes().toString().padStart(2, "0") : "00", p = l ? l.getHours() >= 12 ? "PM" : "AM" : "PM", b = (x) => {
     if (!x) {
       n(e.name, null);
       return;
@@ -8172,7 +8172,7 @@ function bp({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
               {
                 mode: "single",
                 selected: l,
-                onSelect: g,
+                onSelect: b,
                 showOutsideDays: !0,
                 className: "p-0",
                 classNames: {
@@ -8432,14 +8432,14 @@ var Bp = d.forwardRef((e, t) => {
     onEntryFocus: c,
     preventScrollOnEntryFocus: f = !1,
     ...p
-  } = e, g = d.useRef(null), m = se(t, g), w = Or(s), [h, y] = Wt({
+  } = e, b = d.useRef(null), m = se(t, b), w = Or(s), [h, y] = Wt({
     prop: i,
     defaultProp: a ?? null,
     onChange: l,
     caller: Gt
   }), [C, E] = d.useState(!1), A = Ze(c), x = ta(n), T = d.useRef(!1), [D, O] = d.useState(0);
   return d.useEffect(() => {
-    const P = g.current;
+    const P = b.current;
     if (P)
       return P.addEventListener(pr, A), () => P.removeEventListener(pr, A);
   }, [A]), /* @__PURE__ */ u(
@@ -8479,7 +8479,7 @@ var Bp = d.forwardRef((e, t) => {
             if (P.target === P.currentTarget && W && !C) {
               const H = new CustomEvent(pr, Dp);
               if (P.currentTarget.dispatchEvent(H), !H.defaultPrevented) {
-                const U = x().filter((k) => k.focusable), V = U.find((k) => k.active), b = U.find((k) => k.id === h), N = [V, b, ...U].filter(
+                const U = x().filter((k) => k.focusable), V = U.find((k) => k.active), g = U.find((k) => k.id === h), N = [V, g, ...U].filter(
                   Boolean
                 ).map((k) => k.ref.current);
                 ia(N, f);
@@ -8501,7 +8501,7 @@ var Bp = d.forwardRef((e, t) => {
       tabStopId: s,
       children: i,
       ...a
-    } = e, l = Ht(), c = s || l, f = zp(oa, n), p = f.currentTabStopId === c, g = ta(n), { onFocusableItemAdd: m, onFocusableItemRemove: w, currentTabStopId: h } = f;
+    } = e, l = Ht(), c = s || l, f = zp(oa, n), p = f.currentTabStopId === c, b = ta(n), { onFocusableItemAdd: m, onFocusableItemRemove: w, currentTabStopId: h } = f;
     return d.useEffect(() => {
       if (r)
         return m(), () => w();
@@ -8533,7 +8533,7 @@ var Bp = d.forwardRef((e, t) => {
               if (C !== void 0) {
                 if (y.metaKey || y.ctrlKey || y.altKey || y.shiftKey) return;
                 y.preventDefault();
-                let A = g().filter((x) => x.focusable).map((x) => x.ref.current);
+                let A = b().filter((x) => x.focusable).map((x) => x.ref.current);
                 if (C === "last") A.reverse();
                 else if (C === "prev" || C === "next") {
                   C === "prev" && A.reverse();
@@ -8589,7 +8589,7 @@ var Vp = ra, Gp = sa, Xr = "Radio", [Yp, aa] = ut(Xr), [Kp, Xp] = Yp(Xr), la = d
       onCheck: l,
       form: c,
       ...f
-    } = e, [p, g] = d.useState(null), m = se(t, (y) => g(y)), w = d.useRef(!1), h = p ? c || !!p.closest("form") : !0;
+    } = e, [p, b] = d.useState(null), m = se(t, (y) => b(y)), w = d.useRef(!1), h = p ? c || !!p.closest("form") : !0;
     return /* @__PURE__ */ M(Kp, { scope: n, checked: o, disabled: i, children: [
       /* @__PURE__ */ u(
         $n.button,
@@ -8702,7 +8702,7 @@ var Zp = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
       dir: c,
       loop: f = !0,
       onValueChange: p,
-      ...g
+      ...b
     } = e, m = pa(n), w = Or(c), [h, y] = Wt({
       prop: s,
       defaultProp: o ?? null,
@@ -8734,7 +8734,7 @@ var Zp = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
                 "aria-orientation": l,
                 "data-disabled": a ? "" : void 0,
                 dir: w,
-                ...g,
+                ...b,
                 ref: t
               }
             )
@@ -8747,11 +8747,11 @@ var Zp = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
 ha.displayName = zn;
 var ga = "RadioGroupItem", ba = d.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: r, ...o } = e, s = em(ga, n), i = s.disabled || r, a = pa(n), l = ma(n), c = d.useRef(null), f = se(t, c), p = s.value === o.value, g = d.useRef(!1);
+    const { __scopeRadioGroup: n, disabled: r, ...o } = e, s = em(ga, n), i = s.disabled || r, a = pa(n), l = ma(n), c = d.useRef(null), f = se(t, c), p = s.value === o.value, b = d.useRef(!1);
     return d.useEffect(() => {
       const m = (h) => {
-        Zp.includes(h.key) && (g.current = !0);
-      }, w = () => g.current = !1;
+        Zp.includes(h.key) && (b.current = !0);
+      }, w = () => b.current = !1;
       return document.addEventListener("keydown", m), document.addEventListener("keyup", w), () => {
         document.removeEventListener("keydown", m), document.removeEventListener("keyup", w);
       };
@@ -8777,7 +8777,7 @@ var ga = "RadioGroupItem", ba = d.forwardRef(
               m.key === "Enter" && m.preventDefault();
             }),
             onFocus: Z(o.onFocus, () => {
-              g.current && c.current?.click();
+              b.current && c.current?.click();
             })
           }
         )
@@ -8855,13 +8855,13 @@ function im({
           sm,
           {
             value: i,
-            onValueChange: (g) => n(e.name, g),
+            onValueChange: (b) => n(e.name, b),
             onBlur: () => r(e.name),
             disabled: a,
             className: p,
             "aria-label": e.label || e.name,
-            children: l.map((g) => {
-              const m = typeof g == "object" ? g.value : g, w = typeof g == "object" ? g.label : g, h = typeof g == "object" ? g.description : null, y = `${e.name}-${m}`, C = i === m;
+            children: l.map((b) => {
+              const m = typeof b == "object" ? b.value : b, w = typeof b == "object" ? b.label : b, h = typeof b == "object" ? b.description : null, y = `${e.name}-${m}`, C = i === m;
               return f ? /* @__PURE__ */ M(
                 "label",
                 {
@@ -9053,18 +9053,18 @@ function lm({
   ] }) });
 }
 function cm({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o }) {
-  const [s, i] = de(!1), [a, l] = de("12"), [c, f] = de("00"), [p, g] = de("PM"), m = t[e.name] || "";
+  const [s, i] = de(!1), [a, l] = de("12"), [c, f] = de("00"), [p, b] = de("PM"), m = t[e.name] || "";
   Pe.useEffect(() => {
     if (m) {
       const x = m.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);
-      x && (l(x[1].padStart(2, "0")), f(x[2]), g(x[3].toUpperCase()));
+      x && (l(x[1].padStart(2, "0")), f(x[2]), b(x[3].toUpperCase()));
     }
   }, [m]);
   const w = () => {
     const x = `${a}:${c} ${p}`;
     n(e.name, x), i(!1);
   }, h = () => {
-    n(e.name, ""), l("12"), f("00"), g("PM");
+    n(e.name, ""), l("12"), f("00"), b("PM");
   }, y = () => {
     const x = parseInt(a);
     l((x % 12 + 1).toString().padStart(2, "0"));
@@ -9248,7 +9248,7 @@ function cm({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 "button",
                 {
                   type: "button",
-                  onClick: () => g("AM"),
+                  onClick: () => b("AM"),
                   className: `
                     px-3 py-1 text-sm font-medium rounded
                     ${p === "AM" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}
@@ -9260,7 +9260,7 @@ function cm({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o
                 "button",
                 {
                   type: "button",
-                  onClick: () => g("PM"),
+                  onClick: () => b("PM"),
                   className: `
                     px-3 py-1 text-sm font-medium rounded
                     ${p === "PM" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}
@@ -9362,7 +9362,7 @@ const Em = ({
   },
   debugMode: c = !1
 }) => {
-  const [f, p] = de({ ...a }), [g, m] = de({}), [w, h] = de({}), [y, C] = de({}), E = $t({}), A = [
+  const [f, p] = de({ ...a }), [b, m] = de({}), [w, h] = de({}), [y, C] = de({}), E = $t({}), A = [
     "hidden",
     "html",
     "linebreak",
@@ -9392,17 +9392,17 @@ const Em = ({
       linebreak: Op
     }),
     []
-  ), T = async (b, S = null) => {
+  ), T = async (g, S = null) => {
     if (!e) {
-      const N = `apiClient prop is required when using fields with optionsUrl. Field "${b.name}" requires optionsUrl but no apiClient was provided.`;
+      const N = `apiClient prop is required when using fields with optionsUrl. Field "${g.name}" requires optionsUrl but no apiClient was provided.`;
       c && console.error(N), mn.error(N);
       return;
     }
     try {
-      const N = await e(`/${b.optionsUrl}`);
+      const N = await e(`/${g.optionsUrl}`);
       let k = [];
-      b.type === "select" ? k = [
-        { value: "", label: `Select ${b.label.toLowerCase()}` },
+      g.type === "select" ? k = [
+        { value: "", label: `Select ${g.label.toLowerCase()}` },
         ...N.data
       ] : k = [
         ...N.data.map((_) => ({
@@ -9410,10 +9410,10 @@ const Em = ({
           label: _.label
         }))
       ], r.fields.forEach((_) => {
-        _.name === b.name && (_.options = k);
+        _.name === g.name && (_.options = k);
       });
     } catch (N) {
-      c && console.error(`Failed to load options for ${b.name}:`, N);
+      c && console.error(`Failed to load options for ${g.name}:`, N);
     } finally {
     }
   };
@@ -9431,38 +9431,38 @@ const Em = ({
       }), p(S);
     }
   }, [r]);
-  const D = (b, S, N) => {
-    const k = typeof S == "object" && S !== null && !Array.isArray(S) && !(S instanceof Date), _ = S == null || typeof S == "string" && S.trim() === "" || Array.isArray(S) && S.length === 0 || b.type === "checkbox" && S === !1 || k && Object.keys(S).length === 0;
-    if (b.required && _)
-      return c && console.warn(`VALIDATION FAILED (REQUIRED): ${b.name} is empty.`), `${b.label} is required`;
-    if (_ && !b.required)
+  const D = (g, S, N) => {
+    const k = typeof S == "object" && S !== null && !Array.isArray(S) && !(S instanceof Date), _ = S == null || typeof S == "string" && S.trim() === "" || Array.isArray(S) && S.length === 0 || g.type === "checkbox" && S === !1 || k && Object.keys(S).length === 0;
+    if (g.required && _)
+      return c && console.warn(`VALIDATION FAILED (REQUIRED): ${g.name} is empty.`), `${g.label} is required`;
+    if (_ && !g.required)
       return null;
-    if (b.validate) {
-      const R = b.validate(S, N);
+    if (g.validate) {
+      const R = g.validate(S, N);
       if (R) return R;
     }
-    if (b.type === "email" && S && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S))
+    if (g.type === "email" && S && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S))
       return "Please enter a valid email address";
-    if (b.type === "number") {
-      if (b.min !== void 0 && S < b.min)
-        return `${b.label} must be at least ${b.min}`;
-      if (b.max !== void 0 && S > b.max)
-        return `${b.label} must be no more than ${b.max}`;
+    if (g.type === "number") {
+      if (g.min !== void 0 && S < g.min)
+        return `${g.label} must be at least ${g.min}`;
+      if (g.max !== void 0 && S > g.max)
+        return `${g.label} must be no more than ${g.max}`;
     }
-    return b.type === "date" && S && !Kn(S).isValid() ? `${b.label} must be a valid date` : b.maxLength && S && S.length > b.maxLength ? `${b.label} must not exceed ${b.maxLength} characters` : null;
-  }, O = (b, S) => {
-    const N = r.fields.find((_) => _.name === b);
+    return g.type === "date" && S && !Kn(S).isValid() ? `${g.label} must be a valid date` : g.maxLength && S && S.length > g.maxLength ? `${g.label} must not exceed ${g.maxLength} characters` : null;
+  }, O = (g, S) => {
+    const N = r.fields.find((_) => _.name === g);
     if (!N) return;
     const k = { ...f };
-    N.type === "multiselect" || N.type === "searchselect" ? k[b] = Array.isArray(S) ? S : Array.from(S.target.selectedOptions).map(
+    N.type === "multiselect" || N.type === "searchselect" ? Array.isArray(S) ? k[g] = S : S && S.target && S.target.selectedOptions ? k[g] = Array.from(S.target.selectedOptions).map(
       (_) => _.value
-    ) : N.type === "dateRange" ? k[b] = [
+    ) : k[g] = S : N.type === "dateRange" ? k[g] = [
       {
         startDate: S[0].from,
         endDate: S[0].to,
         key: "selection"
       }
-    ] : N.type === "dayTimePicker" ? k[b] = S ? Kn(S).format("YYYY-MM-DD HH:mm:ss") : "" : N.type === "number" ? k[b] = S === "" ? "" : Number(S) : k[b] = S, N.type === "select" && r.fields.forEach((_) => {
+    ] : N.type === "dayTimePicker" ? k[g] = S ? Kn(S).format("YYYY-MM-DD HH:mm:ss") : "" : N.type === "number" ? k[g] = S === "" ? "" : Number(S) : k[g] = S, N.type === "select" && r.fields.forEach((_) => {
       if (_.showIf && !_.showIf(k)) {
         const R = _.type === "multiselect" || _.type === "searchselect" || _.type === "checkbox" && _.options && _.options.length > 0;
         k[_.name] = R ? [] : "";
@@ -9473,10 +9473,10 @@ const Em = ({
         k[_.name] = R ? [] : "";
       }
     }), p(k);
-  }, P = (b) => {
-    h({ ...w, [b]: !0 });
-  }, W = (b) => {
-    b.preventDefault();
+  }, P = (g) => {
+    h({ ...w, [g]: !0 });
+  }, W = (g) => {
+    g.preventDefault();
     const S = {};
     r.fields.forEach((k) => {
       k.name && (S[k.name] = !0);
@@ -9536,13 +9536,13 @@ const Em = ({
     pink: "border-pink-500 bg-pink-50",
     orange: "border-orange-500 bg-orange-50"
   };
-  function U(b, S, N) {
+  function U(g, S, N) {
     if (c && (N ? console.log(
       `[fieldFormat RENDER] Rendering error for ${S.name}: ${N}`
-    ) : g[S.name] && console.log(
+    ) : b[S.name] && console.log(
       `[fieldFormat RENDER] Error exists in state for ${S.name} but not passed in props!`
     )), A.includes(S.type))
-      return /* @__PURE__ */ u("div", { className: S.fieldClass || "col-span-full", children: b });
+      return /* @__PURE__ */ u("div", { className: S.fieldClass || "col-span-full", children: g });
     const k = S.containerStyle, _ = S.color || "blue", R = k === "card" ? `rounded-lg border text-card-foreground shadow-sm p-4 ${S.containerClassName || H[_] || H.blue}` : "", K = /* @__PURE__ */ M(Ke, { children: [
       S.label && /* @__PURE__ */ M(
         "label",
@@ -9555,29 +9555,29 @@ const Em = ({
           ]
         }
       ),
-      /* @__PURE__ */ u("div", { children: b }),
+      /* @__PURE__ */ u("div", { children: g }),
       N && /* @__PURE__ */ u("p", { className: "text-sm text-red-500 mt-1", children: N })
     ] });
     return /* @__PURE__ */ u("div", { className: `mb-4 ${S.fieldClass || "col-span-8"}`, children: k === "card" ? /* @__PURE__ */ u("div", { className: R, children: K }) : K });
   }
-  const V = (b) => {
-    if (b.showIf && !b.showIf(f)) return null;
-    const S = x[b.type] || Uo;
-    if (f[b.name] === void 0) {
-      const _ = b.type === "multiselect" || b.type === "searchselect" || b.type === "checkbox" && b.options && b.options.length > 0;
-      f[b.name] = b.value !== void 0 ? b.value : _ ? [] : "";
+  const V = (g) => {
+    if (g.showIf && !g.showIf(f)) return null;
+    const S = x[g.type] || Uo;
+    if (f[g.name] === void 0) {
+      const _ = g.type === "multiselect" || g.type === "searchselect" || g.type === "checkbox" && g.options && g.options.length > 0;
+      f[g.name] = g.value !== void 0 ? g.value : _ ? [] : "";
     }
-    const N = g[b.name] ? g[b.name] : null, k = typeof b.disabled == "function" ? b.disabled(f) : !!b.disabled;
+    const N = b[g.name] ? b[g.name] : null, k = typeof g.disabled == "function" ? g.disabled(f) : !!g.disabled;
     return U(
       /* @__PURE__ */ u(
         S,
         {
-          field: b,
+          field: g,
           formValues: f,
           handleChange: O,
-          handleBlur: () => P(b.name),
+          handleBlur: () => P(g.name),
           setCharCounts: C,
-          charCount: y[b.name] || 0,
+          charCount: y[g.name] || 0,
           api_URL: t,
           error: N,
           fileInputRefs: E,
@@ -9585,7 +9585,7 @@ const Em = ({
           apiClient: e
         }
       ),
-      b,
+      g,
       N
     );
   };
@@ -9595,16 +9595,16 @@ const Em = ({
       onSubmit: W,
       className: "grid grid-cols-12 gap-x-4 mx-auto w-full  ",
       children: [
-        r ? r.fields.map((b) => /* @__PURE__ */ u("div", { className: "col-span-full", children: V(b) }, b.name + b.type)) : /* @__PURE__ */ u("div", { children: "Loading..." }),
+        r ? r.fields.map((g) => /* @__PURE__ */ u("div", { className: "col-span-full", children: V(g) }, g.name + g.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: Pe.Children.map(i, (b) => Pe.isValidElement(b) && b.props.onClick ? Pe.cloneElement(b, {
+            children: Pe.Children.map(i, (g) => Pe.isValidElement(g) && g.props.onClick ? Pe.cloneElement(g, {
               onClick: (S) => {
-                b.props.onClick(f, S);
+                g.props.onClick(f, S);
               }
-            }) : b)
+            }) : g)
           }
         )
       ]