@overmap-ai/forms 1.0.4-conditional-arrows.2 → 1.0.4-conditional-arrows.3

package/dist/forms.js

@@ -1,15 +1,15 @@
-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);
-import { jsx as o, jsxs as g, Fragment as gt } from "react/jsx-runtime";
-import { Flex as y, Text as V, useSeverityColor as me, Checkbox as Ht, CheckCircledIcon as Ut, TextField as ae, FontFamilyIcon as Gt, CalendarIcon as Kt, InputIcon as Yt, TextArea as Qt, RowsIcon as Xt, Select as bt, Box as ge, IconButton as ce, PlusIcon as $e, Badge as je, Cross1Icon as yt, ListBulletIcon as Jt, DropdownMenuIcon as Zt, MultiSelect as ei, CheckboxIcon as ti, Card as xe, Heading as Me, Button as G, UploadIcon as xt, ButtonList as Oe, 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, DragHandleDots2Icon as hi, DropdownMenu as pi, DotsVerticalIcon as gi, useAlertDialog as bi, Em as yi, Strong as ct, useToast as xi, Tabs as J } from "@overmap-ai/blocks";
-import { useField as Xe, useFormikContext as he, useFormik as Je, FormikProvider as Ze } from "formik";
-import wi, { useMemo as w, memo as F, useCallback as T, useState as de, useEffect as we, useRef as wt, forwardRef as ve, useReducer as vi } from "react";
-import { DragDropContext as vt, Droppable as et, Draggable as tt } from "@hello-pangea/dnd";
-import { slugify as Ii, useAppSelector as $, selectFormRevision as It, useSDK as Ct, selectSubmissionAttachments as Ci, selectFilteredUserForms as Fi, selectUserFormMapping as Ti, selectOrganization as Ft, selectUser as it, 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";
+var Ut = Object.defineProperty;
+var Gt = (s, i, e) => i in s ? Ut(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var m = (s, i, e) => (Gt(s, typeof i != "symbol" ? i + "" : i, e), e);
+import { jsx as o, jsxs as b, Fragment as wt } from "react/jsx-runtime";
+import { Flex as y, Text as D, useSeverityColor as me, Checkbox as Kt, CheckCircledIcon as Yt, TextField as ae, FontFamilyIcon as Qt, CalendarIcon as Xt, InputIcon as Jt, TextArea as Zt, RowsIcon as ei, Select as vt, Box as ge, IconButton as ce, PlusIcon as Oe, Badge as Ue, Cross1Icon as It, ListBulletIcon as ti, DropdownMenuIcon as ii, MultiSelect as ni, CheckboxIcon as ri, Card as xe, Heading as Re, Button as K, UploadIcon as Ct, ButtonList as Ne, divButtonProps as oi, StarFilledIcon as si, StarIcon as li, QuestionMarkCircledIcon as ai, PersonIcon as ci, Tooltip as di, Avatar as ui, Separator as fi, Dialog as mi, Pencil1Icon as pi, TrashIcon as hi, CopyIcon as gi, DragHandleDots2Icon as bi, DropdownMenu as yi, DotsVerticalIcon as xi, useAlertDialog as wi, Em as vi, Strong as mt, useToast as Ii, Tabs as J } from "@overmap-ai/blocks";
+import { useField as Ze, useFormikContext as pe, useFormik as et, FormikProvider as tt } from "formik";
+import Ci, { useMemo as I, memo as z, useCallback as T, useState as de, useEffect as we, useRef as it, forwardRef as ve, useReducer as Fi } from "react";
+import { DragDropContext as Ft, Droppable as nt, Draggable as rt } from "@hello-pangea/dnd";
+import { slugify as Ti, useAppSelector as M, selectFormRevision as Tt, useSDK as St, selectSubmissionAttachments as Si, selectFilteredUserForms as zi, selectUserFormMapping as Ei, selectOrganization as zt, selectUser as ot, selectNumberOfUserForms as Ai, selectCurrentUser as Et, classNames as At, isToday as Li, getLocalDateString as Pi, selectLatestFormRevision as ki, useFileSrc as Vi, selectSubmissionsForForm as Di } from "@overmap-ai/core";
 import ue from "lodash.get";
-import nt from "lodash.set";
-class zt {
+import st from "lodash.set";
+class Lt {
   constructor(i) {
     m(this, "type");
     m(this, "identifier");
@@ -33,7 +33,7 @@ class zt {
     };
   }
 }
-class M extends zt {
+class O extends Lt {
   constructor(e) {
     const { label: t, required: n, fieldValidators: r = [], formValidators: a = [], ...c } = e;
     super(c);
@@ -89,50 +89,50 @@ class M extends zt {
     return [...this.formValidators];
   }
 }
-m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const ki = "_description_9dewt_1", Vi = "_fieldsContainer_9dewt_5", Ie = {
-  description: ki,
-  fieldsContainer: Vi
-}, W = (s) => {
+m(O, "fieldTypeName"), m(O, "fieldTypeDescription");
+const _i = "_description_9dewt_1", $i = "_fieldsContainer_9dewt_5", Ie = {
+  description: _i,
+  fieldsContainer: $i
+}, q = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: r, flexProps: a } = s;
-  return /* @__PURE__ */ o(y, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ g("label", { htmlFor: n, children: [
-    /* @__PURE__ */ o(V, { severity: t, id: r, children: i }),
+  return /* @__PURE__ */ o(y, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
+    /* @__PURE__ */ o(D, { severity: t, id: r, children: i }),
     e
   ] }) });
-}, j = (s) => {
+}, W = (s) => {
   const { helpText: i, children: e, severity: t } = s;
-  return /* @__PURE__ */ g(y, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ o(y, { direction: "column", children: /* @__PURE__ */ o(V, { size: "1", severity: t, className: Ie.description, children: i }) })
+    /* @__PURE__ */ o(y, { direction: "column", children: /* @__PURE__ */ o(D, { size: "1", severity: t, className: Ie.description, children: i }) })
   ] });
-}, H = (s) => {
-  const { id: i, field: e, formId: t, ...n } = s, [r, a, c] = Xe(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`, h = e.required ? `${e.label} *` : e.label, b = w(() => ({
+}, j = (s) => {
+  const { id: i, field: e, formId: t, ...n } = s, [r, a, c] = Ze(e.getId()), { touched: l } = a, d = a.error ?? e.description, f = a.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, p = `${u}-label`, h = e.required ? `${e.label} *` : e.label, g = I(() => ({
     ...r,
-    onChange: (C) => {
-      const x = e.getValueFromChangeEvent(C);
+    onChange: (v) => {
+      const x = e.getValueFromChangeEvent(v);
       c.setValue(x, !1).then(), (l || !e.onlyValidateAfterTouched) && c.setError(e.getError(x));
     },
-    onBlur: (C) => {
-      c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(C)));
+    onBlur: (v) => {
+      c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(v)));
     }
   }), [e, r, c, l]);
   return [
     {
-      helpText: f,
-      severity: d,
+      helpText: d,
+      severity: f,
       inputId: u,
       labelId: p,
       label: h,
-      fieldProps: b,
+      fieldProps: g,
       helpers: c,
       field: e
     },
     { ...n, "aria-labelledby": p }
   ];
-}, Di = [!0, "true"], _i = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = H(i), f = me(n), d = Di.includes(c.value);
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(
-    W,
+}, Mi = [!0, "true"], Oi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = j(i), d = me(n), f = Mi.includes(c.value);
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(
+    q,
     {
       severity: n,
       inputId: e,
@@ -140,14 +140,14 @@ const ki = "_description_9dewt_1", Vi = "_fieldsContainer_9dewt_5", Ie = {
       label: a,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ o(
-        Ht,
+        Kt,
         {
           ...l,
           ...c,
           id: e,
-          color: f,
-          value: d.toString(),
-          checked: d,
+          color: d,
+          value: f.toString(),
+          checked: f,
           onCheckedChange: c.onChange,
           onChange: void 0,
           onBlur: void 0
@@ -155,7 +155,7 @@ const ki = "_description_9dewt_1", Vi = "_fieldsContainer_9dewt_5", Ie = {
       )
     }
   ) });
-}), Z = class Z extends M {
+}), Z = class Z extends O {
   constructor(e) {
     super({ ...e, type: "boolean" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -176,27 +176,27 @@ const ki = "_description_9dewt_1", Vi = "_fieldsContainer_9dewt_5", Ie = {
     return new Z(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ o(_i, { ...e, field: this });
+    return /* @__PURE__ */ o(Oi, { ...e, field: this });
   }
 };
-m(Z, "fieldTypeName", "Checkbox"), m(Z, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(Z, "Icon", Ut);
+m(Z, "fieldTypeName", "Checkbox"), m(Z, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(Z, "Icon", Yt);
 let fe = Z;
-const $i = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, f] = H(i), d = me(n);
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(
+const Ri = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, d] = j(i), f = me(n);
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(
     ae.Input,
     {
-      ...f,
+      ...d,
       ...c,
       type: "number",
       id: e,
       min: l.minimum,
       max: l.maximum,
       step: l.integers ? 1 : 0.1,
-      color: d
+      color: f
     }
   ) }) });
-}), B = class B extends M {
+}), B = class B extends O {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
@@ -267,15 +267,15 @@ const $i = F(function(i) {
     return new B(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ o($i, { field: this, ...e });
+    return /* @__PURE__ */ o(Ri, { 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);
+m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", Qt), 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 Q = B;
-const Mi = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = H(i), f = me(n), d = c.value ? c.value.split("T")[0] : "";
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(ae.Input, { ...l, ...c, type: "date", id: e, color: f, value: d }) }) });
-}), ee = class ee extends M {
+const Ni = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = j(i), d = me(n), f = c.value ? c.value.split("T")[0] : "";
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(ae.Input, { ...l, ...c, type: "date", id: e, color: d, value: f }) }) });
+}), ee = class ee extends O {
   constructor(e) {
     super({ ...e, type: "date" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -292,12 +292,12 @@ const Mi = F(function(i) {
     return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ o(Mi, { field: this, ...e });
+    return /* @__PURE__ */ o(Ni, { field: this, ...e });
   }
 };
-m(ee, "fieldTypeName", "Date"), m(ee, "fieldTypeDescription", "Allows specifying a date."), m(ee, "Icon", Kt);
-let He = ee;
-class ze extends M {
+m(ee, "fieldTypeName", "Date"), m(ee, "fieldTypeDescription", "Allows specifying a date."), m(ee, "Icon", Xt);
+let Ge = ee;
+class Ae extends O {
   constructor(e) {
     const { minLength: t, maxLength: n = 5e3, ...r } = e;
     super(r);
@@ -356,20 +356,20 @@ class ze extends M {
  * This function validates that the value given for "minimum length" (when creating a new field) is less than or
  * equal to the value given for "maximum length".
  */
-m(ze, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
+m(Ae, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
  * This function validates that the value given for "maximum length" (when creating a new field) is greater than or
  * equal to the value given for "minimum length".
  */
-m(ze, "_validateMax", (e, t) => {
+m(Ae, "_validateMax", (e, t) => {
   if (typeof e != "number")
     return null;
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const Oi = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, f] = H(i), d = me(n);
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(ae.Input, { ...f, ...c, type: l.inputType, id: e, color: d }) }) });
-}), te = class te extends ze {
+const Bi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, d] = j(i), f = me(n);
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(ae.Input, { ...d, ...c, type: l.inputType, id: e, color: f }) }) });
+}), te = class te extends Ae {
   constructor(e) {
     const { inputType: t = "text", ...n } = e, r = e.maxLength ? Math.min(500, e.maxLength) : 500, a = e.minLength ? Math.min(e.minLength, r) : void 0;
     super({ ...n, maxLength: r, minLength: a, type: "string" });
@@ -386,15 +386,15 @@ const Oi = F(function(i) {
     return new te({ ...a, maxLength: t, minLength: n, inputType: r });
   }
   getInput(e) {
-    return /* @__PURE__ */ o(Oi, { field: this, ...e });
+    return /* @__PURE__ */ o(Bi, { field: this, ...e });
   }
 };
-m(te, "fieldTypeName", "Short Text"), m(te, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(te, "Icon", Yt);
+m(te, "fieldTypeName", "Short Text"), m(te, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(te, "Icon", Jt);
 let be = te;
-const Ri = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = H(i);
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(Qt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
-}), ie = class ie extends ze {
+const qi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = j(i);
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(Zt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
+}), ie = class ie extends Ae {
   constructor(i) {
     const e = i.maxLength ? Math.min(5e3, i.maxLength) : 5e3, t = i.minLength ? Math.min(i.minLength, e) : void 0;
     super({ ...i, maxLength: e, minLength: t, type: "text" });
@@ -409,23 +409,23 @@ const Ri = F(function(i) {
     return new ie({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ o(Ri, { field: this, ...i });
+    return /* @__PURE__ */ o(qi, { field: this, ...i });
   }
 };
-m(ie, "fieldTypeName", "Paragraph"), m(ie, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ie, "Icon", Xt);
+m(ie, "fieldTypeName", "Paragraph"), m(ie, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ie, "Icon", ei);
 let ye = ie;
-const Ni = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, p = w(
-    () => l.options.map((b) => ({ value: b.value, itemContent: b.label })),
+const Wi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, d] = j(i), { onChange: f, onBlur: u } = c, p = I(
+    () => l.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [l.options]
   ), h = T(
-    (b) => {
-      d(b), u(b);
+    (g) => {
+      f(g), u(g);
     },
-    [d, u]
+    [f, u]
   );
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(
-    bt,
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(
+    vt,
     {
       items: p,
       ...c,
@@ -433,117 +433,117 @@ const Ni = F(function(i) {
       placeholder: "Select one...",
       id: e,
       severity: n,
-      ...f
+      ...d
     }
   ) }) });
-}), Ee = (s = "", i = []) => ({
+}), Le = (s = "", i = []) => ({
   type: "section",
   fields: i,
   identifier: s,
   label: null,
   condition: null,
   conditional: !1
-}), Bi = (s) => {
+}), ji = (s) => {
   if (!s)
     return;
   const i = s.fields;
   let e = [];
   const t = [];
   for (const n of i)
-    n.type === "section" ? (e.length > 0 && (t.push(Ee(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
-  return e.length > 0 && t.push(Ee("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
+    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 Ue(s, i, e) {
+function Ke(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 Hi(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
-function Et(s, i, e) {
+function Pt(s, i, e) {
   const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
-function Ae(s, i) {
+function Pe(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const At = (s, i) => {
+const kt = (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 `${Ti(i)}-${e.getTime()}`;
+}, Vt = (s, i) => {
   if (!i)
     return null;
   for (const e of s)
     if (e.type === "section") {
-      const t = Lt(e.fields, i);
+      const t = Vt(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, Se = (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), Dt = (s) => s.flatMap(
   (i) => i.type === "section" ? [...i.fields.map((e) => e.label), i.label] : i.label
-).filter((i) => i !== null), Ge = (s, i) => {
+).filter((i) => i !== null), Ye = (s, i) => {
   let e = 1, t = `${s} (${e})`;
   for (; i.includes(t); )
     t = `${s} (${++e})`;
   return t;
-}, Wi = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = H(i), f = me(n), d = w(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, h = `${e}-droppable`, { disabled: b } = l, [v, z] = de(""), [C, x] = de(""), L = C || r, P = C ? "red" : f, I = T(
+}, Ui = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c }, l] = j(i), d = me(n), f = I(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, h = `${e}-droppable`, { disabled: g } = l, [F, S] = de(""), [v, x] = de(""), P = v || r, _ = v ? "red" : d, w = T(
     (A) => {
       u(A), p(A);
     },
     [u, p]
-  ), k = T(
+  ), L = T(
     (A) => {
-      d.findIndex((R) => R.value === A.target.value.trim()) >= 0 ? x("All options must be unique") : A.target.value ? x("") : x("Option cannot be empty"), z(A.target.value);
+      f.findIndex((N) => N.value === A.target.value.trim()) >= 0 ? x("All options must be unique") : A.target.value ? x("") : x("Option cannot be empty"), S(A.target.value);
     },
-    [z, d]
-  ), O = T(() => {
-    if (C)
+    [S, f]
+  ), $ = T(() => {
+    if (v)
       return;
-    if (!v.trim())
+    if (!F.trim())
       return x("Option cannot be empty");
-    const A = v.trim();
-    I([...d, { value: A, label: A }]), z("");
-  }, [v, C, I, d]), K = T(
+    const A = F.trim();
+    w([...f, { value: A, label: A }]), S("");
+  }, [F, v, w, f]), H = T(
     (A) => {
-      A.key === "Enter" && (A.preventDefault(), O());
+      A.key === "Enter" && (A.preventDefault(), $());
     },
-    [O]
-  ), q = T(
+    [$]
+  ), U = T(
     (A) => {
-      I(Ae(d, A));
+      w(Pe(f, A));
     },
-    [d, I]
-  ), U = T(
+    [f, w]
+  ), G = T(
     (A) => {
       if (!A.destination)
         return;
-      const R = A.source.index, Y = A.destination.index;
-      I(Ue(d, R, Y));
+      const N = A.source.index, Y = A.destination.index;
+      w(Ke(f, N, Y));
     },
-    [I, d]
+    [w, f]
   );
-  return /* @__PURE__ */ o(vt, { onDragEnd: U, children: /* @__PURE__ */ g(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ o(j, { helpText: L, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: (!b || d.length === 0) && /* @__PURE__ */ g(y, { gap: "2", children: [
+  return /* @__PURE__ */ o(Ft, { onDragEnd: G, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ o(W, { helpText: P, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: (!g || f.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
       /* @__PURE__ */ o(ge, { grow: "1", children: /* @__PURE__ */ o(
         ae.Input,
         {
           placeholder: "Press enter to add a new option",
           ...l,
           ...c,
-          value: v,
-          onChange: k,
-          onKeyDown: K,
+          value: F,
+          onChange: L,
+          onKeyDown: H,
           id: e,
-          color: P,
+          color: _,
           onBlur: void 0
         }
       ) }),
@@ -552,32 +552,32 @@ const At = (s, i) => {
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!C || b,
-          onClick: O,
-          children: /* @__PURE__ */ o($e, {})
+          disabled: !!v || g,
+          onClick: $,
+          children: /* @__PURE__ */ o(Oe, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ o(et, { droppableId: h, children: (A) => /* @__PURE__ */ g(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
-      d.map((R, Y) => /* @__PURE__ */ o(
-        tt,
+    /* @__PURE__ */ o(nt, { droppableId: h, children: (A) => /* @__PURE__ */ b(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
+      f.map((N, Y) => /* @__PURE__ */ o(
+        rt,
         {
-          draggableId: `${R.value}-draggable`,
+          draggableId: `${N.value}-draggable`,
           index: Y,
-          isDragDisabled: b,
-          children: ({ draggableProps: Ce, dragHandleProps: S, innerRef: E }) => /* @__PURE__ */ o(
+          isDragDisabled: g,
+          children: ({ draggableProps: Ce, dragHandleProps: Fe, innerRef: Te }) => /* @__PURE__ */ o(
             y,
             {
-              ...S,
+              ...Fe,
               ...Ce,
-              ref: E,
+              ref: Te,
               gap: "2",
               align: "center",
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ g(je, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ o("span", { children: R.label }),
+              children: /* @__PURE__ */ b(Ue, { color: "gray", size: "2", children: [
+                /* @__PURE__ */ o("span", { children: N.label }),
                 /* @__PURE__ */ o(
                   ce,
                   {
@@ -586,21 +586,21 @@ const At = (s, i) => {
                     type: "button",
                     "aria-label": "Delete option",
                     severity: "info",
-                    disabled: b,
-                    onClick: () => q(Y),
-                    children: /* @__PURE__ */ o(yt, {})
+                    disabled: g,
+                    onClick: () => U(Y),
+                    children: /* @__PURE__ */ o(It, {})
                   }
                 )
               ] })
             }
           )
         },
-        R.value
+        N.value
       )),
       A.placeholder
     ] }) })
   ] }) });
-}), ne = class ne extends M {
+}), ne = class ne extends O {
   constructor(e) {
     const { minimum_length: t, maximum_length: n, ...r } = e;
     super({ ...r, type: "multi-string" });
@@ -615,7 +615,7 @@ const At = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ o(Wi, { field: this, ...e });
+    return /* @__PURE__ */ o(Ui, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -639,9 +639,9 @@ const At = (s, i) => {
     return new ne(e);
   }
 };
-m(ne, "fieldTypeName", "Multi-string"), m(ne, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ne, "Icon", Jt);
-let Le = ne;
-class kt extends M {
+m(ne, "fieldTypeName", "Multi-string"), m(ne, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ne, "Icon", ti);
+let ke = ne;
+class _t extends O {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -660,7 +660,7 @@ class kt extends M {
   }
   static getFieldCreationSchema() {
     return [
-      new Le({
+      new ke({
         label: "Options",
         description: "List possible options for the user to select from.",
         required: !0,
@@ -671,7 +671,7 @@ class kt extends M {
     ];
   }
 }
-const re = class re extends kt {
+const re = class re extends _t {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -687,20 +687,20 @@ const re = class re extends kt {
     return new re(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ o(Ni, { field: this, ...i });
+    return /* @__PURE__ */ o(Wi, { field: this, ...i });
   }
 };
-m(re, "fieldTypeName", "Dropdown"), m(re, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(re, "Icon", Zt);
-let Pe = re;
-const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = F(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, p = w(() => ji(c.value), [c.value]), h = T(
-    (b) => {
-      d(b), u(b);
+m(re, "fieldTypeName", "Dropdown"), m(re, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(re, "Icon", ii);
+let Ve = re;
+const Gi = (s) => s ? Array.isArray(s) ? s : [s] : [], Ki = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, d] = j(i), { onChange: f, onBlur: u } = c, p = I(() => Gi(c.value), [c.value]), h = T(
+    (g) => {
+      f(g), u(g);
     },
-    [d, u]
+    [f, u]
   );
-  return /* @__PURE__ */ o(j, { helpText: r, severity: n, children: /* @__PURE__ */ o(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(
-    ei,
+  return /* @__PURE__ */ o(W, { helpText: r, severity: n, children: /* @__PURE__ */ o(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ o(
+    ni,
     {
       value: p,
       onValueChange: h,
@@ -709,10 +709,10 @@ const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = F(function(i) {
       placeholder: "Select one or more...",
       id: e,
       severity: n,
-      ...f
+      ...d
     }
   ) }) });
-}), oe = class oe extends kt {
+}), oe = class oe extends _t {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -733,19 +733,19 @@ const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = F(function(i) {
     return new oe(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ o(Hi, { field: this, ...i });
+    return /* @__PURE__ */ o(Ki, { field: this, ...i });
   }
 };
-m(oe, "fieldTypeName", "Multi-select"), m(oe, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(oe, "Icon", ti);
-let ke = oe;
-const Ui = F(function({ field: i, ...e }) {
-  const [{ value: t }] = Xe(i.options.clonedFieldIdentifier), n = w(() => {
+m(oe, "fieldTypeName", "Multi-select"), m(oe, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(oe, "Icon", ri);
+let De = oe;
+const Yi = z(function({ field: i, ...e }) {
+  const [{ value: t }] = Ze(i.options.clonedFieldIdentifier), n = I(() => {
     const r = i.options.getFieldToClone(t);
-    return r ? Re(r) : null;
+    return r ? Be(r) : null;
   }, [i.options, t]);
-  return De(n, e);
+  return $e(n, e);
 });
-class Ve extends M {
+class _e extends O {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -761,28 +761,28 @@ class Ve extends M {
     return /* @__PURE__ */ o(t, { field: this, ...e });
   }
 }
-m(Ve, "fieldTypeName", "Custom"), m(Ve, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Gi extends Ve {
+m(_e, "fieldTypeName", "Custom"), m(_e, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Qi extends _e {
   constructor(i) {
-    super(i, Ui);
+    super(i, Yi);
   }
 }
-const Ki = F(function(i) {
-  const { field: e, ...t } = i, { label: n, description: r, fields: a, condition: c } = e, { values: l, setFieldValue: f } = he(), d = c != null && c.identifier ? ue(l, c.identifier) : void 0, u = w(() => _t(c, d), [c, d]);
+const Xi = z(function(i) {
+  const { field: e, ...t } = i, { label: n, description: r, fields: a, condition: c } = e, { values: l, setFieldValue: d } = pe(), f = c != null && c.identifier ? ue(l, c.identifier) : void 0, u = I(() => Ot(c, f), [c, f]);
   we(() => {
     if (!u)
       for (const h of a)
-        f(h.getId(), "").then();
-  }, [u, a, f]);
-  const p = $t(a, t);
-  return u ? n ? /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ g(y, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ g(y, { direction: "column", children: [
-      /* @__PURE__ */ o(Me, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ o(V, { className: Ie.description, children: r })
+        d(h.getId(), "").then();
+  }, [u, a, d]);
+  const p = Rt(a, t);
+  return u ? n ? /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ b(y, { direction: "column", children: [
+      /* @__PURE__ */ o(Re, { as: "h3", size: "3", children: n }),
+      /* @__PURE__ */ o(D, { className: Ie.description, children: r })
     ] }),
     p
   ] }) }) : p : null;
-}), se = class se extends zt {
+}), se = class se extends Lt {
   constructor(e) {
     const { label: t = null, fields: n, condition: r = null, conditional: a, ...c } = e;
     super({ ...c, type: "section" });
@@ -812,7 +812,7 @@ const Ki = F(function(i) {
         fields: [
           // Declare a select field that will be used to select the field against which we will check the
           // condition. This must be selected before the next field is rendered.
-          new Pe({
+          new Ve({
             label: "Field",
             description: "The field to use for the condition.",
             // The options (for the field against which we will check the condition) are all the labels of
@@ -829,7 +829,7 @@ const Ki = F(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 Qi({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -856,7 +856,7 @@ const Ki = F(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(Vt)) ?? [];
+    const t = ((n = e.fields) == null ? void 0 : n.map($t)) ?? [];
     return new se({ ...e, fields: t });
   }
   conditional() {
@@ -875,51 +875,51 @@ const Ki = F(function(i) {
     const t = {};
     for (const n of this.fields) {
       const r = n.getId(), a = n.getError(ue(e, r), e);
-      a && nt(t, n.getId(), a);
+      a && st(t, n.getId(), a);
     }
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ o(Ki, { field: this, ...e });
+    return /* @__PURE__ */ o(Xi, { field: this, ...e });
   }
 };
 m(se, "fieldTypeName", "Section"), m(se, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
 let X = se;
-const Yi = "_previewImage_1ig84_1", Qi = {
-  previewImage: Yi
-}, rt = (s) => {
+const Ji = "_previewImage_1ig84_1", Zi = {
+  previewImage: Ji
+}, lt = (s) => {
   const i = ["byte", "kilobyte", "megabyte"];
   let e = s, t = 0;
   for (; e > 1024 && t < i.length - 1; )
     e /= 1024, t++;
   return new Intl.NumberFormat([], { maximumFractionDigits: 2, style: "unit", unit: i[t] }).format(e);
-}, Xi = F(function(i) {
-  var P;
-  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d } = c, u = me(n), p = wt(null), { value: h } = c, b = w(() => r || (l.maxFileSize ? `Maximum file size: ${rt(l.maxFileSize)}` : null), [l.maxFileSize, r]), v = T(() => {
-    var I;
-    (I = p.current) == null || I.click();
-  }, []), z = T(
-    (I) => {
-      const k = [...h];
-      k.splice(I, 1), d({ target: { files: k } });
+}, en = z(function(i) {
+  var _;
+  const [{ inputId: e, labelId: t, severity: n, helpText: r, label: a, fieldProps: c, field: l }, d] = j(i), { onChange: f } = c, u = me(n), p = it(null), { value: h } = c, g = I(() => r || (l.maxFileSize ? `Maximum file size: ${lt(l.maxFileSize)}` : null), [l.maxFileSize, r]), F = T(() => {
+    var w;
+    (w = p.current) == null || w.click();
+  }, []), S = T(
+    (w) => {
+      const L = [...h];
+      L.splice(w, 1), f({ target: { files: L } });
     },
-    [h, d]
-  ), C = h ? "Select new files" : "Select files", x = h ? "Select new file" : "Select a file", L = l.maxFiles > 1 ? C : x;
-  return /* @__PURE__ */ g(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ o(j, { helpText: b, severity: n, children: /* @__PURE__ */ g(W, { severity: n, inputId: e, labelId: t, label: a, children: [
-      /* @__PURE__ */ o(y, { direction: "row", gap: "2", children: /* @__PURE__ */ o(ge, { width: "max-content", asChild: !0, children: /* @__PURE__ */ g(G, { ...f, onClick: v, children: [
-        /* @__PURE__ */ o(xt, {}),
+    [h, f]
+  ), v = h ? "Select new files" : "Select files", x = h ? "Select new file" : "Select a file", P = l.maxFiles > 1 ? v : x;
+  return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ o(W, { helpText: g, severity: n, children: /* @__PURE__ */ b(q, { severity: n, inputId: e, labelId: t, label: a, children: [
+      /* @__PURE__ */ o(y, { direction: "row", gap: "2", children: /* @__PURE__ */ o(ge, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(K, { ...d, onClick: F, children: [
+        /* @__PURE__ */ o(Ct, {}),
         " ",
-        L
+        P
       ] }) }) }),
       /* @__PURE__ */ o(
         "input",
         {
-          ...f,
+          ...d,
           type: "file",
           ref: p,
           id: e,
-          accept: (P = l.extensions) == null ? void 0 : P.join(","),
+          accept: (_ = l.extensions) == null ? void 0 : _.join(","),
           multiple: l.maxFiles > 1,
           color: u,
           style: { display: "none" },
@@ -928,46 +928,46 @@ const Yi = "_previewImage_1ig84_1", Qi = {
         }
       )
     ] }) }),
-    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ o(y, { direction: "column", gap: "2", children: h.map((I, k) => /* @__PURE__ */ o(
-      Ji,
+    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ o(y, { direction: "column", gap: "2", children: h.map((w, L) => /* @__PURE__ */ o(
+      tn,
       {
         field: l,
-        file: I,
-        onRemove: () => z(k),
-        disabled: f.disabled
+        file: w,
+        onRemove: () => S(L),
+        disabled: d.disabled
       },
-      k
+      L
     )) })
   ] });
-}), Ji = F(function({ file: i, field: e, onRemove: t, disabled: n }) {
-  const [r, a] = de(null), c = w(() => r && e.getError([r]), [e, r]), { url: l, name: f, size: d } = w(() => {
+}), tn = z(function({ file: i, field: e, onRemove: t, disabled: n }) {
+  const [r, a] = de(null), c = I(() => r && e.getError([r]), [e, r]), { url: l, name: d, size: f } = I(() => {
     let u = null, p, h;
-    return r != null && r.type.startsWith("image/") && (u = URL.createObjectURL(r)), r ? (p = r.name, h = rt(r.size)) : (p = "Downloading...", h = "..."), { url: u, name: p, size: h };
+    return r != null && r.type.startsWith("image/") && (u = URL.createObjectURL(r)), r ? (p = r.name, h = lt(r.size)) : (p = "Downloading...", h = "..."), { url: u, name: p, size: h };
   }, [r]);
   return we(() => {
     i instanceof Promise ? i.then(a) : a(i);
-  }, [i]), /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ g(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
-    /* @__PURE__ */ g(y, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
+  }, [i]), /* @__PURE__ */ o(xe, { 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__ */ o(
         ce,
         {
           severity: "info",
           variant: "outline",
-          "aria-label": `Remove ${f}`,
+          "aria-label": `Remove ${d}`,
           disabled: n,
           onClick: t,
-          children: /* @__PURE__ */ o(yt, {})
+          children: /* @__PURE__ */ o(It, {})
         }
       ),
-      /* @__PURE__ */ g(y, { direction: "column", gap: "1", children: [
-        /* @__PURE__ */ o(V, { children: f }),
-        /* @__PURE__ */ o(V, { size: "1", children: d }),
-        c && /* @__PURE__ */ o(V, { size: "1", severity: "danger", children: c })
+      /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+        /* @__PURE__ */ o(D, { children: d }),
+        /* @__PURE__ */ o(D, { size: "1", children: f }),
+        c && /* @__PURE__ */ o(D, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    l && /* @__PURE__ */ o("img", { className: Qi.previewImage, src: l, alt: f })
+    l && /* @__PURE__ */ o("img", { className: Zi.previewImage, src: l, alt: d })
   ] }) });
-}), dt = 50 * 1024 * 1024, le = class le extends M {
+}), pt = 50 * 1024 * 1024, le = class le extends O {
   constructor(e) {
     const { extensions: t, maximum_files: n, maximum_size: r, ...a } = e;
     super({ ...a, type: "upload" });
@@ -999,10 +999,10 @@ const Yi = "_previewImage_1ig84_1", Qi = {
         required: !1,
         identifier: "maximum_size",
         minimum: 1,
-        maximum: dt,
+        maximum: pt,
         integers: !0
       }),
-      new ke({
+      new De({
         label: "Accepted file types",
         description: "Types of allowed files to upload. If left blank, all files will be accepted.",
         required: !1,
@@ -1033,10 +1033,10 @@ const Yi = "_previewImage_1ig84_1", Qi = {
     ];
   }
   getFieldValidators() {
-    const e = super.getFieldValidators(), t = this.maxFileSize ?? dt, n = this.maxFiles ?? 1;
+    const e = super.getFieldValidators(), t = this.maxFileSize ?? pt, n = this.maxFiles ?? 1;
     return e.push((r) => {
       if (r && r.some((a) => a.size > t))
-        return `Files must be at most ${rt(t)}.`;
+        return `Files must be at most ${lt(t)}.`;
     }), e.push((r) => {
       if (r && r.length > n)
         return `You can only upload ${n} files.`;
@@ -1056,43 +1056,43 @@ const Yi = "_previewImage_1ig84_1", Qi = {
     return new le(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ o(Xi, { field: this, ...e });
+    return /* @__PURE__ */ o(en, { field: this, ...e });
   }
 };
-m(le, "fieldTypeName", "Upload"), m(le, "fieldTypeDescription", "Allows a file to be uploaded."), m(le, "Icon", xt);
-let Ke = le;
-const ot = {
-  date: He,
+m(le, "fieldTypeName", "Upload"), m(le, "fieldTypeDescription", "Allows a file to be uploaded."), m(le, "Icon", Ct);
+let Qe = le;
+const at = {
+  date: Ge,
   number: Q,
   boolean: fe,
-  select: Pe,
+  select: Ve,
   string: be,
   text: ye,
-  custom: Ve,
-  upload: Ke,
+  custom: _e,
+  upload: Qe,
   // TODO: Underscore
-  "multi-string": Le,
-  "multi-select": ke
-}, Vt = (s) => {
+  "multi-string": ke,
+  "multi-select": De
+}, $t = (s) => {
   const i = s.type;
-  return ot[i].deserialize(s);
-}, Re = (s) => s.type === "section" ? X.deserialize(s) : Vt(s);
-function Dt(s, i = {}) {
+  return at[i].deserialize(s);
+}, Be = (s) => s.type === "section" ? X.deserialize(s) : $t(s);
+function Mt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
     title: s.title,
     description: s.description,
-    fields: s.fields.map((t) => Re(t)),
+    fields: s.fields.map((t) => Be(t)),
     meta: { readonly: e }
   };
 }
-function Ye(s) {
+function Xe(s) {
   return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
 }
-function _t(s, i) {
+function Ot(s, i) {
   if (!s)
     return !0;
-  if (Ye(i) || Ye(s.value))
+  if (Xe(i) || Xe(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)) {
@@ -1103,92 +1103,92 @@ function _t(s, i) {
   }
   return t === i;
 }
-const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s, i) => {
-  const e = w(() => s.map((t) => /* @__PURE__ */ o("div", { children: t.getInput(i) }, t.getId())), [s, i]);
+const $e = (s, i) => I(() => !i || !s ? null : s.getInput(i), [s, i]), Rt = (s, i) => {
+  const e = I(() => s.map((t) => /* @__PURE__ */ o("div", { children: t.getInput(i) }, t.getId())), [s, i]);
   return /* @__PURE__ */ o(y, { direction: "column", gap: "2", children: e });
-}, _e = (s) => Object.keys(s).length > 0, Mt = async (s, i) => {
+}, Me = (s) => Object.keys(s).length > 0, Nt = async (s, i) => {
   const e = {};
   for (const t of s.fields)
     if (t instanceof X) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!_t(t.condition, ue(i, n)))
+        if (!Ot(t.condition, ue(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
     } else {
-      if (!(t instanceof M))
+      if (!(t instanceof O))
         throw new Error("Invalid field type");
       const n = t.getId(), r = t.getError(ue(i, n), i);
-      r && nt(e, n, r);
+      r && st(e, n, r);
     }
-  if (_e(e))
+  if (Me(e))
     return e;
-}, Zi = [null, void 0], st = (s, i) => s.reduce((e, t) => t instanceof X ? { ...e, ...st(t.fields, i) } : (Zi.includes(ue(e, t.getId())) && nt(e, t.getId(), ""), e), i), en = () => {
+}, nn = [null, void 0], ct = (s, i) => s.reduce((e, t) => t instanceof X ? { ...e, ...ct(t.fields, i) } : (nn.includes(ue(e, t.getId())) && st(e, t.getId(), ""), e), i), rn = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, lt = F(
+}, dt = z(
   ve((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = en,
+      onSubmit: n = rn,
       submitText: r = "Submit",
       cancelText: a,
       onCancel: c,
       onDirty: l,
       // if the title isn't provided, hide it by default
-      hideTitle: f = !e.title,
-      hideDescription: d,
+      hideTitle: d = !e.title,
+      hideDescription: f,
       className: u
-    } = s, { readonly: p } = e.meta, h = w(() => crypto.randomUUID(), []), b = Je({
-      initialValues: st(e.fields, t),
+    } = s, { readonly: p } = e.meta, h = I(() => crypto.randomUUID(), []), g = et({
+      initialValues: ct(e.fields, t),
       onSubmit: n,
-      validate: (L) => Mt(e, L),
+      validate: (P) => Nt(e, P),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: v } = b, z = w(
-      () => typeof e.title == "string" ? /* @__PURE__ */ o(Me, { children: e.title }) : e.title,
+    }), { dirty: F } = g, S = I(
+      () => typeof e.title == "string" ? /* @__PURE__ */ o(Re, { children: e.title }) : e.title,
       [e.title]
-    ), C = w(
-      () => typeof e.description == "string" ? /* @__PURE__ */ o(V, { className: Ie.description, children: e.description }) : e.description,
+    ), v = I(
+      () => typeof e.description == "string" ? /* @__PURE__ */ o(D, { className: Ie.description, children: e.description }) : e.description,
       [e.description]
-    ), x = $t(e.fields, { formId: h, disabled: p });
+    ), x = Rt(e.fields, { formId: h, disabled: p });
     return we(() => {
-      v && l && l();
-    }, [v, l]), /* @__PURE__ */ o(Ze, { value: b, children: /* @__PURE__ */ o(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ g("form", { id: h, onSubmit: b.handleSubmit, children: [
-      !f && /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ g(y, { direction: "column", gap: "1", children: [
-        z,
-        !d && C
+      F && l && l();
+    }, [F, l]), /* @__PURE__ */ o(tt, { value: g, children: /* @__PURE__ */ o(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: h, onSubmit: g.handleSubmit, children: [
+      !d && /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+        S,
+        !f && v
       ] }) }),
       x,
-      !p && /* @__PURE__ */ g(y, { justify: "end", gap: "2", children: [
-        a && /* @__PURE__ */ o(G, { type: "button", variant: "soft", onClick: c, children: a }),
-        /* @__PURE__ */ o(G, { type: "submit", disabled: !b.isValid, children: r })
+      !p && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
+        a && /* @__PURE__ */ o(K, { type: "button", variant: "soft", onClick: c, children: a }),
+        /* @__PURE__ */ o(K, { type: "submit", disabled: !g.isValid, children: r })
       ] })
     ] }) }) });
   })
-), _n = F(
+), On = z(
   ve((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, r = $(It(e.form_revision)), { sdk: a } = Ct();
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, r = M(Tt(e.form_revision)), { sdk: a } = St();
     if (!r)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = w(() => Dt(r, { readonly: !0 }), [r]), l = w(() => {
-      const f = Ci(e.offline_id)(a.store.getState()) ?? [], d = {};
-      for (const u of f) {
-        const p = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((b) => {
-          if (!b.success)
+    const c = I(() => Mt(r, { readonly: !0 }), [r]), l = I(() => {
+      const d = Si(e.offline_id)(a.store.getState()) ?? [], f = {};
+      for (const u of d) {
+        const p = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
+          if (!g.success)
             throw new Error(`Failed to download attachment ${u.file_name}.`);
-          return b.body;
-        }), h = d[u.field_identifier];
-        h ? h.push(p) : d[u.field_identifier] = [p];
+          return g.body;
+        }), h = f[u.field_identifier];
+        h ? h.push(p) : f[u.field_identifier] = [p];
       }
-      return { ...e.values, ...d };
+      return { ...e.values, ...f };
     }, [a.files, a.store, e.offline_id, e.values]);
     return /* @__PURE__ */ o(
-      lt,
+      dt,
       {
         ref: i,
         schema: c,
@@ -1198,36 +1198,36 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
       }
     );
   })
-), tn = "_favoriteIcon_1bixi_1", nn = "_regularIcon_1bixi_9", ut = {
-  favoriteIcon: tn,
-  regularIcon: nn
-}, qe = "organization:", We = "user:", $n = F(
+), on = "_favoriteIcon_1bixi_1", sn = "_regularIcon_1bixi_9", ht = {
+  favoriteIcon: on,
+  regularIcon: sn
+}, je = "organization:", He = "user:", Rn = z(
   ve((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, r] = de(""), [a, c] = de(""), { sdk: l } = Ct(), f = w(() => {
+    const { maxResults: e = 20, ...t } = s, [n, r] = de(""), [a, c] = de(""), { sdk: l } = St(), d = I(() => {
       const x = { maxResults: e, searchTerm: n };
-      return a && (a.startsWith(qe) ? x.owner_organization = parseInt(a.slice(qe.length)) : a.startsWith(We) && (x.owner_user = parseInt(a.slice(We.length)))), x;
-    }, [n, e, a]), d = $(Fi(f)) ?? [], u = $(Ti), p = T(
+      return a && (a.startsWith(je) ? x.owner_organization = parseInt(a.slice(je.length)) : a.startsWith(He) && (x.owner_user = parseInt(a.slice(He.length)))), x;
+    }, [n, e, a]), f = M(zi(d)) ?? [], u = M(Ei), p = T(
       (x) => {
         x.favorite ? l.userForms.unfavorite(x.offline_id).then() : l.userForms.favorite(x.offline_id).then();
       },
       [l]
-    ), h = w(() => {
-      const x = l.store.getState(), L = {};
-      for (const P of Object.values(u)) {
-        const I = Ft(P.owner_organization || -1)(x);
-        I && (L[`${qe}${I.id}`] = I.name);
-        const k = it(P.owner_user || -1)(x);
-        k && (L[`${We}${k.id}`] = k.username);
+    ), h = I(() => {
+      const x = l.store.getState(), P = {};
+      for (const _ of Object.values(u)) {
+        const w = zt(_.owner_organization || -1)(x);
+        w && (P[`${je}${w.id}`] = w.name);
+        const L = ot(_.owner_user || -1)(x);
+        L && (P[`${He}${L.id}`] = L.username);
       }
-      return Object.entries(L).map(([P, I]) => ({ itemContent: I, value: P }));
-    }, [u, l.store]), b = T((x) => {
+      return Object.entries(P).map(([_, w]) => ({ itemContent: w, value: _ }));
+    }, [u, l.store]), g = T((x) => {
       r(x.currentTarget.value);
-    }, []), z = ($(Si) || 0) - d.length, C = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
-    return /* @__PURE__ */ g(y, { ref: i, direction: "column", gap: "2", children: [
-      /* @__PURE__ */ g(y, { gap: "2", grow: "1", children: [
-        /* @__PURE__ */ o(ge, { grow: "1", asChild: !0, children: /* @__PURE__ */ o(ae.Root, { size: "3", children: /* @__PURE__ */ o(ae.Input, { placeholder: "Filter", value: n, onChange: b }) }) }),
+    }, []), S = (M(Ai) || 0) - f.length, v = f.length == e && S > 0 ? `Only the first ${e} results are shown (${S} hidden)` : S > 0 && `${S} hidden forms`;
+    return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
+        /* @__PURE__ */ o(ge, { grow: "1", asChild: !0, children: /* @__PURE__ */ o(ae.Root, { size: "3", children: /* @__PURE__ */ o(ae.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
         /* @__PURE__ */ o(
-          bt,
+          vt,
           {
             items: h,
             value: a,
@@ -1237,8 +1237,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ o(Oe.Root, { children: d.map((x) => /* @__PURE__ */ o(
-        rn,
+      f.length > 0 && /* @__PURE__ */ o(Ne.Root, { children: f.map((x) => /* @__PURE__ */ o(
+        ln,
         {
           ...t,
           form: x,
@@ -1246,70 +1246,70 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
         },
         x.offline_id
       )) }),
-      /* @__PURE__ */ o(ge, { px: "3", children: /* @__PURE__ */ o(V, { size: "2", severity: "info", children: C }) })
+      /* @__PURE__ */ o(ge, { px: "3", children: /* @__PURE__ */ o(D, { size: "2", severity: "info", children: v }) })
     ] });
   })
-), rn = (s) => {
+), ln = (s) => {
   var p;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, r = (p = $(Ft(i.owner_organization || -1))) == null ? void 0 : p.name, a = $(it(i.owner_user || -1)), c = $(Tt).id, l = !!a && a.id === c, f = r ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = T(
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, r = (p = M(zt(i.owner_organization || -1))) == null ? void 0 : p.name, a = M(ot(i.owner_user || -1)), c = M(Et).id, l = !!a && a.id === c, d = r ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", f = T(
     (h) => {
       h.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ o(Oe.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ g(y, { justify: "between", gap: "2", py: "2", px: "3", ...ii, children: [
-    /* @__PURE__ */ g(y, { grow: "1", align: "center", gap: "2", children: [
+  ), u = /* @__PURE__ */ o(Ne.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...oi, children: [
+    /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ o(
         ce,
         {
-          className: St(i.favorite ? ut.favoriteIcon : ut.regularIcon),
+          className: At(i.favorite ? ht.favoriteIcon : ht.regularIcon),
           variant: "ghost",
-          onClick: d,
+          onClick: f,
           "aria-label": i.favorite ? "Favorite form" : "Standard form",
           disabled: !t,
-          children: i.favorite ? /* @__PURE__ */ o(ni, {}) : /* @__PURE__ */ o(ri, {})
+          children: i.favorite ? /* @__PURE__ */ o(si, {}) : /* @__PURE__ */ o(li, {})
         }
       ),
-      /* @__PURE__ */ o(V, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ o(oi, {})
+      /* @__PURE__ */ o(D, { noWrap: !0, children: i.latestRevision.title }),
+      i.latestRevision.description && /* @__PURE__ */ o(ai, {})
     ] }),
-    f && /* @__PURE__ */ g(y, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ o(si, {}),
+    d && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
+      /* @__PURE__ */ o(ci, {}),
       " ",
-      f
+      d
     ] })
   ] }) });
-  return i.latestRevision.description ? /* @__PURE__ */ o(li, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, on = "_submissionsContainer_9iirt_1", sn = "_stopHorizontalOverflow_9iirt_6", Ot = {
-  submissionsContainer: on,
-  stopHorizontalOverflow: sn
-}, ln = F(function(i) {
+  return i.latestRevision.description ? /* @__PURE__ */ o(di, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
+}, an = "_submissionsContainer_9iirt_1", cn = "_stopHorizontalOverflow_9iirt_6", Bt = {
+  submissionsContainer: an,
+  stopHorizontalOverflow: cn
+}, dn = z(function(i) {
   var x;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: r, rowDecorator: a } = i, c = $(Tt), l = $(it("created_by" in e ? e.created_by : c.id)), f = Qe(e), d = zi(f) ? f.toLocaleTimeString([], {
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: r, rowDecorator: a } = i, c = M(Et), l = M(ot("created_by" in e ? e.created_by : c.id)), d = Je(e), f = Li(d) ? d.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : Ei(f), u = $(It(e.form_revision));
+  }) : Pi(d), u = M(Tt(e.form_revision));
   if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const p = (x = $(Ai(u.form))) == null ? void 0 : x.revision, h = Li({
+  const p = (x = M(ki(u.form))) == null ? void 0 : x.revision, h = Vi({
     file: (l == null ? void 0 : l.profile.file) ?? null,
     fileSha1: (l == null ? void 0 : l.profile.file_sha1) ?? null
-  }), b = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", v = u.revision === p, z = wi.useCallback(() => {
+  }), g = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", F = u.revision === p, S = Ci.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), C = /* @__PURE__ */ o(Oe.Item, { onClick: z, asChild: !0, children: /* @__PURE__ */ g(y, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-    /* @__PURE__ */ g(y, { gap: "2", align: "center", className: Ot.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ o(ai, { src: h, size: "1", fallback: b }),
-      /* @__PURE__ */ o(V, { size: "2", noWrap: !0, children: r === "creator" ? (l || c).username : u.title })
+  }, [e, t]), v = /* @__PURE__ */ o(Ne.Item, { onClick: S, 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: Bt.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ o(ui, { src: h, size: "1", fallback: g }),
+      /* @__PURE__ */ o(D, { size: "2", noWrap: !0, children: r === "creator" ? (l || c).username : u.title })
     ] }),
-    /* @__PURE__ */ g(y, { gap: "2", align: "center", children: [
-      !n && (u.revision ? /* @__PURE__ */ o(je, { variant: "soft", severity: v ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!p && /* @__PURE__ */ o(je, { children: "Original" })),
-      /* @__PURE__ */ o(V, { size: "2", noWrap: !0, children: d })
+    /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
+      !n && (u.revision ? /* @__PURE__ */ o(Ue, { variant: "soft", severity: F ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!p && /* @__PURE__ */ o(Ue, { children: "Original" })),
+      /* @__PURE__ */ o(D, { size: "2", noWrap: !0, children: f })
     ] })
   ] }) });
-  return a ? a(e, C) : C;
-}), Qe = (s) => {
+  return a ? a(e, v) : v;
+}), Je = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, Mn = F(function(i) {
+}, Nn = z(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1321,26 +1321,26 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = $(
-    t ? () => t : Pi(e)
-  ), d = w(
-    () => f == null ? void 0 : f.sort((u, p) => Qe(p).getTime() - Qe(u).getTime()),
-    [f]
+  const d = M(
+    t ? () => t : Di(e)
+  ), f = I(
+    () => d == null ? void 0 : d.sort((u, p) => Je(p).getTime() - Je(u).getTime()),
+    [d]
   );
   return /* @__PURE__ */ o(
-    Oe.Root,
+    Ne.Root,
     {
-      className: St(Ot.submissionsContainer, r),
+      className: At(Bt.submissionsContainer, r),
       size: "small",
       variant: c,
-      before: !n && /* @__PURE__ */ g(V, { severity: "info", children: [
+      before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
         "There are ",
-        ((f == null ? void 0 : f.length) || 0).toString(),
+        ((d == null ? void 0 : d.length) || 0).toString(),
         " submissions of this form."
       ] }),
       after: a,
-      children: d == null ? void 0 : d.map((u, p) => /* @__PURE__ */ o(
-        ln,
+      children: f == null ? void 0 : f.map((u, p) => /* @__PURE__ */ o(
+        dn,
         {
           submission: u,
           compact: n,
@@ -1350,86 +1350,86 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
       ))
     }
   );
-}), On = F(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = he(), [r, a, c] = Xe(e);
-  return w(() => {
-    const l = (f) => c.setValue(f, !1);
+}), Bn = z(function(i) {
+  const { name: e, render: t } = i, { submitForm: n } = pe(), [r, a, c] = Ze(e);
+  return I(() => {
+    const l = (d) => c.setValue(d, !1);
     return t({
       value: r.value,
       setValue: l,
       patchValue: n
     });
   }, [n, c, r.value, t]);
-}), Rn = F(
+}), qn = z(
   ve((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: r, onError: a, ...c } = s, l = w(() => st(t.fields, n), [t.fields, n]), f = T(
-      (b) => {
-        const v = {};
-        for (const z in b) {
-          const C = b[z];
-          C !== l[z] && C !== void 0 && (v[z] = C);
+    const { children: e, schema: t, values: n, onPatch: r, onError: a, ...c } = s, l = I(() => ct(t.fields, n), [t.fields, n]), d = T(
+      (g) => {
+        const F = {};
+        for (const S in g) {
+          const v = g[S];
+          v !== l[S] && v !== void 0 && (F[S] = v);
         }
-        _e(v) && r(v);
+        Me(F) && r(F);
       },
       [l, r]
-    ), d = T(
-      async (b) => {
-        const v = await Mt(t, b);
-        return v && a(v), v;
+    ), f = T(
+      async (g) => {
+        const F = await Nt(t, g);
+        return F && a(F), F;
       },
       [t, a]
-    ), u = Je({
+    ), u = et({
       initialValues: l,
-      onSubmit: f,
-      validate: d,
+      onSubmit: d,
+      validate: f,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
     }), { errors: p, resetForm: h } = u;
     return we(() => {
-      _e(p) && h({ values: l, errors: {} });
-    }, [p, l, h]), /* @__PURE__ */ o(Ze, { value: u, children: /* @__PURE__ */ o("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
+      Me(p) && h({ values: l, errors: {} });
+    }, [p, l, h]), /* @__PURE__ */ o(tt, { value: u, children: /* @__PURE__ */ o("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
-), Rt = {
-  ...ot,
+), qt = {
+  ...at,
   section: X
-}, an = F(function(i) {
+}, un = z(function(i) {
   const { field: e, setFieldType: t } = i, n = e.fieldTypeName, r = e.fieldTypeDescription, a = e.Icon;
-  return /* @__PURE__ */ g(y, { gap: "4", align: "center", children: [
-    /* @__PURE__ */ o(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ g(y, { gap: "3", align: "center", grow: "1", children: [
+  return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ o(K, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ o(a, {}),
       n
     ] }) }),
-    /* @__PURE__ */ o(V, { children: r })
+    /* @__PURE__ */ o(D, { children: r })
   ] });
-}), Nt = [
+}), Wt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], cn = Nt.length - 1, dn = F(function(i) {
+], fn = Wt.length - 1, mn = z(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ o(y, { direction: "column", gap: "3", children: Nt.map((t, n) => /* @__PURE__ */ g(y, { direction: "column", gap: "3", children: [
+  return /* @__PURE__ */ o(y, { direction: "column", gap: "3", children: Wt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ o(y, { direction: "column", gap: "2", children: t.map((r) => /* @__PURE__ */ o(
-      an,
+      un,
       {
-        field: ot[r],
+        field: at[r],
         setFieldType: () => e(r)
       },
       r
     )) }),
-    n < cn && /* @__PURE__ */ o(ci, { size: "4" })
+    n < fn && /* @__PURE__ */ o(fi, { size: "4" })
   ] }, n)) });
-}), un = (s) => (i) => {
+}), pn = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, fn = (s, i) => {
+}, hn = (s, i) => {
   const e = [
     new be({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [un(s)]
+      fieldValidators: [pn(s)]
     }),
     new ye({
       label: "Description",
@@ -1442,16 +1442,16 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
     ...e,
     new fe({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, mn = F(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: r, conditionalSourceFields: a } = i, c = Rt[e], l = he(), f = w(() => {
-    const d = Pt(l.values.fields).filter((p) => p !== (r == null ? void 0 : r.label));
-    let u = fn(d, e);
+}, gn = z(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: r, conditionalSourceFields: a } = i, c = qt[e], l = pe(), d = I(() => {
+    const f = Dt(l.values.fields).filter((p) => p !== (r == null ? void 0 : r.label));
+    let u = hn(f, e);
     if (c === X) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
       u = u.concat(c.getFieldCreationSchema(a));
     } else {
-      if (!(c.prototype instanceof M))
+      if (!(c.prototype instanceof O))
         throw new Error(`Field must be an instance of BaseField. Got ${c}.`);
       u = [...u, ...c.getFieldCreationSchema()];
     }
@@ -1463,91 +1463,91 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
     };
   }, [l.values.fields, e, c, r == null ? void 0 : r.label, a]);
   return /* @__PURE__ */ o(
-    lt,
+    dt,
     {
-      schema: f,
+      schema: d,
       values: r,
       onSubmit: n,
       cancelText: r ? void 0 : "Back",
       onCancel: t
     }
   );
-}), pe = F(function(i) {
-  const { parentPath: e, index: t, children: n, initial: r, editing: a, conditionalSourceFields: c } = i, [l, f] = de(), d = (r == null ? void 0 : r.type) ?? l, u = d ? Rt[d].fieldTypeName : void 0, { setFieldValue: p, values: h } = he();
+}), he = z(function(i) {
+  const { parentPath: e, index: t, children: n, initial: r, editing: a, conditionalSourceFields: c } = i, [l, d] = de(), f = (r == null ? void 0 : r.type) ?? l, u = f ? qt[f].fieldTypeName : void 0, { setFieldValue: p, values: h } = pe();
   if (a && !r)
     throw new Error("Initial field must be provided if editing is true.");
-  const b = !d && !a && !r, v = b ? "Choose a field type" : `${u} settings`, z = b ? "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 = T(() => f(void 0), []), x = T((I) => {
-    f(void 0), I();
-  }, []), L = T(
-    (I, k) => {
-      const { label: O } = I;
-      if (!d)
+  const g = !f && !a && !r, F = g ? "Choose a field type" : `${u} settings`, S = 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.`, v = T(() => d(void 0), []), x = T((w) => {
+    d(void 0), w();
+  }, []), P = T(
+    (w, L) => {
+      const { label: $ } = w;
+      if (!f)
         throw new Error("Field type must be selected before creating a field.");
-      if (!O || typeof O != "string")
+      if (!$ || typeof $ != "string")
         throw new Error("Label must be provided before creating a field.");
-      const K = Re({
-        type: d,
-        ...I,
-        identifier: At(I.identifier, O)
-      }).serialize(), q = ue(h, e);
-      if (q === void 0)
+      const H = Be({
+        type: f,
+        ...w,
+        identifier: kt(w.identifier, $)
+      }).serialize(), U = ue(h, e);
+      if (U === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let U;
-      if (!Array.isArray(q))
+      let G;
+      if (!Array.isArray(U))
         throw new Error("Parent path must point to an array.");
-      a ? U = qi(q, t, K) : U = Et(q, t, K), p(e, U).then(), k();
+      a ? G = Hi(U, t, H) : G = Pt(U, t, H), p(e, G).then(), L();
     },
-    [a, d, h, e, p, t]
-  ), P = T(
-    (I) => b ? /* @__PURE__ */ o(dn, { setFieldType: f }) : /* @__PURE__ */ o(
-      mn,
+    [a, f, h, e, p, t]
+  ), _ = T(
+    (w) => g ? /* @__PURE__ */ o(mn, { setFieldType: d }) : /* @__PURE__ */ o(
+      gn,
       {
         conditionalSourceFields: c,
-        handleCancel: C,
-        handleCreateField: (k) => L(k, I),
-        fieldType: d,
+        handleCancel: v,
+        handleCreateField: (L) => P(L, w),
+        fieldType: f,
         defaultField: r
       }
     ),
-    [c, C, L, r, b, d]
+    [c, v, P, r, g, f]
   );
-  return /* @__PURE__ */ o(di, { onCloseInterrupt: x, title: v, description: z, content: P, children: n });
-}), ft = ({ children: s }) => /* @__PURE__ */ o(gt, { children: s }), mt = (s, i) => ({
+  return /* @__PURE__ */ o(mi, { onCloseInterrupt: x, title: F, description: S, content: _, children: n });
+}), gt = ({ children: s }) => /* @__PURE__ */ o(wt, { children: s }), bt = (s, i) => ({
   initial: s ? i : "none",
   sm: s ? "none" : i
-}), Bt = F(function(i) {
-  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: r, duplicateProps: a } = i, c = w(
+}), jt = z(function(i) {
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: r, duplicateProps: a } = i, c = I(
     () => [
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: n,
-        Icon: ui,
+        Icon: pi,
         text: "Edit"
       },
       {
-        Icon: fi,
+        Icon: hi,
         buttonProps: {
           onClick: e
         },
         text: "Delete"
       },
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: a,
-        Icon: mi,
+        Icon: gi,
         text: "Duplicate"
       },
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: r,
-        Icon: $e,
+        Icon: Oe,
         text: "Add after"
       },
       {
         // Wrapping icon in a div so that the asChild turns the button into a div
         // so that the drag handle props are not applied to the icon
         // Note: b/c the <button> does not handle the space-press event correctly
-        Icon: (l) => /* @__PURE__ */ o("div", { ...l, children: /* @__PURE__ */ o(hi, {}) }),
+        Icon: (l) => /* @__PURE__ */ o("div", { ...l, children: /* @__PURE__ */ o(bi, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
@@ -1555,25 +1555,25 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
     ],
     [t, a, n, r, e]
   );
-  return /* @__PURE__ */ g(gt, { children: [
-    /* @__PURE__ */ o(y, { gap: "4", display: mt(!1, "flex"), children: c.map((l) => {
-      const f = l.Wrapper ?? ft;
-      return /* @__PURE__ */ o(f, { ...l.wrapperProps, children: /* @__PURE__ */ o(ce, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ o(l.Icon, {}) }) }, l.text);
+  return /* @__PURE__ */ b(wt, { children: [
+    /* @__PURE__ */ o(y, { gap: "4", display: bt(!1, "flex"), children: c.map((l) => {
+      const d = l.Wrapper ?? gt;
+      return /* @__PURE__ */ o(d, { ...l.wrapperProps, children: /* @__PURE__ */ o(ce, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ o(l.Icon, {}) }) }, l.text);
     }) }),
-    /* @__PURE__ */ o(ge, { display: mt(!0, "block"), children: /* @__PURE__ */ o(
-      pi,
+    /* @__PURE__ */ o(ge, { display: bt(!0, "block"), children: /* @__PURE__ */ o(
+      yi,
       {
-        trigger: /* @__PURE__ */ o(ce, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ o(gi, {}) }),
+        trigger: /* @__PURE__ */ o(ce, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ o(xi, {}) }),
         closeOnSelect: !1,
         items: c.map((l) => {
-          var d;
+          var f;
           if (l.disableOnMobile)
             return null;
-          const f = l.Wrapper ?? ft;
+          const d = l.Wrapper ?? gt;
           return {
             ...l.buttonProps,
-            onSelect: (d = l.buttonProps) == null ? void 0 : d.onClick,
-            content: /* @__PURE__ */ o(f, { ...l.wrapperProps, children: /* @__PURE__ */ g(y, { gap: "2", align: "center", children: [
+            onSelect: (f = l.buttonProps) == null ? void 0 : f.onClick,
+            content: /* @__PURE__ */ o(d, { ...l.wrapperProps, children: /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
               /* @__PURE__ */ o(l.Icon, {}),
               l.text
             ] }) })
@@ -1582,15 +1582,15 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
       }
     ) })
   ] });
-}), Ne = "form-builder", hn = F(function(i) {
-  const { field: e, index: t, sectionIndex: n, takenLabels: r, remove: a } = i, c = w(() => Re(e), [e]), l = De(c, { formId: Ne, disabled: !0 }), f = T(
-    (h) => {
-      if (h.label === null)
-        throw new Error(`Expected a label for field ${h.identifier}`);
-      return { ...h, label: Ge(h.label, r), identifier: "" };
+}), qe = "form-builder", bn = z(function(i) {
+  const { field: e, index: t, sectionIndex: n, takenLabels: r, remove: a, getFieldNodeMap: c } = i, l = I(() => Be(e), [e]), d = $e(l, { formId: qe, disabled: !0 }), f = T(
+    (g) => {
+      if (g.label === null)
+        throw new Error(`Expected a label for field ${g.identifier}`);
+      return { ...g, label: Ye(g.label, r), identifier: "" };
     },
     [r]
-  ), d = w(
+  ), u = I(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1598,14 +1598,14 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
       editing: !0
     }),
     [e, t, n]
-  ), u = w(
+  ), p = I(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
       initial: f(e)
     }),
     [f, e, t, n]
-  ), p = w(
+  ), h = I(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1613,34 +1613,49 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
     }),
     [t, n]
   );
-  return /* @__PURE__ */ o(tt, { draggableId: e.identifier, index: t, children: (h) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(rt, { draggableId: e.identifier, index: t, children: (g) => /* @__PURE__ */ o(
     xe,
     {
-      ref: h.innerRef,
-      ...h.draggableProps,
-      ...h.dragHandleProps,
+      ref: g.innerRef,
+      ...g.draggableProps,
+      ...g.dragHandleProps,
       mb: "4",
-      children: /* @__PURE__ */ g(y, { gap: "4", justify: "between", align: "center", children: [
-        l,
-        /* @__PURE__ */ o(
-          Bt,
-          {
-            remove: a,
-            editProps: d,
-            duplicateProps: u,
-            insertAfterProps: p,
-            dragHandleProps: h.dragHandleProps
-          }
-        )
-      ] })
+      children: /* @__PURE__ */ b(
+        y,
+        {
+          ref: (F) => {
+            const S = c();
+            F ? S.set(e.identifier, F) : S.delete(e.identifier);
+          },
+          gap: "4",
+          justify: "between",
+          align: "center",
+          children: [
+            d,
+            /* @__PURE__ */ o(
+              jt,
+              {
+                remove: a,
+                editProps: u,
+                duplicateProps: p,
+                insertAfterProps: h,
+                dragHandleProps: g.dragHandleProps
+              }
+            )
+          ]
+        }
+      )
     }
   ) });
-}), pn = F(function(i) {
-  const { start: e, end: t } = i, n = 20, r = {
+}), yn = z(function(i) {
+  const { start: e, end: t } = i;
+  if (e === void 0 || t === void 0)
+    return null;
+  const n = 20, r = {
     x: Math.min(e.x, t.x),
     y: Math.min(e.y, t.y)
   }, a = Math.abs(t.x - e.x) + n * 2, c = Math.abs(t.y - e.y);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ b(
     "svg",
     {
       width: a,
@@ -1653,8 +1668,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
         /* @__PURE__ */ o(
           "line",
           {
-            stroke: "#aaa",
-            strokeWidth: 1,
+            stroke: "black",
+            strokeWidth: 2,
             x1: e.x - r.x - n,
             y1: t.y - r.y,
             x2: t.x - r.x,
@@ -1664,8 +1679,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
         /* @__PURE__ */ o(
           "line",
           {
-            stroke: "#aaa",
-            strokeWidth: 1,
+            stroke: "black",
+            strokeWidth: 2,
             x1: e.x - r.x - n,
             y1: e.y - r.y,
             x2: e.x - r.x - n,
@@ -1675,8 +1690,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
         /* @__PURE__ */ o(
           "line",
           {
-            stroke: "#aaa",
-            strokeWidth: 1,
+            stroke: "black",
+            strokeWidth: 2,
             x1: e.x - r.x,
             y1: e.y - r.y,
             x2: t.x - r.x - n,
@@ -1686,154 +1701,173 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
       ]
     }
   );
-}), gn = F(function(i) {
-  var O, K, q, U, A, R, Y, Ce;
-  const { field: e, index: t, dropState: n } = i, r = wt(null), a = (O = n[e.identifier]) == null ? void 0 : O.disabled, { setFieldValue: c, values: l } = he(), f = bi(), d = Pt(l.fields), u = T(
-    (S, E) => {
-      for (const _ of S) {
-        const D = E.indexOf(_);
-        c(`fields.${D}.condition`, null).then(), c(`fields.${D}.conditional`, !1).then();
+}), xn = z(function(i) {
+  var G, A, N, Y, Ce, Fe, Te, ut;
+  const { field: e, index: t, dropState: n, getFieldNodeMap: r } = i, a = it(null), c = (G = n[e.identifier]) == null ? void 0 : G.disabled, { setFieldValue: l, values: d } = pe(), f = wi(), u = Dt(d.fields), p = T(
+    (C, E) => {
+      for (const V of C) {
+        const k = E.indexOf(V);
+        l(`fields.${k}.condition`, null).then(), l(`fields.${k}.conditional`, !1).then();
       }
     },
-    [c]
-  ), p = T(
-    (S) => {
-      var D;
-      const E = e.fields[S];
+    [l]
+  ), h = T(
+    (C) => {
+      var k;
+      const E = e.fields[C];
       if (!E)
         throw new Error("Could not find field to remove.");
-      const _ = [];
-      for (const N of l.fields)
-        ((D = N.condition) == null ? void 0 : D.identifier) === E.identifier && _.push(N);
+      const V = [];
+      for (const R of d.fields)
+        ((k = R.condition) == null ? void 0 : k.identifier) === E.identifier && V.push(R);
       return {
         removing: E,
-        affectedSections: _,
-        action: () => c(`fields.${t}.fields`, Ae(e.fields, S))
+        affectedSections: V,
+        action: () => l(`fields.${t}.fields`, Pe(e.fields, C))
       };
     },
-    [e.fields, l.fields, c, t]
-  ), h = T(
-    (S) => {
-      const { affectedSections: E, action: _, removing: D } = p(S), N = () => {
-        _().then(), u(E, l.fields);
+    [e.fields, d.fields, l, t]
+  ), g = T(
+    (C) => {
+      const { affectedSections: E, action: V, removing: k } = h(C), R = () => {
+        V().then(), p(E, d.fields);
       };
       if (E.length > 0) {
-        const Be = E.map((Fe) => Fe.label).join(", ");
+        const We = E.map((Se) => Se.label).join(", ");
         return f({
           title: "Remove condition?",
-          description: `${D.label} is being used as a condition, deleting it will remove the condition from the ${Be} section(s).`,
+          description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${We} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: N
+          onAction: R
         });
       }
-      N();
+      R();
     },
-    [p, u, l.fields, f]
-  ), b = T(() => {
-    const E = e.fields.map((Te, qt) => p(qt)).flatMap((Te) => Te.affectedSections), _ = E.length ? "Remove fields and conditions?" : "Remove fields?", D = e.fields.length, N = E.map((Te) => Te.label).join(", "), Be = E.length ? `Deleting this section will remove the ${D} field(s) it contains and will remove the conditions from following sections: ${N}` : `Deleting this section will remove the ${D} field(s) it contains.`, Fe = Ae(l.fields, t), at = () => c("fields", Fe);
+    [h, p, d.fields, f]
+  ), F = T(() => {
+    const E = e.fields.map((ze, Ht) => h(Ht)).flatMap((ze) => ze.affectedSections), V = E.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, R = E.map((ze) => ze.label).join(", "), We = E.length ? `Deleting this section will remove the ${k} field(s) it contains and will remove the conditions from following sections: ${R}` : `Deleting this section will remove the ${k} field(s) it contains.`, Se = Pe(d.fields, t), ft = () => l("fields", Se);
     if (E.length > 0)
       return f({
-        title: _,
-        description: Be,
+        title: V,
+        description: We,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
-          at().then(() => {
-            u(E, Fe);
+          ft().then(() => {
+            p(E, Se);
           });
         }
       });
-    at().then();
+    ft().then();
   }, [
     e.fields,
-    l.fields,
+    d.fields,
     t,
-    p,
-    c,
+    h,
+    l,
     f,
-    u
-  ]), v = T(
-    (S) => {
-      if (S.label === null)
-        throw new Error(`Expected a label for field ${S.identifier}`);
-      const E = Ge(S.label, d), _ = S.fields.map((D) => {
-        const N = Ge(D.label, d);
+    p
+  ]), S = T(
+    (C) => {
+      if (C.label === null)
+        throw new Error(`Expected a label for field ${C.identifier}`);
+      const E = Ye(C.label, u), V = C.fields.map((k) => {
+        const R = Ye(k.label, u);
         return {
-          ...D,
-          label: N,
-          identifier: At(void 0, N)
+          ...k,
+          label: R,
+          identifier: kt(void 0, R)
         };
       });
-      return { ...S, label: E, fields: _, identifier: "" };
+      return { ...C, label: E, fields: V, identifier: "" };
     },
-    [d]
-  ), z = w(
+    [u]
+  ), v = I(
     () => ({
       index: t,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: Se(l.fields, t)
+      conditionalSourceFields: Ee(d.fields, t)
     }),
-    [e, t, l.fields]
-  ), C = w(
+    [e, t, d.fields]
+  ), x = I(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: Ee(),
-      conditionalSourceFields: Se(l.fields, t + 1)
+      initial: Le(),
+      conditionalSourceFields: Ee(d.fields, t + 1)
     }),
-    [t, l.fields]
-  ), x = w(
+    [t, d.fields]
+  ), P = I(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), L = w(
+  ), _ = I(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: v(e),
-      conditionalSourceFields: Se(l.fields, t + 1)
+      initial: S(e),
+      conditionalSourceFields: Ee(d.fields, t + 1)
     }),
-    [v, e, t, l.fields]
-  ), P = w(
+    [S, e, t, d.fields]
+  ), w = I(
     () => {
-      var S, E;
-      return (E = Lt(l.fields, (S = e.condition) == null ? void 0 : S.identifier)) == null ? void 0 : E.label;
+      var C, E;
+      return (E = Vt(d.fields, (C = e.condition) == null ? void 0 : C.identifier)) == null ? void 0 : E.label;
     },
-    [(K = e.condition) == null ? void 0 : K.identifier, l.fields]
-  ), I = Array.isArray((q = e.condition) == null ? void 0 : q.value) ? "contains all of" : "equals";
-  if (Ye((U = e.condition) == null ? void 0 : U.value))
+    [(A = e.condition) == null ? void 0 : A.identifier, d.fields]
+  ), L = Array.isArray((N = e.condition) == null ? void 0 : N.value) ? "contains all of" : "equals";
+  if (Xe((Y = e.condition) == null ? void 0 : Y.value))
     throw new Error("File values are not supported for conditions.");
-  const k = Array.isArray((A = e.condition) == null ? void 0 : A.value) ? (R = e.condition) == null ? void 0 : R.value.map((S) => typeof S == "string" ? S : S.label).join(", ") : (Y = e.condition) == null ? void 0 : Y.value.toString();
-  return console.log(e), console.log(r.current, (Ce = r.current) == null ? void 0 : Ce.getBoundingClientRect()), /* @__PURE__ */ o(tt, { draggableId: e.identifier, index: t, children: (S) => /* @__PURE__ */ g(
+  const $ = Array.isArray((Ce = e.condition) == null ? void 0 : Ce.value) ? (Fe = e.condition) == null ? void 0 : Fe.value.map((C) => typeof C == "string" ? C : C.label).join(", ") : (Te = e.condition) == null ? void 0 : Te.value.toString();
+  console.log(e), console.log(a.current, (ut = a.current) == null ? void 0 : ut.getBoundingClientRect());
+  const H = T((C) => {
+    if (console.log("in callback", C), C) {
+      const { top: E, bottom: V, left: k } = C.getBoundingClientRect();
+      return { x: k, y: (V - E) / 2 };
+    }
+  }, []), U = T(
+    (C) => {
+      const V = r().get(C);
+      return H(V);
+    },
+    [r, H]
+  );
+  return /* @__PURE__ */ o(rt, { draggableId: e.identifier, index: t, children: (C) => /* @__PURE__ */ b(
     xe,
     {
-      ref: S.innerRef,
-      ...S.draggableProps,
-      ...S.dragHandleProps,
+      ref: C.innerRef,
+      ...C.draggableProps,
+      ...C.dragHandleProps,
       mb: "4",
       children: [
-        e.condition && /* @__PURE__ */ o(pn, { start: { x: 60, y: 70 }, end: { x: 65, y: 40 } }),
-        /* @__PURE__ */ g(y, { ref: r, gap: "3", justify: "between", align: "center", children: [
-          /* @__PURE__ */ g(y, { direction: "column", gap: "2", grow: "1", children: [
-            /* @__PURE__ */ g(y, { direction: "column", children: [
-              /* @__PURE__ */ o(Me, { as: "h3", size: "3", children: e.label }),
-              /* @__PURE__ */ o(V, { className: Ie.description, children: e.description })
+        e.condition && /* @__PURE__ */ o(
+          yn,
+          {
+            start: H(a.current),
+            end: U(e.condition.identifier)
+          }
+        ),
+        /* @__PURE__ */ b(y, { ref: a, gap: "3", justify: "between", align: "center", children: [
+          /* @__PURE__ */ b(y, { direction: "column", gap: "2", grow: "1", children: [
+            /* @__PURE__ */ b(y, { direction: "column", children: [
+              /* @__PURE__ */ o(Re, { as: "h3", size: "3", children: e.label }),
+              /* @__PURE__ */ o(D, { className: Ie.description, children: e.description })
             ] }),
-            e.condition && /* @__PURE__ */ o(V, { size: "1", children: /* @__PURE__ */ g(yi, { children: [
+            e.condition && /* @__PURE__ */ o(D, { size: "1", children: /* @__PURE__ */ b(vi, { children: [
               "Display only if ",
-              /* @__PURE__ */ o(ct, { children: P }),
+              /* @__PURE__ */ o(mt, { children: w }),
               " ",
-              I,
+              L,
               " ",
-              /* @__PURE__ */ o(ct, { children: k })
+              /* @__PURE__ */ o(mt, { children: $ })
             ] }) }),
-            /* @__PURE__ */ o(et, { droppableId: e.identifier, type: "SECTION", isDropDisabled: a, children: (E) => /* @__PURE__ */ g(
+            /* @__PURE__ */ o(nt, { droppableId: e.identifier, type: "SECTION", isDropDisabled: c, children: (E) => /* @__PURE__ */ b(
               y,
               {
                 ref: E.innerRef,
@@ -1841,20 +1875,21 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
                 direction: "column",
                 gap: "0",
                 children: [
-                  e.fields.map((_, D) => /* @__PURE__ */ o(
-                    hn,
+                  e.fields.map((V, k) => /* @__PURE__ */ o(
+                    bn,
                     {
-                      field: _,
-                      index: D,
+                      field: V,
+                      index: k,
                       sectionIndex: t,
-                      remove: () => h(D),
-                      takenLabels: d
+                      remove: () => g(k),
+                      takenLabels: u,
+                      getFieldNodeMap: r
                     },
-                    _.identifier
+                    V.identifier
                   )),
                   E.placeholder,
-                  /* @__PURE__ */ o(pe, { ...x, children: /* @__PURE__ */ g(G, { type: "button", variant: "outline", children: [
-                    /* @__PURE__ */ o($e, {}),
+                  /* @__PURE__ */ o(he, { ...P, children: /* @__PURE__ */ b(K, { type: "button", variant: "outline", children: [
+                    /* @__PURE__ */ o(Oe, {}),
                     " Add a field"
                   ] }) })
                 ]
@@ -1862,20 +1897,20 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
             ) })
           ] }),
           /* @__PURE__ */ o(
-            Bt,
+            jt,
             {
-              remove: b,
-              insertAfterProps: C,
-              dragHandleProps: S.dragHandleProps,
-              editProps: z,
-              duplicateProps: L
+              remove: F,
+              insertAfterProps: x,
+              dragHandleProps: C.dragHandleProps,
+              editProps: v,
+              duplicateProps: _
             }
           )
         ] })
       ]
     }
   ) });
-}), bn = (s, i) => {
+}), wn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1890,7 +1925,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
     case "update":
       return i.state;
   }
-}, yn = (s, i) => {
+}, vn = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1900,7 +1935,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
             return e;
       }
     }
-}, ht = (s) => {
+}, yt = (s) => {
   var e, t, n;
   const i = {};
   for (let r = 0; r < s.length; r++) {
@@ -1911,142 +1946,143 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
     (t = a.condition) != null && t.identifier && l.add(a.condition.identifier), i[a.identifier] = {
       disabled: !1,
       conditionFields: l,
-      conditionIndex: yn(s, (n = a.condition) == null ? void 0 : n.identifier),
+      conditionIndex: vn(s, (n = a.condition) == null ? void 0 : n.identifier),
       index: r,
       label: a.label
     };
   }
   return i;
-}, pt = (s, i) => {
+}, xt = (s, i) => {
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, xn = F(function() {
-  const { values: i, setFieldValue: e } = he(), [t, n] = vi(bn, i.fields, ht), { showInfo: r } = xi();
+}, In = z(function() {
+  const { values: i, setFieldValue: e } = pe(), t = it(null), [n, r] = Fi(wn, i.fields, yt), { showInfo: a } = Ii();
   we(() => {
-    n({ type: "update", state: ht(i.fields) });
-  }, [n, i.fields]);
-  const a = T((f) => {
-    f.type === "SECTION" && n({ type: "hold", fieldId: f.draggableId });
-  }, []), c = T(
-    (f) => {
-      const { source: d, destination: u, type: p, reason: h, draggableId: b } = f;
-      if (n({ type: "release" }), !u || h === "CANCEL")
+    r({ type: "update", state: yt(i.fields) });
+  }, [r, i.fields]);
+  const c = T((u) => {
+    u.type === "SECTION" && r({ type: "hold", fieldId: u.draggableId });
+  }, []), l = T(
+    (u) => {
+      const { source: p, destination: h, type: g, reason: F, draggableId: S } = u;
+      if (r({ type: "release" }), !h || F === "CANCEL")
         return;
-      if (p === "ROOT") {
-        const L = t[b];
-        if (!L)
+      if (g === "ROOT") {
+        const w = n[S];
+        if (!w)
           throw new Error("Could not find section context.");
-        let P = typeof L.conditionIndex < "u" ? (
+        let L = typeof w.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(L.conditionIndex + 1, u.index)
-        ) : u.index;
-        for (const I of Object.values(t))
-          I.conditionIndex === d.index && (P = Math.min(P, I.index - 1));
-        return P != u.index && r({
+          Math.max(w.conditionIndex + 1, h.index)
+        ) : h.index;
+        for (const $ of Object.values(n))
+          $.conditionIndex === p.index && (L = Math.min(L, $.index - 1));
+        return L != h.index && a({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", Ue(i.fields, d.index, P));
+        }), e("fields", Ke(i.fields, p.index, L));
       }
-      if (p !== "SECTION")
+      if (g !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [v, z] = pt(i.fields, d.droppableId) ?? [], [C, x] = pt(i.fields, u.droppableId) ?? [];
-      if (!(v != null && v.fields) || !C)
+      const [v, x] = xt(i.fields, p.droppableId) ?? [], [P, _] = xt(i.fields, h.droppableId) ?? [];
+      if (!(v != null && v.fields) || !P)
         throw new Error("Could not find section with fields.");
-      if (v.identifier === C.identifier)
+      if (v.identifier === P.identifier)
         e(
-          `fields.${z}.fields`,
-          Ue(v.fields, d.index, u.index)
+          `fields.${x}.fields`,
+          Ke(v.fields, p.index, h.index)
         ).then();
       else {
-        const L = v.fields[d.index];
-        if (!L)
+        const w = v.fields[p.index];
+        if (!w)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${z}.fields`, Ae(v.fields, d.index)).then(), e(
-          `fields.${x}.fields`,
-          Et(C.fields, u.index, L)
+        e(`fields.${x}.fields`, Pe(v.fields, p.index)).then(), e(
+          `fields.${_}.fields`,
+          Pt(P.fields, h.index, w)
         ).then();
       }
     },
-    [i.fields, e, t, r]
-  ), l = w(
+    [i.fields, e, n, a]
+  ), d = I(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
-      initial: Ee(),
-      conditionalSourceFields: Se(i.fields, i.fields.length)
+      initial: Le(),
+      conditionalSourceFields: Ee(i.fields, i.fields.length)
     }),
     [i.fields]
-  );
-  return /* @__PURE__ */ o(vt, { onDragStart: a, onDragEnd: c, children: /* @__PURE__ */ o(et, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ g(
+  ), f = () => (t.current === null && (t.current = /* @__PURE__ */ new Map()), t.current);
+  return /* @__PURE__ */ o(Ft, { onDragStart: c, onDragEnd: l, children: /* @__PURE__ */ o(nt, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ b(
     y,
     {
-      ref: f.innerRef,
-      ...f.droppableProps,
+      ref: u.innerRef,
+      ...u.droppableProps,
       className: Ie.fieldsContainer,
       direction: "column",
       gap: "0",
       children: [
-        i.fields.map((d, u) => /* @__PURE__ */ o(
-          gn,
+        i.fields.map((p, h) => /* @__PURE__ */ o(
+          xn,
           {
-            field: d,
-            index: u,
-            dropState: t
+            field: p,
+            index: h,
+            dropState: n,
+            getFieldNodeMap: f
           },
-          d.label
+          p.label
         )),
-        f.placeholder,
-        /* @__PURE__ */ o(pe, { ...l, children: /* @__PURE__ */ g(G, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ o($e, {}),
+        u.placeholder,
+        /* @__PURE__ */ o(he, { ...d, children: /* @__PURE__ */ b(K, { type: "button", variant: "outline", children: [
+          /* @__PURE__ */ o(Oe, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), wn = {
+}), Cn = {
   title: "",
   description: "",
   fields: []
-}, vn = new be({
+}, Fn = new be({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), In = { formId: Ne, placeholder: "Give your form a title." }, Cn = new ye({
+}), Tn = { formId: qe, placeholder: "Give your form a title." }, Sn = new ye({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), Fn = { formId: Ne, placeholder: "Explain the purpose of this form." }, Tn = () => {
+}), zn = { formId: qe, placeholder: "Explain the purpose of this form." }, En = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Nn = F(
+}, Wn = z(
   ve((s, i) => {
     const { onCancel: e, onSave: t, revision: n } = s, r = n ? "Edit form" : "Create a new form", { heading: a = r } = s, c = T((h) => {
-      const b = {};
-      if (h.title || (b.title = "Title is required."), (!h.fields || h.fields.length === 0) && (b.fields = "At least one field is required."), _e(b))
-        return b;
-    }, []), l = Je({
-      initialValues: Bi(n) ?? wn,
+      const g = {};
+      if (h.title || (g.title = "Title is required."), (!h.fields || h.fields.length === 0) && (g.fields = "At least one field is required."), Me(g))
+        return g;
+    }, []), l = et({
+      initialValues: ji(n) ?? Cn,
       validate: c,
       onSubmit: (h) => t(h),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = w(() => Dt(l.values), [l.values]), d = De(vn, In), u = De(Cn, Fn), p = w(
-      () => typeof a == "object" ? a : /* @__PURE__ */ o(Me, { children: a }),
+    }), d = I(() => Mt(l.values), [l.values]), f = $e(Fn, Tn), u = $e(Sn, zn), p = I(
+      () => typeof a == "object" ? a : /* @__PURE__ */ o(Re, { children: a }),
       [a]
     );
-    return /* @__PURE__ */ o(J.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ g(y, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ g(J.List, { children: [
+    return /* @__PURE__ */ o(J.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(J.List, { children: [
         /* @__PURE__ */ o(J.Trigger, { value: "edit", children: "Edit" }),
         /* @__PURE__ */ o(J.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ g(J.Content, { value: "edit", children: [
+      /* @__PURE__ */ b(J.Content, { value: "edit", children: [
         p,
-        /* @__PURE__ */ g(V, { children: [
+        /* @__PURE__ */ b(D, { 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__ */ o("em", { children: "Preview" }),
@@ -2054,53 +2090,53 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s,
           " ",
           /* @__PURE__ */ o("strong", { children: "field values entered on this page will not be saved." })
         ] }),
-        /* @__PURE__ */ o(y, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ g("form", { id: Ne, onSubmit: l.handleSubmit, children: [
-          /* @__PURE__ */ g(Ze, { value: l, children: [
-            d,
+        /* @__PURE__ */ o(y, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: qe, onSubmit: l.handleSubmit, children: [
+          /* @__PURE__ */ b(tt, { value: l, children: [
+            f,
             u,
-            /* @__PURE__ */ o(xn, {}),
-            /* @__PURE__ */ o(V, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
+            /* @__PURE__ */ o(In, {}),
+            /* @__PURE__ */ o(D, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
           ] }),
-          /* @__PURE__ */ g(y, { justify: "end", gap: "2", children: [
-            /* @__PURE__ */ o(G, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ o(G, { type: "submit", disabled: !l.isValid, children: "Save" })
+          /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
+            /* @__PURE__ */ o(K, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ o(K, { type: "submit", disabled: !l.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ o(J.Content, { value: "preview", children: /* @__PURE__ */ o(lt, { schema: f, onSubmit: Tn }) })
+      /* @__PURE__ */ o(J.Content, { value: "preview", children: /* @__PURE__ */ o(dt, { schema: d, onSubmit: En }) })
     ] }) });
   })
 );
 export {
   fe as BooleanField,
-  _i as BooleanInput,
-  He as DateField,
-  Mi as DateInput,
+  Oi as BooleanInput,
+  Ge as DateField,
+  Ni as DateInput,
   X as FieldSection,
-  $n as FormBrowser,
-  Nn as FormBuilder,
-  lt as FormRenderer,
-  Mn as FormSubmissionBrowser,
-  _n as FormSubmissionViewer,
-  ke as MultiSelectField,
-  Hi as MultiSelectInput,
-  Le as MultiStringField,
-  Wi as MultiStringInput,
+  Rn as FormBrowser,
+  Wn as FormBuilder,
+  dt as FormRenderer,
+  Nn as FormSubmissionBrowser,
+  On as FormSubmissionViewer,
+  De as MultiSelectField,
+  Ki as MultiSelectInput,
+  ke as MultiStringField,
+  Ui as MultiStringInput,
   Q as NumberField,
-  $i as NumberInput,
-  On as PatchField,
-  Rn as PatchFormProvider,
-  Pe as SelectField,
-  Ni as SelectInput,
+  Ri as NumberInput,
+  Bn as PatchField,
+  qn as PatchFormProvider,
+  Ve as SelectField,
+  Wi as SelectInput,
   be as StringField,
-  Oi as StringInput,
+  Bi as StringInput,
   ye as TextField,
-  Ri as TextInput,
-  Re as deserialize,
-  Vt as deserializeField,
-  Dt as formRevisionToSchema,
-  _t as isConditionMet,
-  De as useFieldInput,
-  $t as useFieldInputs,
-  Ye as valueIsFile
+  qi as TextInput,
+  Be as deserialize,
+  $t as deserializeField,
+  Mt as formRevisionToSchema,
+  Ot as isConditionMet,
+  $e as useFieldInput,
+  Rt as useFieldInputs,
+  Xe as valueIsFile
 };