@overmap-ai/forms 1.0.17-master.5 → 1.0.17-master.7

package/dist/forms.js

@@ -1,7 +1,7 @@
 var fr = Object.defineProperty;
 var mr = (t, n, e) => n in t ? fr(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
 var S = (t, n, e) => mr(t, typeof n != "symbol" ? n + "" : n, e);
-import { jsxs as v, jsx as a, Fragment as Y } from "react/jsx-runtime";
+import { jsxs as g, jsx as a, Fragment as Y } from "react/jsx-runtime";
 import { Popover as Oe, IconButton as A, RiIcon as L, useViewportSize as Qt, ButtonGroup as pe, Badge as qe, Spinner as Be, Text as $e, Checkbox as dt, Input as oe, useToast as Jt, Button as Q, Card as Ve, Menu as $, TextArea as Wn, useSize as qn, Heading as Hn, Separator as Gn, useAlertDialog as hr, Tabs as xe, IconToggleButton as pr } from "@overmap-ai/blocks";
 import * as p from "react";
 import { memo as F, useCallback as I, useState as z, useRef as X, useLayoutEffect as zt, useEffect as q, useMemo as P, lazy as gr, Suspense as vr, forwardRef as He, createContext as yr, useContext as br, useReducer as wr, Fragment as xr } from "react";
@@ -27,7 +27,7 @@ const Qn = F((t) => {
     },
     [i]
   );
-  return /* @__PURE__ */ v(Oe.Root, { children: [
+  return /* @__PURE__ */ g(Oe.Root, { children: [
     /* @__PURE__ */ a(Oe.Trigger, { children: r }),
     /* @__PURE__ */ a(Oe.Content, { size: "sm", children: /* @__PURE__ */ a("div", { className: "grid w-max grid-cols-7 gap-x-1 gap-y-1", children: e.map((l) => /* @__PURE__ */ a(
       A,
@@ -98,13 +98,13 @@ function Yr(t, n = []) {
     e = [...e, l];
     const c = (u) => {
       var C;
-      const { scope: h, children: g, ...w } = u, m = ((C = h == null ? void 0 : h[t]) == null ? void 0 : C[f]) || s, y = p.useMemo(() => w, Object.values(w));
-      return /* @__PURE__ */ a(m.Provider, { value: y, children: g });
+      const { scope: h, children: v, ...w } = u, m = ((C = h == null ? void 0 : h[t]) == null ? void 0 : C[f]) || s, y = p.useMemo(() => w, Object.values(w));
+      return /* @__PURE__ */ a(m.Provider, { value: y, children: v });
     };
     c.displayName = o + "Provider";
     function d(u, h) {
       var m;
-      const g = ((m = h == null ? void 0 : h[t]) == null ? void 0 : m[f]) || s, w = p.useContext(g);
+      const v = ((m = h == null ? void 0 : h[t]) == null ? void 0 : m[f]) || s, w = p.useContext(v);
       if (w) return w;
       if (l !== void 0) return l;
       throw new Error(`\`${u}\` must be used within \`${o}\``);
@@ -277,7 +277,7 @@ var co = "DismissableLayer", jt = "dismissableLayer.update", uo = "dismissableLa
       onInteractOutside: l,
       onDismiss: s,
       ...f
-    } = t, c = p.useContext(ei), [d, u] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = p.useState({}), w = we(n, (R) => u(R)), m = Array.from(c.layers), [y] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), C = m.indexOf(y), b = d ? m.indexOf(d) : -1, E = c.layersWithOutsidePointerEventsDisabled.size > 0, x = b >= C, N = po((R) => {
+    } = t, c = p.useContext(ei), [d, u] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = p.useState({}), w = we(n, (R) => u(R)), m = Array.from(c.layers), [y] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), C = m.indexOf(y), b = d ? m.indexOf(d) : -1, E = c.layersWithOutsidePointerEventsDisabled.size > 0, x = b >= C, N = po((R) => {
       const O = R.target, M = [...c.branches].some((V) => V.contains(O));
       !x || M || (r == null || r(R), l == null || l(R), R.defaultPrevented || s == null || s());
     }, h), T = go((R) => {
@@ -294,7 +294,7 @@ var co = "DismissableLayer", jt = "dismissableLayer.update", uo = "dismissableLa
     }, [d, h, e, c]), p.useEffect(() => () => {
       d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Ln());
     }, [d, c]), p.useEffect(() => {
-      const R = () => g({});
+      const R = () => v({});
       return document.addEventListener(jt, R), () => document.removeEventListener(jt, R);
     }, []), /* @__PURE__ */ a(
       ce.div,
@@ -386,7 +386,7 @@ var Dt = "focusScope.autoFocusOnMount", kt = "focusScope.autoFocusOnUnmount", Tn
     onMountAutoFocus: r,
     onUnmountAutoFocus: o,
     ...l
-  } = t, [s, f] = p.useState(null), c = ge(r), d = ge(o), u = p.useRef(null), h = we(n, (m) => f(m)), g = p.useRef({
+  } = t, [s, f] = p.useState(null), c = ge(r), d = ge(o), u = p.useRef(null), h = we(n, (m) => f(m)), v = p.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -398,11 +398,11 @@ var Dt = "focusScope.autoFocusOnMount", kt = "focusScope.autoFocusOnUnmount", Tn
   p.useEffect(() => {
     if (i) {
       let m = function(E) {
-        if (g.paused || !s) return;
+        if (v.paused || !s) return;
         const x = E.target;
         s.contains(x) ? u.current = x : ue(u.current, { select: !0 });
       }, y = function(E) {
-        if (g.paused || !s) return;
+        if (v.paused || !s) return;
         const x = E.relatedTarget;
         x !== null && (s.contains(x) || ue(u.current, { select: !0 }));
       }, C = function(E) {
@@ -416,9 +416,9 @@ var Dt = "focusScope.autoFocusOnMount", kt = "focusScope.autoFocusOnUnmount", Tn
         document.removeEventListener("focusin", m), document.removeEventListener("focusout", y), b.disconnect();
       };
     }
-  }, [i, s, g.paused]), p.useEffect(() => {
+  }, [i, s, v.paused]), p.useEffect(() => {
     if (s) {
-      Dn.add(g);
+      Dn.add(v);
       const m = document.activeElement;
       if (!s.contains(m)) {
         const C = new CustomEvent(Dt, Tn);
@@ -427,21 +427,21 @@ var Dt = "focusScope.autoFocusOnMount", kt = "focusScope.autoFocusOnUnmount", Tn
       return () => {
         s.removeEventListener(Dt, c), setTimeout(() => {
           const C = new CustomEvent(kt, Tn);
-          s.addEventListener(kt, d), s.dispatchEvent(C), C.defaultPrevented || ue(m ?? document.body, { select: !0 }), s.removeEventListener(kt, d), Dn.remove(g);
+          s.addEventListener(kt, d), s.dispatchEvent(C), C.defaultPrevented || ue(m ?? document.body, { select: !0 }), s.removeEventListener(kt, d), Dn.remove(v);
         }, 0);
       };
     }
-  }, [s, c, d, g]);
+  }, [s, c, d, v]);
   const w = p.useCallback(
     (m) => {
-      if (!e && !i || g.paused) return;
+      if (!e && !i || v.paused) return;
       const y = m.key === "Tab" && !m.altKey && !m.ctrlKey && !m.metaKey, C = document.activeElement;
       if (y && C) {
         const b = m.currentTarget, [E, x] = bo(b);
         E && x ? !m.shiftKey && C === x ? (m.preventDefault(), e && ue(E, { select: !0 })) : m.shiftKey && C === E && (m.preventDefault(), e && ue(x, { select: !0 })) : C === b && m.preventDefault();
       }
     },
-    [e, i, g.paused]
+    [e, i, v.paused]
   );
   return /* @__PURE__ */ a(ce.div, { tabIndex: -1, ...l, ref: h, onKeyDown: w });
 });
@@ -544,22 +544,22 @@ function Io(t) {
   }, [s]), ut(() => {
     const c = i.current, d = r.current;
     if (d !== t) {
-      const h = o.current, g = Je(c);
-      t ? f("MOUNT") : g === "none" || (c == null ? void 0 : c.display) === "none" ? f("UNMOUNT") : f(d && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), r.current = t;
+      const h = o.current, v = Je(c);
+      t ? f("MOUNT") : v === "none" || (c == null ? void 0 : c.display) === "none" ? f("UNMOUNT") : f(d && h !== v ? "ANIMATION_OUT" : "UNMOUNT"), r.current = t;
     }
   }, [t, f]), ut(() => {
     if (n) {
       let c;
-      const d = n.ownerDocument.defaultView ?? window, u = (g) => {
-        const m = Je(i.current).includes(g.animationName);
-        if (g.target === n && m && (f("ANIMATION_END"), !r.current)) {
+      const d = n.ownerDocument.defaultView ?? window, u = (v) => {
+        const m = Je(i.current).includes(v.animationName);
+        if (v.target === n && m && (f("ANIMATION_END"), !r.current)) {
           const y = n.style.animationFillMode;
           n.style.animationFillMode = "forwards", c = d.setTimeout(() => {
             n.style.animationFillMode === "forwards" && (n.style.animationFillMode = y);
           });
         }
-      }, h = (g) => {
-        g.target === n && (o.current = Je(i.current));
+      }, h = (v) => {
+        v.target === n && (o.current = Je(i.current));
       };
       return n.addEventListener("animationstart", h), n.addEventListener("animationcancel", u), n.addEventListener("animationend", u), () => {
         d.clearTimeout(c), n.removeEventListener("animationstart", h), n.removeEventListener("animationcancel", u), n.removeEventListener("animationend", u);
@@ -743,11 +743,11 @@ var si = _o(), Ot = function() {
     onScrollCapture: Ot,
     onWheelCapture: Ot,
     onTouchMoveCapture: Ot
-  }), r = i[0], o = i[1], l = t.forwardProps, s = t.children, f = t.className, c = t.removeScrollBar, d = t.enabled, u = t.shards, h = t.sideCar, g = t.noIsolation, w = t.inert, m = t.allowPinchZoom, y = t.as, C = y === void 0 ? "div" : y, b = t.gapMode, E = ai(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = h, N = Po([e, n]), T = re(re({}, E), r);
+  }), r = i[0], o = i[1], l = t.forwardProps, s = t.children, f = t.className, c = t.removeScrollBar, d = t.enabled, u = t.shards, h = t.sideCar, v = t.noIsolation, w = t.inert, m = t.allowPinchZoom, y = t.as, C = y === void 0 ? "div" : y, b = t.gapMode, E = ai(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = h, N = Po([e, n]), T = re(re({}, E), r);
   return p.createElement(
     p.Fragment,
     null,
-    d && p.createElement(x, { sideCar: si, removeScrollBar: c, shards: u, noIsolation: g, inert: w, setCallbacks: o, allowPinchZoom: !!m, lockRef: e, gapMode: b }),
+    d && p.createElement(x, { sideCar: si, removeScrollBar: c, shards: u, noIsolation: v, inert: w, setCallbacks: o, allowPinchZoom: !!m, lockRef: e, gapMode: b }),
     l ? p.cloneElement(p.Children.only(s), re(re({}, T), { ref: N })) : p.createElement(C, re({}, T, { className: f, ref: N }), s)
   );
 });
@@ -948,7 +948,7 @@ var Ce = Bt ? { passive: !1 } : !1, Jo = function(t) {
 }, ra = function(t, n, e, i, r) {
   var o = ia(t, window.getComputedStyle(n).direction), l = o * i, s = e.target, f = n.contains(s), c = !1, d = l > 0, u = 0, h = 0;
   do {
-    var g = fi(t, s), w = g[0], m = g[1], y = g[2], C = m - y - o * w;
+    var v = fi(t, s), w = v[0], m = v[1], y = v[2], C = m - y - o * w;
     (w || C) && ui(t, s) && (u += C, h += w), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
   } while (
     // portaled content
@@ -1044,12 +1044,12 @@ function sa(t) {
       }), document.removeEventListener("wheel", f, Ce), document.removeEventListener("touchmove", f, Ce), document.removeEventListener("touchstart", d, Ce);
     };
   }, []);
-  var g = t.removeScrollBar, w = t.inert;
+  var v = t.removeScrollBar, w = t.inert;
   return p.createElement(
     p.Fragment,
     null,
     w ? p.createElement(o, { styles: aa(r) }) : null,
-    g ? p.createElement(Qo, { gapMode: t.gapMode }) : null
+    v ? p.createElement(Qo, { gapMode: t.gapMode }) : null
   );
 }
 function ca(t) {
@@ -1091,7 +1091,7 @@ var ua = function(t) {
         d(h);
       else
         try {
-          var g = h.getAttribute(i), w = g !== null && g !== "false", m = (Se.get(h) || 0) + 1, y = (o.get(h) || 0) + 1;
+          var v = h.getAttribute(i), w = v !== null && v !== "false", m = (Se.get(h) || 0) + 1, y = (o.get(h) || 0) + 1;
           Se.set(h, m), o.set(h, y), l.push(h), m === 1 && w && tt.set(h, !0), y === 1 && h.setAttribute(e, "true"), w || h.setAttribute(i, "true");
         } catch (C) {
           console.error("aria-hidden: cannot operate on ", h, C);
@@ -1100,8 +1100,8 @@ var ua = function(t) {
   };
   return d(n), s.clear(), _t++, function() {
     l.forEach(function(u) {
-      var h = Se.get(u) - 1, g = o.get(u) - 1;
-      Se.set(u, h), o.set(u, g), h || (tt.has(u) || u.removeAttribute(i), tt.delete(u)), g || u.removeAttribute(e);
+      var h = Se.get(u) - 1, v = o.get(u) - 1;
+      Se.set(u, h), o.set(u, v), h || (tt.has(u) || u.removeAttribute(i), tt.delete(u)), v || u.removeAttribute(e);
     }), _t--, _t || (Se = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = {});
   };
 }, ha = function(t, n, e) {
@@ -1252,7 +1252,7 @@ var ba = p.forwardRef(
 ), Ci = p.forwardRef(
   (t, n) => {
     const { __scopeDialog: e, trapFocus: i, onOpenAutoFocus: r, onCloseAutoFocus: o, ...l } = t, s = ee(ve, e), f = p.useRef(null), c = we(n, f);
-    return Lo(), /* @__PURE__ */ v(Y, { children: [
+    return Lo(), /* @__PURE__ */ g(Y, { children: [
       /* @__PURE__ */ a(
         ii,
         {
@@ -1276,7 +1276,7 @@ var ba = p.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ v(Y, { children: [
+      /* @__PURE__ */ g(Y, { children: [
         /* @__PURE__ */ a(Sa, { titleId: s.titleId }),
         /* @__PURE__ */ a(Ia, { contentRef: f, descriptionId: s.descriptionId })
       ] })
@@ -1372,7 +1372,7 @@ const at = 500, _e = 1e4, se = {
     return u.observe(l.current), () => {
       u.disconnect();
     };
-  }, [f]), /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ v(Ke, { children: [
+  }, [f]), /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ g(Ke, { children: [
     /* @__PURE__ */ a(
       Xe,
       {
@@ -1380,9 +1380,9 @@ const at = 500, _e = 1e4, se = {
         "data-floating-content": ""
       }
     ),
-    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ v("div", { className: "flex h-full w-full flex-col", children: [
-      /* @__PURE__ */ a("div", { className: "flex h-max w-full items-center bg-(--color-background) p-2", children: /* @__PURE__ */ a(pe, { className: "w-full", accentColor: "base", variant: "soft", children: /* @__PURE__ */ v("div", { className: "grid w-full grid-cols-3", children: [
-        /* @__PURE__ */ v("div", { className: "flex justify-start gap-2 items-center", children: [
+    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ g("div", { className: "flex h-full w-full flex-col", children: [
+      /* @__PURE__ */ a("div", { className: "flex h-max w-full items-center bg-(--color-background) p-2", children: /* @__PURE__ */ a(pe, { className: "w-full", accentColor: "base", variant: "soft", children: /* @__PURE__ */ g("div", { className: "grid w-full grid-cols-3", children: [
+        /* @__PURE__ */ g("div", { className: "flex justify-start gap-2 items-center", children: [
           /* @__PURE__ */ a(A, { onClick: e, "aria-label": "close", children: /* @__PURE__ */ a(L, { icon: "RiCloseLine" }) }),
           /* @__PURE__ */ a(A, { onClick: d, "aria-label": "close", children: /* @__PURE__ */ a(L, { icon: "RiDownload2Line" }) })
         ] }),
@@ -1424,7 +1424,7 @@ const Ra = {
   }, [n]);
   const h = I((b) => {
     s(0), o(b);
-  }, []), g = I(() => {
+  }, []), v = I(() => {
     c(!0);
   }, []), w = I(() => {
     !r || l === r.numPages - 1 || s((b) => b + 1);
@@ -1435,7 +1435,7 @@ const Ra = {
   }, [l]), C = I(() => {
     e && e(n);
   }, [n, e]);
-  return /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: i, children: /* @__PURE__ */ v(Ke, { children: [
+  return /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: i, children: /* @__PURE__ */ g(Ke, { children: [
     /* @__PURE__ */ a(
       Xe,
       {
@@ -1443,9 +1443,9 @@ const Ra = {
         "data-floating-content": ""
       }
     ),
-    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ v("div", { className: "flex h-full w-full flex-col items-center", children: [
-      /* @__PURE__ */ a("div", { className: "h-max w-full shrink-0 items-center bg-(--color-background) p-2", children: /* @__PURE__ */ a(pe, { className: "flex items-center gap-1", variant: "soft", accentColor: "base", children: /* @__PURE__ */ v("div", { className: "grid w-full grid-cols-3", children: [
-        /* @__PURE__ */ v("div", { className: "w-full gap-2 flex items-center", children: [
+    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ g("div", { className: "flex h-full w-full flex-col items-center", children: [
+      /* @__PURE__ */ a("div", { className: "h-max w-full shrink-0 items-center bg-(--color-background) p-2", children: /* @__PURE__ */ a(pe, { className: "flex items-center gap-1", variant: "soft", accentColor: "base", children: /* @__PURE__ */ g("div", { className: "grid w-full grid-cols-3", children: [
+        /* @__PURE__ */ g("div", { className: "w-full gap-2 flex items-center", children: [
           /* @__PURE__ */ a(A, { onClick: i, "aria-label": "close", children: /* @__PURE__ */ a(L, { icon: "RiCloseLine" }) }),
           /* @__PURE__ */ a(A, { onClick: m, "aria-label": "download", children: /* @__PURE__ */ a(L, { icon: "RiDownload2Line" }) })
         ] }),
@@ -1459,22 +1459,22 @@ const Ra = {
         ) }),
         /* @__PURE__ */ a("div", { className: "flex justify-end", children: !!e && /* @__PURE__ */ a(A, { onClick: C, "aria-label": "delete", children: /* @__PURE__ */ a(L, { icon: "RiDeleteBin2Line" }) }) })
       ] }) }) }),
-      /* @__PURE__ */ v("div", { className: "relative flex h-full w-full flex-col items-center gap-2 p-3", children: [
+      /* @__PURE__ */ g("div", { className: "relative flex h-full w-full flex-col items-center gap-2 p-3", children: [
         !r && !f && /* @__PURE__ */ a(Fi, {}),
-        /* @__PURE__ */ a("div", { className: "flex h-max max-h-full w-max max-w-full flex-col items-center justify-center overflow-auto [scrollbar-color:var(--base-6)_transparent] [scrollbar-width:thin]", children: /* @__PURE__ */ v(
+        /* @__PURE__ */ a("div", { className: "flex h-max max-h-full w-max max-w-full flex-col items-center justify-center overflow-auto [scrollbar-color:var(--base-6)_transparent] [scrollbar-width:thin]", children: /* @__PURE__ */ g(
           Rr,
           {
             className: "relative",
             file: n,
             onLoadSuccess: h,
-            onLoadError: g,
+            onLoadError: v,
             error: "",
             loading: "",
             children: [
               /* @__PURE__ */ a(Lr, { scale: Ra[u], pageIndex: l }),
-              !!r && !f && /* @__PURE__ */ a("div", { className: "absolute top-0 z-[2] flex w-full justify-center py-2", children: /* @__PURE__ */ v(pe, { variant: "solid", accentColor: "base", size: "sm", children: [
+              !!r && !f && /* @__PURE__ */ a("div", { className: "absolute top-0 z-[2] flex w-full justify-center py-2", children: /* @__PURE__ */ g(pe, { variant: "solid", accentColor: "base", size: "sm", children: [
                 /* @__PURE__ */ a(A, { onClick: y, "aria-label": "previous page", children: /* @__PURE__ */ a(L, { icon: "RiArrowLeftLine" }) }),
-                /* @__PURE__ */ v(qe, { accentColor: "base", style: { borderRadius: 0 }, variant: "solid", children: [
+                /* @__PURE__ */ g(qe, { accentColor: "base", style: { borderRadius: 0 }, variant: "solid", children: [
                   l + 1,
                   "/",
                   r.numPages
@@ -1492,7 +1492,7 @@ const Ra = {
 Ti.displayName = "PDFViewer";
 const Fi = F(() => /* @__PURE__ */ a("div", { className: "absolute flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(Be, {}) }));
 Fi.displayName = "SpinnerComponent";
-const Di = F(() => /* @__PURE__ */ v("div", { className: "flex h-[70%] w-[40%] flex-col items-center justify-center rounded-md border border-(--base-a6) bg-(--base-2)", children: [
+const Di = F(() => /* @__PURE__ */ g("div", { className: "flex h-[70%] w-[40%] flex-col items-center justify-center rounded-md border border-(--base-a6) bg-(--base-2)", children: [
   /* @__PURE__ */ a(L, { icon: "RiFileWarningLine", size: 40 }),
   /* @__PURE__ */ a("span", { className: "text-sm font-light text-(--accent-a11)", "data-accent-color": "base", children: "Failed to load" })
 ] }));
@@ -1509,7 +1509,7 @@ const ki = [
     rowLabels: [],
     columnLabels: [],
     data: [[]]
-  }), g = P(() => gr(() => import("react-spreadsheet")), []);
+  }), v = P(() => gr(() => import("react-spreadsheet")), []);
   q(() => {
     n.arrayBuffer().then((b) => {
       const { SheetNames: E, Sheets: x } = Tr(b);
@@ -1541,7 +1541,7 @@ const ki = [
       );
     b !== 0 && d(o[b - 1]);
   }, [c, o]);
-  return /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ v(Ke, { children: [
+  return /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ g(Ke, { children: [
     /* @__PURE__ */ a(
       Xe,
       {
@@ -1549,9 +1549,9 @@ const ki = [
         "data-floating-content": ""
       }
     ),
-    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ v("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
-      /* @__PURE__ */ a("div", { className: "h-max w-full shrink-0 bg-(--color-background) p-2", children: /* @__PURE__ */ a(pe, { size: "md", variant: "soft", accentColor: "base", children: /* @__PURE__ */ v("div", { className: "grid w-full grid-cols-3", children: [
-        /* @__PURE__ */ v("div", { className: "flex gap-2 items-center", children: [
+    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ g("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
+      /* @__PURE__ */ a("div", { className: "h-max w-full shrink-0 bg-(--color-background) p-2", children: /* @__PURE__ */ a(pe, { size: "md", variant: "soft", accentColor: "base", children: /* @__PURE__ */ g("div", { className: "grid w-full grid-cols-3", children: [
+        /* @__PURE__ */ g("div", { className: "flex gap-2 items-center", children: [
           /* @__PURE__ */ a(A, { onClick: e, "aria-label": "close", children: /* @__PURE__ */ a(L, { icon: "RiCloseLine" }) }),
           /* @__PURE__ */ a(A, { onClick: m, "aria-label": "download", children: /* @__PURE__ */ a(L, { icon: "RiDownload2Line" }) })
         ] }),
@@ -1565,9 +1565,9 @@ const ki = [
         ) }),
         /* @__PURE__ */ a("div", { className: "flex justify-end gap-2", children: !!i && /* @__PURE__ */ a(A, { "aria-label": "delete", onClick: w, children: /* @__PURE__ */ a(L, { icon: "RiDeleteBin2Line" }) }) })
       ] }) }) }),
-      /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col items-center gap-3 overflow-hidden p-2", children: /* @__PURE__ */ v(vr, { fallback: /* @__PURE__ */ a(Be, {}), children: [
+      /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col items-center gap-3 overflow-hidden p-2", children: /* @__PURE__ */ g(vr, { fallback: /* @__PURE__ */ a(Be, {}), children: [
         /* @__PURE__ */ a("div", { className: "flex h-max max-h-[calc(100%-50px)] w-max max-w-full overflow-auto [scrollbar-color:var(--base-6)_transparent] [scrollbar-width:thin]", children: /* @__PURE__ */ a(
-          g,
+          v,
           {
             className: "z-[1] h-full",
             data: u.data,
@@ -1575,7 +1575,7 @@ const ki = [
             columnLabels: u.columnLabels
           }
         ) }),
-        /* @__PURE__ */ a("div", { className: "flex h-max shrink-0 bg-(--base-2)", children: /* @__PURE__ */ v(
+        /* @__PURE__ */ a("div", { className: "flex h-max shrink-0 bg-(--base-2)", children: /* @__PURE__ */ g(
           pe,
           {
             className: "flex items-center",
@@ -1604,7 +1604,7 @@ const It = F((t) => {
     () => e !== void 0 ? Zt(n.name, e) : n.name,
     [n.name, e]
   );
-  return /* @__PURE__ */ v(qe, { ...r, children: [
+  return /* @__PURE__ */ g(qe, { ...r, children: [
     /* @__PURE__ */ a(Nt, { fileType: n.type }),
     !i && o
   ] });
@@ -1629,7 +1629,7 @@ const je = La, Oi = F(
       if (e)
         return o !== void 0 ? Zt(e.name, o) : e.name;
     }, [e, o]);
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ g(
       "div",
       {
         className: je(
@@ -1681,9 +1681,9 @@ const Mi = yr(() => {
     }
   }, [e]);
   const c = P(() => s, [s]);
-  return /* @__PURE__ */ v(Mi.Provider, { value: c, children: [
+  return /* @__PURE__ */ g(Mi.Provider, { value: c, children: [
     n,
-    e && /* @__PURE__ */ v(Y, { children: [
+    e && /* @__PURE__ */ g(Y, { children: [
       r === "spreadsheet" && /* @__PURE__ */ a(Ai, { file: e.file, onDelete: e.onDelete, onClose: f }),
       r === "pdf" && /* @__PURE__ */ a(Ti, { file: e.file, onDelete: e.onDelete, onClose: f }),
       r === "image" && /* @__PURE__ */ a(Ri, { file: e.file, onDelete: e.onDelete, onClose: f })
@@ -1784,7 +1784,7 @@ class K extends _i {
 }
 S(K, "fieldTypeName"), S(K, "fieldTypeDescription");
 const U = (t) => {
-  const { id: n, field: e, formId: i, size: r, showInputOnly: o, internal: l, ...s } = t, [f, c, d] = en(e.getId()), { touched: u } = c, h = c.error ?? e.description, g = c.error ? "danger" : void 0, w = n ?? `${i}-${e.getId()}-input`, m = `${w}-label`, y = e.required ? `${e.label} *` : e.label, C = P(() => ({
+  const { id: n, field: e, formId: i, size: r, showInputOnly: o, internal: l, ...s } = t, [f, c, d] = en(e.getId()), { touched: u } = c, h = c.error ?? e.description, v = c.error ? "danger" : void 0, w = n ?? `${i}-${e.getId()}-input`, m = `${w}-label`, y = e.required ? `${e.label} *` : e.label, C = P(() => ({
     ...f,
     onChange: (x) => {
       const N = e.getValueFromChangeEvent(x);
@@ -1794,11 +1794,11 @@ const U = (t) => {
       d.setTouched(!0, !1).then(), d.setError(e.getError(e.getValueFromChangeEvent(x)));
     }
   }), [e, f, d, u]);
-  return console.debug("severity", g), [
+  return console.debug("severity", v), [
     {
       helpText: h,
       size: r,
-      severity: g,
+      severity: v,
       inputId: w,
       labelId: m,
       label: y,
@@ -1851,11 +1851,11 @@ function Aa() {
       }
       var l = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof it == "object" && it.global === it ? it : void 0, s = l.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), f = l.saveAs || (typeof window != "object" || window !== l ? function() {
       } : "download" in HTMLAnchorElement.prototype && !s ? function(c, d, u) {
-        var h = l.URL || l.webkitURL, g = document.createElement("a");
-        d = d || c.name || "download", g.download = d, g.rel = "noopener", typeof c == "string" ? (g.href = c, g.origin === location.origin ? o(g) : r(g.href) ? i(c, d, u) : o(g, g.target = "_blank")) : (g.href = h.createObjectURL(c), setTimeout(function() {
-          h.revokeObjectURL(g.href);
+        var h = l.URL || l.webkitURL, v = document.createElement("a");
+        d = d || c.name || "download", v.download = d, v.rel = "noopener", typeof c == "string" ? (v.href = c, v.origin === location.origin ? o(v) : r(v.href) ? i(c, d, u) : o(v, v.target = "_blank")) : (v.href = h.createObjectURL(c), setTimeout(function() {
+          h.revokeObjectURL(v.href);
         }, 4e4), setTimeout(function() {
-          o(g);
+          o(v);
         }, 0));
       } : "msSaveOrOpenBlob" in navigator ? function(c, d, u) {
         if (d = d || c.name || "download", typeof c != "string") navigator.msSaveOrOpenBlob(e(c, u), d);
@@ -1868,8 +1868,8 @@ function Aa() {
         }
       } : 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 g = c.type === "application/octet-stream", w = /constructor/i.test(l.HTMLElement) || l.safari, m = /CriOS\/[\d]+/.test(navigator.userAgent);
-        if ((m || g && w || s) && typeof FileReader < "u") {
+        var v = c.type === "application/octet-stream", w = /constructor/i.test(l.HTMLElement) || l.safari, m = /CriOS\/[\d]+/.test(navigator.userAgent);
+        if ((m || v && w || s) && typeof FileReader < "u") {
           var y = new FileReader();
           y.onloadend = function() {
             var E = y.result;
@@ -1896,7 +1896,7 @@ const Pa = /* @__PURE__ */ Da(zi), mn = F((t) => {
     },
     [i, n]
   );
-  return /* @__PURE__ */ v(Y, { children: [
+  return /* @__PURE__ */ g(Y, { children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -1918,7 +1918,7 @@ const Pa = /* @__PURE__ */ Da(zi), mn = F((t) => {
         )
       }
     ),
-    /* @__PURE__ */ v("div", { className: "fixed top-0 left-0 z-[5001] flex w-full items-center bg-(--color-background)", children: [
+    /* @__PURE__ */ g("div", { className: "fixed top-0 left-0 z-[5001] flex w-full items-center bg-(--color-background)", children: [
       /* @__PURE__ */ a(
         A,
         {
@@ -1947,13 +1947,13 @@ const Pa = /* @__PURE__ */ Da(zi), mn = F((t) => {
 });
 mn.displayName = "FullScreenImagePreview";
 const ae = (t) => {
-  const { className: n, label: e, children: i, size: r, severity: o, inputId: l, labelId: s, image: f } = t, [c, d] = z(void 0), [u, h] = z(!1), g = o ? se[o] : "base";
-  console.debug(o, g), q(() => {
+  const { className: n, label: e, children: i, size: r, severity: o, inputId: l, labelId: s, image: f } = t, [c, d] = z(void 0), [u, h] = z(!1), v = o ? se[o] : "base";
+  console.debug(o, v), q(() => {
     f instanceof Promise ? f.then(d).catch(console.error) : d(f);
   }, [f]);
   const w = c ? URL.createObjectURL(c) : void 0;
-  return /* @__PURE__ */ v("div", { className: "flex flex-col gap-2", children: [
-    c && /* @__PURE__ */ v(Y, { children: [
+  return /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
+    c && /* @__PURE__ */ g(Y, { children: [
       /* @__PURE__ */ a(
         "img",
         {
@@ -1975,14 +1975,14 @@ const ae = (t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ v("label", { className: je(n, "flex flex-col gap-1"), htmlFor: l, children: [
-      /* @__PURE__ */ a($e, { accentColor: g, size: r, id: s, weight: "medium", children: e }),
+    /* @__PURE__ */ g("label", { className: je(n, "flex flex-col gap-1"), htmlFor: l, children: [
+      /* @__PURE__ */ a($e, { accentColor: v, size: r, id: s, weight: "medium", children: e }),
       i
     ] })
   ] });
 }, $i = (t) => {
   const { helpText: n, children: e, severity: i } = t, r = i ? se[i] : "base";
-  return /* @__PURE__ */ v("div", { className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ g("div", { className: "flex flex-col gap-1", children: [
     e,
     /* @__PURE__ */ a("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ a($e, { accentColor: r, size: "xs", children: n }) })
   ] });
@@ -2243,11 +2243,11 @@ const hn = (t, n) => {
   const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: l, fieldProps: s }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
   c = o ? null : c, d = o ? "" : d;
-  const u = P(() => Array.isArray(s.value) ? s.value : [], [s.value]), { onChange: h, onBlur: g } = s, w = `${n}-droppable`, { disabled: m } = f, [y, C] = z(""), [b, E] = z(""), x = b || c, N = I(
+  const u = P(() => Array.isArray(s.value) ? s.value : [], [s.value]), { onChange: h, onBlur: v } = s, w = `${n}-droppable`, { disabled: m } = f, [y, C] = z(""), [b, E] = z(""), x = b || c, N = I(
     (k) => {
-      h(k), g(k);
+      h(k), v(k);
     },
-    [h, g]
+    [h, v]
   ), T = I(
     (k) => {
       u.findIndex((j) => j === k.target.value.trim()) >= 0 ? E("All options must be unique") : k.target.value ? E("") : E("Option cannot be empty"), C(k.target.value);
@@ -2279,7 +2279,7 @@ const hn = (t, n) => {
     },
     [N, u]
   );
-  return /* @__PURE__ */ a(Yn, { onDragEnd: V, children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ a(Yn, { onDragEnd: V, children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ a(le, { helpText: x, severity: r, children: /* @__PURE__ */ a(
       ae,
       {
@@ -2289,7 +2289,7 @@ const hn = (t, n) => {
         labelId: e,
         label: d,
         image: o ? void 0 : l.image,
-        children: (!m || u.length === 0) && /* @__PURE__ */ v("div", { className: "flex gap-2", children: [
+        children: (!m || u.length === 0) && /* @__PURE__ */ g("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ a("div", { className: "grow", children: /* @__PURE__ */ a(oe.Root, { accentColor: "base", variant: "surface", children: /* @__PURE__ */ a(
             oe.Field,
             {
@@ -2316,7 +2316,7 @@ const hn = (t, n) => {
         ] })
       }
     ) }),
-    /* @__PURE__ */ a(on, { droppableId: w, children: (k) => /* @__PURE__ */ v(
+    /* @__PURE__ */ a(on, { droppableId: w, children: (k) => /* @__PURE__ */ g(
       "div",
       {
         className: "flex flex-col",
@@ -2329,7 +2329,7 @@ const hn = (t, n) => {
               draggableId: `${j}-draggable`,
               index: B,
               isDragDisabled: m,
-              children: ({ draggableProps: ne, dragHandleProps: de, innerRef: Ue }) => /* @__PURE__ */ v(
+              children: ({ draggableProps: ne, dragHandleProps: de, innerRef: Ue }) => /* @__PURE__ */ g(
                 qe,
                 {
                   ...de,
@@ -2552,7 +2552,7 @@ S(ie, "fieldTypeName", "Number"), S(ie, "fieldTypeDescription", "Allows specifyi
 });
 let ye = ie;
 const Xi = F((t) => {
-  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: l, showInputOnly: s, field: f, fieldProps: c }, d] = U(t), [u, h] = z(!1), g = c.value, w = I(
+  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: l, showInputOnly: s, field: f, fieldProps: c }, d] = U(t), [u, h] = z(!1), v = c.value, w = I(
     (b) => {
       c.onChange({ target: { value: b } }), h(!1);
     },
@@ -2564,7 +2564,7 @@ const Xi = F((t) => {
   }, []), C = I(() => {
     h(!1);
   }, []);
-  return /* @__PURE__ */ a(le, { helpText: r, severity: l, children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ a(le, { helpText: r, severity: l, children: /* @__PURE__ */ g(
     ae,
     {
       size: o,
@@ -2575,19 +2575,19 @@ const Xi = F((t) => {
       image: s ? void 0 : f.image,
       className: "flex-col items-start justify-start gap-1",
       children: [
-        /* @__PURE__ */ a(Ge, { open: u, onOpenChange: h, children: /* @__PURE__ */ v(Ke, { children: [
+        /* @__PURE__ */ a(Ge, { open: u, onOpenChange: h, children: /* @__PURE__ */ g(Ke, { children: [
           /* @__PURE__ */ a(Xe, { className: "light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)" }),
           /* @__PURE__ */ a(Ye, { className: "fixed inset-0", children: /* @__PURE__ */ a(Yi, { onQrScan: w, onClose: C }) })
         ] }) }),
-        /* @__PURE__ */ v("div", { className: "flex w-max items-center gap-1", children: [
-          /* @__PURE__ */ v(Q, { ...d, variant: "soft", onClick: y, type: "button", children: [
+        /* @__PURE__ */ g("div", { className: "flex w-max items-center gap-1", children: [
+          /* @__PURE__ */ g(Q, { ...d, variant: "soft", onClick: y, type: "button", children: [
             /* @__PURE__ */ a(L, { icon: "RiQrCodeLine" }),
             "Scan"
           ] }),
-          g && /* @__PURE__ */ a("span", { className: "text-xs text-(--accent-a11)", "data-accent-color": "primary", children: /* @__PURE__ */ a(L, { icon: "RiCheckLine", style: { verticalAlign: "bottom" } }) })
+          v && /* @__PURE__ */ a("span", { className: "text-xs text-(--accent-a11)", "data-accent-color": "primary", children: /* @__PURE__ */ a(L, { icon: "RiCheckLine", style: { verticalAlign: "bottom" } }) })
         ] }),
-        !!g && /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ v("div", { className: "w-max items-center gap-2", children: [
-          /* @__PURE__ */ a("code", { className: "bg-(--base-a3)", children: g }),
+        !!v && /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ g("div", { className: "w-max items-center gap-2", children: [
+          /* @__PURE__ */ a("code", { className: "bg-(--base-a3)", children: v }),
           /* @__PURE__ */ a(
             A,
             {
@@ -2624,9 +2624,9 @@ const Yi = F((t) => {
     o(!0), l.start().finally(() => {
       o(!1);
     });
-  }, [n]), /* @__PURE__ */ v("div", { className: "relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)", children: [
+  }, [n]), /* @__PURE__ */ g("div", { className: "relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)", children: [
     /* @__PURE__ */ a("div", { className: "absolute top-0 flex w-full p-2", children: /* @__PURE__ */ a(A, { "aria-label": "close", variant: "soft", accentColor: "base", onClick: e, children: /* @__PURE__ */ a(L, { icon: "RiCloseLine" }) }) }),
-    /* @__PURE__ */ v("div", { className: "relative max-h-full max-w-full", children: [
+    /* @__PURE__ */ g("div", { className: "relative max-h-full max-w-full", children: [
       /* @__PURE__ */ a("video", { ref: i, style: { width: "100%", height: "100%" } }),
       r && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center bg-(--color-background)", children: /* @__PURE__ */ a(Be, {}) })
     ] })
@@ -2695,7 +2695,7 @@ const qa = (t) => t ? Array.isArray(t) ? t : [t] : [], Ji = F((t) => {
   const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: l, fieldProps: s }, f] = U(t), { onChange: c, onBlur: d } = s;
   let [{ helpText: u, label: h }] = U(t);
   u = o ? null : u, h = o ? "" : h;
-  const g = P(() => qa(s.value), [s.value]), w = I(
+  const v = P(() => qa(s.value), [s.value]), w = I(
     (m) => {
       c(m), d(m);
     },
@@ -2710,8 +2710,8 @@ const qa = (t) => t ? Array.isArray(t) ? t : [t] : [], Ji = F((t) => {
       labelId: e,
       label: h,
       image: o ? void 0 : l.image,
-      children: /* @__PURE__ */ v($.Root, { children: [
-        /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ g($.Root, { children: [
+        /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ g(
           Q,
           {
             id: n,
@@ -2722,17 +2722,17 @@ const qa = (t) => t ? Array.isArray(t) ? t : [t] : [], Ji = F((t) => {
             accentColor: "base",
             ...f,
             children: [
-              g.length > 0 ? g.join(", ") : l.placeholder,
+              v.length > 0 ? v.join(", ") : l.placeholder,
               /* @__PURE__ */ a(L, { icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ a($.Content, { children: /* @__PURE__ */ v($.MultiSelectGroup, { values: g, onValuesChange: w, children: [
-          /* @__PURE__ */ v($.SelectAllItem, { allValues: l.options.map(({ value: m }) => m), children: [
+        /* @__PURE__ */ a($.Content, { children: /* @__PURE__ */ g($.MultiSelectGroup, { values: v, onValuesChange: w, children: [
+          /* @__PURE__ */ g($.SelectAllItem, { allValues: l.options.map(({ value: m }) => m), children: [
             /* @__PURE__ */ a($.SelectAllIndicator, { children: (m) => m ? /* @__PURE__ */ a(L, { icon: "RiSubtractLine" }) : /* @__PURE__ */ a(L, { icon: "RiCheckLine" }) }),
             "Select all"
           ] }),
-          l.options.map((m) => /* @__PURE__ */ v($.MultiSelectItem, { value: m.value, children: [
+          l.options.map((m) => /* @__PURE__ */ g($.MultiSelectItem, { value: m.value, children: [
             /* @__PURE__ */ a($.SelectedIndicator, { children: /* @__PURE__ */ a(L, { icon: "RiCheckLine" }) }),
             m.label
           ] }, m.value))
@@ -2775,7 +2775,7 @@ const Zi = F((t) => {
   const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: l, fieldProps: s }, f] = U(t), { onChange: c, onBlur: d } = s;
   let [{ helpText: u, label: h }] = U(t);
   u = o ? null : u, h = o ? "" : h;
-  const g = I(
+  const v = I(
     (m) => {
       c(m), d(m);
     },
@@ -2790,8 +2790,8 @@ const Zi = F((t) => {
       labelId: e,
       label: h,
       image: o ? void 0 : l.image,
-      children: /* @__PURE__ */ v($.Root, { children: [
-        /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ g($.Root, { children: [
+        /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ g(
           Q,
           {
             ...s,
@@ -2808,7 +2808,7 @@ const Zi = F((t) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ a($.Content, { children: /* @__PURE__ */ a($.SelectGroup, { value: s.value, onValueChange: g, children: l.options.map((m) => /* @__PURE__ */ v($.SelectItem, { value: m.value, children: [
+        /* @__PURE__ */ a($.Content, { children: /* @__PURE__ */ a($.SelectGroup, { value: s.value, onValueChange: v, children: l.options.map((m) => /* @__PURE__ */ g($.SelectItem, { value: m.value, children: [
           /* @__PURE__ */ a($.SelectedIndicator, { children: /* @__PURE__ */ a(L, { icon: "RiCheckLine" }) }),
           m.label
         ] }, m.value)) }) })
@@ -3050,7 +3050,7 @@ const Ya = F(
       if (e)
         return s !== void 0 ? Zt(e.name, s) : e.name;
     }, [e, s]);
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ g(
       "div",
       {
         className: je(
@@ -3076,7 +3076,7 @@ const Ya = F(
               )
             }
           ),
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ g(
             "div",
             {
               className: je("flex h-max w-full items-center gap-1 bg-(--base-2) px-2 py-1", {
@@ -3110,9 +3110,9 @@ const Ya = F(
   const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: l, field: s, fieldProps: f }, c] = U(t), { onChange: d } = f;
   let [{ label: u }] = U(t);
   u = l ? "" : u;
-  const h = r ? se[r] : void 0, g = X(null), { value: w } = f, m = P(() => l ? null : o || (s.maxFileSize ? `Maximum file size: ${s.maxFileSize}MB` : null), [s.maxFileSize, o, l]), y = I(() => {
+  const h = r ? se[r] : void 0, v = X(null), { value: w } = f, m = P(() => l ? null : o || (s.maxFileSize ? `Maximum file size: ${s.maxFileSize}MB` : null), [s.maxFileSize, o, l]), y = I(() => {
     var T;
-    (T = g.current) == null || T.click();
+    (T = v.current) == null || T.click();
   }, []), C = I(
     (T) => {
       const R = [...w];
@@ -3120,8 +3120,8 @@ const Ya = F(
     },
     [w, d]
   ), b = w ? "Select new files" : "Select files", E = w ? "Select new file" : "Select a file", x = s.maxFiles > 1 ? b : E;
-  return /* @__PURE__ */ v("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ a(le, { helpText: m, severity: r, children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ a(le, { helpText: m, severity: r, children: /* @__PURE__ */ g(
       ae,
       {
         size: i,
@@ -3131,7 +3131,7 @@ const Ya = F(
         label: u,
         image: l ? void 0 : s.image,
         children: [
-          /* @__PURE__ */ a("div", { className: "flex gap-2", children: /* @__PURE__ */ v(
+          /* @__PURE__ */ a("div", { className: "flex gap-2", children: /* @__PURE__ */ g(
             Q,
             {
               ...c,
@@ -3152,7 +3152,7 @@ const Ya = F(
             {
               ...c,
               type: "file",
-              ref: g,
+              ref: v,
               id: n,
               accept: (N = s.extensions) == null ? void 0 : N.join(","),
               multiple: s.maxFiles > 1,
@@ -3201,7 +3201,7 @@ const ir = F((t) => {
       m.stopPropagation(), i();
     },
     [i]
-  ), g = I(() => {
+  ), v = I(() => {
     o && s((m) => ({
       file: o,
       onDelete: r ? void 0 : () => {
@@ -3209,7 +3209,7 @@ const ir = F((t) => {
       }
     }));
   }, [r, i, s, o]), w = P(
-    () => /* @__PURE__ */ v(pe, { variant: "ghost", accentColor: "base", size: "sm", children: [
+    () => /* @__PURE__ */ g(pe, { variant: "ghost", accentColor: "base", size: "sm", children: [
       /* @__PURE__ */ a(A, { "aria-label": `Download ${d}`, onClick: u, disabled: !o, children: /* @__PURE__ */ a(L, { icon: "RiDownload2Line" }) }),
       !r && /* @__PURE__ */ a(A, { "aria-label": `Remove ${d}`, disabled: r, onClick: h, children: /* @__PURE__ */ a(L, { icon: "RiCloseLargeLine" }) })
     ] }),
@@ -3219,7 +3219,7 @@ const ir = F((t) => {
     Ya,
     {
       style: { cursor: "pointer" },
-      onClick: g,
+      onClick: v,
       file: o,
       error: f ?? void 0,
       rightSlot: w
@@ -3228,7 +3228,7 @@ const ir = F((t) => {
     Oi,
     {
       style: { cursor: "pointer" },
-      onClick: g,
+      onClick: v,
       file: o,
       error: f ?? void 0,
       rightSlot: w
@@ -3440,8 +3440,8 @@ const lr = F((t) => {
         f(h.getId(), "").then();
   }, [d, o, f]);
   const u = ht(o, e);
-  return d ? /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+  return d ? /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ g("div", { className: "flex flex-col", children: [
       /* @__PURE__ */ a(Hn, { size: "lg", children: i }),
       /* @__PURE__ */ a($e, { accentColor: "base", children: r })
     ] }),
@@ -3600,7 +3600,7 @@ const he = (t) => Object.keys(t).length > 0, yn = (t, n) => {
       hideTitle: d = !e.title,
       hideDescription: u,
       className: h,
-      buttonProps: g
+      buttonProps: v
     } = t, { readonly: w } = e.meta, m = P(() => crypto.randomUUID(), []), y = tn({
       initialValues: bn(e.fields, i),
       onSubmit: r,
@@ -3617,7 +3617,7 @@ const he = (t) => Object.keys(t).length > 0, yn = (t, n) => {
     ), x = ht(e.fields, { formId: m, disabled: w });
     return q(() => {
       C && f && f(), c && c(C);
-    }, [C, f, c]), /* @__PURE__ */ a(nn, { value: y, children: /* @__PURE__ */ v(
+    }, [C, f, c]), /* @__PURE__ */ a(nn, { value: y, children: /* @__PURE__ */ g(
       "form",
       {
         id: m,
@@ -3625,17 +3625,17 @@ const he = (t) => Object.keys(t).length > 0, yn = (t, n) => {
         className: je(h, "flex flex-col gap-2"),
         onSubmit: y.handleSubmit,
         children: [
-          !d && /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-1", children: [
+          !d && /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-1", children: [
             b,
             !u && E
           ] }) }),
           x,
-          !w && /* @__PURE__ */ v("div", { className: "flex items-center justify-end gap-2", children: [
-            l && /* @__PURE__ */ v(
+          !w && /* @__PURE__ */ g("div", { className: "flex items-center justify-end gap-2", children: [
+            l && /* @__PURE__ */ g(
               Q,
               {
                 accentColor: se.danger,
-                ...g,
+                ...v,
                 type: "button",
                 onClick: s,
                 children: [
@@ -3644,7 +3644,7 @@ const he = (t) => Object.keys(t).length > 0, yn = (t, n) => {
                 ]
               }
             ),
-            /* @__PURE__ */ v(Q, { ...g, type: "submit", disabled: !y.isValid, accentColor: "success", children: [
+            /* @__PURE__ */ g(Q, { ...v, type: "submit", disabled: !y.isValid, accentColor: "success", children: [
               /* @__PURE__ */ a(L, { icon: "RiCheckLine" }),
               o
             ] })
@@ -3688,7 +3688,7 @@ const Ml = F(
         s && !he(E) || o(E);
       },
       [u, o, s]
-    ), g = I(
+    ), v = I(
       (b) => {
         const E = yn(i, b);
         if (E && l(E), f) {
@@ -3701,7 +3701,7 @@ const Ml = F(
     ), w = tn({
       initialValues: d,
       onSubmit: h,
-      validate: g,
+      validate: v,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
@@ -3810,29 +3810,25 @@ const Ml = F(
       }
     }), u;
   }, [o, n, l, r, i, e, f.fields]);
-  return /* @__PURE__ */ v(Y, { children: [
-    /* @__PURE__ */ a("div", { className: "mx-2 flex hidden flex-col gap-5 sm:block", children: d.map((u) => {
-      const h = u.Icon;
-      return /* @__PURE__ */ a(
-        A,
-        {
-          type: "button",
-          variant: "ghost",
-          accentColor: u.key.startsWith("move") ? "base" : void 0,
-          "aria-label": u.text,
-          ...u.buttonProps,
-          children: /* @__PURE__ */ a(h, {})
-        },
-        u.key
-      );
-    }) }),
-    /* @__PURE__ */ a("div", { className: "sm:hidden", children: /* @__PURE__ */ v($.Root, { children: [
+  return /* @__PURE__ */ g(Y, { children: [
+    /* @__PURE__ */ a("div", { className: "mx-2 hidden flex-col gap-5 sm:flex", children: d.map((u) => /* @__PURE__ */ a(
+      A,
+      {
+        type: "button",
+        variant: "ghost",
+        accentColor: u.key.startsWith("move") ? "base" : void 0,
+        "aria-label": u.text,
+        ...u.buttonProps,
+        children: /* @__PURE__ */ a(u.Icon, {})
+      },
+      u.key
+    )) }),
+    /* @__PURE__ */ a("div", { className: "sm:hidden", children: /* @__PURE__ */ g($.Root, { children: [
       /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ a(A, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ a(L, { icon: "RiMore2Line" }) }) }),
       /* @__PURE__ */ a($.Content, { children: d.map((u) => {
-        var g;
-        const h = u.Icon;
-        return /* @__PURE__ */ v($.Item, { onClick: (g = u.buttonProps) == null ? void 0 : g.onClick, children: [
-          /* @__PURE__ */ a(h, {}),
+        var h;
+        return /* @__PURE__ */ g($.Item, { onClick: (h = u.buttonProps) == null ? void 0 : h.onClick, children: [
+          /* @__PURE__ */ a(u.Icon, {}),
           u.text
         ] }, u.key);
       }) })
@@ -3853,8 +3849,8 @@ const sr = (t = () => null) => P(() => al.map((n) => n.map((e) => {
   };
 })), [t]), me = (t) => t.type === "section", Yt = F((t) => {
   const { popoverInputs: n, hasError: e } = t;
-  return /* @__PURE__ */ v(Oe.Root, { children: [
-    /* @__PURE__ */ a(Oe.Trigger, { children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ g(Oe.Root, { children: [
+    /* @__PURE__ */ a(Oe.Trigger, { children: /* @__PURE__ */ g(
       Q,
       {
         variant: "soft",
@@ -3888,11 +3884,11 @@ const xn = F((t) => {
       };
     }
   }, []);
-  const [g, w] = z(void 0), [m, y] = z(!1);
+  const [v, w] = z(void 0), [m, y] = z(!1);
   q(() => {
     me(i) ? w(void 0) : i.image instanceof Promise ? i.image.then(w).catch(console.error) : w(i.image);
   }, [i]);
-  const C = g ? URL.createObjectURL(g) : void 0, b = I(
+  const C = v ? URL.createObjectURL(v) : void 0, b = I(
     (D) => {
       D.stopPropagation();
       const { image: _, ...H } = i;
@@ -3964,12 +3960,12 @@ const xn = F((t) => {
     () => f.flat().find((D) => D.value === O),
     [f, O]
   );
-  return /* @__PURE__ */ a("div", { className: "flex grow items-center w-full", ref: c, children: /* @__PURE__ */ v("div", { className: "flex w-full flex-col gap-4", children: [
-    M === G && /* @__PURE__ */ v("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ a("div", { className: "flex grow items-center w-full", ref: c, children: /* @__PURE__ */ g("div", { className: "flex w-full flex-col gap-4", children: [
+    M === G && /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
       V.length > 0 && j,
-      /* @__PURE__ */ v("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ g("div", { className: "flex items-center gap-4", children: [
         ne && /* @__PURE__ */ a(Yt, { popoverInputs: B, hasError: de }),
-        me(i) && i.conditional && /* @__PURE__ */ a("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": Ue, children: /* @__PURE__ */ v("em", { children: [
+        me(i) && i.conditional && /* @__PURE__ */ a("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": Ue, children: /* @__PURE__ */ g("em", { children: [
           "Display only if ",
           /* @__PURE__ */ a("strong", { children: E }),
           " ",
@@ -3979,9 +3975,9 @@ const xn = F((t) => {
         ] }) })
       ] })
     ] }),
-    M !== G && /* @__PURE__ */ v("div", { className: "flex gap-2 w-full justify-between", children: [
-      /* @__PURE__ */ v("div", { className: "flex gap-2 items-center", children: [
-        /* @__PURE__ */ v(qe, { accentColor: "base", variant: "soft", children: [
+    M !== G && /* @__PURE__ */ g("div", { className: "flex gap-2 w-full justify-between", children: [
+      /* @__PURE__ */ g("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ g(qe, { accentColor: "base", variant: "soft", children: [
           J == null ? void 0 : J.icon,
           J == null ? void 0 : J.children
         ] }),
@@ -3989,7 +3985,7 @@ const xn = F((t) => {
           ze,
           {
             name: `${n}.${e}.required`,
-            render: ({ setValue: D, value: _ }) => /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+            render: ({ setValue: D, value: _ }) => /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a(dt.Root, { checked: _, onCheckedChange: D, children: /* @__PURE__ */ a(dt.Indicator, { children: /* @__PURE__ */ a(L, { icon: "RiCheckLine" }) }) }),
               /* @__PURE__ */ a($e, { size: "sm", accentColor: "base", children: "Required" })
             ] })
@@ -3998,14 +3994,14 @@ const xn = F((t) => {
       ] }),
       ne && /* @__PURE__ */ a(Yt, { popoverInputs: B, hasError: de })
     ] }),
-    g && /* @__PURE__ */ v(Y, { children: [
-      /* @__PURE__ */ v("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
+    v && /* @__PURE__ */ g(Y, { children: [
+      /* @__PURE__ */ g("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
         /* @__PURE__ */ a(
           "img",
           {
             className: "h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",
             src: C,
-            alt: g.name,
+            alt: v.name,
             onClick: () => {
               y(!0);
             }
@@ -4026,9 +4022,9 @@ const xn = F((t) => {
       m && /* @__PURE__ */ a(
         mn,
         {
-          file: g,
+          file: v,
           url: C,
-          name: g.name,
+          name: v.name,
           setShowPreview: y
         }
       )
@@ -4072,9 +4068,9 @@ const xn = F((t) => {
       }
     ),
     M !== G && V.length > 0 && /* @__PURE__ */ a("div", { className: "w-full", children: j }),
-    M !== G && /* @__PURE__ */ v(Y, { children: [
+    M !== G && /* @__PURE__ */ g(Y, { children: [
       /* @__PURE__ */ a(Gn, { size: "full" }),
-      /* @__PURE__ */ v(Ve, { className: "flex flex-col gap-2 bg-(--accent-a2)", children: [
+      /* @__PURE__ */ g(Ve, { className: "flex flex-col gap-2 bg-(--accent-a2)", children: [
         /* @__PURE__ */ a($e, { accentColor: "base", children: "Field preview" }),
         /* @__PURE__ */ a("div", { children: Lt })
       ] })
@@ -4113,7 +4109,7 @@ const cr = F((t) => {
       );
     },
     [i, l.fields, e, s, o]
-  ), g = I(
+  ), v = I(
     (w) => {
       const { files: m } = w.target;
       if (!m || m.length !== 1) return;
@@ -4141,7 +4137,7 @@ const cr = F((t) => {
       ...w.draggableProps,
       ...w.dragHandleProps,
       className: "mb-4",
-      children: /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-4 w-full", children: [
+      children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between gap-4 w-full", children: [
         /* @__PURE__ */ a(xn, { ...d }),
         /* @__PURE__ */ a(
           wn,
@@ -4152,7 +4148,7 @@ const cr = F((t) => {
             remove: r,
             duplicate: u,
             move: h,
-            upload: g
+            upload: v
           }
         )
       ] })
@@ -4203,7 +4199,7 @@ const dr = F((t) => {
       O();
     },
     [u, d, s.fields, f]
-  ), g = I(() => {
+  ), v = I(() => {
     const N = n.fields.map((j, B) => u(B)).flatMap((j) => j.affectedSections), T = N.length ? "Remove fields and conditions?" : "Remove fields?", R = n.fields.length, O = N.map((j) => j.label).join(", "), M = N.length ? `Deleting this section will remove the ${R} field(s) it contains and will remove the conditions from following sections: ${O}` : `Deleting this section will remove the ${R} field(s) it contains.`, V = gt(s.fields, e), k = () => l("fields", V);
     if (N.length > 0) {
       f({
@@ -4267,8 +4263,8 @@ const dr = F((t) => {
       ...x.dragHandleProps,
       variant: "outline",
       className: "mb-4 w-full",
-      children: /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-3 w-full", children: [
-        /* @__PURE__ */ v("div", { className: "flex grow flex-col gap-2 w-full", children: [
+      children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between gap-3 w-full", children: [
+        /* @__PURE__ */ g("div", { className: "flex grow flex-col gap-2 w-full", children: [
           !r && /* @__PURE__ */ a(xn, { ...m }),
           /* @__PURE__ */ a(
             on,
@@ -4276,7 +4272,7 @@ const dr = F((t) => {
               droppableId: n.identifier,
               type: "SECTION",
               isDropDisabled: o,
-              children: (N) => /* @__PURE__ */ v(
+              children: (N) => /* @__PURE__ */ g(
                 "div",
                 {
                   className: "flex flex-col gap-0 w-full",
@@ -4296,12 +4292,12 @@ const dr = F((t) => {
                       T.identifier
                     )),
                     N.placeholder,
-                    /* @__PURE__ */ v($.Root, { children: [
-                      /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ v(Q, { type: "button", variant: "solid", children: [
+                    /* @__PURE__ */ g($.Root, { children: [
+                      /* @__PURE__ */ a($.ClickTrigger, { children: /* @__PURE__ */ g(Q, { type: "button", variant: "solid", children: [
                         /* @__PURE__ */ a(L, { icon: "RiAddLine" }),
                         " Add field"
                       ] }) }),
-                      /* @__PURE__ */ a($.Content, { children: b.flat().map((T) => /* @__PURE__ */ v($.Item, { onSelect: T.onSelect, children: [
+                      /* @__PURE__ */ a($.Content, { children: b.flat().map((T) => /* @__PURE__ */ g($.Item, { onSelect: T.onSelect, children: [
                         T.icon,
                         T.children
                       ] }, T.value)) })
@@ -4317,7 +4313,7 @@ const dr = F((t) => {
           {
             index: e,
             type: n.type,
-            remove: g,
+            remove: v,
             duplicate: y,
             move: w
           }
@@ -4339,21 +4335,21 @@ const Un = (t, n) => {
     u.type === "SECTION" && o({ type: "hold", fieldId: u.draggableId });
   }, []), c = I(
     (u) => {
-      const { source: h, destination: g, type: w, reason: m, draggableId: y } = u;
-      if (o({ type: "release" }), !g || m === "CANCEL") return;
+      const { source: h, destination: v, type: w, reason: m, draggableId: y } = u;
+      if (o({ type: "release" }), !v || m === "CANCEL") return;
       if (w === "ROOT") {
-        l(r, y, h.index, g.index, e, i);
+        l(r, y, h.index, v.index, e, i);
         return;
       }
       if (w !== "SECTION") throw new Error("Unexpected droppable type.");
-      const [C, b] = Un(e.fields, h.droppableId) ?? [], [E, x] = Un(e.fields, g.droppableId) ?? [];
+      const [C, b] = Un(e.fields, h.droppableId) ?? [], [E, x] = Un(e.fields, v.droppableId) ?? [];
       s(
         C,
         b,
         h.index,
         E,
         x,
-        g.index,
+        v.index,
         i
       );
     },
@@ -4364,24 +4360,24 @@ const Un = (t, n) => {
     },
     [e, i]
   );
-  return /* @__PURE__ */ a(Yn, { onDragStart: f, onDragEnd: c, children: /* @__PURE__ */ a(on, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ v(
+  return /* @__PURE__ */ a(Yn, { onDragStart: f, onDragEnd: c, children: /* @__PURE__ */ a(on, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ g(
     "div",
     {
       className: "flex flex-col gap-0",
       ref: u.innerRef,
       ...u.droppableProps,
       children: [
-        e.fields.map((h, g) => /* @__PURE__ */ v(xr, { children: [
+        e.fields.map((h, v) => /* @__PURE__ */ g(xr, { children: [
           /* @__PURE__ */ a(
             dr,
             {
               field: h,
-              index: g,
+              index: v,
               dropState: r,
               fieldsOnly: n
             }
           ),
-          !n && g !== e.fields.length - 1 && /* @__PURE__ */ v(
+          !n && v !== e.fields.length - 1 && /* @__PURE__ */ g(
             Q,
             {
               className: "mb-4",
@@ -4389,7 +4385,7 @@ const Un = (t, n) => {
               variant: "soft",
               accentColor: "base",
               onClick: () => {
-                d(g);
+                d(v);
               },
               children: [
                 /* @__PURE__ */ a(L, { icon: "RiAddLine" }),
@@ -4398,7 +4394,7 @@ const Un = (t, n) => {
             }
           )
         ] }, h.identifier)),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ g(
           Q,
           {
             className: "mb-4",
@@ -4435,7 +4431,7 @@ const cl = () => {
       showTabs: c = !0,
       tabsListClassName: d,
       hydrateRevisionWithImages: u
-    } = t, { showError: h } = Jt(), g = I(
+    } = t, { showError: h } = Jt(), v = I(
       (b) => {
         const E = {};
         b.title || (E.title = "Title is required."), (!b.fields || b.fields.length === 0) && (E.fields = "At least one field is required.");
@@ -4473,30 +4469,30 @@ const cl = () => {
       [o]
     ), m = r ? u(r) : void 0, y = tn({
       initialValues: ja(m) ?? w,
-      validate: g,
+      validate: v,
       onSubmit: i,
       validateOnChange: !1,
       validateOnBlur: !1
     }), C = P(() => nl(y.values), [y.values]);
-    return /* @__PURE__ */ a(xe.Root, { ref: n, defaultValue: "edit", children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-2", children: [
-      c && /* @__PURE__ */ v(
+    return /* @__PURE__ */ a(xe.Root, { ref: n, defaultValue: "edit", children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
+      c && /* @__PURE__ */ g(
         xe.List,
         {
           className: je("sticky top-0 z-[2000] flex bg-(--color-background)", d),
           children: [
-            /* @__PURE__ */ a(xe.Trigger, { className: "grow", value: "edit", children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a(xe.Trigger, { className: "grow", value: "edit", children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a(L, { icon: "RiPencilLine" }),
               "Edit form"
             ] }) }),
-            /* @__PURE__ */ a(xe.Trigger, { className: "grow", value: "preview", children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a(xe.Trigger, { className: "grow", value: "preview", children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a(L, { icon: "RiEyeLine" }),
               "Preview form"
             ] }) })
           ]
         }
       ),
-      /* @__PURE__ */ v(xe.Content, { value: "edit", children: [
-        l && /* @__PURE__ */ v("span", { children: [
+      /* @__PURE__ */ g(xe.Content, { value: "edit", children: [
+        l && /* @__PURE__ */ g("span", { children: [
           "Create your form using various field types. Sections can be",
           " ",
           /* @__PURE__ */ a("strong", { children: "conditionally rendered" }),
@@ -4504,9 +4500,9 @@ const cl = () => {
           " ",
           /* @__PURE__ */ a("strong", { children: "answers to fields in preceding sections. " })
         ] }),
-        /* @__PURE__ */ v("form", { className: "mt-3 flex flex-col gap-2", id: ct, onSubmit: y.handleSubmit, children: [
-          /* @__PURE__ */ v(nn, { value: y, children: [
-            s && /* @__PURE__ */ v(Y, { children: [
+        /* @__PURE__ */ g("form", { className: "mt-3 flex flex-col gap-2", id: ct, onSubmit: y.handleSubmit, children: [
+          /* @__PURE__ */ g(nn, { value: y, children: [
+            s && /* @__PURE__ */ g(Y, { children: [
               /* @__PURE__ */ a(
                 ze,
                 {
@@ -4562,7 +4558,7 @@ const cl = () => {
               }
             )
           ] }),
-          /* @__PURE__ */ v("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ g("div", { className: "flex items-center justify-end gap-2", children: [
             e && /* @__PURE__ */ a(Q, { type: "button", variant: "solid", accentColor: "base", onClick: e, children: "Cancel" }),
             /* @__PURE__ */ a(Q, { type: "submit", children: "Save form" })
           ] })
@@ -4585,7 +4581,7 @@ async function fl(t, n, e, i) {
 const ml = F((t) => {
   const { file: n, onClose: e, onSave: i, onDelete: r, dirty: o, onDirty: l } = t;
   n.objectURL || (n.objectURL = URL.createObjectURL(n));
-  const s = X(null), f = X(null), [c, d] = z(Kn.red), [u, h] = z(null), [g, w] = z(!1), [m, y] = z(!1), C = X(null), b = qn(C);
+  const s = X(null), f = X(null), [c, d] = z(Kn.red), [u, h] = z(null), [v, w] = z(!1), [m, y] = z(!1), C = X(null), b = qn(C);
   q(() => {
     const B = new Image();
     B.onload = function() {
@@ -4626,7 +4622,7 @@ const ml = F((t) => {
   }, [E]), j = I(() => {
     Ct(n);
   }, [n]);
-  return /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ v(Ke, { children: [
+  return /* @__PURE__ */ a(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ g(Ke, { children: [
     /* @__PURE__ */ a(
       Xe,
       {
@@ -4634,7 +4630,7 @@ const ml = F((t) => {
         "data-floating-content": ""
       }
     ),
-    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ v(Y, { children: [
+    /* @__PURE__ */ a(Ye, { className: "fixed inset-0", "data-floating-content": "", children: /* @__PURE__ */ g(Y, { children: [
       u && /* @__PURE__ */ a(
         "canvas",
         {
@@ -4645,13 +4641,13 @@ const ml = F((t) => {
           height: u.height
         }
       ),
-      /* @__PURE__ */ v("div", { className: "relative flex h-full w-full flex-col", children: [
-        /* @__PURE__ */ a("div", { className: "flex h-8 w-full items-center bg-(--color-background) px-2", children: /* @__PURE__ */ a(pe, { accentColor: "base", size: "md", variant: "soft", children: /* @__PURE__ */ v("div", { className: "grid w-full grid-cols-3", children: [
-          /* @__PURE__ */ v("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ g("div", { className: "relative flex h-full w-full flex-col", children: [
+        /* @__PURE__ */ a("div", { className: "flex h-8 w-full items-center bg-(--color-background) px-2", children: /* @__PURE__ */ a(pe, { accentColor: "base", size: "md", variant: "soft", children: /* @__PURE__ */ g("div", { className: "grid w-full grid-cols-3", children: [
+          /* @__PURE__ */ g("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ a(A, { "aria-label": "close", onClick: N, children: /* @__PURE__ */ a(L, { icon: "RiCloseLine" }) }),
             /* @__PURE__ */ a(A, { "aria-label": `Download ${n.name}`, onClick: j, children: /* @__PURE__ */ a(L, { icon: "RiDownload2Line" }) })
           ] }),
-          /* @__PURE__ */ v("div", { className: "flex items-center justify-center gap-2", children: [
+          /* @__PURE__ */ g("div", { className: "flex items-center justify-center gap-2", children: [
             /* @__PURE__ */ a(
               Qn,
               {
@@ -4686,7 +4682,7 @@ const ml = F((t) => {
             /* @__PURE__ */ a(A, { "aria-label": "undo", onClick: R, children: /* @__PURE__ */ a(L, { icon: "RiArrowGoForwardLine" }) }),
             /* @__PURE__ */ a(A, { "aria-label": "undo all", onClick: M, children: /* @__PURE__ */ a(L, { icon: "RiLoopLeftLine" }) })
           ] }),
-          /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ g("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ a(
               A,
               {
@@ -4699,7 +4695,7 @@ const ml = F((t) => {
             /* @__PURE__ */ a(A, { "aria-label": "Delete attachment", onClick: x, children: /* @__PURE__ */ a(L, { icon: "RiDeleteBin2Line" }) })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ v("div", { className: "relative flex w-full grow items-center justify-center p-4", children: [
+        /* @__PURE__ */ g("div", { className: "relative flex w-full grow items-center justify-center p-4", children: [
           /* @__PURE__ */ a(
             "img",
             {
@@ -4709,7 +4705,7 @@ const ml = F((t) => {
               src: n.objectURL
             }
           ),
-          g ? /* @__PURE__ */ a(Be, {}) : /* @__PURE__ */ a(
+          v ? /* @__PURE__ */ a(Be, {}) : /* @__PURE__ */ a(
             Kr,
             {
               backgroundImage: n.objectURL,