@overmap-ai/forms 1.0.4-conditional-arrows-2.5 → 1.0.4-conditional-arrows-2.7

package/dist/forms.js

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