@overmap-ai/forms 2.1.3 → 2.1.4

package/dist/forms.js

@@ -1,7 +1,7 @@
 import { jsxs as o, Fragment as X, jsx as l } from "react/jsx-runtime";
 import { Card as me, LuIcon as p, Text as _, Spinner as mt, Overlay as j, preventDefault as gt, ButtonGroup as D, IconButton as A, Separator as fe, Input as P, Badge as U, Checkbox as ct, CheckboxGroup as Ft, Popover as G, Button as V, DayPicker as Xn, Menu as m, OneTimePasswordField as Nt, toast as Z, stopPropagation as Ve, RadioGroup as Ue, TextArea as Ye, Rating as Un, Heading as Us, ToggleGroup as kt, useAlertDialog as Hs } from "@overmap-ai/blocks";
 import { cx as ze, cva as Yt } from "class-variance-authority";
-import { forwardRef as Qt, createElement as Wt, memo as x, createContext as Pe, useState as B, useLayoutEffect as Zn, useContext as bt, useEffect as ue, useCallback as u, Fragment as en, use as L, useMemo as $, useRef as ke } from "react";
+import { forwardRef as Qt, createElement as Wt, memo as z, createContext as Pe, useState as B, useLayoutEffect as Zn, useContext as bt, useEffect as ue, useCallback as u, Fragment as en, use as L, useMemo as $, useRef as ke } from "react";
 import "@xyflow/react/dist/style.css";
 import { getBezierPath as Gs, Position as Ce, BaseEdge as Js, EdgeLabelRenderer as Ws, NodeToolbar as Ks, Handle as Hn, MarkerType as Xs, useNodesState as Zs, useEdgesState as Ys, ReactFlow as Qs, Panel as qt } from "@xyflow/react";
 import { willCreateCycle as Yn } from "graphology-dag";
@@ -374,7 +374,7 @@ const Ma = [
 const Da = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], he = q("x", Da), bi = x((n) => {
+], he = q("x", Da), bi = z((n) => {
   const { ref: e, file: t, className: i, error: s, rightSlot: r, size: a, ...h } = n, d = () => s ? /* @__PURE__ */ o(X, { children: [
     /* @__PURE__ */ l(p, { icon: Qe, color: "var(--base-a11)" }),
     /* @__PURE__ */ l(_, { accentColor: "base", className: "truncate", size: a, children: s })
@@ -540,14 +540,14 @@ const K = Pe({}), Ci = (n) => {
       URL.revokeObjectURL(i);
     };
   }, [n]), e;
-}, et = x((n) => {
+}, et = z((n) => {
   const { file: e, ...t } = n, i = Ci(e);
   return /* @__PURE__ */ l("img", { src: i ?? void 0, alt: e.name, ...t });
 });
 et.displayName = "ImageFile";
 const yi = Pe(() => {
   throw new Error("No ImageViewerProvider found");
-}), sn = () => bt(yi), vi = x((n) => {
+}), sn = () => bt(yi), vi = z((n) => {
   const { file: e, onClose: t } = n, [i, s] = B(!1);
   ue(() => {
     s(!1);
@@ -578,7 +578,7 @@ const yi = Pe(() => {
   ] }) });
 });
 vi.displayName = "ImageViewer";
-const La = x((n) => {
+const La = z((n) => {
   const { children: e } = n, [t, i] = B(null), s = u(() => {
     i(null);
   }, []), r = u(
@@ -595,7 +595,7 @@ const La = x((n) => {
   ] });
 });
 La.displayName = "FileViewerProvider";
-const Y = x((n) => {
+const Y = z((n) => {
   const { label: e, error: t, description: i, required: s, children: r, inputId: a, image: h, size: d } = n, [c, f] = B(void 0), C = sn();
   ue(() => {
     h instanceof Promise ? h.then(f).catch(console.error) : f(h);
@@ -639,7 +639,7 @@ const _a = (n) => n.map((e) => /* @__PURE__ */ l(en, { children: e.render() }, e
     onChange: s,
     onBlur: r
   };
-}, Vi = x((n) => {
+}, Vi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), [c, f] = B(""), [C, b] = B(""), g = u(
     (S) => {
       a(S), r();
@@ -658,7 +658,7 @@ const _a = (n) => n.map((e) => /* @__PURE__ */ l(en, { children: e.render() }, e
     }
     const S = c.trim();
     g([...i, S]), f("");
-  }, [c, C, g, i]), z = u(
+  }, [c, C, g, i]), x = u(
     (S) => {
       S.key === "Enter" && (S.preventDefault(), w());
     },
@@ -696,7 +696,7 @@ const _a = (n) => n.map((e) => /* @__PURE__ */ l(en, { children: e.render() }, e
             {
               value: c,
               onChange: y,
-              onKeyDown: z,
+              onKeyDown: x,
               id: e.id,
               placeholder: e.placeholder ?? "Press enter to add a new option",
               onBlur: F,
@@ -943,7 +943,7 @@ class pe extends T {
     ];
   }
 }
-const xi = x((n) => {
+const xi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (C) => {
       a(!!C), r();
@@ -1044,7 +1044,7 @@ class Ie extends T {
     return e === t;
   }
 }
-const zi = x((n) => {
+const zi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (b) => {
       const g = b.target.valueAsNumber, y = isNaN(g) ? null : g;
@@ -1355,7 +1355,7 @@ class Ge extends T {
     return e === t;
   }
 }
-const Si = x((n) => {
+const Si = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (C) => {
       a(C), r();
@@ -1460,7 +1460,7 @@ class ye extends pe {
     return i.size === s.size && i.isSubsetOf(s);
   }
 }
-const Fi = x((n) => {
+const Fi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), [c, f] = B(!1), C = u(
     (g) => {
       a(g ?? null), r(), f(!1);
@@ -1584,7 +1584,7 @@ class Je extends T {
   }
 }
 var M = /* @__PURE__ */ ((n) => (n.Text = "text", n.Selection = "selection", n.Numeric = "numeric", n.Temporal = "temporal", n.Capture = "capture", n.Assessment = "assessment", n.Verification = "verification", n))(M || {});
-const Ni = x((n) => {
+const Ni = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (C) => {
       a(C), r();
@@ -1722,7 +1722,7 @@ class ve extends pe {
     return i.size === s.size && i.isSubsetOf(s);
   }
 }
-const ki = x((n) => {
+const ki = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (b) => {
       a(b);
@@ -1941,7 +1941,7 @@ function rn(n, e) {
 }
 const qi = Pe(() => {
   throw new Error("No ImageCapturerProvider found");
-}), Oi = () => bt(qi), Ii = x((n) => {
+}), Oi = () => bt(qi), Ii = z((n) => {
   const { onCapture: e } = n, [t, i] = B("idle"), [s, r] = B(!1), a = ke(null), h = ke(null), d = ke(null), c = u(() => {
     d.current && (d.current.getTracks().forEach((g) => g.stop()), d.current = null), a.current && (a.current.srcObject = null), i("idle");
   }, []), f = Gn(
@@ -1968,7 +1968,7 @@ const qi = Pe(() => {
     const g = a.current, y = h.current;
     if (!g || !y || g.videoWidth <= 0 || g.videoHeight <= 0) return;
     const w = Math.min(g.clientWidth / g.videoWidth, g.clientHeight / g.videoHeight);
-    y.style.width = `${g.videoWidth * w}px`, y.style.height = `${g.videoHeight * w}px`, y.getAnimations().forEach((z) => z.cancel()), y.animate([{ opacity: 0.8 }, { opacity: 0 }], {
+    y.style.width = `${g.videoWidth * w}px`, y.style.height = `${g.videoHeight * w}px`, y.getAnimations().forEach((x) => x.cancel()), y.animate([{ opacity: 0.8 }, { opacity: 0 }], {
       duration: 250,
       easing: "ease-out"
     });
@@ -1977,8 +1977,8 @@ const qi = Pe(() => {
       if (a.current)
         try {
           r(!0);
-          const y = a.current, w = y.videoHeight, z = y.videoWidth, N = Math.max(z, w), I = Math.min(1, 1920 / N), F = document.createElement("canvas");
-          F.width = Math.round(z * I), F.height = Math.round(w * I);
+          const y = a.current, w = y.videoHeight, x = y.videoWidth, N = Math.max(x, w), I = Math.min(1, 1920 / N), F = document.createElement("canvas");
+          F.width = Math.round(x * I), F.height = Math.round(w * I);
           const S = F.getContext("2d");
           if (!S) throw new Error("Could not setup canvas context.");
           S.drawImage(y, 0, 0, F.width, F.height), C();
@@ -2048,7 +2048,7 @@ const qi = Pe(() => {
   ] });
 });
 Ii.displayName = "Camera";
-const Ei = x((n) => {
+const Ei = z((n) => {
   const {
     files: e,
     onDelete: t,
@@ -2100,7 +2100,7 @@ const Ei = x((n) => {
   ] });
 });
 Ei.displayName = "ImagesViewer";
-const Ti = x((n) => {
+const Ti = z((n) => {
   const {
     children: e,
     open: t,
@@ -2144,7 +2144,7 @@ const Ti = x((n) => {
   ] });
 });
 Ti.displayName = "ImageCapturer";
-const ja = x((n) => {
+const ja = z((n) => {
   const { children: e } = n, [t, i] = B(null), s = u(() => {
     i(null);
   }, []), r = u(
@@ -2161,7 +2161,7 @@ const ja = x((n) => {
   ] });
 });
 ja.displayName = "ImageCapturerProvider";
-const Ai = x((n) => {
+const Ai = z((n) => {
   const { ref: e, file: t, error: i, rightSlot: s, className: r, size: a, ...h } = n;
   return /* @__PURE__ */ o(
     me,
@@ -2187,12 +2187,12 @@ const Ai = x((n) => {
   );
 });
 Ai.displayName = "ImageCard";
-const an = x((n) => {
+const an = z((n) => {
   const { file: e, ...t } = n, i = Ci(e);
   return /* @__PURE__ */ l("video", { src: i ?? void 0, ...t });
 });
 an.displayName = "VideoFile";
-const Mi = x((n) => {
+const Mi = z((n) => {
   const { ref: e, file: t, className: i, error: s, rightSlot: r, size: a, ...h } = n;
   return /* @__PURE__ */ o(
     me,
@@ -2240,7 +2240,7 @@ const Mi = x((n) => {
 Mi.displayName = "VideoCard";
 const Ri = Pe(() => {
   throw new Error("No VideoViewerProvider found");
-}), Ba = () => bt(Ri), Di = x((n) => {
+}), Ba = () => bt(Ri), Di = z((n) => {
   const { file: e, onClose: t } = n, [i, s] = B(!1);
   ue(() => {
     s(!1);
@@ -2283,7 +2283,7 @@ const Ri = Pe(() => {
   ] }) });
 });
 Di.displayName = "VideoViewer";
-const Pa = x((n) => {
+const Pa = z((n) => {
   const { children: e } = n, [t, i] = B(null), s = u(() => {
     i(null);
   }, []), r = u(
@@ -2300,7 +2300,7 @@ const Pa = x((n) => {
   ] });
 });
 Pa.displayName = "VideoViewerProvider";
-const on = x((n) => {
+const on = z((n) => {
   const { fileOrPromise: e, onRemove: t, disabled: i, size: s } = n, [r, a] = B(
     e instanceof Ze ? null : e
   ), [h, d] = B(null), c = sn(), f = Ba();
@@ -2337,7 +2337,7 @@ const on = x((n) => {
     }));
   }, [i, b, c, r]), w = u(() => {
     r && f(() => ({ file: r }));
-  }, [f, r]), z = $(
+  }, [f, r]), x = $(
     () => /* @__PURE__ */ l("div", { className: "flex grow justify-end", children: /* @__PURE__ */ o(m.Root, { modal: !0, children: [
       /* @__PURE__ */ l(m.ClickTrigger, { children: /* @__PURE__ */ l(
         A,
@@ -2373,7 +2373,7 @@ const on = x((n) => {
       onClick: y,
       file: r,
       error: h ?? void 0,
-      rightSlot: z,
+      rightSlot: x,
       size: s
     }
   ) : I ? /* @__PURE__ */ l(
@@ -2383,7 +2383,7 @@ const on = x((n) => {
       onClick: w,
       file: r,
       error: h ?? void 0,
-      rightSlot: z,
+      rightSlot: x,
       size: s
     }
   ) : /* @__PURE__ */ l(
@@ -2393,13 +2393,13 @@ const on = x((n) => {
       file: r,
       error: h ?? void 0,
       onClick: g,
-      rightSlot: z,
+      rightSlot: x,
       size: s
     }
   );
 });
 on.displayName = "DisplayFile";
-const Li = x((n) => {
+const Li = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = Oi(), f = ke(null), C = u(
     (O) => {
       const R = e.cleanValue({
@@ -2442,7 +2442,7 @@ const Li = x((n) => {
         r(), O();
       }
     }));
-  }, [r, a, i, c]), z = u(() => {
+  }, [r, a, i, c]), x = u(() => {
     f.current?.click();
   }, []), N = u(
     (O) => {
@@ -2542,7 +2542,7 @@ const Li = x((n) => {
                   /* @__PURE__ */ l(p, { icon: oi }),
                   "Take photos"
                 ] }),
-                /* @__PURE__ */ o(m.Item, { onSelect: z, children: [
+                /* @__PURE__ */ o(m.Item, { onSelect: x, children: [
                   /* @__PURE__ */ l(p, { icon: mi }),
                   "Attach files"
                 ] })
@@ -2722,7 +2722,7 @@ class Te extends T {
     return Ka(e, t);
   }
 }
-const $i = x((n) => {
+const $i = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (b) => {
       a(b), r();
@@ -2860,7 +2860,7 @@ const Xa = Yt(
       }
     }
   }
-), ji = x((n) => {
+), ji = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (b) => {
       a(b), r();
@@ -3014,7 +3014,7 @@ const cn = Pe(null), Za = () => {
   if (!n)
     throw new Error("useScanner must be used within a component tree wrapped by ScannerProvider.");
   return n.openScanner;
-}, dn = x((n) => {
+}, dn = z((n) => {
   const {
     children: e,
     open: t,
@@ -3034,7 +3034,7 @@ const cn = Pe(null), Za = () => {
   ] });
 });
 dn.displayName = "Scanner";
-const Bi = x((n) => {
+const Bi = z((n) => {
   const { paused: e, formats: t, timeBetweenDecodingAttempts: i, trySkew: s, onDecodeResult: r, onDecodeError: a, onError: h } = n, { wasmUrl: d } = Za(), { ref: c } = lr({
     wasmUrl: d,
     paused: e,
@@ -3059,7 +3059,7 @@ const Bi = x((n) => {
   ] });
 });
 Bi.displayName = "ScannerInternal";
-const Ya = x((n) => {
+const Ya = z((n) => {
   const { children: e, wasmUrl: t } = n, [i, s] = B(null), r = u(() => {
     s(null);
   }, []), a = u(
@@ -3082,18 +3082,18 @@ const Ya = x((n) => {
   ] });
 });
 Ya.displayName = "ScannerProvider";
-const Pi = x((n) => {
+const Pi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), [c, f] = B(!1), C = u(
-    (z) => {
-      const N = z.target.value;
+    (x) => {
+      const N = x.target.value;
       a(N);
     },
     [a]
   ), b = u(() => {
     r();
   }, [r]), g = u(
-    (z) => {
-      a(z.rawValue.trim()), r(), f(!1);
+    (x) => {
+      a(x.rawValue.trim()), r(), f(!1);
     },
     [a, r]
   ), y = u(() => {
@@ -3213,7 +3213,7 @@ class We extends T {
     return e === t;
   }
 }
-const Ui = x((n) => {
+const Ui = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (b) => {
       a(b ?? null), r();
@@ -3341,7 +3341,7 @@ class Re extends pe {
     return e === t;
   }
 }
-const Hi = x((n) => {
+const Hi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (b) => {
       const g = b.target.value;
@@ -3421,7 +3421,7 @@ class De extends Ge {
     return /* @__PURE__ */ l(Hi, { field: this });
   }
 }
-const Gi = x((n) => {
+const Gi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (C) => {
       const b = C.target.value;
@@ -3557,7 +3557,7 @@ const Vt = (n) => {
 }, Fc = (n) => typeof n == "object" && (ge(n.from) || ge(n.to)), Wi = (n, e) => {
   const t = _e(n), i = e.from ? _e(e.from) : null, s = e.to ? _e(e.to) : null;
   return i === null && s === null ? !0 : i === null ? t <= s : s === null ? t >= i : i <= s ? t >= i && t <= s : t >= i || t <= s;
-}, hn = x((n) => {
+}, hn = z((n) => {
   const { value: e, onChange: t, onBlur: i, disabled: s, size: r = "md", id: a, name: h, compact: d = !1 } = n, c = e ? Vt(e) : null, f = c ? `${c.hours.toString().padStart(2, "0")}:${c.minutes.toString().padStart(2, "0")}` : "", C = u(
     (y) => {
       const w = y.target.value;
@@ -3565,8 +3565,8 @@ const Vt = (n) => {
         t(null);
         return;
       }
-      const [z, N] = w.split(":").map(Number);
-      t(Ne(z, N, c?.utcOffset));
+      const [x, N] = w.split(":").map(Number);
+      t(Ne(x, N, c?.utcOffset));
     },
     [t, c?.utcOffset]
   ), b = u(
@@ -3632,7 +3632,7 @@ const Vt = (n) => {
   ] });
 });
 hn.displayName = "TimeFieldControl";
-const Ki = x((n) => {
+const Ki = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e });
   return /* @__PURE__ */ l(
     Y,
@@ -3720,7 +3720,7 @@ class Ke extends T {
     return e === t;
   }
 }
-const Xi = x((n) => {
+const Xi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = Oi(), f = ke(null), C = u(() => {
     c((F) => ({
       onConfirm: (S) => {
@@ -3994,7 +3994,7 @@ class $e extends T {
     return e.length === t.length;
   }
 }
-const Zi = x((n) => {
+const Zi = z((n) => {
   const { field: e } = n, { size: t } = L(K), { value: i, name: s, onBlur: r, onChange: a, error: h, disabled: d } = te({ field: e }), c = u(
     (g) => {
       const y = g.target.value;
@@ -6153,7 +6153,7 @@ const So = (n, e) => {
       xl: ["gap-10"]
     }
   }
-}), Cs = x((n) => {
+}), Cs = z((n) => {
   const { fieldSection: e } = n, { label: t, description: i } = e, s = Qn(), { fieldSchema: r, size: a } = L(K), h = $(() => r.getFieldSections(), [r]), d = $(() => h.findIndex(({ id: b }) => b === e.id), [h, e.id]), c = $(() => h.filter((b) => e.id in b.conditions), [h, e.id]), f = $(() => c.length === 0 ? !0 : c.some((b) => {
     const g = b.getConditions(e.id);
     return In(g, s);
@@ -6362,7 +6362,7 @@ const be = Pe({}), ne = (n, e, t) => u(
     t(n, d);
   },
   [n, e, t]
-), ys = x, xe = ys(function(n) {
+), ys = z, xe = ys(function(n) {
   const { ref: e, children: t, ...i } = n, s = u(
     (r) => typeof t == "function" ? /* @__PURE__ */ o(X, { children: [
       t(r),
@@ -6386,7 +6386,7 @@ const be = Pe({}), ne = (n, e, t) => u(
     [t]
   );
   return /* @__PURE__ */ l(m.MultiSelectItem, { ref: e, ...i, children: s });
-}), _n = x((n) => {
+}), _n = z((n) => {
   const { ref: e, children: t, ...i } = n, s = u(
     (r) => typeof t == "function" ? /* @__PURE__ */ o(X, { children: [
       t(r),
@@ -6400,7 +6400,7 @@ const be = Pe({}), ne = (n, e, t) => u(
   return /* @__PURE__ */ l(m.SelectAllItem, { ref: e, ...i, children: s });
 });
 _n.displayName = "SelectAllItemTemplate";
-const Zt = x((n) => {
+const Zt = z((n) => {
   const { children: e, open: t, onOpenChange: i, defaultOpen: s, modal: r, size: a, align: h, accentColor: d = "base", ...c } = n;
   return /* @__PURE__ */ o(G.Root, { open: t, onOpenChange: i, defaultOpen: s, modal: r, children: [
     /* @__PURE__ */ l(G.Trigger, { asChild: !0, children: e }),
@@ -6408,7 +6408,7 @@ const Zt = x((n) => {
   ] });
 });
 Zt.displayName = "DayPickerPopover";
-const Vs = x((n) => {
+const Vs = z((n) => {
   const {
     children: e,
     open: t,
@@ -6428,7 +6428,7 @@ const Vs = x((n) => {
       I.key === "Enter" && (I.preventDefault(), I.stopPropagation(), c([...d, b]), g(""));
     },
     [b, c, d]
-  ), z = u(() => {
+  ), x = u(() => {
     c([...d, b]), g("");
   }, [b, c, d]), N = u(
     (I) => {
@@ -6458,7 +6458,7 @@ const Vs = x((n) => {
             accentColor: "base",
             variant: "soft",
             type: "button",
-            onClick: z,
+            onClick: x,
             children: /* @__PURE__ */ l(p, { icon: ce })
           }
         )
@@ -6493,7 +6493,7 @@ const Vs = x((n) => {
   ] });
 });
 Vs.displayName = "NumberInputPopover";
-const je = x((n) => {
+const je = z((n) => {
   const {
     children: e,
     open: t,
@@ -6510,12 +6510,12 @@ const je = x((n) => {
   ue(() => {
     d !== void 0 && g(d);
   }, [d]);
-  const y = u((z) => {
-    const N = z.target.valueAsNumber;
+  const y = u((x) => {
+    const N = x.target.valueAsNumber;
     g(isNaN(N) ? null : N);
   }, []), w = u(
-    (z) => {
-      const N = z.target.valueAsNumber;
+    (x) => {
+      const N = x.target.valueAsNumber;
       c?.(isNaN(N) ? null : N);
     },
     [c]
@@ -6542,7 +6542,7 @@ const ee = (n) => {
   return /* @__PURE__ */ l(A, { onClick: s, ...i, children: /* @__PURE__ */ l(p, { icon: he }) });
 };
 ee.displayName = "RemoveConditionButton";
-const rt = x((n) => {
+const rt = z((n) => {
   const { ref: e, selectFieldOptions: t, ...i } = n, s = $(() => Oe(t), [t]);
   return /* @__PURE__ */ o(m.MultiSelectGroup, { ref: e, ...i, children: [
     /* @__PURE__ */ l(_n, { children: "Select all" }),
@@ -6550,12 +6550,12 @@ const rt = x((n) => {
   ] });
 });
 rt.displayName = "SelectFieldOptionMultiSelectGroup";
-const $n = x((n) => {
+const $n = z((n) => {
   const { ref: e, selectFieldOptions: t, ...i } = n, s = $(() => Oe(t), [t]);
   return /* @__PURE__ */ l(m.SelectGroup, { ref: e, ...i, children: s.map((r) => /* @__PURE__ */ l(xe, { value: r.value, children: /* @__PURE__ */ l("span", { className: "truncate", children: r.label }) }, r.value)) });
 });
 $n.displayName = "SelectFieldOptionSelectGroup";
-const tt = x((n) => {
+const tt = z((n) => {
   const {
     children: e,
     open: t,
@@ -6568,11 +6568,11 @@ const tt = x((n) => {
     onValueChange: c,
     placeholder: f = "Enter text",
     ...C
-  } = n, [b, g] = B(""), y = u((z) => {
-    g(z.target.value);
+  } = n, [b, g] = B(""), y = u((x) => {
+    g(x.target.value);
   }, []), w = u(
-    (z) => {
-      const N = z.target.value;
+    (x) => {
+      const N = x.target.value;
       c?.(N);
     },
     [c]
@@ -6594,7 +6594,7 @@ const tt = x((n) => {
   ] });
 });
 tt.displayName = "TextInputPopover";
-const ot = x((n) => {
+const ot = z((n) => {
   const {
     children: e,
     open: t,
@@ -6712,7 +6712,7 @@ const ie = (n) => {
     r(),
     /* @__PURE__ */ l(ee, { condition: e, onClick: i })
   ] });
-}, zt = x((n) => {
+}, zt = z((n) => {
   const { children: e, variant: t, size: i, accentColor: s, onSelectFieldType: r, ...a } = n, h = $(() => {
     const d = {
       [M.Assessment]: [],
@@ -6748,7 +6748,7 @@ const ie = (n) => {
   ] });
 });
 zt.displayName = "CreateFieldDropdownMenu";
-const ws = x((n) => {
+const ws = z((n) => {
   const { fieldType: e, onSelectFieldType: t } = n, i = u(() => {
     t(e);
   }, [e, t]), { icon: s, name: r } = J[e];
@@ -6999,7 +6999,7 @@ const jn = (n) => {
     default:
       return;
   }
-}, zs = x((n) => {
+}, zs = z((n) => {
   const { popoverInputs: e, ...t } = n;
   return /* @__PURE__ */ o(G.Root, { children: [
     /* @__PURE__ */ l(G.Trigger, { asChild: !0, children: /* @__PURE__ */ o(V, { variant: "soft", type: "button", size: "sm", accentColor: "base", children: [
@@ -7010,7 +7010,7 @@ const jn = (n) => {
   ] });
 });
 zs.displayName = "FieldSettingsPopover";
-const Ss = x((n) => {
+const Ss = z((n) => {
   const { parentPath: e, fieldIndex: t, field: i } = n, s = sn(), { disableRequiredFields: r } = L(be), [a, h] = B(void 0);
   li(
     (S) => {
@@ -7044,7 +7044,7 @@ const Ss = x((n) => {
       i.setOptions({ required: !!S });
     },
     [i]
-  ), z = u(
+  ), x = u(
     (S) => {
       i.setOptions({ label: S.target.value });
     },
@@ -7106,7 +7106,7 @@ const Ss = x((n) => {
         {
           placeholder: "Enter your question",
           value: i.label ?? "",
-          onChange: z,
+          onChange: x,
           maxLength: 200
         }
       ) }),
@@ -7127,29 +7127,29 @@ const Ss = x((n) => {
   ] });
 });
 Ss.displayName = "FieldBuilder";
-const Bn = x((n) => {
+const Bn = z((n) => {
   const { field: e, fieldSection: t, fieldIndex: i, sectionIndex: s } = n, r = ke(null), a = `fields.${s}.fields`, h = u(
-    (z) => {
-      t.addField(jn(z), i + 1);
+    (x) => {
+      t.addField(jn(x), i + 1);
     },
     [i, t]
   ), d = u(async () => {
     try {
       await navigator.clipboard.writeText(e.id), Z.success({ title: "ID copied" });
-    } catch {
-      Z.success({ title: "Failed to copy ID" });
+    } catch (x) {
+      Z.error({ title: "Failed to copy ID", description: x instanceof Error ? x.message : void 0 });
     }
   }, [e.id]), c = u(() => {
     t.addField(e.duplicate(k()));
   }, [e, t]), f = u(
-    (z) => {
-      const N = z === "up" ? i - 1 : i + 1;
+    (x) => {
+      const N = x === "up" ? i - 1 : i + 1;
       t.moveField(i, N);
     },
     [t, i]
   ), C = u(
-    (z) => {
-      const { files: N } = z.target;
+    (x) => {
+      const { files: N } = x.target;
       if (!N || N.length !== 1) return;
       const I = N.item(0);
       I && e.setOptions({
@@ -7208,7 +7208,7 @@ const Bn = x((n) => {
   ] });
 });
 Bn.displayName = "FieldBuilderWithActions";
-const Pn = x((n) => {
+const Pn = z((n) => {
   const { children: e, variant: t, size: i, accentColor: s, fields: r, onSelectField: a, onSelectAllFields: h, ...d } = n, c = u(() => {
     h?.(r);
   }, [h, r]);
@@ -7221,7 +7221,7 @@ const Pn = x((n) => {
   ] });
 });
 Pn.displayName = "FieldDropdownMenu";
-const Fs = x((n) => {
+const Fs = z((n) => {
   const { field: e, onSelectField: t } = n, i = u(() => {
     t(e);
   }, [e, t]);
@@ -7231,7 +7231,7 @@ const Fs = x((n) => {
   ] });
 });
 Fs.displayName = "FieldDropdownMenuItem";
-const Ns = x((n) => {
+const Ns = z((n) => {
   const { children: e, variant: t, size: i, accentColor: s, fieldSections: r, onSelectFieldSection: a, ...h } = n;
   return /* @__PURE__ */ o(m.Root, { ...h, children: [
     /* @__PURE__ */ l(m.ClickTrigger, { children: e }),
@@ -7246,7 +7246,7 @@ const Ns = x((n) => {
   ] });
 });
 Ns.displayName = "FieldSectionDropdownMenu";
-const ks = x((n) => {
+const ks = z((n) => {
   const { fieldSection: e, onSelectFieldSection: t } = n, i = u(() => {
     t(e);
   }, [e, t]);
@@ -7980,7 +7980,7 @@ const Ro = (n) => {
       ] })
     ] })
   ] });
-}, Es = x((n) => {
+}, Es = z((n) => {
   const { id: e, sourceX: t, sourceY: i, targetX: s, targetY: r, style: a, markerEnd: h, data: d } = n, { targetSection: c, sourceSection: f, layoutDirection: C } = d, b = f.getConditions(c.id), g = u(
     (S, E) => {
       f.replaceCondition(c.id, S, E);
@@ -7996,7 +7996,7 @@ const Ro = (n) => {
       f.removeCondition(c.id, S);
     },
     [f, c.id]
-  ), z = u(() => {
+  ), x = u(() => {
     f.removeConditional(c.id);
   }, [f, c.id]), [N, I, F] = Gs({
     sourceX: t,
@@ -8029,7 +8029,7 @@ const Ro = (n) => {
                 size: "sm",
                 variant: "ghost",
                 accentColor: "base",
-                onClick: z,
+                onClick: x,
                 children: /* @__PURE__ */ l(p, { icon: Se })
               }
             )
@@ -8050,7 +8050,7 @@ const Ro = (n) => {
   ] });
 });
 Es.displayName = "FieldSectionConditionEdgeComponent";
-const Ts = x((n) => {
+const Ts = z((n) => {
   const { data: e, selected: t } = n, { fieldSection: i, index: s, layoutDirection: r } = e, { fieldSchema: a } = L(be), h = u(() => {
     a.removeFieldSection(i);
   }, [a, i]), d = u(
@@ -8187,7 +8187,7 @@ const Qo = {
   ];
 }, nc = {
   hideAttribution: !0
-}, As = x(() => {
+}, As = z(() => {
   const { errors: n } = ei(), { handleSubmit: e } = ti(), { onSave: t, onCancel: i } = L(be), { fieldSchema: s } = L(be), r = ke(null), [a, h] = B(), [d, c] = B("TB");
   Zn(() => {
     r.current && r.current.classList.remove("light");
@@ -8228,12 +8228,12 @@ const Qo = {
         });
     }
     return H;
-  }, [s.fieldSections, d]), [b, g, y] = Zs(f), [w, z, N] = Ys(C);
+  }, [s.fieldSections, d]), [b, g, y] = Zs(f), [w, x, N] = Ys(C);
   ue(() => {
     g(f);
   }, [f, g]), ue(() => {
-    z(C);
-  }, [C, z]);
+    x(C);
+  }, [C, x]);
   const [I, F] = $(() => tc(b, w, d), [w, d, b]), S = u(() => {
     s.addFieldSection(new oe({ id: k(), fields: [] }));
   }, [s]), E = u(
@@ -8546,7 +8546,7 @@ class Be extends vt {
     return zo(this.getFields(), e, t);
   }
 }
-const Rs = x((n) => {
+const Rs = z((n) => {
   const { sourceFieldSection: e, targetFieldSection: t } = n, i = e.getConditions(t.id), s = u(
     (d, c) => {
       e.replaceCondition(t.id, d, c);
@@ -8597,7 +8597,7 @@ const Rs = x((n) => {
   ] });
 });
 Rs.displayName = "FieldSectionConditionalItem";
-const Ds = x((n) => {
+const Ds = z((n) => {
   const { fieldSection: e } = n, { fieldSchema: t } = L(be), i = $(() => t.fieldSections.filter((d) => e.id in d.conditions), [t.fieldSections, e.id]), s = u(
     (d) => {
       d.addConditional(e.id);
@@ -8675,13 +8675,13 @@ const Ds = x((n) => {
   ] });
 });
 Ds.displayName = "FieldSectionBuilder";
-const Ls = x((n) => {
+const Ls = z((n) => {
   const { fieldSection: e, sectionIndex: t } = n, { fieldSchema: i } = L(be), s = Hs(), r = u(() => {
     i.removeFieldSection(e);
   }, [i, e]), a = u(
     (w) => {
-      const z = w === "up" ? t - 1 : t + 1;
-      i.moveFieldSection(t, z);
+      const x = w === "up" ? t - 1 : t + 1;
+      i.moveFieldSection(t, x);
     },
     [i, t]
   ), h = u(() => {
@@ -8696,18 +8696,18 @@ const Ls = x((n) => {
   }, [a]), f = u(() => {
     a("down");
   }, [a]), C = u(async () => {
-    const w = [e.serialize()], z = Be.reseedFieldSections(w, {
+    const w = [e.serialize()], x = Be.reseedFieldSections(w, {
       conditions: !1
-    }), N = JSON.stringify(z);
+    }), N = JSON.stringify(x);
     await navigator.clipboard.writeText(N), Z.success({ title: "Section copied" });
   }, [e]), b = u(async () => {
-    const z = i.getDependenciesOfSection(e.id).map((F) => F.serialize()), N = Be.reseedFieldSections(z, {
+    const x = i.getDependenciesOfSection(e.id).map((F) => F.serialize()), N = Be.reseedFieldSections(x, {
       conditions: !0
     }), I = JSON.stringify(N);
     await navigator.clipboard.writeText(I), Z.success({ title: "Section copied" });
   }, [e, i]), g = u(async () => {
-    const w = i.getDependenciesOfSection(e.id), z = w.length > 1, N = w.length - 1;
-    z ? s({
+    const w = i.getDependenciesOfSection(e.id), x = w.length > 1, N = w.length - 1;
+    x ? s({
       title: "Copy section dependencies?",
       description: `This section has ${N} dependent section${N > 1 ? "s" : ""} that will also be copied to maintain the conditions. Do you want to include these dependencies?`,
       action: "Include",
@@ -8723,13 +8723,13 @@ const Ls = x((n) => {
       Z.error({ title: "Paste failed", description: "Unable to read clipboard contents." });
       return;
     }
-    const z = w.trim();
-    if (!z) {
+    const x = w.trim();
+    if (!x) {
       Z.error({ title: "Paste failed", description: "Clipboard is empty." });
       return;
     }
     try {
-      const N = JSON.parse(z), I = si.array().parse(N), F = Rn(I);
+      const N = JSON.parse(x), I = si.array().parse(N), F = Rn(I);
       if (F.length === 0) {
         Z.error({ title: "Paste failed", description: "No valid sections found in the JSON." });
         return;
@@ -8752,12 +8752,12 @@ const Ls = x((n) => {
             " Add field"
           ] }) })
         ] }),
-        e.fields.map((w, z) => /* @__PURE__ */ l(
+        e.fields.map((w, x) => /* @__PURE__ */ l(
           Bn,
           {
             field: w,
             fieldSection: e,
-            fieldIndex: z,
+            fieldIndex: x,
             sectionIndex: t
           },
           w.id
@@ -8811,7 +8811,7 @@ const Ls = x((n) => {
   ] });
 });
 Ls.displayName = "FieldSectionWithActions";
-const _s = x(() => {
+const _s = z(() => {
   const { handleSubmit: n } = ti(), { errors: e } = ei(), { onSave: t, onCancel: i } = L(be), { fieldSchema: s } = L(be), r = u(() => {
     s.addFieldSection(new oe({ id: k(), fields: [] }));
   }, [s]), a = u(async () => {
@@ -8896,7 +8896,7 @@ function $s(n) {
   };
   return e(n);
 }
-const sc = x(
+const sc = z(
   Qt((n, e) => {
     const {
       disabled: t = !1,
@@ -8913,7 +8913,7 @@ const sc = x(
       submitButtonProps: g,
       cancelButtonProps: y,
       cancelIcon: w,
-      submitIcon: z,
+      submitIcon: x,
       size: N = "md"
     } = n, I = $(() => i.initializeValues(s), [i, s]), F = u(
       (H) => {
@@ -8987,7 +8987,7 @@ const sc = x(
                 variant: "surface",
                 ...g,
                 children: [
-                  /* @__PURE__ */ l(p, { icon: z ?? re }),
+                  /* @__PURE__ */ l(p, { icon: x ?? re }),
                   h
                 ]
               }
@@ -8997,27 +8997,27 @@ const sc = x(
       }
     ) }) });
   })
-), js = x(() => {
+), js = z(() => {
   const { fieldSchema: n } = L(be);
   return /* @__PURE__ */ l(sc, { fieldSchema: n, disabled: !1 });
 });
 js.displayName = "FormBuilderPreview";
-const Bs = x((n) => {
+const Bs = z((n) => {
   const { children: e, initialFields: t, onSave: i, onCancel: s, disableRequiredFields: r = !1 } = n, a = u((y) => {
     const w = {};
     (!y.fields || y.fields.length === 0) && (w.fields = "At least one field is required.");
-    const z = [];
+    const x = [];
     for (const [F, S] of y.fields.entries())
       for (const [E, O] of S.fields.entries()) {
         const R = xs(O.type, `fields.${F}.fields.${E}`)?.map(
           ({ field: W }) => W
         ) ?? [];
-        z.push(...R);
+        x.push(...R);
       }
     const N = {};
-    for (const F of z)
+    for (const F of x)
       N[F.id] = ri(y, F.id);
-    const I = Ms(z, N);
+    const I = Ms(x, N);
     return Object.keys(I).length > 0 && (w.fields = I.fields), Object.keys(w).length > 0 && Z.error({
       title: "Some form settings are invalid",
       description: "Please check settings highlighted in red."
@@ -9033,10 +9033,10 @@ const Bs = x((n) => {
     criteriaMode: "all",
     reValidateMode: "onSubmit",
     resolver: (y) => {
-      const w = a(y), z = $s(w);
+      const w = a(y), x = $s(w);
       return Object.keys(w).length > 0 ? {
         values: {},
-        errors: z
+        errors: x
       } : {
         values: y,
         errors: {}