ynotsoft-dynamic-form 1.0.93 → 1.0.94

package/dist/dynamic-form.js

@@ -347,7 +347,7 @@ function dl({
           h(!1), r(e.name);
           break;
       }
-  }, R = (N) => {
+  }, O = (N) => {
     const S = N.target.value;
     k(S), E(-1), P.current && clearTimeout(P.current), P.current = setTimeout(() => G(S), 300);
   };
@@ -364,7 +364,7 @@ function dl({
     };
     return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, [e.name, r]);
-  const O = (N, S) => {
+  const R = (N, S) => {
     N.stopPropagation();
     const z = Array.isArray(F) ? F : [], Y = l ? null : z.filter((j) => j !== S);
     n(e.name, Y), r(e.name);
@@ -404,7 +404,7 @@ function dl({
                       {
                         type: "button",
                         "aria-label": `Remove ${N.label}`,
-                        onClick: (S) => O(S, N.value),
+                        onClick: (S) => R(S, N.value),
                         className: "ml-1 p-0.5 hover:bg-primary/20 rounded-full transition-colors",
                         children: /* @__PURE__ */ u(Gr, { className: "w-3 h-3" })
                       }
@@ -437,7 +437,7 @@ function dl({
                 "aria-controls": `${e.name}-listbox`,
                 "aria-activedescendant": C >= 0 ? `${e.name}-opt-${C}` : void 0,
                 value: y,
-                onChange: R,
+                onChange: O,
                 onKeyDown: T,
                 className: "w-full h-9 pl-9 pr-3 text-sm bg-transparent border border-input rounded-md focus:outline-none focus:ring-1 focus:ring-ring",
                 placeholder: "Type to search..."
@@ -1272,17 +1272,17 @@ const Zl = (e) => ({
     }, p = Jr(o), v = Zr(p), h = await s.getDimensions(l), y = p === "y", k = y ? "top" : "left", C = y ? "bottom" : "right", E = y ? "clientHeight" : "clientWidth", x = a.reference[v] + a.reference[p] - g[p] - a.floating[v], A = g[p] - a.reference[p], I = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
     let _ = I ? I[E] : 0;
     (!_ || !await (s.isElement == null ? void 0 : s.isElement(I))) && (_ = i.floating[E] || a.floating[v]);
-    const P = x / 2 - A / 2, F = _ / 2 - h[v] / 2 - 1, V = tt(m[k], F), H = tt(m[C], F), G = V, w = _ - h[v] - H, T = _ / 2 - h[v] / 2 + P, R = Rr(G, T, w), O = !c.arrow && Ot(o) != null && T !== R && a.reference[v] / 2 - (T < G ? V : H) - h[v] / 2 < 0, N = O ? T < G ? T - G : T - w : 0;
+    const P = x / 2 - A / 2, F = _ / 2 - h[v] / 2 - 1, V = tt(m[k], F), H = tt(m[C], F), G = V, w = _ - h[v] - H, T = _ / 2 - h[v] / 2 + P, O = Rr(G, T, w), R = !c.arrow && Ot(o) != null && T !== O && a.reference[v] / 2 - (T < G ? V : H) - h[v] / 2 < 0, N = R ? T < G ? T - G : T - w : 0;
     return {
       [p]: g[p] + N,
       data: {
-        [p]: R,
-        centerOffset: T - R - N,
-        ...O && {
+        [p]: O,
+        centerOffset: T - O - N,
+        ...R && {
           alignmentOffset: N
         }
       },
-      reset: O
+      reset: R
     };
   }
 }), Jl = function(e) {
@@ -1322,8 +1322,8 @@ const Zl = (e) => ({
         overflows: F
       }], !F.every((T) => T <= 0)) {
         var H, G;
-        const T = (((H = a.flip) == null ? void 0 : H.index) || 0) + 1, R = _[T];
-        if (R && (!(m === "alignment" ? C !== ze(R) : !1) || // We leave the current main axis only if every placement on that axis
+        const T = (((H = a.flip) == null ? void 0 : H.index) || 0) + 1, O = _[T];
+        if (O && (!(m === "alignment" ? C !== ze(O) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         V.every((S) => ze(S.placement) === C ? S.overflows[0] > 0 : !0)))
           return {
@@ -1332,11 +1332,11 @@ const Zl = (e) => ({
               overflows: V
             },
             reset: {
-              placement: R
+              placement: O
             }
           };
-        let O = (G = V.filter((N) => N.overflows[0] <= 0).sort((N, S) => N.overflows[1] - S.overflows[1])[0]) == null ? void 0 : G.placement;
-        if (!O)
+        let R = (G = V.filter((N) => N.overflows[0] <= 0).sort((N, S) => N.overflows[1] - S.overflows[1])[0]) == null ? void 0 : G.placement;
+        if (!R)
           switch (p) {
             case "bestFit": {
               var w;
@@ -1349,17 +1349,17 @@ const Zl = (e) => ({
                 }
                 return !0;
               }).map((S) => [S.placement, S.overflows.filter((z) => z > 0).reduce((z, Y) => z + Y, 0)]).sort((S, z) => S[1] - z[1])[0]) == null ? void 0 : w[0];
-              N && (O = N);
+              N && (R = N);
               break;
             }
             case "initialPlacement":
-              O = i;
+              R = i;
               break;
           }
-        if (o !== O)
+        if (o !== R)
           return {
             reset: {
-              placement: O
+              placement: R
             }
           };
       }
@@ -2218,12 +2218,12 @@ function Bu(e) {
       w();
     }
   }, [x, A, w, V, F]);
-  const R = f.useMemo(() => ({
+  const O = f.useMemo(() => ({
     reference: I,
     floating: _,
     setReference: C,
     setFloating: E
-  }), [C, E]), O = f.useMemo(() => ({
+  }), [C, E]), R = f.useMemo(() => ({
     reference: x,
     floating: A
   }), [x, A]), N = f.useMemo(() => {
@@ -2232,13 +2232,13 @@ function Bu(e) {
       left: 0,
       top: 0
     };
-    if (!O.floating)
+    if (!R.floating)
       return S;
-    const z = Xo(O.floating, d.x), Y = Xo(O.floating, d.y);
+    const z = Xo(R.floating, d.x), Y = Xo(R.floating, d.y);
     return i ? {
       ...S,
       transform: "translate(" + z + "px, " + Y + "px)",
-      ...qa(O.floating) >= 1.5 && {
+      ...qa(R.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -2246,14 +2246,14 @@ function Bu(e) {
       left: z,
       top: Y
     };
-  }, [n, i, O.floating, d.x, d.y]);
+  }, [n, i, R.floating, d.x, d.y]);
   return f.useMemo(() => ({
     ...d,
     update: w,
-    refs: R,
-    elements: O,
+    refs: O,
+    elements: R,
     floatingStyles: N
-  }), [d, w, R, O, N]);
+  }), [d, w, O, R, N]);
 }
 const Hu = (e) => {
   function t(n) {
@@ -2422,7 +2422,7 @@ var oo = "PopperContent", [nd, rd] = Za(oo), rs = f.forwardRef(
       boundary: H.filter(ad),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: G
-    }, { refs: T, floatingStyles: R, placement: O, isPositioned: N, middlewareData: S } = Bu({
+    }, { refs: T, floatingStyles: O, placement: R, isPositioned: N, middlewareData: S } = Bu({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: F,
@@ -2452,7 +2452,7 @@ var oo = "PopperContent", [nd, rd] = Za(oo), rs = f.forwardRef(
         sd({ arrowWidth: _, arrowHeight: P }),
         g && qu({ strategy: "referenceHidden", ...w })
       ]
-    }), [z, Y] = ss(O), j = et(v);
+    }), [z, Y] = ss(R), j = et(v);
     be(() => {
       N && j?.();
     }, [N, j]);
@@ -2465,8 +2465,8 @@ var oo = "PopperContent", [nd, rd] = Za(oo), rs = f.forwardRef(
         ref: T.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...R,
-          transform: N ? R.transform : "translate(0, -200%)",
+          ...O,
+          transform: N ? O.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: J,
@@ -3283,7 +3283,7 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
     defaultProp: i,
     onChange: c,
     caller: mt
-  }), H = f.useRef(null), G = y ? v || !!y.closest("form") : !0, [w, T] = f.useState(/* @__PURE__ */ new Set()), R = Array.from(w).map((O) => O.props.value).join(";");
+  }), H = f.useRef(null), G = y ? v || !!y.closest("form") : !0, [w, T] = f.useState(/* @__PURE__ */ new Set()), O = Array.from(w).map((R) => R.props.value).join(";");
   return /* @__PURE__ */ u(is, { ...h, children: /* @__PURE__ */ D(
     sf,
     {
@@ -3308,13 +3308,13 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
           cf,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: f.useCallback((O) => {
-              T((N) => new Set(N).add(O));
+            onNativeOptionAdd: f.useCallback((R) => {
+              T((N) => new Set(N).add(R));
             }, []),
-            onNativeOptionRemove: f.useCallback((O) => {
+            onNativeOptionRemove: f.useCallback((R) => {
               T((N) => {
                 const S = new Set(N);
-                return S.delete(O), S;
+                return S.delete(R), S;
               });
             }, []),
             children: n
@@ -3329,7 +3329,7 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
             name: d,
             autoComplete: m,
             value: F,
-            onChange: (O) => V(O.target.value),
+            onChange: (R) => V(R.target.value),
             disabled: g,
             form: v,
             children: [
@@ -3337,7 +3337,7 @@ var rf = [" ", "Enter", "ArrowUp", "ArrowDown"], of = [" ", "Enter"], mt = "Sele
               Array.from(w)
             ]
           },
-          R
+          O
         ) : null
       ]
     }
@@ -3454,11 +3454,11 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
       ...k
     } = e, C = ot(pt, n), [E, x] = f.useState(null), [A, I] = f.useState(null), _ = ie(t, (L) => x(L)), [P, F] = f.useState(null), [V, H] = f.useState(
       null
-    ), G = Bn(n), [w, T] = f.useState(!1), R = f.useRef(!1);
+    ), G = Bn(n), [w, T] = f.useState(!1), O = f.useRef(!1);
     f.useEffect(() => {
       if (E) return ms(E);
     }, [E]), La();
-    const O = f.useCallback(
+    const R = f.useCallback(
       (L) => {
         const [te, ...ce] = G().map((oe) => oe.ref.current), [Q] = ce.slice(-1), ne = document.activeElement;
         for (const oe of L)
@@ -3466,8 +3466,8 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
       },
       [G, A]
     ), N = f.useCallback(
-      () => O([P, E]),
-      [O, P, E]
+      () => R([P, E]),
+      [R, P, E]
     );
     f.useEffect(() => {
       w && N();
@@ -3499,13 +3499,13 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
       Q && setTimeout(() => Q.ref.current.focus());
     }), ve = f.useCallback(
       (L, te, ce) => {
-        const Q = !R.current && !ce;
-        (C.value !== void 0 && C.value === te || Q) && (F(L), Q && (R.current = !0));
+        const Q = !O.current && !ce;
+        (C.value !== void 0 && C.value === te || Q) && (F(L), Q && (O.current = !0));
       },
       [C.value]
     ), q = f.useCallback(() => E?.focus(), [E]), ee = f.useCallback(
       (L, te, ce) => {
-        const Q = !R.current && !ce;
+        const Q = !O.current && !ce;
         (C.value !== void 0 && C.value === te || Q) && H(L);
       },
       [C.value]
@@ -3585,7 +3585,7 @@ var Oe = 10, [Ps, at] = Mt(pt), ff = "SelectContentImpl", mf = /* @__PURE__ */ C
                           const ne = L.target, oe = Q.indexOf(ne);
                           Q = Q.slice(oe + 1);
                         }
-                        setTimeout(() => O(Q)), L.preventDefault();
+                        setTimeout(() => R(Q)), L.preventDefault();
                       }
                     })
                   }
@@ -3621,7 +3621,7 @@ var pf = "SelectItemAlignedPosition", Os = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = Ne + "px", i.style.right = ct + "px";
       }
-      const H = g(), G = window.innerHeight - Oe * 2, w = h.scrollHeight, T = window.getComputedStyle(l), R = parseInt(T.borderTopWidth, 10), O = parseInt(T.paddingTop, 10), N = parseInt(T.borderBottomWidth, 10), S = parseInt(T.paddingBottom, 10), z = R + O + w + S + N, Y = Math.min(y.offsetHeight * 5, z), j = window.getComputedStyle(h), ve = parseInt(j.paddingTop, 10), q = parseInt(j.paddingBottom, 10), ee = _.top + _.height / 2 - Oe, J = G - ee, he = y.offsetHeight / 2, L = y.offsetTop + he, te = R + O + L, ce = z - te;
+      const H = g(), G = window.innerHeight - Oe * 2, w = h.scrollHeight, T = window.getComputedStyle(l), O = parseInt(T.borderTopWidth, 10), R = parseInt(T.paddingTop, 10), N = parseInt(T.borderBottomWidth, 10), S = parseInt(T.paddingBottom, 10), z = O + R + w + S + N, Y = Math.min(y.offsetHeight * 5, z), j = window.getComputedStyle(h), ve = parseInt(j.paddingTop, 10), q = parseInt(j.paddingBottom, 10), ee = _.top + _.height / 2 - Oe, J = G - ee, he = y.offsetHeight / 2, L = y.offsetTop + he, te = O + R + L, ce = z - te;
       if (te <= ee) {
         const ne = H.length > 0 && y === H[H.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -3636,7 +3636,7 @@ var pf = "SelectItemAlignedPosition", Os = f.forwardRef((e, t) => {
         i.style.top = "0px";
         const de = Math.max(
           ee,
-          R + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          O + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (ne ? ve : 0) + he
         ) + ce;
         i.style.height = de + "px", h.scrollTop = te - ee + h.offsetTop;
@@ -4064,7 +4064,7 @@ function $f({ field: e, formValues: t, handleChange: n, handleBlur: r, error: o,
           value: E[e.valueId || "key"] || E.key,
           label: E[e.labelId || "value"] || E.value
         }));
-        l(C), e.name + "_count" in t && (console.log("Updating count for", e.name, "to", C.length), n(e.name + "_count", C.length));
+        l(C), e.name + "_count" in t && n(e.name + "_count", C.length);
       } catch (p) {
         console.error("Failed to load options for SelectField:", p), l(e.options || []);
       } finally {
@@ -4449,8 +4449,8 @@ function Zs() {
     MUSTACHE_EXPR: G,
     ERB_EXPR: w,
     TMPLIT_EXPR: T,
-    DATA_ATTR: R,
-    ARIA_ATTR: O,
+    DATA_ATTR: O,
+    ARIA_ATTR: R,
     IS_SCRIPT_OR_DATA: N,
     ATTR_WHITESPACE: S,
     CUSTOM_ELEMENT: z
@@ -4641,8 +4641,8 @@ function Zs() {
   }, ko = function(b, M, B) {
     if (mo && (M === "id" || M === "name") && (B in n || B in ec))
       return !1;
-    if (!(Q && !L[M] && ye(R, M))) {
-      if (!(ce && ye(O, M))) {
+    if (!(Q && !L[M] && ye(O, M))) {
+      if (!(ce && ye(R, M))) {
         if (!(te.attributeCheck instanceof Function && te.attributeCheck(M, b))) {
           if (!q[M] || L[M]) {
             if (
@@ -7038,7 +7038,7 @@ const Lp = (e, t) => {
     "left-bottom"
   ], A = () => [...x(), W, $], I = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], P = () => [W, $, c], F = () => [kt, "full", "auto", ...P()], V = () => [Ze, "none", "subgrid", W, $], H = () => ["auto", {
     span: ["full", Ze, W, $]
-  }, Ze, W, $], G = () => [Ze, "auto", W, $], w = () => ["auto", "min", "max", "fr", W, $], T = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], R = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], O = () => ["auto", ...P()], N = () => [kt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], S = () => [e, W, $], z = () => [...x(), Ca, Sa, {
+  }, Ze, W, $], G = () => [Ze, "auto", W, $], w = () => ["auto", "min", "max", "fr", W, $], T = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...P()], N = () => [kt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], S = () => [e, W, $], z = () => [...x(), Ca, Sa, {
     position: [W, $]
   }], Y = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -7469,14 +7469,14 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...R(), "normal"]
+        "justify-items": [...O(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...R()]
+        "justify-self": ["auto", ...O()]
       }],
       /**
        * Align Content
@@ -7490,7 +7490,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...R(), {
+        items: [...O(), {
           baseline: ["", "last"]
         }]
       }],
@@ -7499,7 +7499,7 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...R(), {
+        self: ["auto", ...O(), {
           baseline: ["", "last"]
         }]
       }],
@@ -7515,14 +7515,14 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...R(), "baseline"]
+        "place-items": [...O(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...R()]
+        "place-self": ["auto", ...O()]
       }],
       // Spacing
       /**
@@ -7593,63 +7593,63 @@ const Lp = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: O()
+        m: R()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: R()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: R()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: R()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        ml: R()
       }],
       /**
        * Space Between X
@@ -9657,29 +9657,29 @@ function Ea({
   );
   const k = (w) => {
     if (w === 0) return "0 Bytes";
-    const T = 1024, R = ["Bytes", "KB", "MB", "GB"], O = Math.floor(Math.log(w) / Math.log(T));
-    return `${parseFloat((w / T ** O).toFixed(2))} ${R[O]}`;
+    const T = 1024, O = ["Bytes", "KB", "MB", "GB"], R = Math.floor(Math.log(w) / Math.log(T));
+    return `${parseFloat((w / T ** R).toFixed(2))} ${O[R]}`;
   }, C = async (w) => {
     const T = new FormData();
     T.append("file", w);
-    const R = await fetch(`${y}`, {
+    const O = await fetch(`${y}`, {
       method: "POST",
       body: T
     });
-    if (!R.ok)
+    if (!O.ok)
       throw Cn.error("Upload failed"), new Error("Upload failed");
-    return await R.json();
+    return await O.json();
   }, E = async (w, T) => {
     if (!T) return;
     if (w.maxSize && T.size > w.maxSize)
       throw new Error(
         `File size must not exceed ${k(w.maxSize)}`
       );
-    const R = await C(T), O = { ...t, [w.name]: R };
-    a(w.name, R), s(O);
+    const O = await C(T), R = { ...t, [w.name]: O };
+    a(w.name, O), s(R);
   }, x = async (w, T) => {
-    const R = t[w.name] || [];
-    if (w.maxFiles && R.length + T.length > w.maxFiles)
+    const O = t[w.name] || [];
+    if (w.maxFiles && O.length + T.length > w.maxFiles)
       throw new Error(`Maximum ${w.maxFiles} files allowed`);
     T.forEach((S) => {
       if (w.maxSize && S.size > w.maxSize)
@@ -9687,23 +9687,23 @@ function Ea({
           `Each file must not exceed ${k(w.maxSize)}`
         );
     });
-    const O = await Promise.all(
+    const R = await Promise.all(
       T.map((S) => C(S))
       // Updated call
-    ), N = [...R, ...O];
+    ), N = [...O, ...R];
     a(w.name, N), s({ ...t, [w.name]: N });
   }, A = async (w, T) => {
     if (l) return;
-    const R = Array.from(T);
+    const O = Array.from(T);
     try {
-      e.type === "multifile" ? await x(e, R) : await E(e, R[0]), o.current?.[w] && (o.current[w].value = "");
-    } catch (O) {
-      Cn.error(`Upload failed: ${O.message}`);
+      e.type === "multifile" ? await x(e, O) : await E(e, O[0]), o.current?.[w] && (o.current[w].value = "");
+    } catch (R) {
+      Cn.error(`Upload failed: ${R.message}`);
     }
   }, I = async (w, T) => {
     if (l) return;
-    let R;
-    e.type === "file" ? R = "" : R = (t[w] || []).filter((N) => N !== T), a(w, R), s({ ...t, [w]: R }), o.current?.[w] && (o.current[w].value = "");
+    let O;
+    e.type === "file" ? O = "" : O = (t[w] || []).filter((N) => N !== T), a(w, O), s({ ...t, [w]: O }), o.current?.[w] && (o.current[w].value = "");
   }, _ = (w) => {
     w.preventDefault(), l || h(!0);
   }, P = (w) => {
@@ -9773,17 +9773,17 @@ function Ea({
           }
         ),
         p.length > 0 && /* @__PURE__ */ u("div", { className: "space-y-2 pt-2 border-t border-gray-200", children: p.map((w, T) => {
-          const R = w.original_name || w.name || "File", O = w.size || null;
+          const O = w.original_name || w.name || "File", R = w.size || null;
           return /* @__PURE__ */ D(
             "div",
             {
               className: "flex items-center justify-between p-2 bg-gray-50 rounded",
               children: [
                 /* @__PURE__ */ D("div", { className: "flex items-center space-x-2 min-w-0", children: [
-                  /* @__PURE__ */ u("span", { className: "text-sm truncate", children: R }),
-                  O && /* @__PURE__ */ D("span", { className: "text-xs text-gray-500 flex-shrink-0", children: [
+                  /* @__PURE__ */ u("span", { className: "text-sm truncate", children: O }),
+                  R && /* @__PURE__ */ D("span", { className: "text-xs text-gray-500 flex-shrink-0", children: [
                     "(",
-                    k(O),
+                    k(R),
                     ")"
                   ] })
                 ] }),
@@ -10271,10 +10271,10 @@ var Kh = f.forwardRef((e, t) => {
             if (P.target === P.currentTarget && F && !k) {
               const V = new CustomEvent(Nr, jh);
               if (P.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
-                const H = x().filter((O) => O.focusable), G = H.find((O) => O.active), w = H.find((O) => O.id === h), R = [G, w, ...H].filter(
+                const H = x().filter((R) => R.focusable), G = H.find((R) => R.active), w = H.find((R) => R.id === h), O = [G, w, ...H].filter(
                   Boolean
-                ).map((O) => O.ref.current);
-                Li(R, d);
+                ).map((R) => R.ref.current);
+                Li(O, d);
               }
             }
             A.current = !1;
@@ -11237,52 +11237,52 @@ const $g = ({
     []
   ), A = async (w, T = null) => {
     if (!e) {
-      const R = `apiClient prop is required when using fields with optionsUrl. Field "${w.name}" requires optionsUrl but no apiClient was provided.`;
-      l && console.error(R), Cn.error(R);
+      const O = `apiClient prop is required when using fields with optionsUrl. Field "${w.name}" requires optionsUrl but no apiClient was provided.`;
+      l && console.error(O), Cn.error(O);
       return;
     }
     try {
-      const R = await e(`/${w.optionsUrl}`);
-      let O = [];
-      w.type === "select" ? O = [
+      const O = await e(`/${w.optionsUrl}`);
+      let R = [];
+      w.type === "select" ? R = [
         { value: "", label: `Select ${w.label.toLowerCase()}` },
-        ...R.data
-      ] : O = [
-        ...R.data.map((N) => ({
+        ...O.data
+      ] : R = [
+        ...O.data.map((N) => ({
           value: N.value,
           label: N.label
         }))
       ], r.fields.forEach((N) => {
-        N.name === w.name && (N.options = O);
+        N.name === w.name && (N.options = R);
       });
-    } catch (R) {
-      l && console.error(`Failed to load options for ${w.name}:`, R);
+    } catch (O) {
+      l && console.error(`Failed to load options for ${w.name}:`, O);
     } finally {
     }
   };
   qe(() => {
     if (r?.fields && r.fields.length > 0) {
-      if (!r.fields.some((R) => R.value)) return;
-      r.fields.forEach((R) => {
-        R.optionsUrl && A(R);
+      if (!r.fields.some((O) => O.value)) return;
+      r.fields.forEach((O) => {
+        O.optionsUrl && A(O);
       });
       const T = {};
-      r.fields.forEach((R) => {
-        if (!R.name) return;
-        const O = R.type === "multiselect" || R.type === "searchselect" || R.type === "checkbox" && R.options && R.options.length > 0;
-        let N = i[R.name] ?? R.value ?? (O ? [] : "");
-        ["date", "datetime", "datepicker"].includes(R.type?.toLowerCase()) && N && (console.log(`[BEFORE dateTimeParser] Field: ${R.name}, Type: ${R.type}, Value:`, N, `Type: ${typeof N}`), N = Eg(N) || N, console.log(`[AFTER dateTimeParser] Field: ${R.name}, Parsed Value:`, N, `Type: ${typeof N}`, `Is Date: ${N instanceof Date}`)), T[R.name] = N;
+      r.fields.forEach((O) => {
+        if (!O.name) return;
+        const R = O.type === "multiselect" || O.type === "searchselect" || O.type === "checkbox" && O.options && O.options.length > 0;
+        let N = i[O.name] ?? O.value ?? (R ? [] : "");
+        ["date", "datetime", "datepicker"].includes(O.type?.toLowerCase()) && N && (N = Eg(N) || N), T[O.name] = N;
       }), m(T);
     }
   }, [r]);
-  const I = (w, T, R) => {
-    const O = typeof T == "object" && T !== null && !Array.isArray(T) && !(T instanceof Date), N = T == null || typeof T == "string" && T.trim() === "" || Array.isArray(T) && T.length === 0 || w.type === "checkbox" && T === !1 || O && Object.keys(T).length === 0;
+  const I = (w, T, O) => {
+    const R = typeof T == "object" && T !== null && !Array.isArray(T) && !(T instanceof Date), N = T == null || typeof T == "string" && T.trim() === "" || Array.isArray(T) && T.length === 0 || w.type === "checkbox" && T === !1 || R && Object.keys(T).length === 0;
     if (w.required && N)
       return l && console.warn(`VALIDATION FAILED (REQUIRED): ${w.name} is empty.`), `${w.label} is required`;
     if (N && !w.required)
       return null;
     if (w.validate) {
-      const S = w.validate(T, R);
+      const S = w.validate(T, O);
       if (S) return S;
     }
     if (w.type === "email" && T && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(T))
@@ -11295,44 +11295,44 @@ const $g = ({
     }
     return w.type === "date" && T && !ir(T).isValid() ? `${w.label} must be a valid date` : w.maxLength && T && T.length > w.maxLength ? `${w.label} must not exceed ${w.maxLength} characters` : null;
   }, _ = (w, T) => {
-    const R = r.fields.find((N) => N.name === w);
-    if (!R) return;
-    const O = { ...d };
-    R.type === "multiselect" || R.type === "searchselect" ? Array.isArray(T) ? O[w] = T : T && T.target && T.target.selectedOptions ? O[w] = Array.from(T.target.selectedOptions).map(
+    const O = r.fields.find((N) => N.name === w);
+    if (!O) return;
+    const R = { ...d };
+    O.type === "multiselect" || O.type === "searchselect" ? Array.isArray(T) ? R[w] = T : T && T.target && T.target.selectedOptions ? R[w] = Array.from(T.target.selectedOptions).map(
       (N) => N.value
-    ) : O[w] = T : R.type === "dateRange" ? O[w] = [
+    ) : R[w] = T : O.type === "dateRange" ? R[w] = [
       {
         startDate: T.from,
         endDate: T.to || T.from,
         key: "selection"
       }
-    ] : R.type === "dayTimePicker" ? O[w] = T ? ir(T).format("YYYY-MM-DD HH:mm:ss") : "" : R.type === "number" ? O[w] = T === "" ? "" : Number(T) : O[w] = T, R.type === "select" && r.fields.forEach((N) => {
-      if (N.showIf && !N.showIf(O)) {
+    ] : O.type === "dayTimePicker" ? R[w] = T ? ir(T).format("YYYY-MM-DD HH:mm:ss") : "" : O.type === "number" ? R[w] = T === "" ? "" : Number(T) : R[w] = T, O.type === "select" && r.fields.forEach((N) => {
+      if (N.showIf && !N.showIf(R)) {
         const S = N.type === "multiselect" || N.type === "searchselect" || N.type === "checkbox" && N.options && N.options.length > 0;
-        O[N.name] = S ? [] : "";
+        R[N.name] = S ? [] : "";
       }
     }), r.fields.forEach((N) => {
-      if (typeof N.disabled == "function" && N.disabled(O)) {
+      if (typeof N.disabled == "function" && N.disabled(R)) {
         const S = N.type === "multiselect" || N.type === "searchselect" || N.type === "checkbox" && N.options && N.options.length > 0;
-        O[N.name] = S ? [] : "";
+        R[N.name] = S ? [] : "";
       }
-    }), m(O);
+    }), m(R);
   }, P = (w) => {
     h({ ...v, [w]: !0 });
   }, F = (w) => {
     w.preventDefault();
     const T = {};
-    r.fields.forEach((O) => {
-      O.name && (T[O.name] = !0);
+    r.fields.forEach((R) => {
+      R.name && (T[R.name] = !0);
     }), h(T);
-    const R = {};
-    if (r.fields.forEach((O) => {
-      if (O.name && (!O.showIf || O.showIf(d))) {
-        const N = I(O, d[O.name], d);
-        N && (R[O.name] = N);
+    const O = {};
+    if (r.fields.forEach((R) => {
+      if (R.name && (!R.showIf || R.showIf(d))) {
+        const N = I(R, d[R.name], d);
+        N && (O[R.name] = N);
       }
-    }), p(R), Object.keys(R).length === 0) {
-      const O = (S, z) => {
+    }), p(O), Object.keys(O).length === 0) {
+      const R = (S, z) => {
         if (S === "" || S === null || S === void 0) return null;
         const Y = z?.toLowerCase();
         if (Array.isArray(S))
@@ -11356,7 +11356,7 @@ const $g = ({
       }, N = {};
       r.fields.forEach((S) => {
         if (S.name) {
-          const z = d[S.name], Y = S.fieldType || "string", j = O(z, Y);
+          const z = d[S.name], Y = S.fieldType || "string", j = R(z, Y);
           o ? N[S.name] = {
             value: j,
             fieldType: Y
@@ -11380,10 +11380,10 @@ const $g = ({
     pink: "border-pink-500 bg-pink-50",
     orange: "border-orange-500 bg-orange-50"
   };
-  function H(w, T, R) {
-    const O = `${T.name}-error`;
-    if (l && (R ? console.log(
-      `[fieldFormat RENDER] Rendering error for ${T.name}: ${R}`
+  function H(w, T, O) {
+    const R = `${T.name}-error`;
+    if (l && (O ? console.log(
+      `[fieldFormat RENDER] Rendering error for ${T.name}: ${O}`
     ) : g[T.name] && console.log(
       `[fieldFormat RENDER] Error exists in state for ${T.name} but not passed in props!`
     )), E.includes(T.type))
@@ -11401,12 +11401,12 @@ const $g = ({
         }
       ),
       /* @__PURE__ */ u("div", { children: Te.cloneElement(w, {
-        "aria-describedby": R ? O : void 0,
-        "aria-invalid": !!R,
+        "aria-describedby": O ? R : void 0,
+        "aria-invalid": !!O,
         "aria-required": T.required
       }) }),
       T.description && /* @__PURE__ */ u("p", { className: "text-xs mt-1.5 text-gray-400", children: T.description }),
-      R && /* @__PURE__ */ u("p", { id: O, className: "text-sm text-red-500 mt-1", role: "alert", children: R })
+      O && /* @__PURE__ */ u("p", { id: R, className: "text-sm text-red-500 mt-1", role: "alert", children: O })
     ] });
     return /* @__PURE__ */ u("div", { className: "mb-4", children: N === "card" ? /* @__PURE__ */ u("div", { className: z, children: Y }) : Y });
   }
@@ -11417,7 +11417,7 @@ const $g = ({
       const N = w.type === "multiselect" || w.type === "searchselect" || w.type === "checkbox" && w.options && w.options.length > 0;
       d[w.name] = w.value !== void 0 ? w.value : N ? [] : "";
     }
-    const R = g[w.name] ? g[w.name] : null, O = typeof w.disabled == "function" ? w.disabled(d) : !!w.disabled;
+    const O = g[w.name] ? g[w.name] : null, R = typeof w.disabled == "function" ? w.disabled(d) : !!w.disabled;
     return H(
       /* @__PURE__ */ u(
         T,
@@ -11429,14 +11429,14 @@ const $g = ({
           setCharCounts: k,
           charCount: y[w.name] || 0,
           api_URL: t,
-          error: R,
+          error: O,
           fileInputRefs: C,
-          disabled: O,
+          disabled: R,
           apiClient: e
         }
       ),
       w,
-      R
+      O
     );
   };
   return /* @__PURE__ */ D(