@overmap-ai/forms 1.0.17-blur-updates.3 → 1.0.17-blur-updates.5

package/dist/forms.js

@@ -4,7 +4,7 @@ var I = (t, n, e) => cr(t, typeof n != "symbol" ? n + "" : n, e);
 import { jsxs as x, jsx as s, Fragment as be } from "react/jsx-runtime";
 import { Popover as le, IconButton as V, RiIcon as F, Text as ge, Spinner as wt, ButtonGroup as xt, Tooltip as Ne, Separator as Xt, Checkbox as lt, Button as Q, DayPicker as dr, useToast as Ct, Input as pe, Badge as kt, Card as He, Menu as _, TextArea as Hn, Heading as Gn, HoverCard as Rt, useAlertDialog as ur, Tabs as Te, useSize as fr, IconToggleButton as mr } from "@overmap-ai/blocks";
 import * as p from "react";
-import { memo as O, useCallback as N, useMemo as P, forwardRef as Xe, createContext as hr, useContext as pr, useState as $, useRef as me, useEffect as K, Fragment as Xn, useLayoutEffect as Kt, useReducer as gr } from "react";
+import { memo as O, useCallback as R, useMemo as P, forwardRef as Xe, createContext as hr, useContext as pr, useState as $, useRef as me, useEffect as K, Fragment as Xn, useLayoutEffect as Kt, useReducer as gr } from "react";
 import { useField as Qt, useFormikContext as Ie, useFormik as Yt, FormikProvider as Jt } from "formik";
 import * as vr from "react-dom";
 import yr from "react-dom";
@@ -17,7 +17,7 @@ import kr from "lodash.clonedeep";
 import { Colors as Qn, fileToBlob as Yn, hashFile as Rn, DeferredPromise as Mr } from "@overmap-ai/core";
 import { ReactSketchCanvas as zr } from "react-sketch-canvas";
 const Jn = O((t) => {
-  const { selectedColor: n, allColors: e, onFinish: i, trigger: r } = t, o = N(
+  const { selectedColor: n, allColors: e, onFinish: i, trigger: r } = t, o = R(
     (a) => () => {
       i(a);
     },
@@ -204,7 +204,7 @@ class G extends ti {
 }
 I(G, "fieldTypeName"), I(G, "fieldTypeDescription");
 const Z = (t) => {
-  const { id: n, field: e, formId: i, size: r, showInputOnly: o, onValuesChange: a, ...l } = t, [m, c, d] = Qt(e.getId()), { touched: u } = c, h = c.error ?? e.description, y = c.error ? "danger" : void 0, b = n ?? `${i}-${e.getId()}-input`, f = `${b}-label`, g = e.required ? `${e.label} *` : e.label, C = P(() => ({
+  const { id: n, field: e, formId: i, size: r, showInputOnly: o, onValuesChange: a, ...l } = t, [m, c, d] = Qt(e.getId()), { touched: u } = c, h = c.error ?? e.description, y = c.error ? "danger" : void 0, w = n ?? `${i}-${e.getId()}-input`, f = `${w}-label`, g = e.required ? `${e.label} *` : e.label, C = P(() => ({
     ...m,
     // name and value not being overridden
     onChange: (E) => {
@@ -219,7 +219,7 @@ const Z = (t) => {
       helpText: h,
       size: r,
       severity: y,
-      inputId: b,
+      inputId: w,
       labelId: f,
       label: g,
       showInputOnly: o,
@@ -285,14 +285,14 @@ function jr(t, n = []) {
     e = [...e, a];
     const c = (u) => {
       var C;
-      const { scope: h, children: y, ...b } = u, f = ((C = h == null ? void 0 : h[t]) == null ? void 0 : C[m]) || l, g = p.useMemo(() => b, Object.values(b));
+      const { scope: h, children: y, ...w } = u, f = ((C = h == null ? void 0 : h[t]) == null ? void 0 : C[m]) || l, g = p.useMemo(() => w, Object.values(w));
       return /* @__PURE__ */ s(f.Provider, { value: g, children: y });
     };
     c.displayName = o + "Provider";
     function d(u, h) {
       var f;
-      const y = ((f = h == null ? void 0 : h[t]) == null ? void 0 : f[m]) || l, b = p.useContext(y);
-      if (b) return b;
+      const y = ((f = h == null ? void 0 : h[t]) == null ? void 0 : f[m]) || l, w = p.useContext(y);
+      if (w) return w;
       if (a !== void 0) return a;
       throw new Error(`\`${u}\` must be used within \`${o}\``);
     }
@@ -464,15 +464,15 @@ var no = "DismissableLayer", zt = "dismissableLayer.update", io = "dismissableLa
       onInteractOutside: a,
       onDismiss: l,
       ...m
-    } = t, c = p.useContext(ri), [d, u] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = p.useState({}), b = Se(n, (R) => u(R)), f = Array.from(c.layers), [g] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), C = f.indexOf(g), w = d ? f.indexOf(d) : -1, v = c.layersWithOutsidePointerEventsDisabled.size > 0, E = w >= C, S = so((R) => {
-      const T = R.target, D = [...c.branches].some((M) => M.contains(T));
-      !E || D || (r == null || r(R), a == null || a(R), R.defaultPrevented || l == null || l());
-    }, h), L = lo((R) => {
-      const T = R.target;
-      [...c.branches].some((M) => M.contains(T)) || (o == null || o(R), a == null || a(R), R.defaultPrevented || l == null || l());
+    } = t, c = p.useContext(ri), [d, u] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = p.useState({}), w = Se(n, (T) => u(T)), f = Array.from(c.layers), [g] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), C = f.indexOf(g), b = d ? f.indexOf(d) : -1, v = c.layersWithOutsidePointerEventsDisabled.size > 0, E = b >= C, S = so((T) => {
+      const N = T.target, A = [...c.branches].some((M) => M.contains(N));
+      !E || A || (r == null || r(T), a == null || a(T), T.defaultPrevented || l == null || l());
+    }, h), L = lo((T) => {
+      const N = T.target;
+      [...c.branches].some((M) => M.contains(N)) || (o == null || o(T), a == null || a(T), T.defaultPrevented || l == null || l());
     }, h);
-    return to((R) => {
-      w === c.layers.size - 1 && (i == null || i(R), !R.defaultPrevented && l && (R.preventDefault(), l()));
+    return to((T) => {
+      b === c.layers.size - 1 && (i == null || i(T), !T.defaultPrevented && l && (T.preventDefault(), l()));
     }, h), p.useEffect(() => {
       if (d)
         return e && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Tn = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), Ln(), () => {
@@ -481,13 +481,13 @@ var no = "DismissableLayer", zt = "dismissableLayer.update", io = "dismissableLa
     }, [d, h, e, c]), p.useEffect(() => () => {
       d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Ln());
     }, [d, c]), p.useEffect(() => {
-      const R = () => y({});
-      return document.addEventListener(zt, R), () => document.removeEventListener(zt, R);
+      const T = () => y({});
+      return document.addEventListener(zt, T), () => document.removeEventListener(zt, T);
     }, []), /* @__PURE__ */ s(
       ce.div,
       {
         ...m,
-        ref: b,
+        ref: w,
         style: {
           pointerEvents: v ? E ? "auto" : "none" : void 0,
           ...t.style
@@ -598,9 +598,9 @@ var Tt = "focusScope.autoFocusOnMount", Lt = "focusScope.autoFocusOnUnmount", Fn
             S.removedNodes.length > 0 && fe(l);
       };
       document.addEventListener("focusin", f), document.addEventListener("focusout", g);
-      const w = new MutationObserver(C);
-      return l && w.observe(l, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", f), document.removeEventListener("focusout", g), w.disconnect();
+      const b = new MutationObserver(C);
+      return l && b.observe(l, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", f), document.removeEventListener("focusout", g), b.disconnect();
       };
     }
   }, [i, l, y.paused]), p.useEffect(() => {
@@ -619,18 +619,18 @@ var Tt = "focusScope.autoFocusOnMount", Lt = "focusScope.autoFocusOnUnmount", Fn
       };
     }
   }, [l, c, d, y]);
-  const b = p.useCallback(
+  const w = p.useCallback(
     (f) => {
       if (!e && !i || y.paused) return;
       const g = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, C = document.activeElement;
       if (g && C) {
-        const w = f.currentTarget, [v, E] = fo(w);
-        v && E ? !f.shiftKey && C === E ? (f.preventDefault(), e && fe(v, { select: !0 })) : f.shiftKey && C === v && (f.preventDefault(), e && fe(E, { select: !0 })) : C === w && f.preventDefault();
+        const b = f.currentTarget, [v, E] = fo(b);
+        v && E ? !f.shiftKey && C === E ? (f.preventDefault(), e && fe(v, { select: !0 })) : f.shiftKey && C === v && (f.preventDefault(), e && fe(E, { select: !0 })) : C === b && f.preventDefault();
       }
     },
     [e, i, y.paused]
   );
-  return /* @__PURE__ */ s(ce.div, { tabIndex: -1, ...a, ref: h, onKeyDown: b });
+  return /* @__PURE__ */ s(ce.div, { tabIndex: -1, ...a, ref: h, onKeyDown: w });
 });
 si.displayName = co;
 function uo(t, { select: n = !1 } = {}) {
@@ -930,11 +930,11 @@ var fi = Fo(), Dt = function() {
     onScrollCapture: Dt,
     onWheelCapture: Dt,
     onTouchMoveCapture: Dt
-  }), r = i[0], o = i[1], a = t.forwardProps, l = t.children, m = t.className, c = t.removeScrollBar, d = t.enabled, u = t.shards, h = t.sideCar, y = t.noIsolation, b = t.inert, f = t.allowPinchZoom, g = t.as, C = g === void 0 ? "div" : g, w = t.gapMode, v = di(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, S = No([e, n]), L = oe(oe({}, v), r);
+  }), r = i[0], o = i[1], a = t.forwardProps, l = t.children, m = t.className, c = t.removeScrollBar, d = t.enabled, u = t.shards, h = t.sideCar, y = t.noIsolation, w = t.inert, f = t.allowPinchZoom, g = t.as, C = g === void 0 ? "div" : g, b = t.gapMode, v = di(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, S = No([e, n]), L = oe(oe({}, v), r);
   return p.createElement(
     p.Fragment,
     null,
-    d && p.createElement(E, { sideCar: fi, removeScrollBar: c, shards: u, noIsolation: y, inert: b, setCallbacks: o, allowPinchZoom: !!f, lockRef: e, gapMode: w }),
+    d && p.createElement(E, { sideCar: fi, removeScrollBar: c, shards: u, noIsolation: y, inert: w, setCallbacks: o, allowPinchZoom: !!f, lockRef: e, gapMode: b }),
     a ? p.cloneElement(p.Children.only(l), oe(oe({}, L), { ref: S })) : p.createElement(C, oe({}, L, { className: m, ref: S }), l)
   );
 });
@@ -1135,8 +1135,8 @@ var Le = _t ? { passive: !1 } : !1, qo = function(t) {
 }, Yo = function(t, n, e, i, r) {
   var o = Qo(t, window.getComputedStyle(n).direction), a = o * i, l = e.target, m = n.contains(l), c = !1, d = a > 0, u = 0, h = 0;
   do {
-    var y = gi(t, l), b = y[0], f = y[1], g = y[2], C = f - g - o * b;
-    (b || C) && pi(t, l) && (u += C, h += b), l instanceof ShadowRoot ? l = l.host : l = l.parentNode;
+    var y = gi(t, l), w = y[0], f = y[1], g = y[2], C = f - g - o * w;
+    (w || C) && pi(t, l) && (u += C, h += w), l instanceof ShadowRoot ? l = l.host : l = l.parentNode;
   } while (
     // portaled content
     !m && l !== document.body || // self content
@@ -1177,37 +1177,37 @@ function ta(t) {
   var l = p.useCallback(function(f, g) {
     if ("touches" in f && f.touches.length === 2 || f.type === "wheel" && f.ctrlKey)
       return !a.current.allowPinchZoom;
-    var C = Ye(f), w = e.current, v = "deltaX" in f ? f.deltaX : w[0] - C[0], E = "deltaY" in f ? f.deltaY : w[1] - C[1], S, L = f.target, R = Math.abs(v) > Math.abs(E) ? "h" : "v";
-    if ("touches" in f && R === "h" && L.type === "range")
+    var C = Ye(f), b = e.current, v = "deltaX" in f ? f.deltaX : b[0] - C[0], E = "deltaY" in f ? f.deltaY : b[1] - C[1], S, L = f.target, T = Math.abs(v) > Math.abs(E) ? "h" : "v";
+    if ("touches" in f && T === "h" && L.type === "range")
       return !1;
-    var T = zn(R, L);
-    if (!T)
+    var N = zn(T, L);
+    if (!N)
       return !0;
-    if (T ? S = R : (S = R === "v" ? "h" : "v", T = zn(R, L)), !T)
+    if (N ? S = T : (S = T === "v" ? "h" : "v", N = zn(T, L)), !N)
       return !1;
     if (!i.current && "changedTouches" in f && (v || E) && (i.current = S), !S)
       return !0;
-    var D = i.current || S;
-    return Yo(D, g, f, D === "h" ? v : E);
+    var A = i.current || S;
+    return Yo(A, g, f, A === "h" ? v : E);
   }, []), m = p.useCallback(function(f) {
     var g = f;
     if (!(!Fe.length || Fe[Fe.length - 1] !== o)) {
-      var C = "deltaY" in g ? _n(g) : Ye(g), w = n.current.filter(function(S) {
+      var C = "deltaY" in g ? _n(g) : Ye(g), b = n.current.filter(function(S) {
         return S.name === g.type && (S.target === g.target || g.target === S.shadowParent) && Jo(S.delta, C);
       })[0];
-      if (w && w.should) {
+      if (b && b.should) {
         g.cancelable && g.preventDefault();
         return;
       }
-      if (!w) {
+      if (!b) {
         var v = (a.current.shards || []).map(Bn).filter(Boolean).filter(function(S) {
           return S.contains(g.target);
         }), E = v.length > 0 ? l(g, v[0]) : !a.current.noIsolation;
         E && g.cancelable && g.preventDefault();
       }
     }
-  }, []), c = p.useCallback(function(f, g, C, w) {
-    var v = { name: f, delta: g, target: C, should: w, shadowParent: na(C) };
+  }, []), c = p.useCallback(function(f, g, C, b) {
+    var v = { name: f, delta: g, target: C, should: b, shadowParent: na(C) };
     n.current.push(v), setTimeout(function() {
       n.current = n.current.filter(function(E) {
         return E !== v;
@@ -1231,11 +1231,11 @@ function ta(t) {
       }), document.removeEventListener("wheel", m, Le), document.removeEventListener("touchmove", m, Le), document.removeEventListener("touchstart", d, Le);
     };
   }, []);
-  var y = t.removeScrollBar, b = t.inert;
+  var y = t.removeScrollBar, w = t.inert;
   return p.createElement(
     p.Fragment,
     null,
-    b ? p.createElement(o, { styles: Zo(r) }) : null,
+    w ? p.createElement(o, { styles: Zo(r) }) : null,
     y ? p.createElement(Wo, { gapMode: t.gapMode }) : null
   );
 }
@@ -1278,8 +1278,8 @@ var ra = function(t) {
         d(h);
       else
         try {
-          var y = h.getAttribute(i), b = y !== null && y !== "false", f = (Ae.get(h) || 0) + 1, g = (o.get(h) || 0) + 1;
-          Ae.set(h, f), o.set(h, g), a.push(h), f === 1 && b && Je.set(h, !0), g === 1 && h.setAttribute(e, "true"), b || h.setAttribute(i, "true");
+          var y = h.getAttribute(i), w = y !== null && y !== "false", f = (Ae.get(h) || 0) + 1, g = (o.get(h) || 0) + 1;
+          Ae.set(h, f), o.set(h, g), a.push(h), f === 1 && w && Je.set(h, !0), g === 1 && h.setAttribute(e, "true"), w || h.setAttribute(i, "true");
         } catch (C) {
           console.error("aria-hidden: cannot operate on ", h, C);
         }
@@ -1574,17 +1574,17 @@ function wa() {
         }
       } : function(c, d, u, h) {
         if (h = h || open("", "_blank"), h && (h.document.title = h.document.body.innerText = "downloading..."), typeof c == "string") return i(c, d, u);
-        var y = c.type === "application/octet-stream", b = /constructor/i.test(a.HTMLElement) || a.safari, f = /CriOS\/[\d]+/.test(navigator.userAgent);
-        if ((f || y && b || l) && typeof FileReader < "u") {
+        var y = c.type === "application/octet-stream", w = /constructor/i.test(a.HTMLElement) || a.safari, f = /CriOS\/[\d]+/.test(navigator.userAgent);
+        if ((f || y && w || l) && typeof FileReader < "u") {
           var g = new FileReader();
           g.onloadend = function() {
             var v = g.result;
             v = f ? v : v.replace(/^data:[^;]*;/, "data:attachment/file;"), h ? h.location.href = v : location = v, h = null;
           }, g.readAsDataURL(c);
         } else {
-          var C = a.URL || a.webkitURL, w = C.createObjectURL(c);
-          h ? h.location = w : location.href = w, h = null, setTimeout(function() {
-            C.revokeObjectURL(w);
+          var C = a.URL || a.webkitURL, b = C.createObjectURL(c);
+          h ? h.location = b : location.href = b, h = null, setTimeout(function() {
+            C.revokeObjectURL(b);
           }, 4e4);
         }
       });
@@ -1594,14 +1594,14 @@ function wa() {
 }
 var hn = wa();
 const Pi = O((t) => {
-  const { file: n, onClose: e } = t, i = me(null), r = N(() => {
+  const { file: n, onClose: e } = t, i = me(null), r = R(() => {
     var l;
     if (!i.current) return;
     const a = document.createElement("canvas");
     a.width = i.current.width, a.height = i.current.height, (l = a.getContext("2d")) == null || l.drawImage(i.current, 0, 0, i.current.width, i.current.height), a.toBlob((m) => {
       m && navigator.clipboard.write([new ClipboardItem({ "image/png": m })]);
     }, "image/png");
-  }, []), o = N(() => {
+  }, []), o = R(() => {
     hn.saveAs(n, n.name);
   }, [n]);
   return /* @__PURE__ */ s(dn, { open: !0, onOpenChange: e, children: /* @__PURE__ */ s(un, { children: /* @__PURE__ */ s(
@@ -1653,14 +1653,14 @@ const Pi = O((t) => {
 });
 Pi.displayName = "ImageViewer";
 const xa = O((t) => {
-  const { children: n } = t, [e, i] = $(null), r = N(() => {
+  const { children: n } = t, [e, i] = $(null), r = R(() => {
     i(null);
-  }, []), o = N(
+  }, []), o = R(
     (m) => {
       i(m(r));
     },
     [r]
-  ), a = N(() => {
+  ), a = R(() => {
     e && (e.onClose && e.onClose(), r());
   }, [r, e]), l = P(() => o, [o]);
   return /* @__PURE__ */ x(ni.Provider, { value: l, children: [
@@ -1674,7 +1674,7 @@ const ae = (t) => {
   K(() => {
     l instanceof Promise ? l.then(c).catch(console.error) : c(l);
   }, [l]);
-  const h = m ? URL.createObjectURL(m) : void 0, y = N(() => {
+  const h = m ? URL.createObjectURL(m) : void 0, y = R(() => {
     m && d(() => ({
       file: m
     }));
@@ -1689,7 +1689,7 @@ const ae = (t) => {
         onClick: y
       }
     ),
-    /* @__PURE__ */ s("label", { className: qe(n, "flex flex-col gap-1 w-max"), htmlFor: o, children: /* @__PURE__ */ s(ge, { accentColor: u, size: "sm", id: a, weight: "medium", children: e }) }),
+    /* @__PURE__ */ s("label", { className: qe(n, "flex flex-col gap-1 w-max max-w-full"), htmlFor: o, children: /* @__PURE__ */ s(ge, { accentColor: u, size: "sm", id: a, weight: "medium", className: "text-wrap", children: e }) }),
     i
   ] });
 }, ki = (t) => {
@@ -1702,10 +1702,10 @@ const ae = (t) => {
   const { children: n, ...e } = t;
   return /* @__PURE__ */ s(ki, { ...e, children: n });
 }, Ca = [!0, "true"], Mi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onBlur: h, onChange: y } = c, b = o ? null : l, f = o ? "" : m, g = Ca.includes(c.value), C = N(() => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onBlur: h, onChange: y } = c, w = o ? null : l, f = o ? "" : m, g = Ca.includes(c.value), C = R(() => {
     h(g);
   }, [h, g]);
-  return /* @__PURE__ */ s(se, { helpText: b, severity: r, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(se, { helpText: w, severity: r, children: /* @__PURE__ */ s(
     ae,
     {
       size: i,
@@ -1764,12 +1764,12 @@ const Ea = {
 I(De, "fieldTypeName", "Checkbox"), I(De, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), I(De, "Icon", br);
 let Ge = De;
 const zi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onChange: h, onBlur: y } = c, [b, f] = $(!1), g = o ? null : l, C = o ? "" : m, w = c.value ? new Date(c.value) : void 0, v = N(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onChange: h, onBlur: y } = c, [w, f] = $(!1), g = o ? null : l, C = o ? "" : m, b = c.value ? new Date(c.value) : void 0, v = R(
     (S) => {
       S && h(S.toISOString()), f(!1);
     },
     [h]
-  ), E = N(
+  ), E = R(
     (S) => {
       f(S), S || y(c.value);
     },
@@ -1784,7 +1784,7 @@ const zi = O((t) => {
       labelId: e,
       label: C,
       image: o ? void 0 : a.image,
-      children: /* @__PURE__ */ x(le.Root, { open: b, onOpenChange: E, children: [
+      children: /* @__PURE__ */ x(le.Root, { open: w, onOpenChange: E, children: [
         /* @__PURE__ */ s(le.Trigger, { asChild: !0, children: /* @__PURE__ */ x(
           Q,
           {
@@ -1797,7 +1797,7 @@ const zi = O((t) => {
             size: "sm",
             ...d,
             children: [
-              w ? w.toLocaleString(void 0, {
+              b ? b.toLocaleString(void 0, {
                 year: "numeric",
                 month: "2-digit",
                 day: "2-digit"
@@ -1812,7 +1812,7 @@ const zi = O((t) => {
             required: !1,
             mode: "single",
             variant: "solid",
-            selected: w,
+            selected: b,
             onSelect: v
           }
         ) })
@@ -1962,7 +1962,7 @@ const pn = () => Aa(), $i = (t, n) => {
   };
   pt("fields", t, i, n, e);
 }, gn = () => {
-  const { showError: t } = Ct(), n = N(
+  const { showError: t } = Ct(), n = R(
     (i, r, o, a, l, m) => {
       const c = i[r];
       if (!c) throw new Error("Could not find section context.");
@@ -1982,7 +1982,7 @@ const pn = () => Aa(), $i = (t, n) => {
       m("fields", Vt(l.fields, o, d));
     },
     [t]
-  ), e = N(
+  ), e = R(
     (i, r, o, a, l, m, c) => {
       var d;
       if (!(i != null && i.fields) || !a) throw new Error("Could not find section with fields.");
@@ -2011,46 +2011,46 @@ const pn = () => Aa(), $i = (t, n) => {
   );
   return { reorderSection: n, reorderField: e };
 }, ji = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), u = o ? null : l, h = o ? "" : m, { name: y, onChange: b, onBlur: f } = c, g = P(() => Array.isArray(c.value) ? c.value : [], [c.value]), C = `${n}-droppable`, { disabled: w } = d, [v, E] = $(""), [S, L] = $(""), R = S || u, T = N(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), u = o ? null : l, h = o ? "" : m, { name: y, onChange: w, onBlur: f } = c, g = P(() => Array.isArray(c.value) ? c.value : [], [c.value]), C = `${n}-droppable`, { disabled: b } = d, [v, E] = $(""), [S, L] = $(""), T = S || u, N = R(
     (k) => {
-      b(k), f(k);
+      w(k), f(k);
     },
-    [b, f]
-  ), D = N(
+    [w, f]
+  ), A = R(
     (k) => {
       g.findIndex((q) => q === k.target.value.trim()) >= 0 ? L("All options must be unique") : k.target.value ? L("") : L("Option cannot be empty"), E(k.target.value);
     },
     [E, g]
-  ), M = N(() => {
+  ), M = R(() => {
     if (S) return;
     if (!v.trim()) {
       L("Option cannot be empty");
       return;
     }
     const k = v.trim();
-    T([...g, k]), E("");
-  }, [v, S, T, g]), X = N(
+    N([...g, k]), E("");
+  }, [v, S, N, g]), X = R(
     (k) => {
       k.key === "Enter" && (k.preventDefault(), M());
     },
     [M]
-  ), ne = N(
+  ), ne = R(
     (k) => {
-      T(ht(g, k));
+      N(ht(g, k));
     },
-    [g, T]
-  ), B = N(
+    [g, N]
+  ), B = R(
     (k) => {
       if (!k.destination) return;
       const q = k.source.index, de = k.destination.index;
-      T(Vt(g, q, de));
+      N(Vt(g, q, de));
     },
-    [T, g]
-  ), Y = N(() => {
+    [N, g]
+  ), Y = R(() => {
     f(g);
   }, [f, g]);
   return /* @__PURE__ */ s(Kn, { onDragEnd: B, children: /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ s(se, { helpText: R, severity: r, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s(se, { helpText: T, severity: r, children: /* @__PURE__ */ s(
       ae,
       {
         size: i,
@@ -2059,12 +2059,12 @@ const pn = () => Aa(), $i = (t, n) => {
         labelId: e,
         label: h,
         image: o ? void 0 : a.image,
-        children: (!w || g.length === 0) && /* @__PURE__ */ x("div", { className: "flex gap-2", children: [
+        children: (!b || g.length === 0) && /* @__PURE__ */ x("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ s(pe.Root, { className: "grow", accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ s(
             pe.Field,
             {
               value: v,
-              onChange: D,
+              onChange: A,
               onKeyDown: X,
               id: n,
               placeholder: a.placeholder,
@@ -2081,7 +2081,7 @@ const pn = () => Aa(), $i = (t, n) => {
               variant: "soft",
               type: "button",
               "aria-label": "Add option",
-              disabled: !!S || w,
+              disabled: !!S || b,
               onClick: M,
               children: /* @__PURE__ */ s(F, { icon: "RiAddLine" })
             }
@@ -2101,7 +2101,7 @@ const pn = () => Aa(), $i = (t, n) => {
             {
               draggableId: `${q}-draggable`,
               index: de,
-              isDragDisabled: w,
+              isDragDisabled: b,
               children: ({ draggableProps: ie, dragHandleProps: ue, innerRef: Re }) => /* @__PURE__ */ x(
                 kt,
                 {
@@ -2125,7 +2125,7 @@ const pn = () => Aa(), $i = (t, n) => {
                         type: "button",
                         "aria-label": "Delete option",
                         accentColor: "base",
-                        disabled: w,
+                        disabled: b,
                         onClick: () => {
                           ne(de);
                         },
@@ -2199,19 +2199,19 @@ const Wi = O((t) => {
   const [
     { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c, touched: d, helpers: u },
     h
-  ] = Z(t), { name: y, onBlur: b, onChange: f, value: g } = c, C = o ? null : l, w = o ? "" : m, [v, E] = $("");
+  ] = Z(t), { name: y, onBlur: w, onChange: f, value: g } = c, C = o ? null : l, b = o ? "" : m, [v, E] = $("");
   Kt(() => {
     E(g);
   }, [g]);
-  const S = N(
-    (R) => {
-      const T = Number.parseFloat(R.target.value), D = Number.isNaN(T) ? "" : T;
-      E(D), (d || !a.onlyValidateAfterTouched) && u.setError(a.getError(D));
+  const S = R(
+    (T) => {
+      const N = Number.parseFloat(T.target.value), A = Number.isNaN(N) ? "" : N;
+      E(A), (d || !a.onlyValidateAfterTouched) && u.setError(a.getError(A));
     },
     [a, u, d]
-  ), L = N(() => {
-    f(v), b(v);
-  }, [v, b, f]);
+  ), L = R(() => {
+    f(v), w(v);
+  }, [v, w, f]);
   return /* @__PURE__ */ s(se, { helpText: C, severity: r, children: /* @__PURE__ */ s(
     ae,
     {
@@ -2219,7 +2219,7 @@ const Wi = O((t) => {
       severity: r,
       inputId: n,
       labelId: e,
-      label: w,
+      label: b,
       image: o ? void 0 : a.image,
       children: /* @__PURE__ */ s(pe.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ s(
         pe.Field,
@@ -2342,18 +2342,18 @@ I(re, "fieldTypeName", "Number"), I(re, "fieldTypeDescription", "Allows specifyi
 });
 let Ee = re;
 const qi = O((t) => {
-  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: a, showInputOnly: l, field: m, fieldProps: c }, d] = Z(t), { name: u, onBlur: h, onChange: y, value: b } = c, [f, g] = $(!1), C = l ? null : r, w = l ? "" : i, v = N(
+  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: a, showInputOnly: l, field: m, fieldProps: c }, d] = Z(t), { name: u, onBlur: h, onChange: y, value: w } = c, [f, g] = $(!1), C = l ? null : r, b = l ? "" : i, v = R(
     (L) => {
       y(L), g(!1);
     },
     [y]
-  ), E = N(() => {
+  ), E = R(() => {
     y("");
-  }, [y]), S = N(
+  }, [y]), S = R(
     (L) => {
-      g(L), L || h(b);
+      g(L), L || h(w);
     },
-    [h, b]
+    [h, w]
   );
   return /* @__PURE__ */ s(se, { helpText: C, severity: a, children: /* @__PURE__ */ x(
     ae,
@@ -2362,7 +2362,7 @@ const qi = O((t) => {
       severity: a,
       inputId: n,
       labelId: e,
-      label: w,
+      label: b,
       image: l ? void 0 : m.image,
       className: "flex-col items-start justify-start gap-2",
       children: [
@@ -2389,10 +2389,10 @@ const qi = O((t) => {
               /* @__PURE__ */ s(mn, { className: "fixed inset-0", children: /* @__PURE__ */ s(Hi, { onQrScan: v }) })
             ] })
           ] }),
-          b && /* @__PURE__ */ s(F, { icon: "RiCheckLine", className: "align-bottom text-(--primary-a11)" })
+          w && /* @__PURE__ */ s(F, { icon: "RiCheckLine", className: "align-bottom text-(--primary-a11)" })
         ] }),
-        !!b && /* @__PURE__ */ s(He, { className: "max-w-full w-max", size: "sm", children: /* @__PURE__ */ x("div", { className: "max-w-full w-max flex justify-between gap-2", children: [
-          /* @__PURE__ */ s("code", { className: "bg-(--base-a3) truncate text-sm", children: b }),
+        !!w && /* @__PURE__ */ s(He, { className: "max-w-full w-max", size: "sm", children: /* @__PURE__ */ x("div", { className: "max-w-full w-max flex justify-between gap-2", children: [
+          /* @__PURE__ */ s("code", { className: "bg-(--base-a3) truncate text-sm", children: w }),
           /* @__PURE__ */ s(
             V,
             {
@@ -2497,18 +2497,18 @@ class Gi extends G {
   }
 }
 const za = (t) => t ? Array.isArray(t) ? t : [t] : [], Xi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onChange: h, onBlur: y } = c, b = o ? null : l, f = o ? "" : m, g = P(() => za(c.value), [c.value]), C = N(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onChange: h, onBlur: y } = c, w = o ? null : l, f = o ? "" : m, g = P(() => za(c.value), [c.value]), C = R(
     (v) => {
       h(v), y(v);
     },
     [y, h]
-  ), w = N(
+  ), b = R(
     (v) => {
       v || y(g);
     },
     [g, y]
   );
-  return /* @__PURE__ */ s(se, { helpText: b, severity: r, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(se, { helpText: w, severity: r, children: /* @__PURE__ */ s(
     ae,
     {
       size: i,
@@ -2517,7 +2517,7 @@ const za = (t) => t ? Array.isArray(t) ? t : [t] : [], Xi = O((t) => {
       labelId: e,
       label: f,
       image: o ? void 0 : a.image,
-      children: /* @__PURE__ */ x(_.Root, { onOpenChange: w, align: "start", children: [
+      children: /* @__PURE__ */ x(_.Root, { onOpenChange: b, align: "start", children: [
         /* @__PURE__ */ s(_.ClickTrigger, { children: /* @__PURE__ */ x(
           Q,
           {
@@ -2580,12 +2580,12 @@ const _a = {
 I(Me, "fieldTypeName", "Multi-select"), I(Me, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), I(Me, "Icon", Ir);
 let vt = Me;
 const Ki = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onChange: h, onBlur: y, value: b } = c, f = o ? null : l, g = o ? "" : m, C = N(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c }, d] = Z(t), { name: u, onChange: h, onBlur: y, value: w } = c, f = o ? null : l, g = o ? "" : m, C = R(
     (v) => {
       v && (h(v), y(v));
     },
     [y, h]
-  ), w = P(() => a.options.find((v) => v.value === b), [a.options, b]);
+  ), b = P(() => a.options.find((v) => v.value === w), [a.options, w]);
   return /* @__PURE__ */ s(se, { helpText: f, severity: r, children: /* @__PURE__ */ s(
     ae,
     {
@@ -2608,12 +2608,12 @@ const Ki = O((t) => {
             size: "sm",
             ...d,
             children: [
-              /* @__PURE__ */ s("span", { className: "truncate", children: w ? w.label : a.placeholder }),
+              /* @__PURE__ */ s("span", { className: "truncate", children: b ? b.label : a.placeholder }),
               /* @__PURE__ */ s(F, { className: "shrink-0", icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ s(_.Content, { children: /* @__PURE__ */ s(_.Scroll, { children: /* @__PURE__ */ s(_.SelectGroup, { required: !0, value: b, onValueChange: C, children: a.options.map((v) => /* @__PURE__ */ x(_.SelectItem, { value: v.value, children: [
+        /* @__PURE__ */ s(_.Content, { children: /* @__PURE__ */ s(_.Scroll, { children: /* @__PURE__ */ s(_.SelectGroup, { required: !0, value: w, onValueChange: C, children: a.options.map((v) => /* @__PURE__ */ x(_.SelectItem, { value: v.value, children: [
           /* @__PURE__ */ s(_.SelectedIndicator, { children: /* @__PURE__ */ s(F, { icon: "RiCheckLine" }) }),
           v.label
         ] }, v.value)) }) }) })
@@ -2734,18 +2734,18 @@ const Qi = O((t) => {
   const [
     { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c, touched: d, helpers: u },
     h
-  ] = Z(t), { name: y, onBlur: b, onChange: f, value: g } = c, C = o ? null : l, w = o ? "" : m, [v, E] = $("");
+  ] = Z(t), { name: y, onBlur: w, onChange: f, value: g } = c, C = o ? null : l, b = o ? "" : m, [v, E] = $("");
   Kt(() => {
     E(g);
   }, [g]);
-  const S = N(
-    (R) => {
-      E(R.target.value), (d || !a.onlyValidateAfterTouched) && u.setError(a.getError(R.target.value));
+  const S = R(
+    (T) => {
+      E(T.target.value), (d || !a.onlyValidateAfterTouched) && u.setError(a.getError(T.target.value));
     },
     [a, u, d]
-  ), L = N(() => {
-    f(v), b(v);
-  }, [v, b, f]);
+  ), L = R(() => {
+    f(v), w(v);
+  }, [v, w, f]);
   return /* @__PURE__ */ s(se, { helpText: C, severity: r, children: /* @__PURE__ */ s(
     ae,
     {
@@ -2753,12 +2753,13 @@ const Qi = O((t) => {
       severity: r,
       inputId: n,
       labelId: e,
-      label: w,
+      label: b,
       image: o ? void 0 : a.image,
       children: /* @__PURE__ */ s(pe.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ s(
         pe.Field,
         {
           id: n,
+          className: "truncate",
           name: y,
           value: v,
           type: a.inputType,
@@ -2808,18 +2809,18 @@ const Yi = O((t) => {
   const [
     { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, helpText: l, label: m, fieldProps: c, touched: d, helpers: u },
     h
-  ] = Z(t), { name: y, onBlur: b, onChange: f, value: g } = c, C = o ? null : l, w = o ? "" : m, [v, E] = $("");
+  ] = Z(t), { name: y, onBlur: w, onChange: f, value: g } = c, C = o ? null : l, b = o ? "" : m, [v, E] = $("");
   Kt(() => {
     E(g);
   }, [g]);
-  const S = N(
-    (R) => {
-      E(R.target.value), (d || !a.onlyValidateAfterTouched) && u.setError(a.getError(R.target.value));
+  const S = R(
+    (T) => {
+      E(T.target.value), (d || !a.onlyValidateAfterTouched) && u.setError(a.getError(T.target.value));
     },
     [a, u, d]
-  ), L = N(() => {
-    f(v), b(v);
-  }, [v, b, f]);
+  ), L = R(() => {
+    f(v), w(v);
+  }, [v, w, f]);
   return /* @__PURE__ */ s(se, { helpText: C, severity: r, children: /* @__PURE__ */ s(
     ae,
     {
@@ -2827,7 +2828,7 @@ const Yi = O((t) => {
       severity: r,
       inputId: n,
       labelId: e,
-      label: w,
+      label: b,
       image: o ? void 0 : a.image,
       children: /* @__PURE__ */ s(
         Hn,
@@ -2929,42 +2930,42 @@ const Ua = O(
     unit: n[i]
   }).format(e);
 }, Ji = O((t) => {
-  var R;
+  var T;
   const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: a, field: l, fieldProps: m }, c] = Z(t), { name: d, value: u, onChange: h, onBlur: y } = m;
-  let [{ label: b }] = Z(t);
-  b = a ? "" : b;
-  const f = me(null), g = P(() => a ? null : o || (l.maxFileSize ? `Maximum file size: ${l.maxFileSize}MB` : null), [l.maxFileSize, o, a]), C = N(() => {
-    var T;
-    (T = f.current) == null || T.click();
-  }, []), w = N(() => {
+  let [{ label: w }] = Z(t);
+  w = a ? "" : w;
+  const f = me(null), g = P(() => a ? null : o || (l.maxFileSize ? `Maximum file size: ${l.maxFileSize}MB` : null), [l.maxFileSize, o, a]), C = R(() => {
+    var N;
+    (N = f.current) == null || N.click();
+  }, []), b = R(() => {
     if (!f.current) return;
-    const T = f.current.files;
-    if (!T) {
+    const N = f.current.files;
+    if (!N) {
       y([]);
       return;
     }
-    const D = Array.from(T), M = [...u, ...D];
+    const A = Array.from(N), M = [...u, ...A];
     h(M), y(M);
-  }, [y, h, u]), v = N(
-    (T) => {
-      const D = [...u];
-      D.splice(T, 1), h(D);
+  }, [y, h, u]), v = R(
+    (N) => {
+      const A = [...u];
+      A.splice(N, 1), h(A);
     },
     [u, h]
   );
   K(() => {
     if (!f.current) return;
-    const T = new AbortController();
+    const N = new AbortController();
     return f.current.addEventListener(
       "cancel",
       () => {
         y([]);
       },
       {
-        signal: T.signal
+        signal: N.signal
       }
     ), () => {
-      T.abort();
+      N.abort();
     };
   }, [y, u]);
   const E = u ? "Select new files" : "Select files", S = u ? "Select new file" : "Select a file", L = l.maxFiles > 1 ? E : S;
@@ -2976,7 +2977,7 @@ const Ua = O(
         severity: r,
         inputId: n,
         labelId: e,
-        label: b,
+        label: w,
         image: a ? void 0 : l.image,
         children: [
           /* @__PURE__ */ s("div", { className: "flex gap-2", children: /* @__PURE__ */ x(
@@ -3004,27 +3005,27 @@ const Ua = O(
               name: d,
               type: "file",
               ref: f,
-              accept: (R = l.extensions) == null ? void 0 : R.join(","),
+              accept: (T = l.extensions) == null ? void 0 : T.join(","),
               multiple: l.maxFiles > 1,
               className: "hidden",
-              onChange: w,
+              onChange: b,
               value: ""
             }
           )
         ]
       }
     ) }),
-    Array.isArray(u) && u.length > 0 && /* @__PURE__ */ s("div", { className: "flex h-max flex-col gap-2", children: u.map((T, D) => /* @__PURE__ */ s(
+    Array.isArray(u) && u.length > 0 && /* @__PURE__ */ s("div", { className: "flex h-max flex-col gap-2", children: u.map((N, A) => /* @__PURE__ */ s(
       Zi,
       {
         field: l,
-        file: T,
+        file: N,
         onRemove: () => {
-          v(D);
+          v(A);
         },
         disabled: c.disabled
       },
-      D
+      A
     )) })
   ] });
 });
@@ -3037,7 +3038,7 @@ const Zi = O((t) => {
   K(() => {
     n instanceof Promise ? n.then(a).catch(console.error) : a(n);
   }, [n]);
-  const u = N(
+  const u = R(
     (f) => {
       if (f.stopPropagation(), !o)
         throw new Error("Cannot download a file that is not resolved.");
@@ -3045,19 +3046,19 @@ const Zi = O((t) => {
       hn.saveAs(g, d);
     },
     [d, o]
-  ), h = N(
+  ), h = R(
     (f) => {
       f.stopPropagation(), i();
     },
     [i]
-  ), y = N(() => {
+  ), y = R(() => {
     o && l((f) => ({
       file: o,
       onDelete: r ? void 0 : () => {
         i(), f();
       }
     }));
-  }, [r, i, l, o]), b = P(
+  }, [r, i, l, o]), w = P(
     () => /* @__PURE__ */ x(xt, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
       /* @__PURE__ */ s(
         V,
@@ -3080,9 +3081,9 @@ const Zi = O((t) => {
       onClick: y,
       file: o,
       error: m ?? void 0,
-      rightSlot: b
+      rightSlot: w
     }
-  ) : /* @__PURE__ */ s(ei, { file: o, error: m ?? void 0, rightSlot: b });
+  ) : /* @__PURE__ */ s(ei, { file: o, error: m ?? void 0, rightSlot: w });
 });
 Zi.displayName = "DisplayFile";
 const Wa = {
@@ -3453,47 +3454,49 @@ const ye = (t) => Object.keys(t).length > 0, bn = (t, n) => {
       hideTitle: u = !e.title,
       hideDescription: h,
       className: y,
-      buttonProps: b
-    } = t, { readonly: f } = e.meta, g = P(() => crypto.randomUUID(), []), C = Yt({
+      buttonProps: w,
+      enableReinitialize: f = !1
+    } = t, { readonly: g } = e.meta, C = P(() => crypto.randomUUID(), []), b = Yt({
       initialValues: wn(e.fields, i),
       onSubmit: o,
-      validate: (R) => bn(e, R),
+      validate: (N) => bn(e, N),
       // only validate the entire form on submit
       validateOnBlur: !1,
-      validateOnChange: !1
-    }), { dirty: w } = C, v = P(
+      validateOnChange: !1,
+      enableReinitialize: f
+    }), { dirty: v } = b, E = P(
       () => typeof e.title == "string" ? /* @__PURE__ */ s(Gn, { size: "md", children: e.title }) : e.title,
       [e.title]
-    ), E = P(
+    ), S = P(
       () => typeof e.description == "string" ? /* @__PURE__ */ s(ge, { accentColor: "base", children: e.description }) : e.description,
       [e.description]
-    ), S = N(
-      (R, T) => {
-        r == null || r({ ...C.values, [R]: T }, { [R]: T });
+    ), L = R(
+      (N, A) => {
+        r == null || r({ ...b.values, [N]: A }, { [N]: A });
       },
-      [C.values, r]
-    ), L = ft(e.fields, { formId: g, disabled: f, onValuesChange: S });
+      [b.values, r]
+    ), T = ft(e.fields, { formId: C, disabled: g, onValuesChange: L });
     return K(() => {
-      w && c && c(), d && d(w);
-    }, [w, c, d]), /* @__PURE__ */ s(Jt, { value: C, children: /* @__PURE__ */ x(
+      v && c && c(), d && d(v);
+    }, [v, c, d]), /* @__PURE__ */ s(Jt, { value: b, children: /* @__PURE__ */ x(
       "form",
       {
-        id: g,
+        id: C,
         ref: n,
         className: qe(y, "flex flex-col gap-2"),
-        onSubmit: C.handleSubmit,
+        onSubmit: b.handleSubmit,
         children: [
           !u && /* @__PURE__ */ s(He, { variant: "soft", children: /* @__PURE__ */ x("div", { className: "flex flex-col gap-1", children: [
-            v,
-            !h && E
+            E,
+            !h && S
           ] }) }),
-          L,
-          !f && /* @__PURE__ */ x("div", { className: "flex items-center justify-end gap-2", children: [
+          T,
+          !g && /* @__PURE__ */ x("div", { className: "flex items-center justify-end gap-2", children: [
             l && /* @__PURE__ */ x(
               Q,
               {
                 accentColor: we.danger,
-                ...b,
+                ...w,
                 type: "button",
                 onClick: m,
                 children: [
@@ -3502,7 +3505,7 @@ const ye = (t) => Object.keys(t).length > 0, bn = (t, n) => {
                 ]
               }
             ),
-            /* @__PURE__ */ x(Q, { ...b, type: "submit", disabled: !C.isValid, accentColor: "success", children: [
+            /* @__PURE__ */ x(Q, { ...w, type: "submit", disabled: !b.isValid, accentColor: "success", children: [
               /* @__PURE__ */ s(F, { icon: "RiCheckLine" }),
               a
             ] })
@@ -3530,48 +3533,48 @@ const ye = (t) => Object.keys(t).length > 0, bn = (t, n) => {
 We.displayName = "PatchField";
 const Ss = O(
   Xe((t, n) => {
-    const { children: e, schema: i, values: r, onPatch: o, onError: a, requiresDiff: l = !0, onDirtyChange: m, ...c } = t, d = P(() => wn(i.fields, r), [i.fields, r]), u = N(
-      (w) => {
+    const { children: e, schema: i, values: r, onPatch: o, onError: a, requiresDiff: l = !0, onDirtyChange: m, ...c } = t, d = P(() => wn(i.fields, r), [i.fields, r]), u = R(
+      (b) => {
         const v = {};
-        for (const E in w) {
-          const S = w[E];
+        for (const E in b) {
+          const S = b[E];
           S !== d[E] && S !== void 0 && (v[E] = S);
         }
         return v;
       },
       [d]
-    ), h = N(
-      (w) => {
-        const v = u(w);
+    ), h = R(
+      (b) => {
+        const v = u(b);
         l && !ye(v) || o(v);
       },
       [u, o, l]
-    ), y = N(
-      (w) => {
-        const v = bn(i, w);
+    ), y = R(
+      (b) => {
+        const v = bn(i, b);
         if (v && a(v), m) {
-          const E = u(w);
+          const E = u(b);
           m(ye(E));
         }
         return v;
       },
       [i, m, a, u]
-    ), b = Yt({
+    ), w = Yt({
       initialValues: d,
       onSubmit: h,
       validate: y,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), f = N(() => {
+    }), f = R(() => {
       if (m) {
-        const w = u(b.values);
-        ye(w) && m(!0);
+        const b = u(w.values);
+        ye(b) && m(!0);
       }
-    }, [b.values, u, m]), { errors: g, resetForm: C } = b;
+    }, [w.values, u, m]), { errors: g, resetForm: C } = w;
     return K(() => {
       ye(g) && C({ values: d, errors: {} });
-    }, [g, d, C]), /* @__PURE__ */ s(Jt, { value: b, children: /* @__PURE__ */ s("form", { ...c, ref: n, onSubmit: b.handleSubmit, onChange: f, children: e }) });
+    }, [g, d, C]), /* @__PURE__ */ s(Jt, { value: w, children: /* @__PURE__ */ s("form", { ...c, ref: n, onSubmit: w.handleSubmit, onChange: f, children: e }) });
   })
 ), st = "form-builder", Ja = [
   ["string", "text"],
@@ -3742,23 +3745,23 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
     d.current && d.current.getBoundingClientRect().width >= u
   );
   K(() => {
-    const A = d.current;
-    if (A) {
+    const D = d.current;
+    if (D) {
       const z = new ResizeObserver((W) => {
         W[0] && y(W[0].contentRect.width >= u);
       });
-      return z.observe(A), () => {
+      return z.observe(D), () => {
         z.disconnect();
       };
     }
   }, []);
-  const [b, f] = $(void 0);
+  const [w, f] = $(void 0);
   K(() => {
     ve(i) ? f(void 0) : i.image instanceof Promise ? i.image.then(f).catch(console.error) : f(i.image);
   }, [i]);
-  const g = b ? URL.createObjectURL(b) : void 0, C = N(
-    (A) => {
-      A.stopPropagation();
+  const g = w ? URL.createObjectURL(w) : void 0, C = R(
+    (D) => {
+      D.stopPropagation();
       const { image: z, ...W } = i;
       a(`${n}.${e}`, W).then();
     },
@@ -3767,10 +3770,10 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
   K(() => {
     ve(i) && !i.conditional && a(`${n}.${e}.condition`, null).then();
   }, [e, i, n, a]);
-  const w = P(
+  const b = P(
     () => {
-      var A, z;
-      return ve(i) ? (z = $i(o.fields, (A = i.condition) == null ? void 0 : A.identifier)) == null ? void 0 : z.label : void 0;
+      var D, z;
+      return ve(i) ? (z = $i(o.fields, (D = i.condition) == null ? void 0 : D.identifier)) == null ? void 0 : z.label : void 0;
     },
     [i, o.fields]
   ), v = ve(i) ? Array.isArray((Re = i.condition) == null ? void 0 : Re.value) ? "contains all of" : "equals" : void 0;
@@ -3778,61 +3781,61 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
   if (ve(i)) {
     if (qt((St = i.condition) == null ? void 0 : St.value))
       throw new Error("File values are not supported for conditions.");
-    E = Array.isArray((En = i.condition) == null ? void 0 : En.value) ? i.condition.value.map((A) => typeof A == "string" ? A : A.label).join(", ") : (Sn = (In = i.condition) == null ? void 0 : In.value) == null ? void 0 : Sn.toString();
+    E = Array.isArray((En = i.condition) == null ? void 0 : En.value) ? i.condition.value.map((D) => typeof D == "string" ? D : D.label).join(", ") : (Sn = (In = i.condition) == null ? void 0 : In.value) == null ? void 0 : Sn.toString();
   }
-  const S = N((A) => {
-    A.target.parentNode instanceof HTMLElement && (A.target.parentNode.dataset.replicatedValue = A.target.value);
-  }, []), L = N((A) => {
-    A.target.parentNode instanceof HTMLElement && (A.target.parentNode.dataset.replicatedValue = A.target.value);
-  }, []), R = i.type, T = Ht[R], [D, M] = P(() => {
-    let A = [], z = [];
-    if (T === H) {
+  const S = R((D) => {
+    D.target.parentNode instanceof HTMLElement && (D.target.parentNode.dataset.replicatedValue = D.target.value);
+  }, []), L = R((D) => {
+    D.target.parentNode instanceof HTMLElement && (D.target.parentNode.dataset.replicatedValue = D.target.value);
+  }, []), T = i.type, N = Ht[T], [A, M] = P(() => {
+    let D = [], z = [];
+    if (N === H) {
       if (r === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      const W = T.getFieldCreationSchema(r, `${n}.${e}`);
-      A = A.concat(
+      const W = N.getFieldCreationSchema(r, `${n}.${e}`);
+      D = D.concat(
         W.filter((U) => U.showDirectly).map((U) => U.field)
       ), z = z.concat(
         W.filter((U) => !U.showDirectly).map((U) => U.field)
       );
     } else {
-      if (!(T.prototype instanceof G))
-        throw new Error(`Field must be an instance of BaseField. Got ${T.toString()}.`);
-      const W = T.getFieldCreationSchema(
+      if (!(N.prototype instanceof G))
+        throw new Error(`Field must be an instance of BaseField. Got ${N.toString()}.`);
+      const W = N.getFieldCreationSchema(
         `${n}.${e}`
       );
-      h ? (A = [
-        ...A,
+      h ? (D = [
+        ...D,
         ...W.filter((U) => U.showDirectly).map((U) => U.field)
       ], z = [
         ...z,
         ...W.filter((U) => !U.showDirectly).map((U) => U.field)
       ]) : z = [...z, ...W.map((U) => U.field)];
     }
-    return [A, z];
-  }, [T, r, n, e, h]), X = ft(D, {
+    return [D, z];
+  }, [N, r, n, e, h]), X = ft(A, {
     formId: st,
     disabled: !1,
-    ...T === H && { size: "sm" }
+    ...N === H && { size: "sm" }
   }), ne = ft(M, {
     formId: st,
     disabled: !1
   });
   let B = M.length > 0;
   ve(i) && M.length > 0 && (B = i.conditional);
-  const Y = M.some((A) => {
-    const z = J(l, T === H ? `${n}.${e}.condition` : A.getId());
+  const Y = M.some((D) => {
+    const z = J(l, N === H ? `${n}.${e}.condition` : D.getId());
     return z && (typeof z != "object" || ye(z));
   }), k = Y ? we.danger : void 0, q = P(() => yn(i), [i]), de = Bi(q, { formId: st, showInputOnly: !1 }), ie = P(
-    () => m.flat().find((A) => A.value === R),
-    [m, R]
-  ), ue = N(() => {
-    b && c(() => ({
-      file: b
+    () => m.flat().find((D) => D.value === T),
+    [m, T]
+  ), ue = R(() => {
+    w && c(() => ({
+      file: w
     }));
-  }, [c, b]);
+  }, [c, w]);
   return /* @__PURE__ */ s("div", { className: "flex grow items-center w-full", ref: d, children: /* @__PURE__ */ x("div", { className: "flex w-full flex-col gap-2", children: [
-    T === H && (D.length > 0 || B) && /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
+    N === H && (A.length > 0 || B) && /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
       X,
       B && /* @__PURE__ */ x("div", { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ s(
@@ -3845,7 +3848,7 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
         ),
         ve(i) && i.conditional && /* @__PURE__ */ s("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": k, children: /* @__PURE__ */ x("em", { children: [
           "Display only if ",
-          /* @__PURE__ */ s("strong", { children: w }),
+          /* @__PURE__ */ s("strong", { children: b }),
           " ",
           v,
           " ",
@@ -3853,7 +3856,7 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
         ] }) })
       ] })
     ] }),
-    T !== H && /* @__PURE__ */ x("div", { className: "flex gap-2 w-full justify-between", children: [
+    N !== H && /* @__PURE__ */ x("div", { className: "flex gap-2 w-full justify-between", children: [
       /* @__PURE__ */ x("div", { className: "flex gap-2 items-center", children: [
         /* @__PURE__ */ x(kt, { accentColor: "base", variant: "soft", size: "sm", children: [
           ie == null ? void 0 : ie.icon,
@@ -3863,8 +3866,8 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
           We,
           {
             name: `${n}.${e}.required`,
-            render: ({ setValue: A, value: z }) => /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(lt.Root, { checked: z, onCheckedChange: A, size: "sm", children: /* @__PURE__ */ s(lt.Indicator, { children: /* @__PURE__ */ s(F, { icon: "RiCheckLine" }) }) }),
+            render: ({ setValue: D, value: z }) => /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ s(lt.Root, { checked: z, onCheckedChange: D, size: "sm", children: /* @__PURE__ */ s(lt.Indicator, { children: /* @__PURE__ */ s(F, { icon: "RiCheckLine" }) }) }),
               /* @__PURE__ */ s(ge, { size: "sm", accentColor: "base", children: "Required" })
             ] })
           }
@@ -3879,13 +3882,13 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
         }
       )
     ] }),
-    b && /* @__PURE__ */ x("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
+    w && /* @__PURE__ */ x("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
       /* @__PURE__ */ s(
         "img",
         {
           className: "h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",
           src: g,
-          alt: b.name,
+          alt: w.name,
           onClick: ue
         }
       ),
@@ -3906,14 +3909,14 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
       We,
       {
         name: `${n}.${e}.label`,
-        render: ({ setValue: A, value: z }) => /* @__PURE__ */ s(
+        render: ({ setValue: D, value: z }) => /* @__PURE__ */ s(
           "input",
           {
             className: "bg-transparent outline-none text-sm placeholder-(--base-a9)",
-            placeholder: R === "section" ? "Enter a section label (optional)" : "Enter your question",
+            placeholder: T === "section" ? "Enter a section label (optional)" : "Enter your question",
             value: z,
             onChange: (W) => {
-              A(W.target.value);
+              D(W.target.value);
             },
             onInput: S,
             maxLength: 200
@@ -3925,14 +3928,14 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
       We,
       {
         name: `${n}.${e}.description`,
-        render: ({ setValue: A, value: z }) => /* @__PURE__ */ s(
+        render: ({ setValue: D, value: z }) => /* @__PURE__ */ s(
           "textarea",
           {
             className: "bg-transparent outline-none text-sm field-sizing-content grow placeholder-(--base-a9)",
-            placeholder: `Enter a ${R === "section" ? "section" : "field"} description (optional)`,
+            placeholder: `Enter a ${T === "section" ? "section" : "field"} description (optional)`,
             value: z,
             onChange: (W) => {
-              A(W.target.value);
+              D(W.target.value);
             },
             onInput: L,
             maxLength: 1e3
@@ -3940,8 +3943,8 @@ const rr = (t = () => null) => P(() => Ja.map((n) => n.map((e) => {
         )
       }
     ),
-    T !== H && D.length > 0 && /* @__PURE__ */ s("div", { className: "w-full", children: X }),
-    T !== H && /* @__PURE__ */ x(He, { className: "flex gap-4 bg-(--accent-a2) items-center", children: [
+    N !== H && A.length > 0 && /* @__PURE__ */ s("div", { className: "w-full", children: X }),
+    N !== H && /* @__PURE__ */ x(He, { className: "flex gap-4 bg-(--accent-a2) items-center", children: [
       /* @__PURE__ */ x(Rt.Root, { children: [
         /* @__PURE__ */ s(Rt.Trigger, { asChild: !0, children: /* @__PURE__ */ s(kt, { icon: !0, size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ s(F, { icon: "RiEyeLine" }) }) }),
         /* @__PURE__ */ s(Rt.Content, { className: "w-[225px]", size: "sm", align: "start", children: "This is a preview of the field as it will be rendered in the form." })
@@ -3959,7 +3962,7 @@ const or = O((t) => {
       initial: n
     }),
     [n, e, d]
-  ), h = N(() => {
+  ), h = R(() => {
     const f = n.label || "Unlabelled field", g = {
       ...n,
       label: f
@@ -3968,24 +3971,24 @@ const or = O((t) => {
       title: "Field duplicated",
       description: `The field "${f}" has been duplicated`
     });
-  }, [n, d, e, a, o, m]), y = N(
+  }, [n, d, e, a, o, m]), y = R(
     (f) => {
       const g = i, C = a.fields[g];
-      let w = i, v = f === "up" ? e - 1 : e + 1;
-      f === "up" && e === 0 ? (w = i - 1, v = a.fields[w].fields.length) : f === "down" && e === C.fields.length - 1 && (w = i + 1, v = 0);
-      const E = a.fields[w];
+      let b = i, v = f === "up" ? e - 1 : e + 1;
+      f === "up" && e === 0 ? (b = i - 1, v = a.fields[b].fields.length) : f === "down" && e === C.fields.length - 1 && (b = i + 1, v = 0);
+      const E = a.fields[b];
       l(
         C,
         g,
         e,
         E,
-        w,
+        b,
         v,
         o
       );
     },
     [i, a.fields, e, l, o]
-  ), b = N(
+  ), w = R(
     (f) => {
       const { files: g } = f.target;
       if (!g || g.length !== 1) return;
@@ -4024,7 +4027,7 @@ const or = O((t) => {
             remove: r,
             duplicate: h,
             move: y,
-            upload: b
+            upload: w
           }
         )
       ] })
@@ -4034,52 +4037,52 @@ const or = O((t) => {
 or.displayName = "FieldWithActions";
 const ar = O((t) => {
   var E;
-  const { field: n, index: e, dropState: i, fieldsOnly: r } = t, o = (E = i[n.identifier]) == null ? void 0 : E.disabled, { setFieldValue: a, values: l } = Ie(), m = ur(), { reorderSection: c } = gn(), { showInfo: d } = Ct(), u = N(
+  const { field: n, index: e, dropState: i, fieldsOnly: r } = t, o = (E = i[n.identifier]) == null ? void 0 : E.disabled, { setFieldValue: a, values: l } = Ie(), m = ur(), { reorderSection: c } = gn(), { showInfo: d } = Ct(), u = R(
     (S, L) => {
-      for (const R of S) {
-        const T = L.indexOf(R);
-        a(`fields.${T}.condition`, null).then(), a(`fields.${T}.conditional`, !1).then();
+      for (const T of S) {
+        const N = L.indexOf(T);
+        a(`fields.${N}.condition`, null).then(), a(`fields.${N}.conditional`, !1).then();
       }
     },
     [a]
-  ), h = N(
+  ), h = R(
     (S) => {
-      var T;
+      var N;
       const L = n.fields[S];
       if (!L) throw new Error("Could not find field to remove.");
-      const R = [];
-      for (const D of l.fields)
-        ((T = D.condition) == null ? void 0 : T.identifier) === L.identifier && R.push(D);
+      const T = [];
+      for (const A of l.fields)
+        ((N = A.condition) == null ? void 0 : N.identifier) === L.identifier && T.push(A);
       return {
         removing: L,
-        affectedSections: R,
+        affectedSections: T,
         action: () => a(`fields.${e}.fields`, ht(n.fields, S))
       };
     },
     [n.fields, l.fields, a, e]
-  ), y = N(
+  ), y = R(
     (S) => {
-      const { affectedSections: L, action: R, removing: T } = h(S), D = () => {
-        R().then(), u(L, l.fields);
+      const { affectedSections: L, action: T, removing: N } = h(S), A = () => {
+        T().then(), u(L, l.fields);
       };
       if (L.length > 0) {
         const M = L.map((X) => X.label).join(", ");
         m({
           title: "Remove condition?",
-          description: `${T.label} is being used as a condition, deleting it will remove the condition from the ${M} section(s).`,
+          description: `${N.label} is being used as a condition, deleting it will remove the condition from the ${M} section(s).`,
           action: "Remove",
-          onAction: D
+          onAction: A
         });
         return;
       }
-      D();
+      A();
     },
     [h, u, l.fields, m]
-  ), b = N(() => {
-    const L = n.fields.map((B, Y) => h(Y)).flatMap((B) => B.affectedSections), R = L.length ? "Remove fields and conditions?" : "Remove fields?", T = n.fields.length, D = L.map((B) => B.label).join(", "), M = L.length ? `Deleting this section will remove the ${T} field(s) it contains and will remove the conditions from following sections: ${D}` : `Deleting this section will remove the ${T} field(s) it contains.`, X = ht(l.fields, e), ne = () => a("fields", X);
+  ), w = R(() => {
+    const L = n.fields.map((B, Y) => h(Y)).flatMap((B) => B.affectedSections), T = L.length ? "Remove fields and conditions?" : "Remove fields?", N = n.fields.length, A = L.map((B) => B.label).join(", "), M = L.length ? `Deleting this section will remove the ${N} field(s) it contains and will remove the conditions from following sections: ${A}` : `Deleting this section will remove the ${N} field(s) it contains.`, X = ht(l.fields, e), ne = () => a("fields", X);
     if (L.length > 0) {
       m({
-        title: R,
+        title: T,
         description: M,
         action: "Remove",
         onAction: () => {
@@ -4099,7 +4102,7 @@ const ar = O((t) => {
     a,
     m,
     u
-  ]), f = N(
+  ]), f = R(
     (S) => {
       const L = S === "up" ? e - 1 : e + 1;
       c(i, n.identifier, e, L, l, a);
@@ -4113,16 +4116,16 @@ const ar = O((t) => {
       conditionalSourceFields: Ui(l.fields, e)
     }),
     [n, e, l.fields]
-  ), C = N(() => {
-    const S = n.label || "Untitled section", L = n.fields.map((T) => ({
-      ...T,
+  ), C = R(() => {
+    const S = n.label || "Untitled section", L = n.fields.map((N) => ({
+      ...N,
       identifier: pn()
-    })), R = { ...n, label: S, fields: L };
-    pt("fields", e + 1, R, l, a), d({
+    })), T = { ...n, label: S, fields: L };
+    pt("fields", e + 1, T, l, a), d({
       title: "Section duplicated",
       description: `The section "${S}" has been duplicated.`
     });
-  }, [n, e, l, a, d]), w = N(
+  }, [n, e, l, a, d]), b = R(
     (S) => {
       pt(
         `fields.${e}.fields`,
@@ -4133,7 +4136,7 @@ const ar = O((t) => {
       );
     },
     [e, n.fields.length, l, a]
-  ), v = rr(w);
+  ), v = rr(b);
   return /* @__PURE__ */ s(tn, { draggableId: n.identifier, index: e, children: (S) => /* @__PURE__ */ s(
     He,
     {
@@ -4158,17 +4161,17 @@ const ar = O((t) => {
                   ref: L.innerRef,
                   ...L.droppableProps,
                   children: [
-                    n.fields.map((R, T) => /* @__PURE__ */ s(
+                    n.fields.map((T, N) => /* @__PURE__ */ s(
                       or,
                       {
-                        field: R,
-                        index: T,
+                        field: T,
+                        index: N,
                         sectionIndex: e,
                         remove: () => {
-                          y(T);
+                          y(N);
                         }
                       },
-                      R.identifier
+                      T.identifier
                     )),
                     L.placeholder,
                     /* @__PURE__ */ x(_.Root, { children: [
@@ -4176,10 +4179,10 @@ const ar = O((t) => {
                         /* @__PURE__ */ s(F, { icon: "RiAddLine" }),
                         " Add field"
                       ] }) }),
-                      /* @__PURE__ */ s(_.Content, { children: v.flat().map((R) => /* @__PURE__ */ x(_.Item, { onSelect: R.onSelect, children: [
-                        R.icon,
-                        R.children
-                      ] }, R.value)) })
+                      /* @__PURE__ */ s(_.Content, { children: v.flat().map((T) => /* @__PURE__ */ x(_.Item, { onSelect: T.onSelect, children: [
+                        T.icon,
+                        T.children
+                      ] }, T.value)) })
                     ] })
                   ]
                 }
@@ -4192,7 +4195,7 @@ const ar = O((t) => {
           {
             index: e,
             type: n.type,
-            remove: b,
+            remove: w,
             duplicate: C,
             move: f
           }
@@ -4210,21 +4213,21 @@ const qn = (t, n) => {
   K(() => {
     o({ type: "update", state: Wn(e.fields) });
   }, [o, e.fields]);
-  const m = N((u) => {
+  const m = R((u) => {
     u.type === "SECTION" && o({ type: "hold", fieldId: u.draggableId });
-  }, []), c = N(
+  }, []), c = R(
     (u) => {
-      const { source: h, destination: y, type: b, reason: f, draggableId: g } = u;
+      const { source: h, destination: y, type: w, reason: f, draggableId: g } = u;
       if (o({ type: "release" }), !y || f === "CANCEL") return;
-      if (b === "ROOT") {
+      if (w === "ROOT") {
         a(r, g, h.index, y.index, e, i);
         return;
       }
-      if (b !== "SECTION") throw new Error("Unexpected droppable type.");
-      const [C, w] = qn(e.fields, h.droppableId) ?? [], [v, E] = qn(e.fields, y.droppableId) ?? [];
+      if (w !== "SECTION") throw new Error("Unexpected droppable type.");
+      const [C, b] = qn(e.fields, h.droppableId) ?? [], [v, E] = qn(e.fields, y.droppableId) ?? [];
       l(
         C,
-        w,
+        b,
         h.index,
         v,
         E,
@@ -4233,7 +4236,7 @@ const qn = (t, n) => {
       );
     },
     [e, l, i, a, r]
-  ), d = N(
+  ), d = R(
     (u) => {
       Oa(u + 1, e, i);
     },
@@ -4312,18 +4315,18 @@ const ts = () => {
       showTabs: c = !0,
       tabsListClassName: d,
       hydrateRevisionWithImages: u
-    } = t, { showError: h } = Ct(), y = N(
-      (w) => {
+    } = t, { showError: h } = Ct(), y = R(
+      (b) => {
         const v = {};
-        w.title || (v.title = "Title is required."), (!w.fields || w.fields.length === 0) && (v.fields = "At least one field is required.");
+        b.title || (v.title = "Title is required."), (!b.fields || b.fields.length === 0) && (v.fields = "At least one field is required.");
         let E = [];
-        for (const [L, R] of w.fields.entries()) {
-          const D = Ht.section.getFieldCreationSchema(
-            Ui(w.fields, L),
+        for (const [L, T] of b.fields.entries()) {
+          const A = Ht.section.getFieldCreationSchema(
+            Ui(b.fields, L),
             `fields.${L}`
           ).map((M) => M.field);
-          E = [...E, ...D];
-          for (const [M, X] of R.fields.entries()) {
+          E = [...E, ...A];
+          for (const [M, X] of T.fields.entries()) {
             const B = Ht[X.type].getFieldCreationSchema(`fields.${L}.fields.${M}`).map((Y) => Y.field);
             E = [...E, ...B];
           }
@@ -4332,7 +4335,7 @@ const ts = () => {
           {
             fields: E
           },
-          w
+          b
         );
         if (S && (v.fields = S.fields), ye(v))
           return h({
@@ -4341,7 +4344,7 @@ const ts = () => {
           }), v;
       },
       [h]
-    ), b = P(
+    ), w = P(
       () => ({
         title: o ?? "",
         description: "",
@@ -4349,7 +4352,7 @@ const ts = () => {
       }),
       [o]
     ), f = r ? u(r) : void 0, g = Yt({
-      initialValues: Da(f) ?? b,
+      initialValues: Da(f) ?? w,
       validate: y,
       onSubmit: i,
       validateOnChange: !1,
@@ -4388,7 +4391,7 @@ const ts = () => {
                 We,
                 {
                   name: "title",
-                  render: ({ setValue: w, value: v, meta: E }) => /* @__PURE__ */ s(ki, { severity: "danger", helpText: E.error ?? null, children: /* @__PURE__ */ s(
+                  render: ({ setValue: b, value: v, meta: E }) => /* @__PURE__ */ s(ki, { severity: "danger", helpText: E.error ?? null, children: /* @__PURE__ */ s(
                     pe.Root,
                     {
                       variant: "outline",
@@ -4400,7 +4403,7 @@ const ts = () => {
                           placeholder: "Form title",
                           value: v,
                           onChange: (S) => {
-                            w(S.target.value);
+                            b(S.target.value);
                           },
                           maxLength: 100
                         }
@@ -4413,14 +4416,14 @@ const ts = () => {
                 We,
                 {
                   name: "description",
-                  render: ({ setValue: w, value: v }) => /* @__PURE__ */ s(
+                  render: ({ setValue: b, value: v }) => /* @__PURE__ */ s(
                     Hn,
                     {
                       className: "field-sizing-content",
                       placeholder: "Explain the purpose of this form",
                       value: v,
                       onChange: (E) => {
-                        w(E.target.value);
+                        b(E.target.value);
                       },
                       resize: "vertical",
                       maxLength: 1e3,
@@ -4463,16 +4466,16 @@ async function rs(t, n, e, i) {
 const os = O((t) => {
   const { file: n, onClose: e, onSave: i, onDelete: r, dirty: o, onDirty: a } = t;
   n.objectURL || (n.objectURL = URL.createObjectURL(n));
-  const l = me(null), m = me(null), [c, d] = $(Qn.red), [u, h] = $(null), [y, b] = $(!1), [f, g] = $(!1), C = me(null), w = fr(C);
+  const l = me(null), m = me(null), [c, d] = $(Qn.red), [u, h] = $(null), [y, w] = $(!1), [f, g] = $(!1), C = me(null), b = fr(C);
   K(() => {
     const B = new Image();
     B.onload = function() {
       h({ width: B.naturalWidth, height: B.naturalHeight });
     }, B.src = URL.createObjectURL(n);
   }, [n]), K(() => {
-    !f && (w != null && w.width) && w.height && g(!0);
-  }, [w, f]);
-  const v = N(async () => {
+    !f && (b != null && b.width) && b.height && g(!0);
+  }, [b, f]);
+  const v = R(async () => {
     o || e();
     const B = l.current;
     if (!B) return;
@@ -4483,25 +4486,25 @@ const os = O((t) => {
       const q = await Yn(Y), de = new File([q], n.name, { type: n.type }), ie = m.current, ue = await rs(ie, n, de, u);
       ue.objectURL = URL.createObjectURL(ue);
       const Re = await Rn(n);
-      await Rn(ue) !== Re && i(ue), b(!1), e();
-    }, b(!0), k.src = Y;
-  }, [o, n, e, i, u]), E = N(() => {
+      await Rn(ue) !== Re && i(ue), w(!1), e();
+    }, w(!0), k.src = Y;
+  }, [o, n, e, i, u]), E = R(() => {
     r(n);
-  }, [n, r]), S = N(() => {
+  }, [n, r]), S = R(() => {
     e();
-  }, [e]), L = N(() => {
+  }, [e]), L = R(() => {
     a(!0);
-  }, [a]), R = N(() => {
+  }, [a]), T = R(() => {
     l.current && l.current.redo();
-  }, []), T = N(() => {
+  }, []), N = R(() => {
     l.current && l.current.undo();
-  }, []), D = N(() => {
+  }, []), A = R(() => {
     l.current && (a(!1), l.current.clearCanvas());
-  }, [a]), M = N((B) => {
+  }, [a]), M = R((B) => {
     l.current && l.current.eraseMode(B);
-  }, []), X = N(() => {
+  }, []), X = R(() => {
     v();
-  }, [v]), ne = N(() => {
+  }, [v]), ne = R(() => {
     hn.saveAs(n, n.name);
   }, [n]);
   return /* @__PURE__ */ s(dn, { open: !0, onOpenChange: e, children: /* @__PURE__ */ x(un, { children: [
@@ -4556,9 +4559,9 @@ const os = O((t) => {
                 }
               ),
               /* @__PURE__ */ s(Xt, { orientation: "vertical", size: "full" }),
-              /* @__PURE__ */ s(V, { "aria-label": "undo", onClick: T, children: /* @__PURE__ */ s(F, { icon: "RiArrowGoBackLine" }) }),
-              /* @__PURE__ */ s(V, { "aria-label": "undo", onClick: R, children: /* @__PURE__ */ s(F, { icon: "RiArrowGoForwardLine" }) }),
-              /* @__PURE__ */ s(V, { "aria-label": "undo all", onClick: D, children: /* @__PURE__ */ s(F, { icon: "RiLoopLeftLine" }) })
+              /* @__PURE__ */ s(V, { "aria-label": "undo", onClick: N, children: /* @__PURE__ */ s(F, { icon: "RiArrowGoBackLine" }) }),
+              /* @__PURE__ */ s(V, { "aria-label": "undo", onClick: T, children: /* @__PURE__ */ s(F, { icon: "RiArrowGoForwardLine" }) }),
+              /* @__PURE__ */ s(V, { "aria-label": "undo all", onClick: A, children: /* @__PURE__ */ s(F, { icon: "RiLoopLeftLine" }) })
             ] }),
             /* @__PURE__ */ x("div", { className: "flex justify-end gap-2", children: [
               /* @__PURE__ */ s(V, { "aria-label": "Save markup", accentColor: "primary", onClick: X, children: /* @__PURE__ */ s(F, { icon: "RiSaveLine" }) }),