@overmap-ai/forms 1.0.4-conditional-arrows.4 → 1.0.4-conditional-arrows.5

package/dist/forms.js

@@ -1,13 +1,13 @@
 var qt = Object.defineProperty;
 var Wt = (s, i, e) => i in s ? qt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
 var p = (s, i, e) => (Wt(s, typeof i != "symbol" ? i + "" : i, e), e);
-import { jsx as r, jsxs as b, Fragment as Qe } from "react/jsx-runtime";
-import { Flex as w, Text as D, useSeverityColor as me, Checkbox as jt, CheckCircledIcon as Ht, TextField as ae, FontFamilyIcon as Ut, CalendarIcon as Gt, InputIcon as Kt, TextArea as Yt, RowsIcon as Qt, Select as gt, Box as ge, IconButton as ce, PlusIcon as _e, Badge as We, Cross1Icon as bt, ListBulletIcon as Xt, DropdownMenuIcon as Jt, MultiSelect as Zt, CheckboxIcon as ei, Card as we, Heading as $e, Button as K, UploadIcon as yt, ButtonList as Me, divButtonProps as ti, StarFilledIcon as ii, StarIcon as ni, QuestionMarkCircledIcon as ri, PersonIcon as oi, Tooltip as si, Avatar as li, Separator as ai, Dialog as ci, Pencil1Icon as di, TrashIcon as ui, CopyIcon as fi, DragHandleDots2Icon as mi, DropdownMenu as pi, DotsVerticalIcon as hi, useAlertDialog as gi, Em as bi, Strong as ct, useToast as yi, Tabs as J } from "@overmap-ai/blocks";
-import { useField as Xe, useFormikContext as pe, useFormik as Je, FormikProvider as Ze } from "formik";
-import wi, { useMemo as v, memo as z, useCallback as T, useState as de, useEffect as xe, useRef as wt, forwardRef as ve, useReducer as xi } from "react";
+import { jsx as r, jsxs as b, Fragment as Xe } from "react/jsx-runtime";
+import { Flex as y, Text as D, useSeverityColor as pe, Checkbox as jt, CheckCircledIcon as Ht, TextField as ce, FontFamilyIcon as Ut, CalendarIcon as Gt, InputIcon as Kt, TextArea as Yt, RowsIcon as Xt, Select as gt, Box as be, IconButton as de, PlusIcon as De, Badge as We, Cross1Icon as bt, ListBulletIcon as Qt, DropdownMenuIcon as Jt, MultiSelect as Zt, CheckboxIcon as ei, Card as xe, Heading as $e, Button as K, UploadIcon as yt, ButtonList as _e, divButtonProps as ti, StarFilledIcon as ii, StarIcon as ni, QuestionMarkCircledIcon as ri, PersonIcon as oi, Tooltip as si, Avatar as li, Separator as ai, Dialog as ci, Pencil1Icon as di, TrashIcon as ui, CopyIcon as fi, DragHandleDots2Icon as mi, DropdownMenu as pi, DotsVerticalIcon as hi, useAlertDialog as gi, Em as bi, Strong as ct, useToast as yi, Tabs as Z } from "@overmap-ai/blocks";
+import { useField as Qe, useFormikContext as he, useFormik as Je, FormikProvider as Ze } from "formik";
+import wi, { useMemo as F, memo as z, useCallback as T, useState as X, useEffect as ue, useRef as wt, forwardRef as ve, useReducer as xi } from "react";
 import { DragDropContext as xt, Droppable as et, Draggable as tt } from "@hello-pangea/dnd";
-import { slugify as vi, useAppSelector as N, selectFormRevision as vt, useSDK as It, selectSubmissionAttachments as Ii, selectFilteredUserForms as Ci, selectUserFormMapping as Fi, selectOrganization as Ct, selectUser as it, selectNumberOfUserForms as Ti, selectCurrentUser as Ft, classNames as Tt, isToday as Si, getLocalDateString as zi, selectLatestFormRevision as Ei, useFileSrc as Ai, selectSubmissionsForForm as Li } from "@overmap-ai/core";
-import ue from "lodash.get";
+import { slugify as vi, useAppSelector as N, selectFormRevision as vt, useSDK as It, selectSubmissionAttachments as Ii, selectFilteredUserForms as Fi, selectUserFormMapping as Ci, selectOrganization as Ft, selectUser as it, selectNumberOfUserForms as Ti, selectCurrentUser as Ct, classNames as Tt, isToday as Si, getLocalDateString as zi, selectLatestFormRevision as Ei, useFileSrc as Ai, selectSubmissionsForForm as Li } from "@overmap-ai/core";
+import fe from "lodash.get";
 import nt from "lodash.set";
 class St {
   constructor(i) {
@@ -90,30 +90,29 @@ class R extends St {
   }
 }
 p(R, "fieldTypeName"), p(R, "fieldTypeDescription");
-const Pi = "_description_9dewt_1", ki = "_fieldsContainer_9dewt_5", Ie = {
-  description: Pi,
-  fieldsContainer: ki
-}, j = (s) => {
+const Pi = "_description_17zed_1", Me = {
+  description: Pi
+}, H = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: a } = s;
-  return /* @__PURE__ */ r(w, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
     /* @__PURE__ */ r(D, { severity: t, id: o, children: i }),
     e
   ] }) });
-}, H = (s) => {
+}, U = (s) => {
   const { helpText: i, children: e, severity: t } = s;
-  return /* @__PURE__ */ b(w, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(w, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: Ie.description, children: i }) })
+    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: Me.description, children: i }) })
   ] });
-}, U = (s) => {
-  const { id: i, field: e, formId: t, ...n } = s, [o, 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`, g = `${u}-label`, h = e.required ? `${e.label} *` : e.label, m = v(() => ({
+}, G = (s) => {
+  const { id: i, field: e, formId: t, ...n } = s, [o, a, c] = Qe(e.getId()), { touched: l } = a, f = a.error ?? e.description, d = a.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, h = `${u}-label`, g = e.required ? `${e.label} *` : e.label, m = F(() => ({
     ...o,
-    onChange: (F) => {
-      const x = e.getValueFromChangeEvent(F);
-      c.setValue(x, !1).then(), (l || !e.onlyValidateAfterTouched) && c.setError(e.getError(x));
+    onChange: (I) => {
+      const v = e.getValueFromChangeEvent(I);
+      c.setValue(v, !1).then(), (l || !e.onlyValidateAfterTouched) && c.setError(e.getError(v));
     },
-    onBlur: (F) => {
-      c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(F)));
+    onBlur: (I) => {
+      c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(I)));
     }
   }), [e, o, c, l]);
   return [
@@ -121,18 +120,18 @@ const Pi = "_description_9dewt_1", ki = "_fieldsContainer_9dewt_5", Ie = {
       helpText: f,
       severity: d,
       inputId: u,
-      labelId: g,
-      label: h,
+      labelId: h,
+      label: g,
       fieldProps: m,
       helpers: c,
       field: e
     },
-    { ...n, "aria-labelledby": g }
+    { ...n, "aria-labelledby": h }
   ];
-}, Vi = [!0, "true"], Di = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i), f = me(n), d = Vi.includes(c.value);
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(
-    j,
+}, ki = [!0, "true"], Vi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = G(i), f = pe(n), d = ki.includes(c.value);
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(
+    H,
     {
       severity: n,
       inputId: e,
@@ -155,7 +154,7 @@ const Pi = "_description_9dewt_1", ki = "_fieldsContainer_9dewt_5", Ie = {
       )
     }
   ) });
-}), Z = class Z extends R {
+}), ee = class ee extends R {
   constructor(e) {
     super({ ...e, type: "boolean" });
     p(this, "onlyValidateAfterTouched", !1);
@@ -173,18 +172,18 @@ const Pi = "_description_9dewt_1", ki = "_fieldsContainer_9dewt_5", Ie = {
   static deserialize(e) {
     if (e.type !== "boolean")
       throw new Error("Type mismatch.");
-    return new Z(e);
+    return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Di, { ...e, field: this });
+    return /* @__PURE__ */ r(Vi, { ...e, field: this });
   }
 };
-p(Z, "fieldTypeName", "Checkbox"), p(Z, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), p(Z, "Icon", Ht);
-let fe = Z;
-const _i = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), d = me(n);
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    ae.Input,
+p(ee, "fieldTypeName", "Checkbox"), p(ee, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), p(ee, "Icon", Ht);
+let me = ee;
+const Di = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = G(i), d = pe(n);
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+    ce.Input,
     {
       ...f,
       ...c,
@@ -196,7 +195,7 @@ const _i = z(function(i) {
       color: d
     }
   ) }) });
-}), W = class W extends R {
+}), j = class j extends R {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
@@ -216,7 +215,7 @@ const _i = z(function(i) {
   }
   static getFieldCreationSchema() {
     return [
-      new W({
+      new j({
         label: "Minimum",
         description: "Minimum value",
         integers: !0,
@@ -224,7 +223,7 @@ const _i = z(function(i) {
         identifier: "minimum",
         formValidators: [this._validateMin]
       }),
-      new W({
+      new j({
         label: "Maximum",
         description: "Maximum value",
         integers: !0,
@@ -232,7 +231,7 @@ const _i = z(function(i) {
         identifier: "maximum",
         formValidators: [this._validateMax]
       }),
-      new fe({
+      new me({
         label: "Integers",
         description: "Whole numbers only",
         required: !1,
@@ -264,18 +263,18 @@ const _i = z(function(i) {
   static deserialize(e) {
     if (e.type !== "number")
       throw new Error("Type mismatch.");
-    return new W(e);
+    return new j(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(_i, { field: this, ...e });
+    return /* @__PURE__ */ r(Di, { field: this, ...e });
   }
 };
-p(W, "fieldTypeName", "Number"), p(W, "fieldTypeDescription", "Allows specifying a number within a given range."), p(W, "Icon", Ut), p(W, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), p(W, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let Q = W;
+p(j, "fieldTypeName", "Number"), p(j, "fieldTypeDescription", "Allows specifying a number within a given range."), p(j, "Icon", Ut), p(j, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), p(j, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
+let Q = j;
 const $i = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i), f = me(n), d = c.value ? c.value.split("T")[0] : "";
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ae.Input, { ...l, ...c, type: "date", id: e, color: f, value: d }) }) });
-}), ee = class ee extends R {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = G(i), f = pe(n), d = c.value ? c.value.split("T")[0] : "";
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ce.Input, { ...l, ...c, type: "date", id: e, color: f, value: d }) }) });
+}), te = class te extends R {
   constructor(e) {
     super({ ...e, type: "date" });
     p(this, "onlyValidateAfterTouched", !1);
@@ -289,15 +288,15 @@ const $i = z(function(i) {
   static deserialize(e) {
     if (e.type !== "date")
       throw new Error("Type mismatch.");
-    return new ee(e);
+    return new te(e);
   }
   getInput(e) {
     return /* @__PURE__ */ r($i, { field: this, ...e });
   }
 };
-p(ee, "fieldTypeName", "Date"), p(ee, "fieldTypeDescription", "Allows specifying a date."), p(ee, "Icon", Gt);
-let je = ee;
-class Se extends R {
+p(te, "fieldTypeName", "Date"), p(te, "fieldTypeDescription", "Allows specifying a date."), p(te, "Icon", Gt);
+let je = te;
+class Te extends R {
   constructor(e) {
     const { minLength: t, maxLength: n = 5e3, ...o } = e;
     super(o);
@@ -356,20 +355,20 @@ class Se extends R {
  * 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".
  */
-p(Se, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
+p(Te, "_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".
  */
-p(Se, "_validateMax", (e, t) => {
+p(Te, "_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 Mi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), d = me(n);
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ae.Input, { ...f, ...c, type: l.inputType, id: e, color: d }) }) });
-}), te = class te extends Se {
+const _i = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = G(i), d = pe(n);
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ce.Input, { ...f, ...c, type: l.inputType, id: e, color: d }) }) });
+}), ie = class ie extends Te {
   constructor(e) {
     const { inputType: t = "text", ...n } = e, o = e.maxLength ? Math.min(500, e.maxLength) : 500, a = e.minLength ? Math.min(e.minLength, o) : void 0;
     super({ ...n, maxLength: o, minLength: a, type: "string" });
@@ -383,18 +382,18 @@ const Mi = z(function(i) {
     if (e.type !== "string")
       throw new Error("Type mismatch.");
     const { maximum_length: t, minimum_length: n, input_type: o, ...a } = e;
-    return new te({ ...a, maxLength: t, minLength: n, inputType: o });
+    return new ie({ ...a, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Mi, { field: this, ...e });
+    return /* @__PURE__ */ r(_i, { field: this, ...e });
   }
 };
-p(te, "fieldTypeName", "Short Text"), p(te, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), p(te, "Icon", Kt);
-let be = te;
-const Oi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i);
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Yt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
-}), ie = class ie extends Se {
+p(ie, "fieldTypeName", "Short Text"), p(ie, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), p(ie, "Icon", Kt);
+let ye = ie;
+const Mi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = G(i);
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Yt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
+}), ne = class ne extends Te {
   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" });
@@ -406,52 +405,52 @@ const Oi = z(function(i) {
     if (i.type !== "text")
       throw new Error("Type mismatch.");
     const { maximum_length: e, minimum_length: t, ...n } = i;
-    return new ie({ ...n, maxLength: e, minLength: t });
+    return new ne({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Oi, { field: this, ...i });
+    return /* @__PURE__ */ r(Mi, { field: this, ...i });
   }
 };
-p(ie, "fieldTypeName", "Paragraph"), p(ie, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), p(ie, "Icon", Qt);
-let ye = ie;
-const Ni = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), { onChange: d, onBlur: u } = c, g = v(
+p(ne, "fieldTypeName", "Paragraph"), p(ne, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), p(ne, "Icon", Xt);
+let we = ne;
+const Oi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = G(i), { onChange: d, onBlur: u } = c, h = F(
     () => l.options.map((m) => ({ value: m.value, itemContent: m.label })),
     [l.options]
-  ), h = T(
+  ), g = T(
     (m) => {
       d(m), u(m);
     },
     [d, u]
   );
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
     gt,
     {
-      items: g,
+      items: h,
       ...c,
-      onValueChange: h,
+      onValueChange: g,
       placeholder: "Select one...",
       id: e,
       severity: n,
       ...f
     }
   ) }) });
-}), ze = (s = "", i = []) => ({
+}), Se = (s = "", i = []) => ({
   type: "section",
   fields: i,
   identifier: s,
   label: null,
   condition: null,
   conditional: !1
-}), Ri = (s) => {
+}), Ni = (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(ze(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
-  return e.length > 0 && t.push(ze("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
+    n.type === "section" ? (e.length > 0 && (t.push(Se(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
+  return e.length > 0 && t.push(Se("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
 };
 function He(s, i, e) {
   const t = Array.from(s), [n] = t.splice(i, 1);
@@ -459,7 +458,7 @@ function He(s, i, e) {
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function Bi(s, i, e) {
+function Ri(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
@@ -467,7 +466,7 @@ function zt(s, i, e) {
   const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
-function Ee(s, i) {
+function ze(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
@@ -487,86 +486,86 @@ const Et = (s, i) => {
     } else if (e.identifier === i)
       return e;
   return null;
-}, Te = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Lt = (s) => s.flatMap(
+}, Ce = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Lt = (s) => s.flatMap(
   (i) => i.type === "section" ? [...i.fields.map((e) => e.label), i.label] : i.label
 ).filter((i) => i !== null), Ue = (s, i) => {
   let e = 1, t = `${s} (${e})`;
   for (; i.includes(t); )
     t = `${s} (${++e})`;
   return t;
-}, qi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = U(i), f = me(n), d = v(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: g } = c, h = `${e}-droppable`, { disabled: m } = l, [y, I] = de(""), [F, x] = de(""), L = F || o, _ = F ? "red" : f, C = T(
+}, Bi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = G(i), f = pe(n), d = F(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: h } = c, g = `${e}-droppable`, { disabled: m } = l, [w, x] = X(""), [I, v] = X(""), k = I || o, L = I ? "red" : f, C = T(
     (A) => {
-      u(A), g(A);
+      u(A), h(A);
     },
-    [u, g]
+    [u, h]
   ), P = T(
     (A) => {
-      d.findIndex((B) => B.value === A.target.value.trim()) >= 0 ? x("All options must be unique") : A.target.value ? x("") : x("Option cannot be empty"), I(A.target.value);
+      d.findIndex((q) => q.value === A.target.value.trim()) >= 0 ? v("All options must be unique") : A.target.value ? v("") : v("Option cannot be empty"), x(A.target.value);
     },
-    [I, d]
-  ), k = T(() => {
-    if (F)
+    [x, d]
+  ), O = T(() => {
+    if (I)
       return;
-    if (!y.trim())
-      return x("Option cannot be empty");
-    const A = y.trim();
-    C([...d, { value: A, label: A }]), I("");
-  }, [y, F, C, d]), M = T(
+    if (!w.trim())
+      return v("Option cannot be empty");
+    const A = w.trim();
+    C([...d, { value: A, label: A }]), x("");
+  }, [w, I, C, d]), _ = T(
     (A) => {
-      A.key === "Enter" && (A.preventDefault(), k());
+      A.key === "Enter" && (A.preventDefault(), O());
     },
-    [k]
-  ), O = T(
+    [O]
+  ), M = T(
     (A) => {
-      C(Ee(d, A));
+      C(ze(d, A));
     },
     [d, C]
-  ), G = T(
+  ), B = T(
     (A) => {
       if (!A.destination)
         return;
-      const B = A.source.index, Y = A.destination.index;
-      C(He(d, B, Y));
+      const q = A.source.index, Y = A.destination.index;
+      C(He(d, q, Y));
     },
     [C, d]
   );
-  return /* @__PURE__ */ r(xt, { onDragEnd: G, children: /* @__PURE__ */ b(w, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(H, { helpText: L, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: (!m || d.length === 0) && /* @__PURE__ */ b(w, { gap: "2", children: [
-      /* @__PURE__ */ r(ge, { grow: "1", children: /* @__PURE__ */ r(
-        ae.Input,
+  return /* @__PURE__ */ r(xt, { onDragEnd: B, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(U, { helpText: k, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: (!m || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
+      /* @__PURE__ */ r(be, { grow: "1", children: /* @__PURE__ */ r(
+        ce.Input,
         {
           placeholder: "Press enter to add a new option",
           ...l,
           ...c,
-          value: y,
+          value: w,
           onChange: P,
-          onKeyDown: M,
+          onKeyDown: _,
           id: e,
-          color: _,
+          color: L,
           onBlur: void 0
         }
       ) }),
       /* @__PURE__ */ r(
-        ce,
+        de,
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!F || m,
-          onClick: k,
-          children: /* @__PURE__ */ r(_e, {})
+          disabled: !!I || m,
+          onClick: O,
+          children: /* @__PURE__ */ r(De, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(et, { droppableId: h, children: (A) => /* @__PURE__ */ b(w, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
-      d.map((B, Y) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(et, { droppableId: g, children: (A) => /* @__PURE__ */ b(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
+      d.map((q, Y) => /* @__PURE__ */ r(
         tt,
         {
-          draggableId: `${B.value}-draggable`,
+          draggableId: `${q.value}-draggable`,
           index: Y,
           isDragDisabled: m,
           children: ({ draggableProps: E, dragHandleProps: S, innerRef: V }) => /* @__PURE__ */ r(
-            w,
+            y,
             {
               ...S,
               ...E,
@@ -577,9 +576,9 @@ const Et = (s, i) => {
               mb: "1",
               asChild: !0,
               children: /* @__PURE__ */ b(We, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ r("span", { children: B.label }),
+                /* @__PURE__ */ r("span", { children: q.label }),
                 /* @__PURE__ */ r(
-                  ce,
+                  de,
                   {
                     size: "small",
                     variant: "ghost",
@@ -587,7 +586,7 @@ const Et = (s, i) => {
                     "aria-label": "Delete option",
                     severity: "info",
                     disabled: m,
-                    onClick: () => O(Y),
+                    onClick: () => M(Y),
                     children: /* @__PURE__ */ r(bt, {})
                   }
                 )
@@ -595,12 +594,12 @@ const Et = (s, i) => {
             }
           )
         },
-        B.value
+        q.value
       )),
       A.placeholder
     ] }) })
   ] }) });
-}), ne = class ne extends R {
+}), re = class re extends R {
   constructor(e) {
     const { minimum_length: t, maximum_length: n, ...o } = e;
     super({ ...o, type: "multi-string" });
@@ -615,7 +614,7 @@ const Et = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(qi, { field: this, ...e });
+    return /* @__PURE__ */ r(Bi, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -636,11 +635,11 @@ const Et = (s, i) => {
   static deserialize(e) {
     if (e.type !== "multi-string")
       throw new Error("Type mismatch.");
-    return new ne(e);
+    return new re(e);
   }
 };
-p(ne, "fieldTypeName", "Multi-string"), p(ne, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), p(ne, "Icon", Xt);
-let Ae = ne;
+p(re, "fieldTypeName", "Multi-string"), p(re, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), p(re, "Icon", Qt);
+let Ee = re;
 class Pt extends R {
   constructor(e) {
     super(e);
@@ -660,7 +659,7 @@ class Pt extends R {
   }
   static getFieldCreationSchema() {
     return [
-      new Ae({
+      new Ee({
         label: "Options",
         description: "List possible options for the user to select from.",
         required: !0,
@@ -671,7 +670,7 @@ class Pt extends R {
     ];
   }
 }
-const re = class re extends Pt {
+const oe = class oe extends Pt {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -684,26 +683,26 @@ const re = class re extends Pt {
   static deserialize(i) {
     if (i.type !== "select")
       throw new Error("Type mismatch.");
-    return new re(i);
+    return new oe(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ni, { field: this, ...i });
+    return /* @__PURE__ */ r(Oi, { field: this, ...i });
   }
 };
-p(re, "fieldTypeName", "Dropdown"), p(re, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), p(re, "Icon", Jt);
-let Le = re;
-const Wi = (s) => s ? Array.isArray(s) ? s : [s] : [], ji = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), { onChange: d, onBlur: u } = c, g = v(() => Wi(c.value), [c.value]), h = T(
+p(oe, "fieldTypeName", "Dropdown"), p(oe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), p(oe, "Icon", Jt);
+let Ae = oe;
+const qi = (s) => s ? Array.isArray(s) ? s : [s] : [], Wi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = G(i), { onChange: d, onBlur: u } = c, h = F(() => qi(c.value), [c.value]), g = T(
     (m) => {
       d(m), u(m);
     },
     [d, u]
   );
-  return /* @__PURE__ */ r(H, { helpText: o, severity: n, children: /* @__PURE__ */ r(j, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(U, { helpText: o, severity: n, children: /* @__PURE__ */ r(H, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
     Zt,
     {
-      value: g,
-      onValueChange: h,
+      value: h,
+      onValueChange: g,
       options: l.options,
       name: c.name,
       placeholder: "Select one or more...",
@@ -712,7 +711,7 @@ const Wi = (s) => s ? Array.isArray(s) ? s : [s] : [], ji = z(function(i) {
       ...f
     }
   ) }) });
-}), oe = class oe extends Pt {
+}), se = class se extends Pt {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -730,22 +729,22 @@ const Wi = (s) => s ? Array.isArray(s) ? s : [s] : [], ji = z(function(i) {
   static deserialize(i) {
     if (i.type !== "multi-select")
       throw new Error("Type mismatch.");
-    return new oe(i);
+    return new se(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(ji, { field: this, ...i });
+    return /* @__PURE__ */ r(Wi, { field: this, ...i });
   }
 };
-p(oe, "fieldTypeName", "Multi-select"), p(oe, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), p(oe, "Icon", ei);
-let Pe = oe;
-const Hi = z(function({ field: i, ...e }) {
-  const [{ value: t }] = Xe(i.options.clonedFieldIdentifier), n = v(() => {
+p(se, "fieldTypeName", "Multi-select"), p(se, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), p(se, "Icon", ei);
+let Le = se;
+const ji = z(function({ field: i, ...e }) {
+  const [{ value: t }] = Qe(i.options.clonedFieldIdentifier), n = F(() => {
     const o = i.options.getFieldToClone(t);
     return o ? Oe(o) : null;
   }, [i.options, t]);
-  return Ve(n, e);
+  return ke(n, e);
 });
-class ke extends R {
+class Pe extends R {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     p(this, "Component");
@@ -761,28 +760,28 @@ class ke extends R {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-p(ke, "fieldTypeName", "Custom"), p(ke, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Ui extends ke {
+p(Pe, "fieldTypeName", "Custom"), p(Pe, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Hi extends Pe {
   constructor(i) {
-    super(i, Hi);
+    super(i, ji);
   }
 }
-const Gi = z(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = pe(), d = c != null && c.identifier ? ue(l, c.identifier) : void 0, u = v(() => Dt(c, d), [c, d]);
-  xe(() => {
+const Ui = z(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = he(), d = c != null && c.identifier ? fe(l, c.identifier) : void 0, u = F(() => Dt(c, d), [c, d]);
+  ue(() => {
     if (!u)
-      for (const h of a)
-        f(h.getId(), "").then();
+      for (const g of a)
+        f(g.getId(), "").then();
   }, [u, a, f]);
-  const g = _t(a, t);
-  return u ? n ? /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(w, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ b(w, { direction: "column", children: [
+  const h = $t(a, t);
+  return u ? n ? /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ b(y, { direction: "column", children: [
       /* @__PURE__ */ r($e, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(D, { className: Ie.description, children: o })
+      /* @__PURE__ */ r(D, { className: Me.description, children: o })
     ] }),
-    g
-  ] }) }) : g : null;
-}), se = class se extends St {
+    h
+  ] }) }) : h : null;
+}), le = class le extends St {
   constructor(e) {
     const { label: t = null, fields: n, condition: o = null, conditional: a, ...c } = e;
     super({ ...c, type: "section" });
@@ -793,14 +792,14 @@ const Gi = z(function(i) {
   }
   static getFieldCreationSchema(e) {
     return e.length === 0 ? [] : [
-      new fe({
+      new me({
         label: "Conditional",
         description: "Conditionally show or hide this section.",
         identifier: "conditional",
         required: !1
       }),
       // Declare a section that will hold options for the condition (if any).
-      new se({
+      new le({
         label: "Conditional settings",
         identifier: "conditional-settings",
         // This section will only be rendered if the above "Conditional" field is checked.
@@ -812,7 +811,7 @@ const Gi = z(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 Le({
+          new Ae({
             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 +828,7 @@ const Gi = z(function(i) {
           // Declare a custom field that will be used to input a value for the condition. The value of the
           // conditional field selected in the previous step must be equal to the value the user inputs into
           // this field for the section to be rendered.
-          new Ui({
+          new Hi({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -857,7 +856,7 @@ const Gi = z(function(i) {
     if (e.type !== "section")
       throw new Error("Invalid type");
     const t = ((n = e.fields) == null ? void 0 : n.map(kt)) ?? [];
-    return new se({ ...e, fields: t });
+    return new le({ ...e, fields: t });
   }
   conditional() {
     return this.condition !== null;
@@ -874,52 +873,52 @@ const Gi = z(function(i) {
   getErrors(e) {
     const t = {};
     for (const n of this.fields) {
-      const o = n.getId(), a = n.getError(ue(e, o), e);
+      const o = n.getId(), a = n.getError(fe(e, o), e);
       a && nt(t, n.getId(), a);
     }
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Gi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ui, { field: this, ...e });
   }
 };
-p(se, "fieldTypeName", "Section"), p(se, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let X = se;
-const Ki = "_previewImage_1ig84_1", Yi = {
-  previewImage: Ki
+p(le, "fieldTypeName", "Section"), p(le, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+let J = le;
+const Gi = "_previewImage_1ig84_1", Ki = {
+  previewImage: Gi
 }, rt = (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);
-}, Qi = z(function(i) {
-  var _;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = U(i), { onChange: d } = c, u = me(n), g = wt(null), { value: h } = c, m = v(() => o || (l.maxFileSize ? `Maximum file size: ${rt(l.maxFileSize)}` : null), [l.maxFileSize, o]), y = T(() => {
+}, Yi = z(function(i) {
+  var L;
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = G(i), { onChange: d } = c, u = pe(n), h = wt(null), { value: g } = c, m = F(() => o || (l.maxFileSize ? `Maximum file size: ${rt(l.maxFileSize)}` : null), [l.maxFileSize, o]), w = T(() => {
     var C;
-    (C = g.current) == null || C.click();
-  }, []), I = T(
+    (C = h.current) == null || C.click();
+  }, []), x = T(
     (C) => {
-      const P = [...h];
+      const P = [...g];
       P.splice(C, 1), d({ target: { files: P } });
     },
-    [h, d]
-  ), F = h ? "Select new files" : "Select files", x = h ? "Select new file" : "Select a file", L = l.maxFiles > 1 ? F : x;
-  return /* @__PURE__ */ b(w, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(H, { helpText: m, severity: n, children: /* @__PURE__ */ b(j, { severity: n, inputId: e, labelId: t, label: a, children: [
-      /* @__PURE__ */ r(w, { direction: "row", gap: "2", children: /* @__PURE__ */ r(ge, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(K, { ...f, onClick: y, children: [
+    [g, d]
+  ), I = g ? "Select new files" : "Select files", v = g ? "Select new file" : "Select a file", k = l.maxFiles > 1 ? I : v;
+  return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(U, { helpText: m, severity: n, children: /* @__PURE__ */ b(H, { severity: n, inputId: e, labelId: t, label: a, children: [
+      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(be, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(K, { ...f, onClick: w, children: [
         /* @__PURE__ */ r(yt, {}),
         " ",
-        L
+        k
       ] }) }) }),
       /* @__PURE__ */ r(
         "input",
         {
           ...f,
           type: "file",
-          ref: g,
+          ref: h,
           id: e,
-          accept: (_ = l.extensions) == null ? void 0 : _.join(","),
+          accept: (L = l.extensions) == null ? void 0 : L.join(","),
           multiple: l.maxFiles > 1,
           color: u,
           style: { display: "none" },
@@ -928,28 +927,28 @@ const Ki = "_previewImage_1ig84_1", Yi = {
         }
       )
     ] }) }),
-    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ r(w, { direction: "column", gap: "2", children: h.map((C, P) => /* @__PURE__ */ r(
+    Array.isArray(g) && g.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: g.map((C, P) => /* @__PURE__ */ r(
       Xi,
       {
         field: l,
         file: C,
-        onRemove: () => I(P),
+        onRemove: () => x(P),
         disabled: f.disabled
       },
       P
     )) })
   ] });
 }), Xi = z(function({ file: i, field: e, onRemove: t, disabled: n }) {
-  const [o, a] = de(null), c = v(() => o && e.getError([o]), [e, o]), { url: l, name: f, size: d } = v(() => {
-    let u = null, g, h;
-    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (g = o.name, h = rt(o.size)) : (g = "Downloading...", h = "..."), { url: u, name: g, size: h };
+  const [o, a] = X(null), c = F(() => o && e.getError([o]), [e, o]), { url: l, name: f, size: d } = F(() => {
+    let u = null, h, g;
+    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (h = o.name, g = rt(o.size)) : (h = "Downloading...", g = "..."), { url: u, name: h, size: g };
   }, [o]);
-  return xe(() => {
+  return ue(() => {
     i instanceof Promise ? i.then(a) : a(i);
-  }, [i]), /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(w, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
-    /* @__PURE__ */ b(w, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
+  }, [i]), /* @__PURE__ */ r(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__ */ r(
-        ce,
+        de,
         {
           severity: "info",
           variant: "outline",
@@ -959,15 +958,15 @@ const Ki = "_previewImage_1ig84_1", Yi = {
           children: /* @__PURE__ */ r(bt, {})
         }
       ),
-      /* @__PURE__ */ b(w, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
         /* @__PURE__ */ r(D, { children: f }),
         /* @__PURE__ */ r(D, { size: "1", children: d }),
         c && /* @__PURE__ */ r(D, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    l && /* @__PURE__ */ r("img", { className: Yi.previewImage, src: l, alt: f })
+    l && /* @__PURE__ */ r("img", { className: Ki.previewImage, src: l, alt: f })
   ] }) });
-}), dt = 50 * 1024 * 1024, le = class le extends R {
+}), dt = 50 * 1024 * 1024, ae = class ae extends R {
   constructor(e) {
     const { extensions: t, maximum_files: n, maximum_size: o, ...a } = e;
     super({ ...a, type: "upload" });
@@ -1002,7 +1001,7 @@ const Ki = "_previewImage_1ig84_1", Yi = {
         maximum: dt,
         integers: !0
       }),
-      new Pe({
+      new Le({
         label: "Accepted file types",
         description: "Types of allowed files to upload. If left blank, all files will be accepted.",
         required: !1,
@@ -1053,30 +1052,30 @@ const Ki = "_previewImage_1ig84_1", Yi = {
   static deserialize(e) {
     if (e.type !== "upload")
       throw new Error("Type mismatch.");
-    return new le(e);
+    return new ae(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Qi, { field: this, ...e });
+    return /* @__PURE__ */ r(Yi, { field: this, ...e });
   }
 };
-p(le, "fieldTypeName", "Upload"), p(le, "fieldTypeDescription", "Allows a file to be uploaded."), p(le, "Icon", yt);
-let Ge = le;
+p(ae, "fieldTypeName", "Upload"), p(ae, "fieldTypeDescription", "Allows a file to be uploaded."), p(ae, "Icon", yt);
+let Ge = ae;
 const ot = {
   date: je,
   number: Q,
-  boolean: fe,
-  select: Le,
-  string: be,
-  text: ye,
-  custom: ke,
+  boolean: me,
+  select: Ae,
+  string: ye,
+  text: we,
+  custom: Pe,
   upload: Ge,
   // TODO: Underscore
-  "multi-string": Ae,
-  "multi-select": Pe
+  "multi-string": Ee,
+  "multi-select": Le
 }, kt = (s) => {
   const i = s.type;
   return ot[i].deserialize(s);
-}, Oe = (s) => s.type === "section" ? X.deserialize(s) : kt(s);
+}, Oe = (s) => s.type === "section" ? J.deserialize(s) : kt(s);
 function Vt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
@@ -1103,35 +1102,35 @@ function Dt(s, i) {
   }
   return t === i;
 }
-const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s, i) => {
-  const e = v(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
-  return /* @__PURE__ */ r(w, { direction: "column", gap: "2", children: e });
-}, De = (s) => Object.keys(s).length > 0, $t = async (s, i) => {
+const ke = (s, i) => F(() => !i || !s ? null : s.getInput(i), [s, i]), $t = (s, i) => {
+  const e = F(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: e });
+}, Ve = (s) => Object.keys(s).length > 0, _t = async (s, i) => {
   const e = {};
   for (const t of s.fields)
-    if (t instanceof X) {
+    if (t instanceof J) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!Dt(t.condition, ue(i, n)))
+        if (!Dt(t.condition, fe(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
     } else {
       if (!(t instanceof R))
         throw new Error("Invalid field type");
-      const n = t.getId(), o = t.getError(ue(i, n), i);
+      const n = t.getId(), o = t.getError(fe(i, n), i);
       o && nt(e, n, o);
     }
-  if (De(e))
+  if (Ve(e))
     return e;
-}, Ji = [null, void 0], st = (s, i) => s.reduce((e, t) => t instanceof X ? { ...e, ...st(t.fields, i) } : (Ji.includes(ue(e, t.getId())) && nt(e, t.getId(), ""), e), i), Zi = () => {
+}, Qi = [null, void 0], st = (s, i) => s.reduce((e, t) => t instanceof J ? { ...e, ...st(t.fields, i) } : (Qi.includes(fe(e, t.getId())) && nt(e, t.getId(), ""), e), i), Ji = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
 }, lt = z(
   ve((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Zi,
+      onSubmit: n = Ji,
       submitText: o = "Submit",
       cancelText: a,
       onCancel: c,
@@ -1140,50 +1139,50 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       hideTitle: f = !e.title,
       hideDescription: d,
       className: u
-    } = s, { readonly: g } = e.meta, h = v(() => crypto.randomUUID(), []), m = Je({
+    } = s, { readonly: h } = e.meta, g = F(() => crypto.randomUUID(), []), m = Je({
       initialValues: st(e.fields, t),
       onSubmit: n,
-      validate: (L) => $t(e, L),
+      validate: (k) => _t(e, k),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: y } = m, I = v(
+    }), { dirty: w } = m, x = F(
       () => typeof e.title == "string" ? /* @__PURE__ */ r($e, { children: e.title }) : e.title,
       [e.title]
-    ), F = v(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: Ie.description, children: e.description }) : e.description,
+    ), I = F(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: Me.description, children: e.description }) : e.description,
       [e.description]
-    ), x = _t(e.fields, { formId: h, disabled: g });
-    return xe(() => {
-      y && l && l();
-    }, [y, l]), /* @__PURE__ */ r(Ze, { value: m, children: /* @__PURE__ */ r(w, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: h, onSubmit: m.handleSubmit, children: [
-      !f && /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(w, { direction: "column", gap: "1", children: [
-        I,
-        !d && F
+    ), v = $t(e.fields, { formId: g, disabled: h });
+    return ue(() => {
+      w && l && l();
+    }, [w, l]), /* @__PURE__ */ r(Ze, { value: m, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: g, onSubmit: m.handleSubmit, children: [
+      !f && /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+        x,
+        !d && I
       ] }) }),
-      x,
-      !g && /* @__PURE__ */ b(w, { justify: "end", gap: "2", children: [
+      v,
+      !h && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
         a && /* @__PURE__ */ r(K, { type: "button", variant: "soft", onClick: c, children: a }),
         /* @__PURE__ */ r(K, { type: "submit", disabled: !m.isValid, children: o })
       ] })
     ] }) }) });
   })
-), Dn = z(
+), Vn = z(
   ve((s, i) => {
     const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = N(vt(e.form_revision)), { sdk: a } = It();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = v(() => Vt(o, { readonly: !0 }), [o]), l = v(() => {
+    const c = F(() => Vt(o, { readonly: !0 }), [o]), l = F(() => {
       const f = Ii(e.offline_id)(a.store.getState()) ?? [], d = {};
       for (const u of f) {
-        const g = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((m) => {
+        const h = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((m) => {
           if (!m.success)
             throw new Error(`Failed to download attachment ${u.file_name}.`);
           return m.body;
-        }), h = d[u.field_identifier];
-        h ? h.push(g) : d[u.field_identifier] = [g];
+        }), g = d[u.field_identifier];
+        g ? g.push(h) : d[u.field_identifier] = [h];
       }
       return { ...e.values, ...d };
     }, [a.files, a.store, e.offline_id, e.values]);
@@ -1198,38 +1197,38 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       }
     );
   })
-), en = "_favoriteIcon_1bixi_1", tn = "_regularIcon_1bixi_9", ut = {
-  favoriteIcon: en,
-  regularIcon: tn
-}, Be = "organization:", qe = "user:", _n = z(
+), Zi = "_favoriteIcon_1bixi_1", en = "_regularIcon_1bixi_9", ut = {
+  favoriteIcon: Zi,
+  regularIcon: en
+}, Be = "organization:", qe = "user:", Dn = z(
   ve((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = de(""), [a, c] = de(""), { sdk: l } = It(), f = v(() => {
-      const x = { maxResults: e, searchTerm: n };
-      return a && (a.startsWith(Be) ? x.owner_organization = parseInt(a.slice(Be.length)) : a.startsWith(qe) && (x.owner_user = parseInt(a.slice(qe.length)))), x;
-    }, [n, e, a]), d = N(Ci(f)) ?? [], u = N(Fi), g = T(
-      (x) => {
-        x.favorite ? l.userForms.unfavorite(x.offline_id).then() : l.userForms.favorite(x.offline_id).then();
+    const { maxResults: e = 20, ...t } = s, [n, o] = X(""), [a, c] = X(""), { sdk: l } = It(), f = F(() => {
+      const v = { maxResults: e, searchTerm: n };
+      return a && (a.startsWith(Be) ? v.owner_organization = parseInt(a.slice(Be.length)) : a.startsWith(qe) && (v.owner_user = parseInt(a.slice(qe.length)))), v;
+    }, [n, e, a]), d = N(Fi(f)) ?? [], u = N(Ci), h = T(
+      (v) => {
+        v.favorite ? l.userForms.unfavorite(v.offline_id).then() : l.userForms.favorite(v.offline_id).then();
       },
       [l]
-    ), h = v(() => {
-      const x = l.store.getState(), L = {};
-      for (const _ of Object.values(u)) {
-        const C = Ct(_.owner_organization || -1)(x);
-        C && (L[`${Be}${C.id}`] = C.name);
-        const P = it(_.owner_user || -1)(x);
-        P && (L[`${qe}${P.id}`] = P.username);
+    ), g = F(() => {
+      const v = l.store.getState(), k = {};
+      for (const L of Object.values(u)) {
+        const C = Ft(L.owner_organization || -1)(v);
+        C && (k[`${Be}${C.id}`] = C.name);
+        const P = it(L.owner_user || -1)(v);
+        P && (k[`${qe}${P.id}`] = P.username);
       }
-      return Object.entries(L).map(([_, C]) => ({ itemContent: C, value: _ }));
-    }, [u, l.store]), m = T((x) => {
-      o(x.currentTarget.value);
-    }, []), I = (N(Ti) || 0) - d.length, F = d.length == e && I > 0 ? `Only the first ${e} results are shown (${I} hidden)` : I > 0 && `${I} hidden forms`;
-    return /* @__PURE__ */ b(w, { ref: i, direction: "column", gap: "2", children: [
-      /* @__PURE__ */ b(w, { gap: "2", grow: "1", children: [
-        /* @__PURE__ */ r(ge, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(ae.Root, { size: "3", children: /* @__PURE__ */ r(ae.Input, { placeholder: "Filter", value: n, onChange: m }) }) }),
+      return Object.entries(k).map(([L, C]) => ({ itemContent: C, value: L }));
+    }, [u, l.store]), m = T((v) => {
+      o(v.currentTarget.value);
+    }, []), x = (N(Ti) || 0) - d.length, I = d.length == e && x > 0 ? `Only the first ${e} results are shown (${x} hidden)` : x > 0 && `${x} hidden forms`;
+    return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
+        /* @__PURE__ */ r(be, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(ce.Root, { size: "3", children: /* @__PURE__ */ r(ce.Input, { placeholder: "Filter", value: n, onChange: m }) }) }),
         /* @__PURE__ */ r(
           gt,
           {
-            items: h,
+            items: g,
             value: a,
             onValueChange: c,
             placeholder: "Owner",
@@ -1237,29 +1236,29 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(Me.Root, { children: d.map((x) => /* @__PURE__ */ r(
-        nn,
+      d.length > 0 && /* @__PURE__ */ r(_e.Root, { children: d.map((v) => /* @__PURE__ */ r(
+        tn,
         {
           ...t,
-          form: x,
-          handleToggleFavorite: () => g(x)
+          form: v,
+          handleToggleFavorite: () => h(v)
         },
-        x.offline_id
+        v.offline_id
       )) }),
-      /* @__PURE__ */ r(ge, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: F }) })
+      /* @__PURE__ */ r(be, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: I }) })
     ] });
   })
-), nn = (s) => {
-  var g;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (g = N(Ct(i.owner_organization || -1))) == null ? void 0 : g.name, a = N(it(i.owner_user || -1)), c = N(Ft).id, l = !!a && a.id === c, f = o ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = T(
-    (h) => {
-      h.stopPropagation(), n();
+), tn = (s) => {
+  var h;
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = N(Ft(i.owner_organization || -1))) == null ? void 0 : h.name, a = N(it(i.owner_user || -1)), c = N(Ct).id, l = !!a && a.id === c, f = o ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = T(
+    (g) => {
+      g.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ r(Me.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(w, { justify: "between", gap: "2", py: "2", px: "3", ...ti, children: [
-    /* @__PURE__ */ b(w, { grow: "1", align: "center", gap: "2", children: [
+  ), u = /* @__PURE__ */ r(_e.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...ti, children: [
+    /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
-        ce,
+        de,
         {
           className: Tt(i.favorite ? ut.favoriteIcon : ut.regularIcon),
           variant: "ghost",
@@ -1272,40 +1271,40 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       /* @__PURE__ */ r(D, { noWrap: !0, children: i.latestRevision.title }),
       i.latestRevision.description && /* @__PURE__ */ r(ri, {})
     ] }),
-    f && /* @__PURE__ */ b(w, { align: "center", gap: "2", children: [
+    f && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
       /* @__PURE__ */ r(oi, {}),
       " ",
       f
     ] })
   ] }) });
   return i.latestRevision.description ? /* @__PURE__ */ r(si, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, rn = "_submissionsContainer_9iirt_1", on = "_stopHorizontalOverflow_9iirt_6", Mt = {
-  submissionsContainer: rn,
-  stopHorizontalOverflow: on
-}, sn = z(function(i) {
-  var x;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, c = N(Ft), l = N(it("created_by" in e ? e.created_by : c.id)), f = Ye(e), d = Si(f) ? f.toLocaleTimeString([], {
+}, nn = "_submissionsContainer_9iirt_1", rn = "_stopHorizontalOverflow_9iirt_6", Mt = {
+  submissionsContainer: nn,
+  stopHorizontalOverflow: rn
+}, on = z(function(i) {
+  var v;
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, c = N(Ct), l = N(it("created_by" in e ? e.created_by : c.id)), f = Ye(e), d = Si(f) ? f.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   }) : zi(f), u = N(vt(e.form_revision));
   if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const g = (x = N(Ei(u.form))) == null ? void 0 : x.revision, h = Ai({
+  const h = (v = N(Ei(u.form))) == null ? void 0 : v.revision, g = Ai({
     file: (l == null ? void 0 : l.profile.file) ?? null,
     fileSha1: (l == null ? void 0 : l.profile.file_sha1) ?? null
-  }), m = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", y = u.revision === g, I = wi.useCallback(() => {
+  }), m = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", w = u.revision === h, x = wi.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), F = /* @__PURE__ */ r(Me.Item, { onClick: I, asChild: !0, children: /* @__PURE__ */ b(w, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-    /* @__PURE__ */ b(w, { gap: "2", align: "center", className: Mt.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(li, { src: h, size: "1", fallback: m }),
+  }, [e, t]), I = /* @__PURE__ */ r(_e.Item, { onClick: x, asChild: !0, children: /* @__PURE__ */ b(y, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
+    /* @__PURE__ */ b(y, { gap: "2", align: "center", className: Mt.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(li, { src: g, size: "1", fallback: m }),
       /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: o === "creator" ? (l || c).username : u.title })
     ] }),
-    /* @__PURE__ */ b(w, { gap: "2", align: "center", children: [
-      !n && (u.revision ? /* @__PURE__ */ r(We, { variant: "soft", severity: y ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!g && /* @__PURE__ */ r(We, { children: "Original" })),
+    /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
+      !n && (u.revision ? /* @__PURE__ */ r(We, { variant: "soft", severity: w ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!h && /* @__PURE__ */ r(We, { children: "Original" })),
       /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
-  return a ? a(e, F) : F;
+  return a ? a(e, I) : I;
 }), Ye = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
@@ -1323,12 +1322,12 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     throw new Error("Either formId or submissions must be provided, but not both.");
   const f = N(
     t ? () => t : Li(e)
-  ), d = v(
-    () => f == null ? void 0 : f.sort((u, g) => Ye(g).getTime() - Ye(u).getTime()),
+  ), d = F(
+    () => f == null ? void 0 : f.sort((u, h) => Ye(h).getTime() - Ye(u).getTime()),
     [f]
   );
   return /* @__PURE__ */ r(
-    Me.Root,
+    _e.Root,
     {
       className: Tt(Mt.submissionsContainer, o),
       size: "small",
@@ -1339,20 +1338,20 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
         " submissions of this form."
       ] }),
       after: a,
-      children: d == null ? void 0 : d.map((u, g) => /* @__PURE__ */ r(
-        sn,
+      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
+        on,
         {
           submission: u,
           compact: n,
           ...l
         },
-        g
+        h
       ))
     }
   );
-}), Mn = z(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = pe(), [o, a, c] = Xe(e);
-  return v(() => {
+}), _n = z(function(i) {
+  const { name: e, render: t } = i, { submitForm: n } = he(), [o, a, c] = Qe(e);
+  return F(() => {
     const l = (f) => c.setValue(f, !1);
     return t({
       value: o.value,
@@ -1360,22 +1359,22 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       patchValue: n
     });
   }, [n, c, o.value, t]);
-}), On = z(
+}), Mn = z(
   ve((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = v(() => st(t.fields, n), [t.fields, n]), f = T(
+    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = F(() => st(t.fields, n), [t.fields, n]), f = T(
       (m) => {
-        const y = {};
-        for (const I in m) {
-          const F = m[I];
-          F !== l[I] && F !== void 0 && (y[I] = F);
+        const w = {};
+        for (const x in m) {
+          const I = m[x];
+          I !== l[x] && I !== void 0 && (w[x] = I);
         }
-        De(y) && o(y);
+        Ve(w) && o(w);
       },
       [l, o]
     ), d = T(
       async (m) => {
-        const y = await $t(t, m);
-        return y && a(y), y;
+        const w = await _t(t, m);
+        return w && a(w), w;
       },
       [t, a]
     ), u = Je({
@@ -1385,18 +1384,18 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: g, resetForm: h } = u;
-    return xe(() => {
-      De(g) && h({ values: l, errors: {} });
-    }, [g, l, h]), /* @__PURE__ */ r(Ze, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
+    }), { errors: h, resetForm: g } = u;
+    return ue(() => {
+      Ve(h) && g({ values: l, errors: {} });
+    }, [h, l, g]), /* @__PURE__ */ r(Ze, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
 ), Ot = {
   ...ot,
-  section: X
-}, ln = z(function(i) {
+  section: J
+}, sn = z(function(i) {
   const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, a = e.Icon;
-  return /* @__PURE__ */ b(w, { gap: "4", align: "center", children: [
-    /* @__PURE__ */ r(K, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(w, { gap: "3", align: "center", grow: "1", children: [
+  return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ r(K, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ r(a, {}),
       n
     ] }) }),
@@ -1406,32 +1405,32 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], an = Nt.length - 1, cn = z(function(i) {
+], ln = Nt.length - 1, an = z(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(w, { direction: "column", gap: "3", children: Nt.map((t, n) => /* @__PURE__ */ b(w, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ r(w, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
-      ln,
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Nt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
+      sn,
       {
         field: ot[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < an && /* @__PURE__ */ r(ai, { size: "4" })
+    n < ln && /* @__PURE__ */ r(ai, { size: "4" })
   ] }, n)) });
-}), dn = (s) => (i) => {
+}), cn = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, un = (s, i) => {
+}, dn = (s, i) => {
   const e = [
-    new be({
+    new ye({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [dn(s)]
+      fieldValidators: [cn(s)]
     }),
-    new ye({
+    new we({
       label: "Description",
       required: !1,
       maxLength: 1e3,
@@ -1440,13 +1439,13 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   ];
   return i === "section" ? e : [
     ...e,
-    new fe({ label: "Required", description: null, required: !1, identifier: "required" })
+    new me({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, fn = z(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, c = Ot[e], l = pe(), f = v(() => {
-    const d = Lt(l.values.fields).filter((g) => g !== (o == null ? void 0 : o.label));
-    let u = un(d, e);
-    if (c === X) {
+}, un = z(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, c = Ot[e], l = he(), f = F(() => {
+    const d = Lt(l.values.fields).filter((h) => h !== (o == null ? void 0 : o.label));
+    let u = dn(d, e);
+    if (c === J) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
       u = u.concat(c.getFieldCreationSchema(a));
@@ -1472,54 +1471,54 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       onCancel: t
     }
   );
-}), he = z(function(i) {
-  const { parentPath: e, index: t, children: n, initial: o, editing: a, conditionalSourceFields: c } = i, [l, f] = de(), d = (o == null ? void 0 : o.type) ?? l, u = d ? Ot[d].fieldTypeName : void 0, { setFieldValue: g, values: h } = pe();
+}), ge = z(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: a, conditionalSourceFields: c } = i, [l, f] = X(), d = (o == null ? void 0 : o.type) ?? l, u = d ? Ot[d].fieldTypeName : void 0, { setFieldValue: h, values: g } = he();
   if (a && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  const m = !d && !a && !o, y = m ? "Choose a field type" : `${u} settings`, I = m ? "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.`, F = T(() => f(void 0), []), x = T((C) => {
+  const m = !d && !a && !o, w = m ? "Choose a field type" : `${u} settings`, x = m ? "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.`, I = T(() => f(void 0), []), v = T((C) => {
     f(void 0), C();
-  }, []), L = T(
+  }, []), k = T(
     (C, P) => {
-      const { label: k } = C;
+      const { label: O } = C;
       if (!d)
         throw new Error("Field type must be selected before creating a field.");
-      if (!k || typeof k != "string")
+      if (!O || typeof O != "string")
         throw new Error("Label must be provided before creating a field.");
-      const M = Oe({
+      const _ = Oe({
         type: d,
         ...C,
-        identifier: Et(C.identifier, k)
-      }).serialize(), O = ue(h, e);
-      if (O === void 0)
+        identifier: Et(C.identifier, O)
+      }).serialize(), M = fe(g, e);
+      if (M === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let G;
-      if (!Array.isArray(O))
+      let B;
+      if (!Array.isArray(M))
         throw new Error("Parent path must point to an array.");
-      a ? G = Bi(O, t, M) : G = zt(O, t, M), g(e, G).then(), P();
+      a ? B = Ri(M, t, _) : B = zt(M, t, _), h(e, B).then(), P();
     },
-    [a, d, h, e, g, t]
-  ), _ = T(
-    (C) => m ? /* @__PURE__ */ r(cn, { setFieldType: f }) : /* @__PURE__ */ r(
-      fn,
+    [a, d, g, e, h, t]
+  ), L = T(
+    (C) => m ? /* @__PURE__ */ r(an, { setFieldType: f }) : /* @__PURE__ */ r(
+      un,
       {
         conditionalSourceFields: c,
-        handleCancel: F,
-        handleCreateField: (P) => L(P, C),
+        handleCancel: I,
+        handleCreateField: (P) => k(P, C),
         fieldType: d,
         defaultField: o
       }
     ),
-    [c, F, L, o, m, d]
+    [c, I, k, o, m, d]
   );
-  return /* @__PURE__ */ r(ci, { onCloseInterrupt: x, title: y, description: I, content: _, children: n });
-}), ft = ({ children: s }) => /* @__PURE__ */ r(Qe, { children: s }), mt = (s, i) => ({
+  return /* @__PURE__ */ r(ci, { onCloseInterrupt: v, title: w, description: x, content: L, children: n });
+}), ft = ({ children: s }) => /* @__PURE__ */ r(Xe, { children: s }), mt = (s, i) => ({
   initial: s ? i : "none",
   sm: s ? "none" : i
 }), Rt = z(function(i) {
-  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: a } = i, c = v(
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: a } = i, c = F(
     () => [
       {
-        Wrapper: he,
+        Wrapper: ge,
         wrapperProps: n,
         Icon: di,
         text: "Edit"
@@ -1532,15 +1531,15 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
         text: "Delete"
       },
       {
-        Wrapper: he,
+        Wrapper: ge,
         wrapperProps: a,
         Icon: fi,
         text: "Duplicate"
       },
       {
-        Wrapper: he,
+        Wrapper: ge,
         wrapperProps: o,
-        Icon: _e,
+        Icon: De,
         text: "Add after"
       },
       {
@@ -1555,15 +1554,15 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     ],
     [t, a, n, o, e]
   );
-  return /* @__PURE__ */ b(Qe, { children: [
-    /* @__PURE__ */ r(w, { gap: "4", display: mt(!1, "flex"), children: c.map((l) => {
+  return /* @__PURE__ */ b(Xe, { children: [
+    /* @__PURE__ */ r(y, { gap: "4", display: mt(!1, "flex"), children: c.map((l) => {
       const f = l.Wrapper ?? ft;
-      return /* @__PURE__ */ r(f, { ...l.wrapperProps, children: /* @__PURE__ */ r(ce, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ r(l.Icon, {}) }) }, l.text);
+      return /* @__PURE__ */ r(f, { ...l.wrapperProps, children: /* @__PURE__ */ r(de, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ r(l.Icon, {}) }) }, l.text);
     }) }),
-    /* @__PURE__ */ r(ge, { display: mt(!0, "block"), children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(be, { display: mt(!0, "block"), children: /* @__PURE__ */ r(
       pi,
       {
-        trigger: /* @__PURE__ */ r(ce, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(hi, {}) }),
+        trigger: /* @__PURE__ */ r(de, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(hi, {}) }),
         closeOnSelect: !1,
         items: c.map((l) => {
           var d;
@@ -1573,7 +1572,7 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           return {
             ...l.buttonProps,
             onSelect: (d = l.buttonProps) == null ? void 0 : d.onClick,
-            content: /* @__PURE__ */ r(f, { ...l.wrapperProps, children: /* @__PURE__ */ b(w, { gap: "2", align: "center", children: [
+            content: /* @__PURE__ */ r(f, { ...l.wrapperProps, children: /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
               /* @__PURE__ */ r(l.Icon, {}),
               l.text
             ] }) })
@@ -1582,15 +1581,15 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       }
     ) })
   ] });
-}), Ne = "form-builder", mn = z(function(i) {
-  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: a, getFieldNodeMap: c } = i, l = v(() => Oe(e), [e]), f = Ve(l, { formId: Ne, disabled: !0 }), d = T(
+}), Ne = "form-builder", fn = z(function(i) {
+  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: a, getFieldNodeMap: c } = i, l = F(() => Oe(e), [e]), f = ke(l, { formId: Ne, disabled: !0 }), d = T(
     (m) => {
       if (m.label === null)
         throw new Error(`Expected a label for field ${m.identifier}`);
       return { ...m, label: Ue(m.label, o), identifier: "" };
     },
     [o]
-  ), u = v(
+  ), u = F(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1598,14 +1597,14 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       editing: !0
     }),
     [e, t, n]
-  ), g = v(
+  ), h = F(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
       initial: d(e)
     }),
     [d, e, t, n]
-  ), h = v(
+  ), g = F(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1614,18 +1613,18 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     [t, n]
   );
   return /* @__PURE__ */ r(tt, { draggableId: e.identifier, index: t, children: (m) => /* @__PURE__ */ r(
-    we,
+    xe,
     {
       ref: m.innerRef,
       ...m.draggableProps,
       ...m.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(
-        w,
+        y,
         {
-          ref: (y) => {
-            const I = c();
-            y ? I.set(e.identifier, y) : I.delete(e.identifier);
+          ref: (w) => {
+            const x = c();
+            w ? x.set(e.identifier, w) : x.delete(e.identifier);
           },
           gap: "4",
           justify: "between",
@@ -1637,8 +1636,8 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
               {
                 remove: a,
                 editProps: u,
-                duplicateProps: g,
-                insertAfterProps: h,
+                duplicateProps: h,
+                insertAfterProps: g,
                 dragHandleProps: m.dragHandleProps
               }
             )
@@ -1647,9 +1646,9 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       )
     }
   ) });
-}), pn = z(function(i) {
-  var k, M, O, G, A, B, Y;
-  const { field: e, index: t, dropState: n, getFieldNodeMap: o } = i, a = (k = n[e.identifier]) == null ? void 0 : k.disabled, { setFieldValue: c, values: l } = pe(), f = gi(), d = Lt(l.fields), u = T(
+}), mn = z(function(i) {
+  var O, _, M, B, A, q, Y;
+  const { field: e, index: t, dropState: n, getFieldNodeMap: o } = i, a = (O = n[e.identifier]) == null ? void 0 : O.disabled, { setFieldValue: c, values: l } = he(), f = gi(), d = Lt(l.fields), u = T(
     (E, S) => {
       for (const V of E) {
         const $ = S.indexOf(V);
@@ -1657,42 +1656,42 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       }
     },
     [c]
-  ), g = T(
+  ), h = T(
     (E) => {
       var $;
       const S = e.fields[E];
       if (!S)
         throw new Error("Could not find field to remove.");
       const V = [];
-      for (const q of l.fields)
-        (($ = q.condition) == null ? void 0 : $.identifier) === S.identifier && V.push(q);
+      for (const W of l.fields)
+        (($ = W.condition) == null ? void 0 : $.identifier) === S.identifier && V.push(W);
       return {
         removing: S,
         affectedSections: V,
-        action: () => c(`fields.${t}.fields`, Ee(e.fields, E))
+        action: () => c(`fields.${t}.fields`, ze(e.fields, E))
       };
     },
     [e.fields, l.fields, c, t]
-  ), h = T(
+  ), g = T(
     (E) => {
-      const { affectedSections: S, action: V, removing: $ } = g(E), q = () => {
+      const { affectedSections: S, action: V, removing: $ } = h(E), W = () => {
         V().then(), u(S, l.fields);
       };
       if (S.length > 0) {
-        const Re = S.map((Ce) => Ce.label).join(", ");
+        const Re = S.map((Ie) => Ie.label).join(", ");
         return f({
           title: "Remove condition?",
           description: `${$.label} is being used as a condition, deleting it will remove the condition from the ${Re} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: q
+          onAction: W
         });
       }
-      q();
+      W();
     },
-    [g, u, l.fields, f]
+    [h, u, l.fields, f]
   ), m = T(() => {
-    const S = e.fields.map((Fe, Bt) => g(Bt)).flatMap((Fe) => Fe.affectedSections), V = S.length ? "Remove fields and conditions?" : "Remove fields?", $ = e.fields.length, q = S.map((Fe) => Fe.label).join(", "), Re = S.length ? `Deleting this section will remove the ${$} field(s) it contains and will remove the conditions from following sections: ${q}` : `Deleting this section will remove the ${$} field(s) it contains.`, Ce = Ee(l.fields, t), at = () => c("fields", Ce);
+    const S = e.fields.map((Fe, Bt) => h(Bt)).flatMap((Fe) => Fe.affectedSections), V = S.length ? "Remove fields and conditions?" : "Remove fields?", $ = e.fields.length, W = S.map((Fe) => Fe.label).join(", "), Re = S.length ? `Deleting this section will remove the ${$} field(s) it contains and will remove the conditions from following sections: ${W}` : `Deleting this section will remove the ${$} field(s) it contains.`, Ie = ze(l.fields, t), at = () => c("fields", Ie);
     if (S.length > 0)
       return f({
         title: V,
@@ -1701,7 +1700,7 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
         actionText: "Remove",
         onAction: () => {
           at().then(() => {
-            u(S, Ce);
+            u(S, Ie);
           });
         }
       });
@@ -1710,76 +1709,76 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     e.fields,
     l.fields,
     t,
-    g,
+    h,
     c,
     f,
     u
-  ]), y = T(
+  ]), w = T(
     (E) => {
       if (E.label === null)
         throw new Error(`Expected a label for field ${E.identifier}`);
       const S = Ue(E.label, d), V = E.fields.map(($) => {
-        const q = Ue($.label, d);
+        const W = Ue($.label, d);
         return {
           ...$,
-          label: q,
-          identifier: Et(void 0, q)
+          label: W,
+          identifier: Et(void 0, W)
         };
       });
       return { ...E, label: S, fields: V, identifier: "" };
     },
     [d]
-  ), I = v(
+  ), x = F(
     () => ({
       index: t,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: Te(l.fields, t)
+      conditionalSourceFields: Ce(l.fields, t)
     }),
     [e, t, l.fields]
-  ), F = v(
+  ), I = F(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: ze(),
-      conditionalSourceFields: Te(l.fields, t + 1)
+      initial: Se(),
+      conditionalSourceFields: Ce(l.fields, t + 1)
     }),
     [t, l.fields]
-  ), x = v(
+  ), v = F(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), L = v(
+  ), k = F(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: y(e),
-      conditionalSourceFields: Te(l.fields, t + 1)
+      initial: w(e),
+      conditionalSourceFields: Ce(l.fields, t + 1)
     }),
-    [y, e, t, l.fields]
-  ), _ = v(
+    [w, e, t, l.fields]
+  ), L = F(
     () => {
       var E, S;
       return (S = At(l.fields, (E = e.condition) == null ? void 0 : E.identifier)) == null ? void 0 : S.label;
     },
-    [(M = e.condition) == null ? void 0 : M.identifier, l.fields]
-  ), C = Array.isArray((O = e.condition) == null ? void 0 : O.value) ? "contains all of" : "equals";
-  if (Ke((G = e.condition) == null ? void 0 : G.value))
+    [(_ = e.condition) == null ? void 0 : _.identifier, l.fields]
+  ), C = Array.isArray((M = e.condition) == null ? void 0 : M.value) ? "contains all of" : "equals";
+  if (Ke((B = e.condition) == null ? void 0 : B.value))
     throw new Error("File values are not supported for conditions.");
-  const P = Array.isArray((A = e.condition) == null ? void 0 : A.value) ? (B = e.condition) == null ? void 0 : B.value.map((E) => typeof E == "string" ? E : E.label).join(", ") : (Y = e.condition) == null ? void 0 : Y.value.toString();
-  return console.log(e), /* @__PURE__ */ r(tt, { draggableId: e.identifier, index: t, children: (E) => /* @__PURE__ */ r(
-    we,
+  const P = Array.isArray((A = e.condition) == null ? void 0 : A.value) ? (q = e.condition) == null ? void 0 : q.value.map((E) => typeof E == "string" ? E : E.label).join(", ") : (Y = e.condition) == null ? void 0 : Y.value.toString();
+  return console.log("field", e), /* @__PURE__ */ r(tt, { draggableId: e.identifier, index: t, children: (E) => /* @__PURE__ */ r(
+    xe,
     {
       ref: E.innerRef,
       ...E.draggableProps,
       ...E.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(
-        w,
+        y,
         {
           ref: (S) => {
             const V = o();
@@ -1789,21 +1788,21 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           justify: "between",
           align: "center",
           children: [
-            /* @__PURE__ */ b(w, { direction: "column", gap: "2", grow: "1", children: [
-              /* @__PURE__ */ b(w, { direction: "column", children: [
+            /* @__PURE__ */ b(y, { direction: "column", gap: "2", grow: "1", children: [
+              /* @__PURE__ */ b(y, { direction: "column", children: [
                 /* @__PURE__ */ r($e, { as: "h3", size: "3", children: e.label }),
-                /* @__PURE__ */ r(D, { className: Ie.description, children: e.description })
+                /* @__PURE__ */ r(D, { className: Me.description, children: e.description })
               ] }),
               e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(bi, { children: [
                 "Display only if ",
-                /* @__PURE__ */ r(ct, { children: _ }),
+                /* @__PURE__ */ r(ct, { children: L }),
                 " ",
                 C,
                 " ",
                 /* @__PURE__ */ r(ct, { children: P })
               ] }) }),
               /* @__PURE__ */ r(et, { droppableId: e.identifier, type: "SECTION", isDropDisabled: a, children: (S) => /* @__PURE__ */ b(
-                w,
+                y,
                 {
                   ref: S.innerRef,
                   ...S.droppableProps,
@@ -1811,20 +1810,20 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
                   gap: "0",
                   children: [
                     e.fields.map((V, $) => /* @__PURE__ */ r(
-                      mn,
+                      fn,
                       {
                         field: V,
                         index: $,
                         sectionIndex: t,
-                        remove: () => h($),
+                        remove: () => g($),
                         takenLabels: d,
                         getFieldNodeMap: o
                       },
                       V.identifier
                     )),
                     S.placeholder,
-                    /* @__PURE__ */ r(he, { ...x, children: /* @__PURE__ */ b(K, { type: "button", variant: "outline", children: [
-                      /* @__PURE__ */ r(_e, {}),
+                    /* @__PURE__ */ r(ge, { ...v, children: /* @__PURE__ */ b(K, { type: "button", variant: "outline", children: [
+                      /* @__PURE__ */ r(De, {}),
                       " Add a field"
                     ] }) })
                   ]
@@ -1835,10 +1834,10 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
               Rt,
               {
                 remove: m,
-                insertAfterProps: F,
+                insertAfterProps: I,
                 dragHandleProps: E.dragHandleProps,
-                editProps: I,
-                duplicateProps: L
+                editProps: x,
+                duplicateProps: k
               }
             )
           ]
@@ -1846,7 +1845,7 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       )
     }
   ) });
-}), hn = (s, i) => {
+}), pn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1861,7 +1860,7 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     case "update":
       return i.state;
   }
-}, gn = (s, i) => {
+}, hn = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1882,15 +1881,15 @@ const Ve = (s, i) => v(() => !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: gn(s, (n = a.condition) == null ? void 0 : n.identifier),
+      conditionIndex: hn(s, (n = a.condition) == null ? void 0 : n.identifier),
       index: o,
       label: a.label
     };
   }
   return i;
-}, bn = z(function(i) {
+}, gn = z(function(i) {
   const { start: e, end: t } = i, n = 20;
-  return /* @__PURE__ */ b(Qe, { children: [
+  return /* @__PURE__ */ b(Xe, { children: [
     /* @__PURE__ */ r("line", { stroke: "black", strokeWidth: 2, x1: e.x - n, y1: t.y, x2: t.x, y2: t.y }),
     /* @__PURE__ */ r(
       "line",
@@ -1919,153 +1918,157 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, yn = z(function() {
-  const { values: i, setFieldValue: e } = pe(), t = wt(null), [n, o] = xi(hn, i.fields, pt), { showInfo: a } = yi();
-  xe(() => {
-    o({ type: "update", state: pt(i.fields) });
-  }, [o, i.fields]);
-  const c = T((h) => {
-    h.type === "SECTION" && o({ type: "hold", fieldId: h.draggableId });
-  }, []), l = T(
-    (h) => {
-      const { source: m, destination: y, type: I, reason: F, draggableId: x } = h;
-      if (o({ type: "release" }), !y || F === "CANCEL")
+}, bn = z(function() {
+  const { values: i, setFieldValue: e } = he(), t = wt(null), [n, o] = X([]), [a, c] = xi(pn, i.fields, pt), { showInfo: l } = yi();
+  ue(() => {
+    c({ type: "update", state: pt(i.fields) });
+  }, [c, i.fields]);
+  const f = T((m) => {
+    m.type === "SECTION" && c({ type: "hold", fieldId: m.draggableId });
+  }, []), d = T(
+    (m) => {
+      const { source: w, destination: x, type: I, reason: v, draggableId: k } = m;
+      if (c({ type: "release" }), !x || v === "CANCEL")
         return;
       if (I === "ROOT") {
-        const k = n[x];
-        if (!k)
+        const _ = a[k];
+        if (!_)
           throw new Error("Could not find section context.");
-        let M = typeof k.conditionIndex < "u" ? (
+        let M = typeof _.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(k.conditionIndex + 1, y.index)
-        ) : y.index;
-        for (const O of Object.values(n))
-          O.conditionIndex === m.index && (M = Math.min(M, O.index - 1));
-        return M != y.index && a({
+          Math.max(_.conditionIndex + 1, x.index)
+        ) : x.index;
+        for (const B of Object.values(a))
+          B.conditionIndex === w.index && (M = Math.min(M, B.index - 1));
+        return M != x.index && l({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", He(i.fields, m.index, M));
+        }), e("fields", He(i.fields, w.index, M));
       }
       if (I !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [L, _] = ht(i.fields, m.droppableId) ?? [], [C, P] = ht(i.fields, y.droppableId) ?? [];
-      if (!(L != null && L.fields) || !C)
+      const [L, C] = ht(i.fields, w.droppableId) ?? [], [P, O] = ht(i.fields, x.droppableId) ?? [];
+      if (!(L != null && L.fields) || !P)
         throw new Error("Could not find section with fields.");
-      if (L.identifier === C.identifier)
+      if (L.identifier === P.identifier)
         e(
-          `fields.${_}.fields`,
-          He(L.fields, m.index, y.index)
+          `fields.${C}.fields`,
+          He(L.fields, w.index, x.index)
         ).then();
       else {
-        const k = L.fields[m.index];
-        if (!k)
+        const _ = L.fields[w.index];
+        if (!_)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${_}.fields`, Ee(L.fields, m.index)).then(), e(
-          `fields.${P}.fields`,
-          zt(C.fields, y.index, k)
+        e(`fields.${C}.fields`, ze(L.fields, w.index)).then(), e(
+          `fields.${O}.fields`,
+          zt(P.fields, x.index, _)
         ).then();
       }
     },
-    [i.fields, e, n, a]
-  ), f = v(
+    [i.fields, e, a, l]
+  ), u = F(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
-      initial: ze(),
-      conditionalSourceFields: Te(i.fields, i.fields.length)
+      initial: Se(),
+      conditionalSourceFields: Ce(i.fields, i.fields.length)
     }),
     [i.fields]
-  ), d = T(() => (t.current === null && (t.current = /* @__PURE__ */ new Map()), t.current), []), u = T((h) => {
-    console.log("in callback", h);
-    const { top: m, bottom: y, left: I } = h.getBoundingClientRect();
-    return { x: I, y: (y - m) / 2 };
-  }, []), g = () => {
-    const h = i.fields.filter((y) => y.conditional), m = d();
-    return h.map((y) => {
-      var x;
-      const I = m.get(y.identifier), F = ((x = y.condition) == null ? void 0 : x.identifier) && m.get(y.condition.identifier);
-      return !I || !F ? null : /* @__PURE__ */ r(
-        bn,
-        {
-          start: u(I),
-          end: u(F)
-        },
-        y.identifier
-      );
-    });
-  };
-  return /* @__PURE__ */ r(xt, { onDragStart: c, onDragEnd: l, children: /* @__PURE__ */ r(et, { droppableId: "droppable", type: "ROOT", children: (h) => /* @__PURE__ */ b(w, { direction: "row", children: [
-    /* @__PURE__ */ r("svg", { width: "100%", height: "100%", children: g() }),
+  ), h = T(() => (t.current === null && (t.current = /* @__PURE__ */ new Map()), t.current), []), g = T((m) => {
+    console.log("in callback", m, m.getBoundingClientRect());
+    const { top: w, bottom: x, left: I } = m.getBoundingClientRect();
+    return { x: I + window.scrollX, y: (x - w) / 2 + window.scrollY };
+  }, []);
+  return ue(() => {
+    const m = () => {
+      console.log("generatearrows ran", i.fields);
+      const w = i.fields.filter((I) => I.conditional), x = h();
+      return w.map((I) => {
+        var L;
+        const v = x.get(I.identifier), k = ((L = I.condition) == null ? void 0 : L.identifier) && x.get(I.condition.identifier);
+        return !v || !k ? null : /* @__PURE__ */ r(
+          gn,
+          {
+            start: g(v),
+            end: g(k)
+          },
+          I.identifier
+        );
+      });
+    };
+    console.log("useeffect ran"), o(m());
+  }, [h, g, i.fields]), /* @__PURE__ */ r(xt, { onDragStart: f, onDragEnd: d, children: /* @__PURE__ */ r(et, { droppableId: "droppable", type: "ROOT", children: (m) => /* @__PURE__ */ b(y, { direction: "row", children: [
+    /* @__PURE__ */ r("svg", { width: "10%", height: "100%", children: n }),
     /* @__PURE__ */ b(
-      w,
+      y,
       {
-        ref: h.innerRef,
-        ...h.droppableProps,
-        className: Ie.fieldsContainer,
+        ref: m.innerRef,
+        ...m.droppableProps,
         direction: "column",
         gap: "0",
+        grow: "1",
         children: [
-          i.fields.map((m, y) => /* @__PURE__ */ r(
-            pn,
+          i.fields.map((w, x) => /* @__PURE__ */ r(
+            mn,
             {
-              field: m,
-              index: y,
-              dropState: n,
-              getFieldNodeMap: d
+              field: w,
+              index: x,
+              dropState: a,
+              getFieldNodeMap: h
             },
-            m.label
+            w.label
           )),
-          h.placeholder,
-          /* @__PURE__ */ r(he, { ...f, children: /* @__PURE__ */ b(K, { type: "button", variant: "outline", children: [
-            /* @__PURE__ */ r(_e, {}),
+          m.placeholder,
+          /* @__PURE__ */ r(ge, { ...u, children: /* @__PURE__ */ b(K, { type: "button", variant: "outline", children: [
+            /* @__PURE__ */ r(De, {}),
             " Add a section"
           ] }) })
         ]
       }
     )
   ] }) }) });
-}), wn = {
+}), yn = {
   title: "",
   description: "",
   fields: []
-}, xn = new be({
+}, wn = new ye({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), vn = { formId: Ne, placeholder: "Give your form a title." }, In = new ye({
+}), xn = { formId: Ne, placeholder: "Give your form a title." }, vn = new we({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), Cn = { formId: Ne, placeholder: "Explain the purpose of this form." }, Fn = () => {
+}), In = { formId: Ne, placeholder: "Explain the purpose of this form." }, Fn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Nn = z(
+}, On = z(
   ve((s, i) => {
-    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, c = T((h) => {
+    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, c = T((g) => {
       const m = {};
-      if (h.title || (m.title = "Title is required."), (!h.fields || h.fields.length === 0) && (m.fields = "At least one field is required."), De(m))
+      if (g.title || (m.title = "Title is required."), (!g.fields || g.fields.length === 0) && (m.fields = "At least one field is required."), Ve(m))
         return m;
     }, []), l = Je({
-      initialValues: Ri(n) ?? wn,
+      initialValues: Ni(n) ?? yn,
       validate: c,
-      onSubmit: (h) => t(h),
+      onSubmit: (g) => t(g),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = v(() => Vt(l.values), [l.values]), d = Ve(xn, vn), u = Ve(In, Cn), g = v(
+    }), f = F(() => Vt(l.values), [l.values]), d = ke(wn, xn), u = ke(vn, In), h = F(
       () => typeof a == "object" ? a : /* @__PURE__ */ r($e, { children: a }),
       [a]
     );
-    return /* @__PURE__ */ r(J.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(w, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ b(J.List, { children: [
-        /* @__PURE__ */ r(J.Trigger, { value: "edit", children: "Edit" }),
-        /* @__PURE__ */ r(J.Trigger, { value: "preview", children: "Preview" })
+    return /* @__PURE__ */ r(Z.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(Z.List, { children: [
+        /* @__PURE__ */ r(Z.Trigger, { value: "edit", children: "Edit" }),
+        /* @__PURE__ */ r(Z.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ b(J.Content, { value: "edit", children: [
-        g,
+      /* @__PURE__ */ b(Z.Content, { value: "edit", children: [
+        h,
         /* @__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",
           " ",
@@ -2074,53 +2077,53 @@ const Ve = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           " ",
           /* @__PURE__ */ r("strong", { children: "field values entered on this page will not be saved." })
         ] }),
-        /* @__PURE__ */ r(w, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: Ne, onSubmit: l.handleSubmit, children: [
+        /* @__PURE__ */ r(y, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: Ne, onSubmit: l.handleSubmit, children: [
           /* @__PURE__ */ b(Ze, { value: l, children: [
             d,
             u,
-            /* @__PURE__ */ r(yn, {}),
+            /* @__PURE__ */ r(bn, {}),
             /* @__PURE__ */ r(D, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
           ] }),
-          /* @__PURE__ */ b(w, { justify: "end", gap: "2", children: [
+          /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
             /* @__PURE__ */ r(K, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
             /* @__PURE__ */ r(K, { type: "submit", disabled: !l.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(J.Content, { value: "preview", children: /* @__PURE__ */ r(lt, { schema: f, onSubmit: Fn }) })
+      /* @__PURE__ */ r(Z.Content, { value: "preview", children: /* @__PURE__ */ r(lt, { schema: f, onSubmit: Fn }) })
     ] }) });
   })
 );
 export {
-  fe as BooleanField,
-  Di as BooleanInput,
+  me as BooleanField,
+  Vi as BooleanInput,
   je as DateField,
   $i as DateInput,
-  X as FieldSection,
-  _n as FormBrowser,
-  Nn as FormBuilder,
+  J as FieldSection,
+  Dn as FormBrowser,
+  On as FormBuilder,
   lt as FormRenderer,
   $n as FormSubmissionBrowser,
-  Dn as FormSubmissionViewer,
-  Pe as MultiSelectField,
-  ji as MultiSelectInput,
-  Ae as MultiStringField,
-  qi as MultiStringInput,
+  Vn as FormSubmissionViewer,
+  Le as MultiSelectField,
+  Wi as MultiSelectInput,
+  Ee as MultiStringField,
+  Bi as MultiStringInput,
   Q as NumberField,
-  _i as NumberInput,
-  Mn as PatchField,
-  On as PatchFormProvider,
-  Le as SelectField,
-  Ni as SelectInput,
-  be as StringField,
-  Mi as StringInput,
-  ye as TextField,
-  Oi as TextInput,
+  Di as NumberInput,
+  _n as PatchField,
+  Mn as PatchFormProvider,
+  Ae as SelectField,
+  Oi as SelectInput,
+  ye as StringField,
+  _i as StringInput,
+  we as TextField,
+  Mi as TextInput,
   Oe as deserialize,
   kt as deserializeField,
   Vt as formRevisionToSchema,
   Dt as isConditionMet,
-  Ve as useFieldInput,
-  _t as useFieldInputs,
+  ke as useFieldInput,
+  $t as useFieldInputs,
   Ke as valueIsFile
 };