@overmap-ai/forms 1.0.4-conditional-arrows-2.17 → 1.0.4-conditional-arrows-2.19

package/dist/forms.js

@@ -1,16 +1,16 @@
-var Wt = Object.defineProperty;
-var jt = (s, i, e) => i in s ? Wt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var m = (s, i, e) => (jt(s, typeof i != "symbol" ? i + "" : i, e), e);
+var jt = Object.defineProperty;
+var Ut = (s, i, e) => i in s ? jt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var m = (s, i, e) => (Ut(s, typeof i != "symbol" ? i + "" : i, e), e);
 import { jsx as r, jsxs as b, Fragment as bt } from "react/jsx-runtime";
-import { Flex as y, Text as k, useSeverityColor as fe, Checkbox as Ht, CheckCircledIcon as Ut, TextField as ce, FontFamilyIcon as Gt, CalendarIcon as Kt, InputIcon as Zt, TextArea as Yt, RowsIcon as Xt, Select as yt, Box as pe, IconButton as ge, PlusIcon as Me, Badge as Ue, Cross1Icon as vt, ListBulletIcon as Qt, DropdownMenuIcon as Jt, MultiSelect as ei, CheckboxIcon as ti, Card as we, Heading as Ne, Button as G, UploadIcon as wt, ButtonList as Re, divButtonProps as ii, StarFilledIcon as ni, StarIcon as ri, QuestionMarkCircledIcon as oi, PersonIcon as si, Tooltip as li, Avatar as ai, Separator as ci, Dialog as di, Pencil1Icon as ui, TrashIcon as fi, CopyIcon as mi, DropdownMenu as hi, DotsVerticalIcon as pi, useAlertDialog as gi, Em as bi, Strong as ut, useToast as yi, Tabs as J } from "@overmap-ai/blocks";
+import { Flex as y, Text as $, useSeverityColor as fe, Checkbox as Ht, CheckCircledIcon as Gt, TextField as ce, FontFamilyIcon as Xt, CalendarIcon as Kt, InputIcon as Yt, TextArea as Zt, RowsIcon as Qt, Select as yt, Box as he, IconButton as ge, PlusIcon as Oe, Badge as He, Cross1Icon as wt, ListBulletIcon as Jt, DropdownMenuIcon as ei, MultiSelect as ti, CheckboxIcon as ii, Card as ve, Heading as Ne, Button as G, UploadIcon as vt, ButtonList as Re, divButtonProps as ni, StarFilledIcon as ri, StarIcon as oi, QuestionMarkCircledIcon as si, PersonIcon as li, Tooltip as ai, Avatar as ci, Separator as di, Dialog as ui, Pencil1Icon as fi, TrashIcon as mi, CopyIcon as pi, DropdownMenu as hi, DotsVerticalIcon as gi, useAlertDialog as bi, Em as yi, Strong as ut, useToast as wi, Tabs as J } from "@overmap-ai/blocks";
 import { useField as Je, useFormikContext as me, useFormik as et, FormikProvider as tt } from "formik";
-import vi, { useMemo as w, memo as z, useCallback as F, useState as K, useEffect as xe, useRef as wi, forwardRef as Ie, useReducer as xi } from "react";
+import vi, { useMemo as v, memo as T, useCallback as F, useState as X, useEffect as xe, useRef as xi, forwardRef as Ie, useReducer as Ii } from "react";
 import { DragDropContext as xt, Droppable as it, Draggable as nt } from "@hello-pangea/dnd";
-import { slugify as Ii, useAppSelector as O, selectFormRevision as It, useSDK as Ct, selectSubmissionAttachments as Ci, selectFilteredUserForms as Fi, selectUserFormMapping as Ti, selectOrganization as Ft, selectUser as rt, selectNumberOfUserForms as Si, selectCurrentUser as Tt, classNames as St, isToday as zi, getLocalDateString as Ei, selectLatestFormRevision as Ai, useFileSrc as Li, selectSubmissionsForForm as Pi } from "@overmap-ai/core";
+import { slugify as Ci, useAppSelector as _, selectFormRevision as It, useSDK as Ct, selectSubmissionAttachments as Fi, selectFilteredUserForms as Ti, selectUserFormMapping as Si, selectOrganization as Ft, selectUser as rt, selectNumberOfUserForms as zi, selectCurrentUser as Tt, classNames as St, isToday as Ei, getLocalDateString as Ai, selectLatestFormRevision as Li, useFileSrc as Pi, selectSubmissionsForForm as $i } from "@overmap-ai/core";
 import de from "lodash.get";
 import ot from "lodash.set";
-import ft from "react-xarrows";
-class zt {
+import ft, { useXarrow as zt, Xwrapper as ki } from "react-xarrows";
+class Et {
   constructor(i) {
     m(this, "type");
     m(this, "identifier");
@@ -34,7 +34,7 @@ class zt {
     };
   }
 }
-class M extends zt {
+class M extends Et {
   constructor(e) {
     const { label: t, required: n, fieldValidators: o = [], formValidators: a = [], ...c } = e;
     super(c);
@@ -91,27 +91,27 @@ class M extends zt {
   }
 }
 m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const $i = "_description_zyr02_1", ki = "_sectionContainer_zyr02_5", be = {
-  description: $i,
-  sectionContainer: ki
+const Vi = "_description_1se5r_1", Di = "_sectionContainer_1se5r_5", be = {
+  description: Vi,
+  sectionContainer: Di
 }, W = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: a } = s;
   return /* @__PURE__ */ r(y, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
-    /* @__PURE__ */ r(k, { severity: t, id: o, children: i }),
+    /* @__PURE__ */ r($, { severity: t, id: o, children: i }),
     e
   ] }) });
 }, j = (s) => {
   const { helpText: i, children: e, severity: t } = s;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(k, { size: "1", severity: t, className: be.description, children: i }) })
+    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r($, { size: "1", severity: t, className: be.description, children: i }) })
   ] });
-}, H = (s) => {
-  const { id: i, field: e, formId: t, ...n } = s, [o, a, c] = Je(e.getId()), { touched: l } = a, f = a.error ?? e.description, d = a.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, h = `${u}-label`, p = e.required ? `${e.label} *` : e.label, g = w(() => ({
+}, U = (s) => {
+  const { id: i, field: e, formId: t, ...n } = s, [o, a, c] = Je(e.getId()), { touched: l } = a, f = a.error ?? e.description, d = a.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, p = `${u}-label`, g = e.required ? `${e.label} *` : e.label, h = v(() => ({
     ...o,
     onChange: (C) => {
-      const v = e.getValueFromChangeEvent(C);
-      c.setValue(v, !1).then(), (l || !e.onlyValidateAfterTouched) && c.setError(e.getError(v));
+      const w = e.getValueFromChangeEvent(C);
+      c.setValue(w, !1).then(), (l || !e.onlyValidateAfterTouched) && c.setError(e.getError(w));
     },
     onBlur: (C) => {
       c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(C)));
@@ -122,16 +122,16 @@ const $i = "_description_zyr02_1", ki = "_sectionContainer_zyr02_5", be = {
       helpText: f,
       severity: d,
       inputId: u,
-      labelId: h,
-      label: p,
-      fieldProps: g,
+      labelId: p,
+      label: g,
+      fieldProps: h,
       helpers: c,
       field: e
     },
-    { ...n, "aria-labelledby": h }
+    { ...n, "aria-labelledby": p }
   ];
-}, Vi = [!0, "true"], _i = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = fe(n), d = Vi.includes(c.value);
+}, _i = [!0, "true"], Mi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i), f = fe(n), d = _i.includes(c.value);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(
     W,
     {
@@ -177,13 +177,13 @@ const $i = "_description_zyr02_1", ki = "_sectionContainer_zyr02_5", be = {
     return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(_i, { ...e, field: this });
+    return /* @__PURE__ */ r(Mi, { ...e, field: this });
   }
 };
-m(ee, "fieldTypeName", "Checkbox"), m(ee, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(ee, "Icon", Ut);
+m(ee, "fieldTypeName", "Checkbox"), m(ee, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(ee, "Icon", Gt);
 let ue = ee;
-const Di = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), d = fe(n);
+const Oi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), d = fe(n);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
     ce.Input,
     {
@@ -268,13 +268,13 @@ const Di = z(function(i) {
     return new B(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Di, { field: this, ...e });
+    return /* @__PURE__ */ r(Oi, { field: this, ...e });
   }
 };
-m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", Gt), m(B, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(B, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let X = B;
-const Oi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = fe(n), d = c.value ? c.value.split("T")[0] : "";
+m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", Xt), m(B, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(B, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
+let Z = B;
+const Ni = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i), f = fe(n), d = c.value ? c.value.split("T")[0] : "";
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ce.Input, { ...l, ...c, type: "date", id: e, color: f, value: d }) }) });
 }), te = class te extends M {
   constructor(e) {
@@ -293,7 +293,7 @@ const Oi = z(function(i) {
     return new te(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Oi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ni, { field: this, ...e });
   }
 };
 m(te, "fieldTypeName", "Date"), m(te, "fieldTypeDescription", "Allows specifying a date."), m(te, "Icon", Kt);
@@ -309,7 +309,7 @@ class Ae extends M {
   static getFieldCreationSchema() {
     return [
       // min, max
-      new X({
+      new Z({
         label: "Minimum length",
         description: "Minimum number of characters",
         required: !1,
@@ -319,7 +319,7 @@ class Ae extends M {
         formValidators: [this._validateMin],
         integers: !0
       }),
-      new X({
+      new Z({
         label: "Maximum length",
         description: "Maximum number of characters",
         required: !1,
@@ -367,8 +367,8 @@ m(Ae, "_validateMax", (e, t) => {
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const Mi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), d = fe(n);
+const Ri = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), d = fe(n);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ce.Input, { ...f, ...c, type: l.inputType, id: e, color: d }) }) });
 }), ie = class ie extends Ae {
   constructor(e) {
@@ -387,14 +387,14 @@ const Mi = z(function(i) {
     return new ie({ ...a, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Mi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ri, { field: this, ...e });
   }
 };
-m(ie, "fieldTypeName", "Short Text"), m(ie, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ie, "Icon", Zt);
+m(ie, "fieldTypeName", "Short Text"), m(ie, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ie, "Icon", Yt);
 let ye = ie;
-const Ni = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i);
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Yt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
+const Bi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i);
+  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Zt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
 }), ne = class ne extends Ae {
   constructor(i) {
     const e = i.maxLength ? Math.min(5e3, i.maxLength) : 5e3, t = i.minLength ? Math.min(i.minLength, e) : void 0;
@@ -410,27 +410,27 @@ const Ni = z(function(i) {
     return new ne({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ni, { field: this, ...i });
+    return /* @__PURE__ */ r(Bi, { field: this, ...i });
   }
 };
-m(ne, "fieldTypeName", "Paragraph"), m(ne, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ne, "Icon", Xt);
-let ve = ne;
-const Ri = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, h = w(
-    () => l.options.map((g) => ({ value: g.value, itemContent: g.label })),
+m(ne, "fieldTypeName", "Paragraph"), m(ne, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ne, "Icon", Qt);
+let we = ne;
+const qi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), { onChange: d, onBlur: u } = c, p = v(
+    () => l.options.map((h) => ({ value: h.value, itemContent: h.label })),
     [l.options]
-  ), p = F(
-    (g) => {
-      d(g), u(g);
+  ), g = F(
+    (h) => {
+      d(h), u(h);
     },
     [d, u]
   );
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
     yt,
     {
-      items: h,
+      items: p,
       ...c,
-      onValueChange: p,
+      onValueChange: g,
       placeholder: "Select one...",
       id: e,
       severity: n,
@@ -444,7 +444,7 @@ const Ri = z(function(i) {
   label: null,
   condition: null,
   conditional: !1
-}), Bi = (s) => {
+}), Wi = (s) => {
   if (!s)
     return;
   const i = s.fields;
@@ -454,17 +454,17 @@ const Ri = z(function(i) {
     n.type === "section" ? (e.length > 0 && (t.push(Le(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
   return e.length > 0 && t.push(Le("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
 };
-function Ke(s, i, e) {
+function Xe(s, i, e) {
   const t = Array.from(s), [n] = t.splice(i, 1);
   if (!n)
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function qi(s, i, e) {
+function ji(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
-function Et(s, i, e) {
+function At(s, i, e) {
   const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
@@ -472,77 +472,77 @@ function Pe(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const At = (s, i) => {
+const Lt = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
-  return `${Ii(i)}-${e.getTime()}`;
-}, Lt = (s, i) => {
+  return `${Ci(i)}-${e.getTime()}`;
+}, Pt = (s, i) => {
   if (!i)
     return null;
   for (const e of s)
     if (e.type === "section") {
-      const t = Lt(e.fields, i);
+      const t = Pt(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, Ee = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Pt = (s) => s.flatMap(
+}, Ee = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), $t = (s) => s.flatMap(
   (i) => i.type === "section" ? [...i.fields.map((e) => e.label), i.label] : i.label
-).filter((i) => i !== null), Ze = (s, i) => {
+).filter((i) => i !== null), Ke = (s, i) => {
   let e = 1, t = `${s} (${e})`;
   for (; i.includes(t); )
     t = `${s} (${++e})`;
   return t;
-}, Wi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = fe(n), d = w(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: h } = c, p = `${e}-droppable`, { disabled: g } = l, [T, I] = K(""), [C, v] = K(""), V = C || o, L = C ? "red" : f, x = F(
+}, Ui = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i), f = fe(n), d = v(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, g = `${e}-droppable`, { disabled: h } = l, [S, I] = X(""), [C, w] = X(""), k = C || o, L = C ? "red" : f, x = F(
     (E) => {
-      u(E), h(E);
+      u(E), p(E);
     },
-    [u, h]
+    [u, p]
   ), P = F(
     (E) => {
-      d.findIndex((R) => R.value === E.target.value.trim()) >= 0 ? v("All options must be unique") : E.target.value ? v("") : v("Option cannot be empty"), I(E.target.value);
+      d.findIndex((N) => N.value === E.target.value.trim()) >= 0 ? w("All options must be unique") : E.target.value ? w("") : w("Option cannot be empty"), I(E.target.value);
     },
     [I, d]
-  ), N = F(() => {
+  ), O = F(() => {
     if (C)
       return;
-    if (!T.trim())
-      return v("Option cannot be empty");
-    const E = T.trim();
+    if (!S.trim())
+      return w("Option cannot be empty");
+    const E = S.trim();
     x([...d, { value: E, label: E }]), I("");
-  }, [T, C, x, d]), Z = F(
+  }, [S, C, x, d]), K = F(
     (E) => {
-      E.key === "Enter" && (E.preventDefault(), N());
+      E.key === "Enter" && (E.preventDefault(), O());
     },
-    [N]
+    [O]
   ), q = F(
     (E) => {
       x(Pe(d, E));
     },
     [d, x]
-  ), U = F(
+  ), H = F(
     (E) => {
       if (!E.destination)
         return;
-      const R = E.source.index, Y = E.destination.index;
-      x(Ke(d, R, Y));
+      const N = E.source.index, Y = E.destination.index;
+      x(Xe(d, N, Y));
     },
     [x, d]
   );
-  return /* @__PURE__ */ r(xt, { onDragEnd: U, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(j, { helpText: V, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: (!g || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
-      /* @__PURE__ */ r(pe, { grow: "1", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(xt, { onDragEnd: H, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(j, { helpText: k, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: (!h || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
+      /* @__PURE__ */ r(he, { grow: "1", children: /* @__PURE__ */ r(
         ce.Input,
         {
           placeholder: "Press enter to add a new option",
           ...l,
           ...c,
-          value: T,
+          value: S,
           onChange: P,
-          onKeyDown: Z,
+          onKeyDown: K,
           id: e,
           color: L,
           onBlur: void 0
@@ -553,19 +553,19 @@ const At = (s, i) => {
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!C || g,
-          onClick: N,
-          children: /* @__PURE__ */ r(Me, {})
+          disabled: !!C || h,
+          onClick: O,
+          children: /* @__PURE__ */ r(Oe, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(it, { droppableId: p, children: (E) => /* @__PURE__ */ b(y, { ...E.droppableProps, ref: E.innerRef, direction: "column", children: [
-      d.map((R, Y) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(it, { droppableId: g, children: (E) => /* @__PURE__ */ b(y, { ...E.droppableProps, ref: E.innerRef, direction: "column", children: [
+      d.map((N, Y) => /* @__PURE__ */ r(
         nt,
         {
-          draggableId: `${R.value}-draggable`,
+          draggableId: `${N.value}-draggable`,
           index: Y,
-          isDragDisabled: g,
+          isDragDisabled: h,
           children: ({ draggableProps: Ce, dragHandleProps: Fe, innerRef: Te }) => /* @__PURE__ */ r(
             y,
             {
@@ -577,8 +577,8 @@ const At = (s, i) => {
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ b(Ue, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ r("span", { children: R.label }),
+              children: /* @__PURE__ */ b(He, { color: "gray", size: "2", children: [
+                /* @__PURE__ */ r("span", { children: N.label }),
                 /* @__PURE__ */ r(
                   ge,
                   {
@@ -587,16 +587,16 @@ const At = (s, i) => {
                     type: "button",
                     "aria-label": "Delete option",
                     severity: "info",
-                    disabled: g,
+                    disabled: h,
                     onClick: () => q(Y),
-                    children: /* @__PURE__ */ r(vt, {})
+                    children: /* @__PURE__ */ r(wt, {})
                   }
                 )
               ] })
             }
           )
         },
-        R.value
+        N.value
       )),
       E.placeholder
     ] }) })
@@ -616,7 +616,7 @@ const At = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Wi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ui, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -640,9 +640,9 @@ const At = (s, i) => {
     return new re(e);
   }
 };
-m(re, "fieldTypeName", "Multi-string"), m(re, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(re, "Icon", Qt);
+m(re, "fieldTypeName", "Multi-string"), m(re, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(re, "Icon", Jt);
 let $e = re;
-class $t extends M {
+class kt extends M {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -672,7 +672,7 @@ class $t extends M {
     ];
   }
 }
-const oe = class oe extends $t {
+const oe = class oe extends kt {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -688,23 +688,23 @@ const oe = class oe extends $t {
     return new oe(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ri, { field: this, ...i });
+    return /* @__PURE__ */ r(qi, { field: this, ...i });
   }
 };
-m(oe, "fieldTypeName", "Dropdown"), m(oe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(oe, "Icon", Jt);
+m(oe, "fieldTypeName", "Dropdown"), m(oe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(oe, "Icon", ei);
 let ke = oe;
-const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, h = w(() => ji(c.value), [c.value]), p = F(
-    (g) => {
-      d(g), u(g);
+const Hi = (s) => s ? Array.isArray(s) ? s : [s] : [], Gi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), { onChange: d, onBlur: u } = c, p = v(() => Hi(c.value), [c.value]), g = F(
+    (h) => {
+      d(h), u(h);
     },
     [d, u]
   );
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    ei,
+    ti,
     {
-      value: h,
-      onValueChange: p,
+      value: p,
+      onValueChange: g,
       options: l.options,
       name: c.name,
       placeholder: "Select one or more...",
@@ -713,7 +713,7 @@ const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = z(function(i) {
       ...f
     }
   ) }) });
-}), se = class se extends $t {
+}), se = class se extends kt {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -734,19 +734,19 @@ const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = z(function(i) {
     return new se(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Hi, { field: this, ...i });
+    return /* @__PURE__ */ r(Gi, { field: this, ...i });
   }
 };
-m(se, "fieldTypeName", "Multi-select"), m(se, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(se, "Icon", ti);
+m(se, "fieldTypeName", "Multi-select"), m(se, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(se, "Icon", ii);
 let Ve = se;
-const Ui = z(function({ field: i, ...e }) {
-  const [{ value: t }] = Je(i.options.clonedFieldIdentifier), n = w(() => {
+const Xi = T(function({ field: i, ...e }) {
+  const [{ value: t }] = Je(i.options.clonedFieldIdentifier), n = v(() => {
     const o = i.options.getFieldToClone(t);
     return o ? Be(o) : null;
   }, [i.options, t]);
-  return De(n, e);
+  return _e(n, e);
 });
-class _e extends M {
+class De extends M {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -762,28 +762,28 @@ class _e extends M {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-m(_e, "fieldTypeName", "Custom"), m(_e, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Gi extends _e {
+m(De, "fieldTypeName", "Custom"), m(De, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Ki extends De {
   constructor(i) {
-    super(i, Ui);
+    super(i, Xi);
   }
 }
-const Ki = z(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = me(), d = c != null && c.identifier ? de(l, c.identifier) : void 0, u = w(() => _t(c, d), [c, d]);
+const Yi = T(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = me(), d = c != null && c.identifier ? de(l, c.identifier) : void 0, u = v(() => _t(c, d), [c, d]);
   xe(() => {
     if (!u)
-      for (const p of a)
-        f(p.getId(), "").then();
+      for (const g of a)
+        f(g.getId(), "").then();
   }, [u, a, f]);
-  const h = Dt(a, t);
-  return u ? n ? /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+  const p = Mt(a, t);
+  return u ? n ? /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ b(y, { direction: "column", children: [
       /* @__PURE__ */ r(Ne, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(k, { className: be.description, children: o })
+      /* @__PURE__ */ r($, { className: be.description, children: o })
     ] }),
-    h
-  ] }) }) : h : null;
-}), le = class le extends zt {
+    p
+  ] }) }) : p : null;
+}), le = class le extends Et {
   constructor(e) {
     const { label: t = null, fields: n, condition: o = null, conditional: a, ...c } = e;
     super({ ...c, type: "section" });
@@ -830,7 +830,7 @@ const Ki = z(function(i) {
           // Declare a custom field that will be used to input a value for the condition. The value of the
           // conditional field selected in the previous step must be equal to the value the user inputs into
           // this field for the section to be rendered.
-          new Gi({
+          new Ki({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -857,7 +857,7 @@ const Ki = z(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(kt)) ?? [];
+    const t = ((n = e.fields) == null ? void 0 : n.map(Vt)) ?? [];
     return new le({ ...e, fields: t });
   }
   conditional() {
@@ -881,12 +881,12 @@ const Ki = z(function(i) {
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ki, { field: this, ...e });
+    return /* @__PURE__ */ r(Yi, { field: this, ...e });
   }
 };
 m(le, "fieldTypeName", "Section"), m(le, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
 let Q = le;
-const Zi = "_previewImage_1ig84_1", Yi = {
+const Zi = "_previewImage_1ig84_1", Qi = {
   previewImage: Zi
 }, st = (s) => {
   const i = ["byte", "kilobyte", "megabyte"];
@@ -894,31 +894,31 @@ const Zi = "_previewImage_1ig84_1", Yi = {
   for (; e > 1024 && t < i.length - 1; )
     e /= 1024, t++;
   return new Intl.NumberFormat([], { maximumFractionDigits: 2, style: "unit", unit: i[t] }).format(e);
-}, Xi = z(function(i) {
+}, Ji = T(function(i) {
   var L;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d } = c, u = fe(n), h = wi(null), { value: p } = c, g = w(() => o || (l.maxFileSize ? `Maximum file size: ${st(l.maxFileSize)}` : null), [l.maxFileSize, o]), T = F(() => {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), { onChange: d } = c, u = fe(n), p = xi(null), { value: g } = c, h = v(() => o || (l.maxFileSize ? `Maximum file size: ${st(l.maxFileSize)}` : null), [l.maxFileSize, o]), S = F(() => {
     var x;
-    (x = h.current) == null || x.click();
+    (x = p.current) == null || x.click();
   }, []), I = F(
     (x) => {
-      const P = [...p];
+      const P = [...g];
       P.splice(x, 1), d({ target: { files: P } });
     },
-    [p, d]
-  ), C = p ? "Select new files" : "Select files", v = p ? "Select new file" : "Select a file", V = l.maxFiles > 1 ? C : v;
+    [g, d]
+  ), C = g ? "Select new files" : "Select files", w = g ? "Select new file" : "Select a file", k = l.maxFiles > 1 ? C : w;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(j, { helpText: g, severity: n, children: /* @__PURE__ */ b(W, { severity: n, inputId: e, labelId: t, label: a, children: [
-      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(pe, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(G, { ...f, onClick: T, children: [
-        /* @__PURE__ */ r(wt, {}),
+    /* @__PURE__ */ r(j, { helpText: h, severity: n, children: /* @__PURE__ */ b(W, { severity: n, inputId: e, labelId: t, label: a, children: [
+      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(he, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(G, { ...f, onClick: S, children: [
+        /* @__PURE__ */ r(vt, {}),
         " ",
-        V
+        k
       ] }) }) }),
       /* @__PURE__ */ r(
         "input",
         {
           ...f,
           type: "file",
-          ref: h,
+          ref: p,
           id: e,
           accept: (L = l.extensions) == null ? void 0 : L.join(","),
           multiple: l.maxFiles > 1,
@@ -929,8 +929,8 @@ const Zi = "_previewImage_1ig84_1", Yi = {
         }
       )
     ] }) }),
-    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: p.map((x, P) => /* @__PURE__ */ r(
-      Qi,
+    Array.isArray(g) && g.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: g.map((x, P) => /* @__PURE__ */ r(
+      en,
       {
         field: l,
         file: x,
@@ -940,14 +940,14 @@ const Zi = "_previewImage_1ig84_1", Yi = {
       P
     )) })
   ] });
-}), Qi = z(function({ file: i, field: e, onRemove: t, disabled: n }) {
-  const [o, a] = K(null), c = w(() => o && e.getError([o]), [e, o]), { url: l, name: f, size: d } = w(() => {
-    let u = null, h, p;
-    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (h = o.name, p = st(o.size)) : (h = "Downloading...", p = "..."), { url: u, name: h, size: p };
+}), en = T(function({ file: i, field: e, onRemove: t, disabled: n }) {
+  const [o, a] = X(null), c = v(() => o && e.getError([o]), [e, o]), { url: l, name: f, size: d } = v(() => {
+    let u = null, p, g;
+    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (p = o.name, g = st(o.size)) : (p = "Downloading...", g = "..."), { url: u, name: p, size: g };
   }, [o]);
   return xe(() => {
     i instanceof Promise ? i.then(a) : a(i);
-  }, [i]), /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+  }, [i]), /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ b(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
     /* @__PURE__ */ b(y, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
       /* @__PURE__ */ r(
         ge,
@@ -957,16 +957,16 @@ const Zi = "_previewImage_1ig84_1", Yi = {
           "aria-label": `Remove ${f}`,
           disabled: n,
           onClick: t,
-          children: /* @__PURE__ */ r(vt, {})
+          children: /* @__PURE__ */ r(wt, {})
         }
       ),
       /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
-        /* @__PURE__ */ r(k, { children: f }),
-        /* @__PURE__ */ r(k, { size: "1", children: d }),
-        c && /* @__PURE__ */ r(k, { size: "1", severity: "danger", children: c })
+        /* @__PURE__ */ r($, { children: f }),
+        /* @__PURE__ */ r($, { size: "1", children: d }),
+        c && /* @__PURE__ */ r($, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    l && /* @__PURE__ */ r("img", { className: Yi.previewImage, src: l, alt: f })
+    l && /* @__PURE__ */ r("img", { className: Qi.previewImage, src: l, alt: f })
   ] }) });
 }), mt = 50 * 1024 * 1024, ae = class ae extends M {
   constructor(e) {
@@ -986,7 +986,7 @@ const Zi = "_previewImage_1ig84_1", Yi = {
   }
   static getFieldCreationSchema() {
     return [
-      new X({
+      new Z({
         label: "How many files can be uploaded?",
         description: "By default, only one file can be uploaded.",
         required: !1,
@@ -994,7 +994,7 @@ const Zi = "_previewImage_1ig84_1", Yi = {
         maximum: 10,
         identifier: "maximum_files"
       }),
-      new X({
+      new Z({
         label: "What is the maximum size of each file?",
         description: "Maximum file size in bytes.",
         required: !1,
@@ -1057,28 +1057,28 @@ const Zi = "_previewImage_1ig84_1", Yi = {
     return new ae(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Xi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ji, { field: this, ...e });
   }
 };
-m(ae, "fieldTypeName", "Upload"), m(ae, "fieldTypeDescription", "Allows a file to be uploaded."), m(ae, "Icon", wt);
+m(ae, "fieldTypeName", "Upload"), m(ae, "fieldTypeDescription", "Allows a file to be uploaded."), m(ae, "Icon", vt);
 let Ye = ae;
 const lt = {
   date: Ge,
-  number: X,
+  number: Z,
   boolean: ue,
   select: ke,
   string: ye,
-  text: ve,
-  custom: _e,
+  text: we,
+  custom: De,
   upload: Ye,
   // TODO: Underscore
   "multi-string": $e,
   "multi-select": Ve
-}, kt = (s) => {
+}, Vt = (s) => {
   const i = s.type;
   return lt[i].deserialize(s);
-}, Be = (s) => s.type === "section" ? Q.deserialize(s) : kt(s);
-function Vt(s, i = {}) {
+}, Be = (s) => s.type === "section" ? Q.deserialize(s) : Vt(s);
+function Dt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
     title: s.title,
@@ -1087,13 +1087,13 @@ function Vt(s, i = {}) {
     meta: { readonly: e }
   };
 }
-function Xe(s) {
+function Ze(s) {
   return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
 }
 function _t(s, i) {
   if (!s)
     return !0;
-  if (Xe(i) || Xe(s.value))
+  if (Ze(i) || Ze(s.value))
     throw new Error("Conditions do not support file uploads");
   const e = Array.isArray(i) ? i.map((n) => typeof n == "string" ? n : n.value) : i, t = Array.isArray(s.value) ? s.value.map((n) => typeof n == "string" ? n : n.value) : s.value;
   if (Array.isArray(t) && Array.isArray(e)) {
@@ -1104,10 +1104,10 @@ function _t(s, i) {
   }
   return t === i;
 }
-const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s, i) => {
-  const e = w(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
+const _e = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s, i) => {
+  const e = v(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
   return /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: e });
-}, Oe = (s) => Object.keys(s).length > 0, Ot = async (s, i) => {
+}, Me = (s) => Object.keys(s).length > 0, Ot = async (s, i) => {
   const e = {};
   for (const t of s.fields)
     if (t instanceof Q) {
@@ -1123,16 +1123,16 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       const n = t.getId(), o = t.getError(de(i, n), i);
       o && ot(e, n, o);
     }
-  if (Oe(e))
+  if (Me(e))
     return e;
-}, Ji = [null, void 0], at = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...at(t.fields, i) } : (Ji.includes(de(e, t.getId())) && ot(e, t.getId(), ""), e), i), en = () => {
+}, tn = [null, void 0], at = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...at(t.fields, i) } : (tn.includes(de(e, t.getId())) && ot(e, t.getId(), ""), e), i), nn = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, ct = z(
+}, ct = T(
   Ie((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = en,
+      onSubmit: n = nn,
       submitText: o = "Submit",
       cancelText: a,
       onCancel: c,
@@ -1141,50 +1141,50 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       hideTitle: f = !e.title,
       hideDescription: d,
       className: u
-    } = s, { readonly: h } = e.meta, p = w(() => crypto.randomUUID(), []), g = et({
+    } = s, { readonly: p } = e.meta, g = v(() => crypto.randomUUID(), []), h = et({
       initialValues: at(e.fields, t),
       onSubmit: n,
-      validate: (V) => Ot(e, V),
+      validate: (k) => Ot(e, k),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: T } = g, I = w(
+    }), { dirty: S } = h, I = v(
       () => typeof e.title == "string" ? /* @__PURE__ */ r(Ne, { children: e.title }) : e.title,
       [e.title]
-    ), C = w(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(k, { className: be.description, children: e.description }) : e.description,
+    ), C = v(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r($, { className: be.description, children: e.description }) : e.description,
       [e.description]
-    ), v = Dt(e.fields, { formId: p, disabled: h });
+    ), w = Mt(e.fields, { formId: g, disabled: p });
     return xe(() => {
-      T && l && l();
-    }, [T, l]), /* @__PURE__ */ r(tt, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: p, onSubmit: g.handleSubmit, children: [
-      !f && /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+      S && l && l();
+    }, [S, l]), /* @__PURE__ */ r(tt, { value: h, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: g, onSubmit: h.handleSubmit, children: [
+      !f && /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
         I,
         !d && C
       ] }) }),
-      v,
-      !h && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
+      w,
+      !p && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
         a && /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: c, children: a }),
-        /* @__PURE__ */ r(G, { type: "submit", disabled: !g.isValid, children: o })
+        /* @__PURE__ */ r(G, { type: "submit", disabled: !h.isValid, children: o })
       ] })
     ] }) }) });
   })
-), On = z(
+), Rn = T(
   Ie((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = O(It(e.form_revision)), { sdk: a } = Ct();
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = _(It(e.form_revision)), { sdk: a } = Ct();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = w(() => Vt(o, { readonly: !0 }), [o]), l = w(() => {
-      const f = Ci(e.offline_id)(a.store.getState()) ?? [], d = {};
+    const c = v(() => Dt(o, { readonly: !0 }), [o]), l = v(() => {
+      const f = Fi(e.offline_id)(a.store.getState()) ?? [], d = {};
       for (const u of f) {
-        const h = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
-          if (!g.success)
+        const p = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((h) => {
+          if (!h.success)
             throw new Error(`Failed to download attachment ${u.file_name}.`);
-          return g.body;
-        }), p = d[u.field_identifier];
-        p ? p.push(h) : d[u.field_identifier] = [h];
+          return h.body;
+        }), g = d[u.field_identifier];
+        g ? g.push(p) : d[u.field_identifier] = [p];
       }
       return { ...e.values, ...d };
     }, [a.files, a.store, e.offline_id, e.values]);
@@ -1199,38 +1199,38 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       }
     );
   })
-), tn = "_favoriteIcon_1bixi_1", nn = "_regularIcon_1bixi_9", ht = {
-  favoriteIcon: tn,
-  regularIcon: nn
-}, je = "organization:", He = "user:", Mn = z(
+), rn = "_favoriteIcon_1bixi_1", on = "_regularIcon_1bixi_9", pt = {
+  favoriteIcon: rn,
+  regularIcon: on
+}, je = "organization:", Ue = "user:", Bn = T(
   Ie((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = K(""), [a, c] = K(""), { sdk: l } = Ct(), f = w(() => {
-      const v = { maxResults: e, searchTerm: n };
-      return a && (a.startsWith(je) ? v.owner_organization = parseInt(a.slice(je.length)) : a.startsWith(He) && (v.owner_user = parseInt(a.slice(He.length)))), v;
-    }, [n, e, a]), d = O(Fi(f)) ?? [], u = O(Ti), h = F(
-      (v) => {
-        v.favorite ? l.userForms.unfavorite(v.offline_id).then() : l.userForms.favorite(v.offline_id).then();
+    const { maxResults: e = 20, ...t } = s, [n, o] = X(""), [a, c] = X(""), { sdk: l } = Ct(), f = v(() => {
+      const w = { maxResults: e, searchTerm: n };
+      return a && (a.startsWith(je) ? w.owner_organization = parseInt(a.slice(je.length)) : a.startsWith(Ue) && (w.owner_user = parseInt(a.slice(Ue.length)))), w;
+    }, [n, e, a]), d = _(Ti(f)) ?? [], u = _(Si), p = F(
+      (w) => {
+        w.favorite ? l.userForms.unfavorite(w.offline_id).then() : l.userForms.favorite(w.offline_id).then();
       },
       [l]
-    ), p = w(() => {
-      const v = l.store.getState(), V = {};
+    ), g = v(() => {
+      const w = l.store.getState(), k = {};
       for (const L of Object.values(u)) {
-        const x = Ft(L.owner_organization || -1)(v);
-        x && (V[`${je}${x.id}`] = x.name);
-        const P = rt(L.owner_user || -1)(v);
-        P && (V[`${He}${P.id}`] = P.username);
+        const x = Ft(L.owner_organization || -1)(w);
+        x && (k[`${je}${x.id}`] = x.name);
+        const P = rt(L.owner_user || -1)(w);
+        P && (k[`${Ue}${P.id}`] = P.username);
       }
-      return Object.entries(V).map(([L, x]) => ({ itemContent: x, value: L }));
-    }, [u, l.store]), g = F((v) => {
-      o(v.currentTarget.value);
-    }, []), I = (O(Si) || 0) - d.length, C = d.length == e && I > 0 ? `Only the first ${e} results are shown (${I} hidden)` : I > 0 && `${I} hidden forms`;
+      return Object.entries(k).map(([L, x]) => ({ itemContent: x, value: L }));
+    }, [u, l.store]), h = F((w) => {
+      o(w.currentTarget.value);
+    }, []), I = (_(zi) || 0) - d.length, C = d.length == e && I > 0 ? `Only the first ${e} results are shown (${I} hidden)` : I > 0 && `${I} hidden forms`;
     return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
       /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
-        /* @__PURE__ */ r(pe, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(ce.Root, { size: "3", children: /* @__PURE__ */ r(ce.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
+        /* @__PURE__ */ r(he, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(ce.Root, { size: "3", children: /* @__PURE__ */ r(ce.Input, { placeholder: "Filter", value: n, onChange: h }) }) }),
         /* @__PURE__ */ r(
           yt,
           {
-            items: p,
+            items: g,
             value: a,
             onValueChange: c,
             placeholder: "Owner",
@@ -1238,79 +1238,79 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(Re.Root, { children: d.map((v) => /* @__PURE__ */ r(
-        rn,
+      d.length > 0 && /* @__PURE__ */ r(Re.Root, { children: d.map((w) => /* @__PURE__ */ r(
+        sn,
         {
           ...t,
-          form: v,
-          handleToggleFavorite: () => h(v)
+          form: w,
+          handleToggleFavorite: () => p(w)
         },
-        v.offline_id
+        w.offline_id
       )) }),
-      /* @__PURE__ */ r(pe, { px: "3", children: /* @__PURE__ */ r(k, { size: "2", severity: "info", children: C }) })
+      /* @__PURE__ */ r(he, { px: "3", children: /* @__PURE__ */ r($, { size: "2", severity: "info", children: C }) })
     ] });
   })
-), rn = (s) => {
-  var h;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = O(Ft(i.owner_organization || -1))) == null ? void 0 : h.name, a = O(rt(i.owner_user || -1)), c = O(Tt).id, l = !!a && a.id === c, f = o ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = F(
-    (p) => {
-      p.stopPropagation(), n();
+), sn = (s) => {
+  var p;
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (p = _(Ft(i.owner_organization || -1))) == null ? void 0 : p.name, a = _(rt(i.owner_user || -1)), c = _(Tt).id, l = !!a && a.id === c, f = o ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = F(
+    (g) => {
+      g.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ r(Re.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...ii, children: [
+  ), u = /* @__PURE__ */ r(Re.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...ni, children: [
     /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
         ge,
         {
-          className: St(i.favorite ? ht.favoriteIcon : ht.regularIcon),
+          className: St(i.favorite ? pt.favoriteIcon : pt.regularIcon),
           variant: "ghost",
           onClick: d,
           "aria-label": i.favorite ? "Favorite form" : "Standard form",
           disabled: !t,
-          children: i.favorite ? /* @__PURE__ */ r(ni, {}) : /* @__PURE__ */ r(ri, {})
+          children: i.favorite ? /* @__PURE__ */ r(ri, {}) : /* @__PURE__ */ r(oi, {})
         }
       ),
-      /* @__PURE__ */ r(k, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ r(oi, {})
+      /* @__PURE__ */ r($, { noWrap: !0, children: i.latestRevision.title }),
+      i.latestRevision.description && /* @__PURE__ */ r(si, {})
     ] }),
     f && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ r(si, {}),
+      /* @__PURE__ */ r(li, {}),
       " ",
       f
     ] })
   ] }) });
-  return i.latestRevision.description ? /* @__PURE__ */ r(li, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, on = "_submissionsContainer_9iirt_1", sn = "_stopHorizontalOverflow_9iirt_6", Mt = {
-  submissionsContainer: on,
-  stopHorizontalOverflow: sn
-}, ln = z(function(i) {
-  var v;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, c = O(Tt), l = O(rt("created_by" in e ? e.created_by : c.id)), f = Qe(e), d = zi(f) ? f.toLocaleTimeString([], {
+  return i.latestRevision.description ? /* @__PURE__ */ r(ai, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
+}, ln = "_submissionsContainer_9iirt_1", an = "_stopHorizontalOverflow_9iirt_6", Nt = {
+  submissionsContainer: ln,
+  stopHorizontalOverflow: an
+}, cn = T(function(i) {
+  var w;
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, c = _(Tt), l = _(rt("created_by" in e ? e.created_by : c.id)), f = Qe(e), d = Ei(f) ? f.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : Ei(f), u = O(It(e.form_revision));
+  }) : Ai(f), u = _(It(e.form_revision));
   if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const h = (v = O(Ai(u.form))) == null ? void 0 : v.revision, p = Li({
+  const p = (w = _(Li(u.form))) == null ? void 0 : w.revision, g = Pi({
     file: (l == null ? void 0 : l.profile.file) ?? null,
     fileSha1: (l == null ? void 0 : l.profile.file_sha1) ?? null
-  }), g = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", T = u.revision === h, I = vi.useCallback(() => {
+  }), h = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", S = u.revision === p, I = vi.useCallback(() => {
     t && t({ submission: e });
   }, [e, t]), C = /* @__PURE__ */ r(Re.Item, { onClick: I, asChild: !0, children: /* @__PURE__ */ b(y, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-    /* @__PURE__ */ b(y, { gap: "2", align: "center", className: Mt.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(ai, { src: p, size: "1", fallback: g }),
-      /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: o === "creator" ? (l || c).username : u.title })
+    /* @__PURE__ */ b(y, { gap: "2", align: "center", className: Nt.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(ci, { src: g, size: "1", fallback: h }),
+      /* @__PURE__ */ r($, { size: "2", noWrap: !0, children: o === "creator" ? (l || c).username : u.title })
     ] }),
     /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
-      !n && (u.revision ? /* @__PURE__ */ r(Ue, { variant: "soft", severity: T ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!h && /* @__PURE__ */ r(Ue, { children: "Original" })),
-      /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: d })
+      !n && (u.revision ? /* @__PURE__ */ r(He, { variant: "soft", severity: S ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!p && /* @__PURE__ */ r(He, { children: "Original" })),
+      /* @__PURE__ */ r($, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
   return a ? a(e, C) : C;
 }), Qe = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, Nn = z(function(i) {
+}, qn = T(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1322,38 +1322,38 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = O(
-    t ? () => t : Pi(e)
-  ), d = w(
-    () => f == null ? void 0 : f.sort((u, h) => Qe(h).getTime() - Qe(u).getTime()),
+  const f = _(
+    t ? () => t : $i(e)
+  ), d = v(
+    () => f == null ? void 0 : f.sort((u, p) => Qe(p).getTime() - Qe(u).getTime()),
     [f]
   );
   return /* @__PURE__ */ r(
     Re.Root,
     {
-      className: St(Mt.submissionsContainer, o),
+      className: St(Nt.submissionsContainer, o),
       size: "small",
       variant: c,
-      before: !n && /* @__PURE__ */ b(k, { severity: "info", children: [
+      before: !n && /* @__PURE__ */ b($, { severity: "info", children: [
         "There are ",
         ((f == null ? void 0 : f.length) || 0).toString(),
         " submissions of this form."
       ] }),
       after: a,
-      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
-        ln,
+      children: d == null ? void 0 : d.map((u, p) => /* @__PURE__ */ r(
+        cn,
         {
           submission: u,
           compact: n,
           ...l
         },
-        h
+        p
       ))
     }
   );
-}), Rn = z(function(i) {
+}), Wn = T(function(i) {
   const { name: e, render: t } = i, { submitForm: n } = me(), [o, a, c] = Je(e);
-  return w(() => {
+  return v(() => {
     const l = (f) => c.setValue(f, !1);
     return t({
       value: o.value,
@@ -1361,22 +1361,22 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       patchValue: n
     });
   }, [n, c, o.value, t]);
-}), Bn = z(
+}), jn = T(
   Ie((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = w(() => at(t.fields, n), [t.fields, n]), f = F(
-      (g) => {
-        const T = {};
-        for (const I in g) {
-          const C = g[I];
-          C !== l[I] && C !== void 0 && (T[I] = C);
+    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = v(() => at(t.fields, n), [t.fields, n]), f = F(
+      (h) => {
+        const S = {};
+        for (const I in h) {
+          const C = h[I];
+          C !== l[I] && C !== void 0 && (S[I] = C);
         }
-        Oe(T) && o(T);
+        Me(S) && o(S);
       },
       [l, o]
     ), d = F(
-      async (g) => {
-        const T = await Ot(t, g);
-        return T && a(T), T;
+      async (h) => {
+        const S = await Ot(t, h);
+        return S && a(S), S;
       },
       [t, a]
     ), u = et({
@@ -1386,53 +1386,53 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: h, resetForm: p } = u;
+    }), { errors: p, resetForm: g } = u;
     return xe(() => {
-      Oe(h) && p({ values: l, errors: {} });
-    }, [h, l, p]), /* @__PURE__ */ r(tt, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
+      Me(p) && g({ values: l, errors: {} });
+    }, [p, l, g]), /* @__PURE__ */ r(tt, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
-), Nt = {
+), Rt = {
   ...lt,
   section: Q
-}, an = z(function(i) {
+}, dn = T(function(i) {
   const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, a = e.Icon;
   return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
     /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ r(a, {}),
       n
     ] }) }),
-    /* @__PURE__ */ r(k, { children: o })
+    /* @__PURE__ */ r($, { children: o })
   ] });
-}), Rt = [
+}), Bt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], cn = Rt.length - 1, dn = z(function(i) {
+], un = Bt.length - 1, fn = T(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Rt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Bt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
-      an,
+      dn,
       {
         field: lt[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < cn && /* @__PURE__ */ r(ci, { size: "4" })
+    n < un && /* @__PURE__ */ r(di, { size: "4" })
   ] }, n)) });
-}), un = (s) => (i) => {
+}), mn = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, fn = (s, i) => {
+}, pn = (s, i) => {
   const e = [
     new ye({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [un(s)]
+      fieldValidators: [mn(s)]
     }),
-    new ve({
+    new we({
       label: "Description",
       required: !1,
       maxLength: 1e3,
@@ -1443,10 +1443,10 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
     ...e,
     new ue({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, mn = z(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, c = Nt[e], l = me(), f = w(() => {
-    const d = Pt(l.values.fields).filter((h) => h !== (o == null ? void 0 : o.label));
-    let u = fn(d, e);
+}, hn = T(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, c = Rt[e], l = me(), f = v(() => {
+    const d = $t(l.values.fields).filter((p) => p !== (o == null ? void 0 : o.label));
+    let u = pn(d, e);
     if (c === Q) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
@@ -1473,85 +1473,85 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       onCancel: t
     }
   );
-}), he = z(function(i) {
-  const { parentPath: e, index: t, children: n, initial: o, editing: a, conditionalSourceFields: c } = i, [l, f] = K(), d = (o == null ? void 0 : o.type) ?? l, u = d ? Nt[d].fieldTypeName : void 0, { setFieldValue: h, values: p } = me();
+}), pe = T(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: a, conditionalSourceFields: c } = i, [l, f] = X(), d = (o == null ? void 0 : o.type) ?? l, u = d ? Rt[d].fieldTypeName : void 0, { setFieldValue: p, values: g } = me();
   if (a && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  const g = !d && !a && !o, T = g ? "Choose a field type" : `${u} settings`, I = g ? "Select a field type to add to this section." : (u == null ? void 0 : u.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${u == null ? void 0 : u.toLowerCase()} field.`, C = F(() => f(void 0), []), v = F((x) => {
+  const h = !d && !a && !o, S = h ? "Choose a field type" : `${u} settings`, I = h ? "Select a field type to add to this section." : (u == null ? void 0 : u.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${u == null ? void 0 : u.toLowerCase()} field.`, C = F(() => f(void 0), []), w = F((x) => {
     f(void 0), x();
-  }, []), V = F(
+  }, []), k = F(
     (x, P) => {
-      const { label: N } = x;
+      const { label: O } = x;
       if (!d)
         throw new Error("Field type must be selected before creating a field.");
-      if (!N || typeof N != "string")
+      if (!O || typeof O != "string")
         throw new Error("Label must be provided before creating a field.");
-      const Z = Be({
+      const K = Be({
         type: d,
         ...x,
-        identifier: At(x.identifier, N)
-      }).serialize(), q = de(p, e);
+        identifier: Lt(x.identifier, O)
+      }).serialize(), q = de(g, e);
       if (q === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let U;
+      let H;
       if (!Array.isArray(q))
         throw new Error("Parent path must point to an array.");
-      a ? U = qi(q, t, Z) : U = Et(q, t, Z), h(e, U).then(), P();
+      a ? H = ji(q, t, K) : H = At(q, t, K), p(e, H).then(), P();
     },
-    [a, d, p, e, h, t]
+    [a, d, g, e, p, t]
   ), L = F(
-    (x) => g ? /* @__PURE__ */ r(dn, { setFieldType: f }) : /* @__PURE__ */ r(
-      mn,
+    (x) => h ? /* @__PURE__ */ r(fn, { setFieldType: f }) : /* @__PURE__ */ r(
+      hn,
       {
         conditionalSourceFields: c,
         handleCancel: C,
-        handleCreateField: (P) => V(P, x),
+        handleCreateField: (P) => k(P, x),
         fieldType: d,
         defaultField: o
       }
     ),
-    [c, C, V, o, g, d]
+    [c, C, k, o, h, d]
   );
-  return /* @__PURE__ */ r(di, { onCloseInterrupt: v, title: T, description: I, content: L, children: n });
-}), hn = ({ children: s }) => /* @__PURE__ */ r(bt, { children: s }), Bt = z(function(i) {
-  const { remove: e, editProps: t, insertAfterProps: n, duplicateProps: o, type: a } = i, c = w(
+  return /* @__PURE__ */ r(ui, { onCloseInterrupt: w, title: S, description: I, content: L, children: n });
+}), gn = ({ children: s }) => /* @__PURE__ */ r(bt, { children: s }), qt = T(function(i) {
+  const { remove: e, editProps: t, insertAfterProps: n, duplicateProps: o, type: a } = i, c = v(
     () => [
       {
-        Wrapper: he,
+        Wrapper: pe,
         wrapperProps: t,
-        Icon: ui,
+        Icon: fi,
         text: "Edit"
       },
       {
-        Icon: fi,
+        Icon: mi,
         buttonProps: {
           onClick: e
         },
         text: "Delete"
       },
       {
-        Wrapper: he,
+        Wrapper: pe,
         wrapperProps: o,
-        Icon: mi,
+        Icon: pi,
         text: "Duplicate"
       },
       {
-        Wrapper: he,
+        Wrapper: pe,
         wrapperProps: n,
-        Icon: Me,
+        Icon: Oe,
         text: `Add ${a === "section" ? "section" : "field"}`
       }
     ],
     [o, t, n, e, a]
   );
-  return /* @__PURE__ */ r(pe, { display: "block", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(he, { display: "block", children: /* @__PURE__ */ r(
     hi,
     {
-      trigger: /* @__PURE__ */ r(ge, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(pi, {}) }),
+      trigger: /* @__PURE__ */ r(ge, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(gi, {}) }),
       closeOnSelect: !1,
       items: c.map((l) => {
         var d;
-        const f = l.Wrapper ?? hn;
+        const f = l.Wrapper ?? gn;
         return {
           ...l.buttonProps,
           onSelect: (d = l.buttonProps) == null ? void 0 : d.onClick,
@@ -1563,15 +1563,15 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       }).filter((l) => l !== null)
     }
   ) });
-}), qe = "form-builder", pn = z(function(i) {
-  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: a } = i, c = w(() => Be(e), [e]), l = De(c, { formId: qe, disabled: !0 }), f = F(
-    (p) => {
-      if (p.label === null)
-        throw new Error(`Expected a label for field ${p.identifier}`);
-      return { ...p, label: Ze(p.label, o), identifier: "" };
+}), qe = "form-builder", bn = T(function(i) {
+  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: a } = i, c = v(() => Be(e), [e]), l = _e(c, { formId: qe, disabled: !0 }), f = zt(), d = F(
+    (h) => {
+      if (h.label === null)
+        throw new Error(`Expected a label for field ${h.identifier}`);
+      return { ...h, label: Ke(h.label, o), identifier: "" };
     },
     [o]
-  ), d = w(
+  ), u = v(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1579,14 +1579,14 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       editing: !0
     }),
     [e, t, n]
-  ), u = w(
+  ), p = v(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
-      initial: f(e)
+      initial: d(e)
     }),
-    [f, e, t, n]
-  ), h = w(
+    [d, e, t, n]
+  ), g = v(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1594,41 +1594,52 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
     }),
     [t, n]
   );
-  return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (p) => /* @__PURE__ */ r(
-    we,
+  return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (h) => /* @__PURE__ */ r(
+    ve,
     {
-      ref: p.innerRef,
-      ...p.draggableProps,
-      ...p.dragHandleProps,
+      ref: h.innerRef,
+      ...h.draggableProps,
+      ...h.dragHandleProps,
+      onDragStart: f,
       id: `${e.identifier}-card`,
       mb: "4",
       children: /* @__PURE__ */ b(y, { gap: "4", justify: "between", align: "center", children: [
         l,
         /* @__PURE__ */ r(
-          Bt,
+          qt,
           {
             remove: a,
-            editProps: d,
-            duplicateProps: u,
-            insertAfterProps: h
+            editProps: u,
+            duplicateProps: p,
+            insertAfterProps: g
           }
         )
       ] })
     }
   ) });
-}), gn = (s) => {
-  const { identifier: i, condition: e } = s, t = { primary: "var(--gray-a4)", hover: "var(--primary-color)" }, [n, o] = K(t.primary), [a, c] = K(0), l = F(() => {
+}), yn = T(function(i) {
+  const { identifier: e, index: t, conditionalFieldCounts: n } = i, o = 3, a = n.filter((f) => f !== null).length, c = n[t] ?? 0, l = o / a * c;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      id: `${e}-floating-point`,
+      style: {
+        width: `${o - l}%`,
+        marginLeft: `${l}%`
+      }
+    }
+  );
+}), wn = (s) => {
+  const { identifier: i, condition: e } = s, t = { primary: "var(--gray-a4)", hover: "var(--primary-color)" }, [n, o] = X(t.primary), [a, c] = X(0), l = F(() => {
     o(t.hover), c(1);
   }, [t.hover]), f = F(() => {
     o(t.primary), c(0);
-  }, [t.primary]), d = w(() => ({
+  }, [t.primary]), d = v(() => ({
     strokeWidth: 1,
     showHead: !1,
     color: n,
     zIndex: a,
     arrowBodyProps: {
-      pointerEvents: "stroke !important",
-      // !important is needed to override the "all" set by draggable
       onMouseEnter: l,
       onMouseLeave: f
     }
@@ -1658,61 +1669,61 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       }
     )
   ] }) : null;
-}, bn = z(function(i) {
-  var Z, q, U, E, R, Y, Ce, Fe, Te;
-  const { field: e, index: t, dropState: n, conditionalFieldCounts: o } = i, a = (Z = n[e.identifier]) == null ? void 0 : Z.disabled, { setFieldValue: c, values: l } = me(), f = gi(), d = Pt(l.fields), u = F(
-    (A, S) => {
-      for (const _ of A) {
-        const $ = S.indexOf(_);
-        c(`fields.${$}.condition`, null).then(), c(`fields.${$}.conditional`, !1).then();
+}, vn = T(function(i) {
+  var K, q, H, E, N, Y, Ce, Fe, Te;
+  const { field: e, index: t, dropState: n, conditionalFieldCounts: o } = i, a = (K = n[e.identifier]) == null ? void 0 : K.disabled, { setFieldValue: c, values: l } = me(), f = bi(), d = zt(), u = $t(l.fields), p = F(
+    (A, z) => {
+      for (const D of A) {
+        const V = z.indexOf(D);
+        c(`fields.${V}.condition`, null).then(), c(`fields.${V}.conditional`, !1).then();
       }
     },
     [c]
-  ), h = F(
+  ), g = F(
     (A) => {
-      var $;
-      const S = e.fields[A];
-      if (!S)
+      var V;
+      const z = e.fields[A];
+      if (!z)
         throw new Error("Could not find field to remove.");
-      const _ = [];
-      for (const D of l.fields)
-        (($ = D.condition) == null ? void 0 : $.identifier) === S.identifier && _.push(D);
+      const D = [];
+      for (const R of l.fields)
+        ((V = R.condition) == null ? void 0 : V.identifier) === z.identifier && D.push(R);
       return {
-        removing: S,
-        affectedSections: _,
+        removing: z,
+        affectedSections: D,
         action: () => c(`fields.${t}.fields`, Pe(e.fields, A))
       };
     },
     [e.fields, l.fields, c, t]
-  ), p = F(
+  ), h = F(
     (A) => {
-      const { affectedSections: S, action: _, removing: $ } = h(A), D = () => {
-        _().then(), u(S, l.fields);
+      const { affectedSections: z, action: D, removing: V } = g(A), R = () => {
+        D().then(), p(z, l.fields);
       };
-      if (S.length > 0) {
-        const We = S.map((Se) => Se.label).join(", ");
+      if (z.length > 0) {
+        const We = z.map((Se) => Se.label).join(", ");
         return f({
           title: "Remove condition?",
-          description: `${$.label} is being used as a condition, deleting it will remove the condition from the ${We} section(s).`,
+          description: `${V.label} is being used as a condition, deleting it will remove the condition from the ${We} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: D
+          onAction: R
         });
       }
-      D();
+      R();
     },
-    [h, u, l.fields, f]
-  ), g = F(() => {
-    const S = e.fields.map((ze, qt) => h(qt)).flatMap((ze) => ze.affectedSections), _ = S.length ? "Remove fields and conditions?" : "Remove fields?", $ = e.fields.length, D = S.map((ze) => ze.label).join(", "), We = S.length ? `Deleting this section will remove the ${$} field(s) it contains and will remove the conditions from following sections: ${D}` : `Deleting this section will remove the ${$} field(s) it contains.`, Se = Pe(l.fields, t), dt = () => c("fields", Se);
-    if (S.length > 0)
+    [g, p, l.fields, f]
+  ), S = F(() => {
+    const z = e.fields.map((ze, Wt) => g(Wt)).flatMap((ze) => ze.affectedSections), D = z.length ? "Remove fields and conditions?" : "Remove fields?", V = e.fields.length, R = z.map((ze) => ze.label).join(", "), We = z.length ? `Deleting this section will remove the ${V} field(s) it contains and will remove the conditions from following sections: ${R}` : `Deleting this section will remove the ${V} field(s) it contains.`, Se = Pe(l.fields, t), dt = () => c("fields", Se);
+    if (z.length > 0)
       return f({
-        title: _,
+        title: D,
         description: We,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
           dt().then(() => {
-            u(S, Se);
+            p(z, Se);
           });
         }
       });
@@ -1721,26 +1732,26 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
     e.fields,
     l.fields,
     t,
-    h,
+    g,
     c,
     f,
-    u
-  ]), T = F(
+    p
+  ]), I = F(
     (A) => {
       if (A.label === null)
         throw new Error(`Expected a label for field ${A.identifier}`);
-      const S = Ze(A.label, d), _ = A.fields.map(($) => {
-        const D = Ze($.label, d);
+      const z = Ke(A.label, u), D = A.fields.map((V) => {
+        const R = Ke(V.label, u);
         return {
-          ...$,
-          label: D,
-          identifier: At(void 0, D)
+          ...V,
+          label: R,
+          identifier: Lt(void 0, R)
         };
       });
-      return { ...A, label: S, fields: _, identifier: "" };
+      return { ...A, label: z, fields: D, identifier: "" };
     },
-    [d]
-  ), I = w(
+    [u]
+  ), C = v(
     () => ({
       index: t,
       parentPath: "fields",
@@ -1749,7 +1760,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       conditionalSourceFields: Ee(l.fields, t)
     }),
     [e, t, l.fields]
-  ), C = w(
+  ), w = v(
     () => ({
       index: t + 1,
       parentPath: "fields",
@@ -1757,73 +1768,62 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       conditionalSourceFields: Ee(l.fields, t + 1)
     }),
     [t, l.fields]
-  ), v = w(
+  ), k = v(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), V = w(
+  ), L = v(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: T(e),
+      initial: I(e),
       conditionalSourceFields: Ee(l.fields, t + 1)
     }),
-    [T, e, t, l.fields]
-  ), L = w(
+    [I, e, t, l.fields]
+  ), x = v(
     () => {
-      var A, S;
-      return (S = Lt(l.fields, (A = e.condition) == null ? void 0 : A.identifier)) == null ? void 0 : S.label;
+      var A, z;
+      return (z = Pt(l.fields, (A = e.condition) == null ? void 0 : A.identifier)) == null ? void 0 : z.label;
     },
     [(q = e.condition) == null ? void 0 : q.identifier, l.fields]
-  ), x = Array.isArray((U = e.condition) == null ? void 0 : U.value) ? "contains all of" : "equals";
-  if (Xe((E = e.condition) == null ? void 0 : E.value))
+  ), P = Array.isArray((H = e.condition) == null ? void 0 : H.value) ? "contains all of" : "equals";
+  if (Ze((E = e.condition) == null ? void 0 : E.value))
     throw new Error("File values are not supported for conditions.");
-  const P = Array.isArray((R = e.condition) == null ? void 0 : R.value) ? (Ce = (Y = e.condition) == null ? void 0 : Y.value) == null ? void 0 : Ce.map((A) => typeof A == "string" ? A : A.label).join(", ") : (Te = (Fe = e.condition) == null ? void 0 : Fe.value) == null ? void 0 : Te.toString(), N = () => {
-    const S = o.filter((D) => D !== null).length, _ = o[t] ?? 0, $ = 2 / S * _;
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        id: `${e.identifier}-floating-point`,
-        style: {
-          width: `${2 - $}%`,
-          marginLeft: `${$}%`
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (A) => /* @__PURE__ */ b(
+  const O = Array.isArray((N = e.condition) == null ? void 0 : N.value) ? (Ce = (Y = e.condition) == null ? void 0 : Y.value) == null ? void 0 : Ce.map((A) => typeof A == "string" ? A : A.label).join(", ") : (Te = (Fe = e.condition) == null ? void 0 : Fe.value) == null ? void 0 : Te.toString();
+  return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (A) => /* @__PURE__ */ r(
     y,
     {
       className: be.sectionContainer,
+      ref: A.innerRef,
+      ...A.draggableProps,
       direction: "row",
       justify: "center",
       align: "center",
       mb: "4",
-      children: [
+      children: /* @__PURE__ */ b(ki, { children: [
         /* @__PURE__ */ r(
-          we,
+          ve,
           {
-            ref: A.innerRef,
-            ...A.draggableProps,
             ...A.dragHandleProps,
+            onDragStart: d,
             id: `${e.identifier}-card`,
             style: { flexGrow: "1" },
             children: /* @__PURE__ */ b(y, { gap: "3", justify: "between", align: "center", children: [
               /* @__PURE__ */ b(y, { direction: "column", gap: "2", grow: "1", children: [
                 /* @__PURE__ */ b(y, { direction: "column", children: [
                   /* @__PURE__ */ r(Ne, { as: "h3", size: "3", children: e.label }),
-                  /* @__PURE__ */ r(k, { className: be.description, children: e.description })
+                  /* @__PURE__ */ r($, { className: be.description, children: e.description })
                 ] }),
-                e.condition && /* @__PURE__ */ r(k, { size: "1", children: /* @__PURE__ */ b(bi, { children: [
+                e.condition && /* @__PURE__ */ r($, { size: "1", children: /* @__PURE__ */ b(yi, { children: [
                   "Display only if ",
-                  /* @__PURE__ */ r(ut, { children: L }),
+                  /* @__PURE__ */ r(ut, { children: x }),
                   " ",
-                  x,
+                  P,
                   " ",
-                  /* @__PURE__ */ r(ut, { children: P })
+                  /* @__PURE__ */ r(ut, { children: O })
                 ] }) }),
                 /* @__PURE__ */ r(
                   it,
@@ -1831,28 +1831,28 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
                     droppableId: e.identifier,
                     type: "SECTION",
                     isDropDisabled: a,
-                    children: (S) => /* @__PURE__ */ b(
+                    children: (z) => /* @__PURE__ */ b(
                       y,
                       {
-                        ref: S.innerRef,
-                        ...S.droppableProps,
+                        ref: z.innerRef,
+                        ...z.droppableProps,
                         direction: "column",
                         gap: "0",
                         children: [
-                          e.fields.map((_, $) => /* @__PURE__ */ r(
-                            pn,
+                          e.fields.map((D, V) => /* @__PURE__ */ r(
+                            bn,
                             {
-                              field: _,
-                              index: $,
+                              field: D,
+                              index: V,
                               sectionIndex: t,
-                              remove: () => p($),
-                              takenLabels: d
+                              remove: () => h(V),
+                              takenLabels: u
                             },
-                            _.identifier
+                            D.identifier
                           )),
-                          S.placeholder,
-                          /* @__PURE__ */ r(he, { ...v, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-                            /* @__PURE__ */ r(Me, {}),
+                          z.placeholder,
+                          /* @__PURE__ */ r(pe, { ...k, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
+                            /* @__PURE__ */ r(Oe, {}),
                             " Add a field"
                           ] }) })
                         ]
@@ -1862,24 +1862,31 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
                 )
               ] }),
               /* @__PURE__ */ r(
-                Bt,
+                qt,
                 {
-                  remove: g,
-                  insertAfterProps: C,
-                  editProps: I,
-                  duplicateProps: V,
+                  remove: S,
+                  insertAfterProps: w,
+                  editProps: C,
+                  duplicateProps: L,
                   type: "section"
                 }
               )
             ] })
           }
         ),
-        o.some((S) => S !== null) && N(),
-        e.condition && /* @__PURE__ */ r(gn, { identifier: e.identifier, condition: e.condition })
-      ]
+        o.some((z) => z !== null) && /* @__PURE__ */ r(
+          yn,
+          {
+            identifier: e.identifier,
+            index: t,
+            conditionalFieldCounts: o
+          }
+        ),
+        e.condition && /* @__PURE__ */ r(wn, { identifier: e.identifier, condition: e.condition })
+      ] })
     }
   ) });
-}), yn = (s, i) => {
+}), xn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1894,7 +1901,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
     case "update":
       return i.state;
   }
-}, vn = (s, i) => {
+}, In = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1904,7 +1911,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
             return e;
       }
     }
-}, pt = (s) => {
+}, ht = (s) => {
   var e, t, n;
   const i = {};
   for (let o = 0; o < s.length; o++) {
@@ -1915,7 +1922,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
     (t = a.condition) != null && t.identifier && l.add(a.condition.identifier), i[a.identifier] = {
       disabled: !1,
       conditionFields: l,
-      conditionIndex: vn(s, (n = a.condition) == null ? void 0 : n.identifier),
+      conditionIndex: In(s, (n = a.condition) == null ? void 0 : n.identifier),
       index: o,
       label: a.label
     };
@@ -1925,55 +1932,55 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, wn = z(function() {
-  const { values: i, setFieldValue: e } = me(), [t, n] = xi(yn, i.fields, pt), { showInfo: o } = yi();
+}, Cn = T(function() {
+  const { values: i, setFieldValue: e } = me(), [t, n] = Ii(xn, i.fields, ht), { showInfo: o } = wi();
   xe(() => {
-    n({ type: "update", state: pt(i.fields) });
+    n({ type: "update", state: ht(i.fields) });
   }, [n, i.fields]);
   const a = F((d) => {
     d.type === "SECTION" && n({ type: "hold", fieldId: d.draggableId });
   }, []), c = F(
     (d) => {
-      const { source: u, destination: h, type: p, reason: g, draggableId: T } = d;
-      if (n({ type: "release" }), !h || g === "CANCEL")
+      const { source: u, destination: p, type: g, reason: h, draggableId: S } = d;
+      if (n({ type: "release" }), !p || h === "CANCEL")
         return;
-      if (p === "ROOT") {
-        const L = t[T];
+      if (g === "ROOT") {
+        const L = t[S];
         if (!L)
           throw new Error("Could not find section context.");
         let x = typeof L.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(L.conditionIndex + 1, h.index)
-        ) : h.index;
+          Math.max(L.conditionIndex + 1, p.index)
+        ) : p.index;
         for (const P of Object.values(t))
           P.conditionIndex === u.index && (x = Math.min(x, P.index - 1));
-        return x != h.index && o({
+        return x != p.index && o({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", Ke(i.fields, u.index, x));
+        }), e("fields", Xe(i.fields, u.index, x));
       }
-      if (p !== "SECTION")
+      if (g !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [I, C] = gt(i.fields, u.droppableId) ?? [], [v, V] = gt(i.fields, h.droppableId) ?? [];
-      if (!(I != null && I.fields) || !v)
+      const [I, C] = gt(i.fields, u.droppableId) ?? [], [w, k] = gt(i.fields, p.droppableId) ?? [];
+      if (!(I != null && I.fields) || !w)
         throw new Error("Could not find section with fields.");
-      if (I.identifier === v.identifier)
+      if (I.identifier === w.identifier)
         e(
           `fields.${C}.fields`,
-          Ke(I.fields, u.index, h.index)
+          Xe(I.fields, u.index, p.index)
         ).then();
       else {
         const L = I.fields[u.index];
         if (!L)
           throw new Error("Could not find field to reorder.");
         e(`fields.${C}.fields`, Pe(I.fields, u.index)).then(), e(
-          `fields.${V}.fields`,
-          Et(v.fields, h.index, L)
+          `fields.${k}.fields`,
+          At(w.fields, p.index, L)
         ).then();
       }
     },
     [i.fields, e, t, o]
-  ), l = w(
+  ), l = v(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
@@ -1993,56 +2000,56 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
       direction: "column",
       gap: "0",
       children: [
-        i.fields.map((u, h) => /* @__PURE__ */ r(
-          bn,
+        i.fields.map((u, p) => /* @__PURE__ */ r(
+          vn,
           {
             field: u,
-            index: h,
+            index: p,
             dropState: t,
             conditionalFieldCounts: f()
           },
           u.label
         )),
         d.placeholder,
-        /* @__PURE__ */ r(he, { ...l, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ r(Me, {}),
+        /* @__PURE__ */ r(pe, { ...l, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
+          /* @__PURE__ */ r(Oe, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), xn = {
+}), Fn = {
   title: "",
   description: "",
   fields: []
-}, In = new ye({
+}, Tn = new ye({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), Cn = { formId: qe, placeholder: "Give your form a title." }, Fn = new ve({
+}), Sn = { formId: qe, placeholder: "Give your form a title." }, zn = new we({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), Tn = { formId: qe, placeholder: "Explain the purpose of this form." }, Sn = () => {
+}), En = { formId: qe, placeholder: "Explain the purpose of this form." }, An = () => {
   alert("This is a form preview, your data will not be saved.");
-}, qn = z(
+}, Un = T(
   Ie((s, i) => {
-    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, c = F((p) => {
-      const g = {};
-      if (p.title || (g.title = "Title is required."), (!p.fields || p.fields.length === 0) && (g.fields = "At least one field is required."), Oe(g))
-        return g;
+    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, c = F((g) => {
+      const h = {};
+      if (g.title || (h.title = "Title is required."), (!g.fields || g.fields.length === 0) && (h.fields = "At least one field is required."), Me(h))
+        return h;
     }, []), l = et({
-      initialValues: Bi(n) ?? xn,
+      initialValues: Wi(n) ?? Fn,
       validate: c,
-      onSubmit: (p) => t(p),
+      onSubmit: (g) => t(g),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = w(() => Vt(l.values), [l.values]), d = De(In, Cn), u = De(Fn, Tn), h = w(
+    }), f = v(() => Dt(l.values), [l.values]), d = _e(Tn, Sn), u = _e(zn, En), p = v(
       () => typeof a == "object" ? a : /* @__PURE__ */ r(Ne, { children: a }),
       [a]
     );
@@ -2052,8 +2059,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
         /* @__PURE__ */ r(J.Trigger, { value: "preview", children: "Preview" })
       ] }),
       /* @__PURE__ */ b(J.Content, { value: "edit", children: [
-        h,
-        /* @__PURE__ */ b(k, { children: [
+        p,
+        /* @__PURE__ */ b($, { children: [
           "Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the",
           " ",
           /* @__PURE__ */ r("em", { children: "Preview" }),
@@ -2065,8 +2072,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
           /* @__PURE__ */ b(tt, { value: l, children: [
             d,
             u,
-            /* @__PURE__ */ r(wn, {}),
-            /* @__PURE__ */ r(k, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
+            /* @__PURE__ */ r(Cn, {}),
+            /* @__PURE__ */ r($, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
           ] }),
           /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
             /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
@@ -2074,40 +2081,40 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (s,
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(J.Content, { value: "preview", children: /* @__PURE__ */ r(ct, { schema: f, onSubmit: Sn }) })
+      /* @__PURE__ */ r(J.Content, { value: "preview", children: /* @__PURE__ */ r(ct, { schema: f, onSubmit: An }) })
     ] }) });
   })
 );
 export {
   ue as BooleanField,
-  _i as BooleanInput,
+  Mi as BooleanInput,
   Ge as DateField,
-  Oi as DateInput,
+  Ni as DateInput,
   Q as FieldSection,
-  Mn as FormBrowser,
-  qn as FormBuilder,
+  Bn as FormBrowser,
+  Un as FormBuilder,
   ct as FormRenderer,
-  Nn as FormSubmissionBrowser,
-  On as FormSubmissionViewer,
+  qn as FormSubmissionBrowser,
+  Rn as FormSubmissionViewer,
   Ve as MultiSelectField,
-  Hi as MultiSelectInput,
+  Gi as MultiSelectInput,
   $e as MultiStringField,
-  Wi as MultiStringInput,
-  X as NumberField,
-  Di as NumberInput,
-  Rn as PatchField,
-  Bn as PatchFormProvider,
+  Ui as MultiStringInput,
+  Z as NumberField,
+  Oi as NumberInput,
+  Wn as PatchField,
+  jn as PatchFormProvider,
   ke as SelectField,
-  Ri as SelectInput,
+  qi as SelectInput,
   ye as StringField,
-  Mi as StringInput,
-  ve as TextField,
-  Ni as TextInput,
+  Ri as StringInput,
+  we as TextField,
+  Bi as TextInput,
   Be as deserialize,
-  kt as deserializeField,
-  Vt as formRevisionToSchema,
+  Vt as deserializeField,
+  Dt as formRevisionToSchema,
   _t as isConditionMet,
-  De as useFieldInput,
-  Dt as useFieldInputs,
-  Xe as valueIsFile
+  _e as useFieldInput,
+  Mt as useFieldInputs,
+  Ze as valueIsFile
 };