@overmap-ai/forms 1.0.4-conditional-arrows-2.0 → 1.0.4-conditional-arrows-2.1

package/dist/forms.js

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