@overmap-ai/forms 1.0.4-conditional-arrows-2.6 → 1.0.4-conditional-arrows-2.8

package/dist/forms.js

@@ -1,16 +1,16 @@
-var jt = Object.defineProperty;
-var Ut = (s, i, e) => i in s ? jt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var m = (s, i, e) => (Ut(s, typeof i != "symbol" ? i + "" : i, e), e);
+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 Gt, CheckCircledIcon as Kt, TextField as ae, FontFamilyIcon as Yt, CalendarIcon as Zt, InputIcon as Xt, TextArea as Qt, RowsIcon as Jt, Select as vt, Box as ge, IconButton as ce, PlusIcon as Oe, Badge as Ue, Cross1Icon as xt, ListBulletIcon as ei, DropdownMenuIcon as ti, MultiSelect as ii, CheckboxIcon as ni, Card as we, Heading as Me, Button as G, UploadIcon as It, ButtonList as Re, divButtonProps as ri, StarFilledIcon as oi, StarIcon as si, QuestionMarkCircledIcon as li, PersonIcon as ai, Tooltip as ci, Avatar as di, Separator as ui, Dialog as fi, Pencil1Icon as mi, TrashIcon as hi, CopyIcon as pi, DragHandleDots2Icon as gi, DropdownMenu as bi, DotsVerticalIcon as yi, useThemeContext as wi, useAlertDialog as vi, Em as xi, Strong as ft, useToast as Ii, Tabs as Q } from "@overmap-ai/blocks";
-import { useField as et, useFormikContext as he, useFormik as tt, FormikProvider as it } from "formik";
-import Ci, { useMemo as x, memo as S, useCallback as T, useState as de, useEffect as ve, useRef as Fi, forwardRef as xe, useReducer as Ti } from "react";
-import { DragDropContext as Ct, Droppable as nt, Draggable as rt } from "@hello-pangea/dnd";
-import { slugify as Si, useAppSelector as O, selectFormRevision as Ft, useSDK as Tt, selectSubmissionAttachments as zi, selectFilteredUserForms as Ei, selectUserFormMapping as Ai, selectOrganization as St, selectUser as ot, selectNumberOfUserForms as Li, selectCurrentUser as zt, classNames as Et, isToday as Pi, getLocalDateString as ki, selectLatestFormRevision as $i, useFileSrc as Vi, selectSubmissionsForForm as Di } from "@overmap-ai/core";
+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 z, useCallback as S, 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 st from "lodash.set";
-import mt from "react-xarrows";
-class At {
+import ht from "react-xarrows";
+class Pt {
   constructor(i) {
     m(this, "type");
     m(this, "identifier");
@@ -34,7 +34,7 @@ class At {
     };
   }
 }
-class M extends At {
+class M extends Pt {
   constructor(e) {
     const { label: t, required: n, fieldValidators: o = [], formValidators: a = [], ...c } = e;
     super(c);
@@ -91,8 +91,8 @@ class M extends At {
   }
 }
 m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const _i = "_description_17zed_1", Ne = {
-  description: _i
+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: [
@@ -106,7 +106,7 @@ const _i = "_description_17zed_1", Ne = {
     /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r($, { size: "1", severity: t, className: Ne.description, children: i }) })
   ] });
 }, 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`, h = `${u}-label`, p = e.required ? `${e.label} *` : e.label, b = x(() => ({
+  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,16 +121,16 @@ const _i = "_description_17zed_1", Ne = {
       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 }
   ];
-}, Oi = [!0, "true"], Mi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = me(n), d = Oi.includes(c.value);
+}, Ri = [!0, "true"], Ni = z(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,
     {
@@ -140,7 +140,7 @@ const _i = "_description_17zed_1", Ne = {
       label: a,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
-        Gt,
+        Yt,
         {
           ...l,
           ...c,
@@ -176,12 +176,12 @@ const _i = "_description_17zed_1", Ne = {
     return new J(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Mi, { ...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", Kt);
+m(J, "fieldTypeName", "Checkbox"), m(J, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(J, "Icon", Zt);
 let fe = J;
-const Ri = S(function(i) {
+const Bi = z(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,
@@ -267,12 +267,12 @@ const Ri = S(function(i) {
     return new B(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ri, { 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", Yt), 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 Ni = S(function(i) {
+const qi = z(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 {
@@ -292,10 +292,10 @@ const Ni = S(function(i) {
     return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ni, { field: this, ...e });
+    return /* @__PURE__ */ r(qi, { field: this, ...e });
   }
 };
-m(ee, "fieldTypeName", "Date"), m(ee, "fieldTypeDescription", "Allows specifying a date."), m(ee, "Icon", Zt);
+m(ee, "fieldTypeName", "Date"), m(ee, "fieldTypeDescription", "Allows specifying a date."), m(ee, "Icon", Qt);
 let Ge = ee;
 class Ee extends M {
   constructor(e) {
@@ -366,7 +366,7 @@ m(Ee, "_validateMax", (e, t) => {
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const Bi = S(function(i) {
+const Wi = z(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 {
@@ -386,14 +386,14 @@ const Bi = S(function(i) {
     return new te({ ...a, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Bi, { 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", Xt);
+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 qi = S(function(i) {
+const Hi = z(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(Qt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
+  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;
@@ -409,27 +409,27 @@ const qi = S(function(i) {
     return new ie({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(qi, { 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", Jt);
+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 Wi = 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, h = x(
+const ji = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, p = x(
     () => l.options.map((b) => ({ value: b.value, itemContent: b.label })),
     [l.options]
-  ), p = T(
+  ), h = S(
     (b) => {
       d(b), u(b);
     },
     [d, u]
   );
   return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    vt,
+    It,
     {
-      items: h,
+      items: p,
       ...c,
-      onValueChange: p,
+      onValueChange: h,
       placeholder: "Select one...",
       id: e,
       severity: n,
@@ -443,7 +443,7 @@ const Wi = S(function(i) {
   label: null,
   condition: null,
   conditional: !1
-}), Hi = (s) => {
+}), Ui = (s) => {
   if (!s)
     return;
   const i = s.fields;
@@ -459,11 +459,11 @@ function Ke(s, i, e) {
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function ji(s, i, e) {
+function Gi(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
-function Lt(s, i, e) {
+function kt(s, i, e) {
   const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
@@ -471,58 +471,58 @@ function Le(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const Pt = (s, i) => {
+const $t = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
-  return `${Si(i)}-${e.getTime()}`;
-}, kt = (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 = kt(e.fields, i);
+      const t = Vt(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, ze = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), $t = (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), Ye = (s, i) => {
   let e = 1, t = `${s} (${e})`;
   for (; i.includes(t); )
     t = `${s} (${++e})`;
   return t;
-}, Ui = 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: h } = c, p = `${e}-droppable`, { disabled: b } = l, [z, I] = de(""), [C, w] = de(""), V = C || o, L = C ? "red" : f, v = T(
+}, Ki = z(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, [E, I] = de(""), [C, w] = de(""), V = C || o, L = C ? "red" : f, v = S(
     (A) => {
-      u(A), h(A);
+      u(A), p(A);
     },
-    [u, h]
-  ), P = T(
+    [u, p]
+  ), P = S(
     (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 = T(() => {
+  ), R = S(() => {
     if (C)
       return;
-    if (!z.trim())
+    if (!E.trim())
       return w("Option cannot be empty");
-    const A = z.trim();
+    const A = E.trim();
     v([...d, { value: A, label: A }]), I("");
-  }, [z, C, v, d]), X = T(
+  }, [E, C, v, d]), X = S(
     (A) => {
       A.key === "Enter" && (A.preventDefault(), R());
     },
     [R]
-  ), j = T(
+  ), j = S(
     (A) => {
       v(Le(d, A));
     },
     [d, v]
-  ), U = T(
+  ), U = S(
     (A) => {
       if (!A.destination)
         return;
@@ -531,7 +531,7 @@ const Pt = (s, i) => {
     },
     [v, d]
   );
-  return /* @__PURE__ */ r(Ct, { onDragEnd: U, children: /* @__PURE__ */ g(y, { direction: "column", 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,
@@ -539,7 +539,7 @@ const Pt = (s, i) => {
           placeholder: "Press enter to add a new option",
           ...l,
           ...c,
-          value: z,
+          value: E,
           onChange: P,
           onKeyDown: X,
           id: e,
@@ -558,7 +558,7 @@ const Pt = (s, i) => {
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(nt, { 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(
         rt,
         {
@@ -588,7 +588,7 @@ const Pt = (s, i) => {
                     severity: "info",
                     disabled: b,
                     onClick: () => j(K),
-                    children: /* @__PURE__ */ r(xt, {})
+                    children: /* @__PURE__ */ r(Ct, {})
                   }
                 )
               ] })
@@ -615,7 +615,7 @@ const Pt = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ui, { 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 Pt = (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", ei);
+m(ne, "fieldTypeName", "Multi-string"), m(ne, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ne, "Icon", ii);
 let Pe = ne;
-class Vt extends M {
+class _t extends M {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -671,7 +671,7 @@ class Vt extends M {
     ];
   }
 }
-const re = class re extends Vt {
+const re = class re extends _t {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -687,23 +687,23 @@ const re = class re extends Vt {
     return new re(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Wi, { 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", ti);
+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 Gi = (s) => s ? Array.isArray(s) ? s : [s] : [], Ki = 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, h = x(() => Gi(c.value), [c.value]), p = T(
+const Yi = (s) => s ? Array.isArray(s) ? s : [s] : [], Zi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, p = x(() => Yi(c.value), [c.value]), h = S(
     (b) => {
       d(b), u(b);
     },
     [d, u]
   );
   return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    ii,
+    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 Gi = (s) => s ? Array.isArray(s) ? s : [s] : [], Ki = S(function(i) {
       ...f
     }
   ) }) });
-}), oe = class oe extends Vt {
+}), oe = class oe extends _t {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -733,12 +733,12 @@ const Gi = (s) => s ? Array.isArray(s) ? s : [s] : [], Ki = S(function(i) {
     return new oe(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ki, { 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", ni);
+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 Yi = S(function({ field: i, ...e }) {
+const Xi = z(function({ field: i, ...e }) {
   const [{ value: t }] = et(i.options.clonedFieldIdentifier), n = x(() => {
     const o = i.options.getFieldToClone(t);
     return o ? Be(o) : null;
@@ -762,27 +762,27 @@ class Ve extends M {
   }
 }
 m(Ve, "fieldTypeName", "Custom"), m(Ve, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Zi extends Ve {
+class Qi extends Ve {
   constructor(i) {
-    super(i, Yi);
+    super(i, Xi);
   }
 }
-const Xi = S(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(() => Ot(c, d), [c, d]);
+const Ji = z(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = pe(), d = c != null && c.identifier ? ue(l, c.identifier) : void 0, u = 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 = Mt(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(Me, { as: "h3", size: "3", children: n }),
       /* @__PURE__ */ r($, { className: Ne.description, children: o })
     ] }),
-    h
-  ] }) }) : h : null;
-}), se = class se extends At {
+    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" });
@@ -829,7 +829,7 @@ const Xi = S(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 Zi({
+          new Qi({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -856,7 +856,7 @@ const Xi = S(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(Dt)) ?? [];
+    const t = ((n = e.fields) == null ? void 0 : n.map(Ot)) ?? [];
     return new se({ ...e, fields: t });
   }
   conditional() {
@@ -880,35 +880,35 @@ const Xi = S(function(i) {
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Xi, { 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 Qi = "_previewImage_1ig84_1", Ji = {
-  previewImage: Qi
+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);
-}, en = S(function(i) {
+}, nn = z(function(i) {
   var L;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d } = c, u = me(n), h = Fi(null), { value: p } = c, b = x(() => o || (l.maxFileSize ? `Maximum file size: ${lt(l.maxFileSize)}` : null), [l.maxFileSize, o]), z = T(() => {
+  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]), E = S(() => {
     var v;
-    (v = h.current) == null || v.click();
-  }, []), I = T(
+    (v = p.current) == null || v.click();
+  }, []), I = S(
     (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(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(It, {}),
+      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(ge, { width: "max-content", asChild: !0, children: /* @__PURE__ */ g(G, { ...f, onClick: E, children: [
+        /* @__PURE__ */ r(Ft, {}),
         " ",
         V
       ] }) }) }),
@@ -917,7 +917,7 @@ const Qi = "_previewImage_1ig84_1", Ji = {
         {
           ...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 Qi = "_previewImage_1ig84_1", Ji = {
         }
       )
     ] }) }),
-    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: p.map((v, P) => /* @__PURE__ */ r(
-      tn,
+    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 Qi = "_previewImage_1ig84_1", Ji = {
       P
     )) })
   ] });
-}), tn = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
+}), rn = z(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 = lt(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 Qi = "_previewImage_1ig84_1", Ji = {
           "aria-label": `Remove ${f}`,
           disabled: n,
           onClick: t,
-          children: /* @__PURE__ */ r(xt, {})
+          children: /* @__PURE__ */ r(Ct, {})
         }
       ),
       /* @__PURE__ */ g(y, { direction: "column", gap: "1", children: [
@@ -965,9 +965,9 @@ const Qi = "_previewImage_1ig84_1", Ji = {
         c && /* @__PURE__ */ r($, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    l && /* @__PURE__ */ r("img", { className: Ji.previewImage, src: l, alt: f })
+    l && /* @__PURE__ */ r("img", { className: tn.previewImage, src: l, alt: f })
   ] }) });
-}), ht = 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,7 +999,7 @@ const Qi = "_previewImage_1ig84_1", Ji = {
         required: !1,
         identifier: "maximum_size",
         minimum: 1,
-        maximum: ht,
+        maximum: gt,
         integers: !0
       }),
       new $e({
@@ -1033,7 +1033,7 @@ const Qi = "_previewImage_1ig84_1", Ji = {
     ];
   }
   getFieldValidators() {
-    const e = super.getFieldValidators(), t = this.maxFileSize ?? ht, 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 ${lt(t)}.`;
@@ -1056,10 +1056,10 @@ const Qi = "_previewImage_1ig84_1", Ji = {
     return new le(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(en, { 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", It);
+m(le, "fieldTypeName", "Upload"), m(le, "fieldTypeDescription", "Allows a file to be uploaded."), m(le, "Icon", Ft);
 let Ze = le;
 const at = {
   date: Ge,
@@ -1073,11 +1073,11 @@ const at = {
   // TODO: Underscore
   "multi-string": Pe,
   "multi-select": $e
-}, Dt = (s) => {
+}, Ot = (s) => {
   const i = s.type;
   return at[i].deserialize(s);
-}, Be = (s) => s.type === "section" ? Z.deserialize(s) : Dt(s);
-function _t(s, i = {}) {
+}, Be = (s) => s.type === "section" ? Z.deserialize(s) : Ot(s);
+function Mt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
     title: s.title,
@@ -1089,7 +1089,7 @@ function _t(s, i = {}) {
 function Xe(s) {
   return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
 }
-function Ot(s, i) {
+function Rt(s, i) {
   if (!s)
     return !0;
   if (Xe(i) || Xe(s.value))
@@ -1103,16 +1103,16 @@ function Ot(s, i) {
   }
   return t === i;
 }
-const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (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 });
-}, _e = (s) => Object.keys(s).length > 0, Rt = 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 (!Ot(t.condition, ue(i, n)))
+        if (!Rt(t.condition, ue(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
@@ -1124,14 +1124,14 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     }
   if (_e(e))
     return e;
-}, nn = [null, void 0], ct = (s, i) => s.reduce((e, t) => t instanceof Z ? { ...e, ...ct(t.fields, i) } : (nn.includes(ue(e, t.getId())) && st(e, t.getId(), ""), e), i), rn = () => {
+}, 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.");
-}, dt = S(
+}, dt = z(
   xe((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = rn,
+      onSubmit: n = sn,
       submitText: o = "Submit",
       cancelText: a,
       onCancel: c,
@@ -1140,50 +1140,50 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       hideTitle: f = !e.title,
       hideDescription: d,
       className: u
-    } = s, { readonly: h } = e.meta, p = x(() => crypto.randomUUID(), []), b = tt({
+    } = s, { readonly: p } = e.meta, h = x(() => crypto.randomUUID(), []), b = tt({
       initialValues: ct(e.fields, t),
       onSubmit: n,
-      validate: (V) => Rt(e, V),
+      validate: (V) => Bt(e, V),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: z } = b, I = x(
+    }), { dirty: E } = 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: Ne.description, children: e.description }) : e.description,
       [e.description]
-    ), w = Mt(e.fields, { formId: p, disabled: h });
+    ), w = Nt(e.fields, { formId: h, disabled: p });
     return ve(() => {
-      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: p, onSubmit: b.handleSubmit, children: [
+      E && l && l();
+    }, [E, 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 })
       ] })
     ] }) }) });
   })
-), Mn = S(
+), Nn = z(
   xe((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = O(Ft(e.form_revision)), { sdk: a } = Tt();
+    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(() => _t(o, { readonly: !0 }), [o]), l = x(() => {
-      const f = zi(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]);
@@ -1198,38 +1198,38 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       }
     );
   })
-), on = "_favoriteIcon_1bixi_1", sn = "_regularIcon_1bixi_9", pt = {
-  favoriteIcon: on,
-  regularIcon: sn
-}, He = "organization:", je = "user:", Rn = S(
+), ln = "_favoriteIcon_1bixi_1", an = "_regularIcon_1bixi_9", bt = {
+  favoriteIcon: ln,
+  regularIcon: an
+}, He = "organization:", je = "user:", Bn = z(
   xe((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = de(""), [a, c] = de(""), { sdk: l } = Tt(), 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(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 = O(Ei(f)) ?? [], u = O(Ai), h = T(
+    }, [n, e, a]), d = _(Ai(f)) ?? [], u = _(Li), p = S(
       (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 = St(L.owner_organization || -1)(w);
+        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 = T((w) => {
+    }, [u, l.store]), b = S((w) => {
       o(w.currentTarget.value);
-    }, []), I = (O(Li) || 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(
-          vt,
+          It,
           {
-            items: p,
+            items: h,
             value: a,
             onValueChange: c,
             placeholder: "Owner",
@@ -1238,70 +1238,70 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
         )
       ] }),
       d.length > 0 && /* @__PURE__ */ r(Re.Root, { children: d.map((w) => /* @__PURE__ */ r(
-        ln,
+        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 }) })
     ] });
   })
-), ln = (s) => {
-  var h;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = O(St(i.owner_organization || -1))) == null ? void 0 : h.name, a = O(ot(i.owner_user || -1)), c = O(zt).id, l = !!a && a.id === c, f = o ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = T(
-    (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 = S(
+    (h) => {
+      h.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ r(Re.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ g(y, { justify: "between", gap: "2", py: "2", px: "3", ...ri, 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: Et(i.favorite ? pt.favoriteIcon : pt.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(oi, {}) : /* @__PURE__ */ r(si, {})
+          children: i.favorite ? /* @__PURE__ */ r(li, {}) : /* @__PURE__ */ r(ai, {})
         }
       ),
       /* @__PURE__ */ r($, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ r(li, {})
+      i.latestRevision.description && /* @__PURE__ */ r(ci, {})
     ] }),
     f && /* @__PURE__ */ g(y, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ r(ai, {}),
+      /* @__PURE__ */ r(di, {}),
       " ",
       f
     ] })
   ] }) });
-  return i.latestRevision.description ? /* @__PURE__ */ r(ci, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, an = "_submissionsContainer_9iirt_1", cn = "_stopHorizontalOverflow_9iirt_6", Nt = {
-  submissionsContainer: an,
-  stopHorizontalOverflow: cn
-}, dn = S(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 = z(function(i) {
   var w;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, c = O(zt), l = O(ot("created_by" in e ? e.created_by : c.id)), f = Qe(e), d = Pi(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"
-  }) : ki(f), u = O(Ft(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($i(u.form))) == null ? void 0 : w.revision, p = Vi({
+  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()) ?? "?", z = u.revision === h, I = Ci.useCallback(() => {
+  }), b = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", E = u.revision === p, I = Fi.useCallback(() => {
     t && t({ submission: e });
   }, [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: Nt.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(di, { src: p, size: "1", fallback: b }),
+    /* @__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(Ue, { variant: "soft", severity: z ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!h && /* @__PURE__ */ r(Ue, { children: "Original" })),
+      !n && (u.revision ? /* @__PURE__ */ r(Ue, { variant: "soft", severity: E ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!p && /* @__PURE__ */ r(Ue, { children: "Original" })),
       /* @__PURE__ */ r($, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
@@ -1309,7 +1309,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
 }), Qe = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, Nn = S(function(i) {
+}, qn = z(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1321,16 +1321,16 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = O(
-    t ? () => t : Di(e)
+  const f = _(
+    t ? () => t : _i(e)
   ), d = x(
-    () => f == null ? void 0 : f.sort((u, h) => Qe(h).getTime() - Qe(u).getTime()),
+    () => f == null ? void 0 : f.sort((u, p) => Qe(p).getTime() - Qe(u).getTime()),
     [f]
   );
   return /* @__PURE__ */ r(
     Re.Root,
     {
-      className: Et(Nt.submissionsContainer, o),
+      className: Lt(qt.submissionsContainer, o),
       size: "small",
       variant: c,
       before: !n && /* @__PURE__ */ g($, { severity: "info", children: [
@@ -1339,19 +1339,19 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
         " submissions of this form."
       ] }),
       after: a,
-      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
-        dn,
+      children: d == null ? void 0 : d.map((u, p) => /* @__PURE__ */ r(
+        fn,
         {
           submission: u,
           compact: n,
           ...l
         },
-        h
+        p
       ))
     }
   );
-}), Bn = S(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = he(), [o, a, c] = et(e);
+}), Wn = z(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,22 +1360,22 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       patchValue: n
     });
   }, [n, c, o.value, t]);
-}), qn = S(
+}), Hn = z(
   xe((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = x(() => ct(t.fields, n), [t.fields, n]), f = T(
+    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = x(() => ct(t.fields, n), [t.fields, n]), f = S(
       (b) => {
-        const z = {};
+        const E = {};
         for (const I in b) {
           const C = b[I];
-          C !== l[I] && C !== void 0 && (z[I] = C);
+          C !== l[I] && C !== void 0 && (E[I] = C);
         }
-        _e(z) && o(z);
+        _e(E) && o(E);
       },
       [l, o]
-    ), d = T(
+    ), d = S(
       async (b) => {
-        const z = await Rt(t, b);
-        return z && a(z), z;
+        const E = await Bt(t, b);
+        return E && a(E), E;
       },
       [t, a]
     ), u = tt({
@@ -1385,15 +1385,15 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: h, resetForm: p } = u;
+    }), { errors: p, resetForm: h } = u;
     return ve(() => {
-      _e(h) && p({ values: l, errors: {} });
-    }, [h, l, p]), /* @__PURE__ */ r(it, { 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 }) });
   })
-), Bt = {
+), Wt = {
   ...at,
   section: Z
-}, un = S(function(i) {
+}, mn = z(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 De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     ] }) }),
     /* @__PURE__ */ r($, { children: o })
   ] });
-}), qt = [
+}), Ht = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], fn = qt.length - 1, mn = S(function(i) {
+], pn = Ht.length - 1, hn = z(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: qt.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(
-      un,
+      mn,
       {
         field: at[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < fn && /* @__PURE__ */ r(ui, { size: "4" })
+    n < pn && /* @__PURE__ */ r(mi, { size: "4" })
   ] }, n)) });
-}), hn = (s) => (i) => {
+}), gn = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, pn = (s, i) => {
+}, bn = (s, i) => {
   const e = [
     new be({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [hn(s)]
+      fieldValidators: [gn(s)]
     }),
     new ye({
       label: "Description",
@@ -1442,10 +1442,10 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     ...e,
     new fe({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, gn = S(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, c = Bt[e], l = he(), f = x(() => {
-    const d = $t(l.values.fields).filter((h) => h !== (o == null ? void 0 : o.label));
-    let u = pn(d, e);
+}, yn = z(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.");
@@ -1472,13 +1472,13 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       onCancel: t
     }
   );
-}), pe = 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 ? Bt[d].fieldTypeName : void 0, { setFieldValue: h, values: p } = he();
+}), he = z(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: a, conditionalSourceFields: c } = i, [l, f] = de(), d = (o == null ? void 0 : o.type) ?? l, u = d ? 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, 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) => {
+  const b = !d && !a && !o, E = 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 = S(() => f(void 0), []), w = S((v) => {
     f(void 0), v();
-  }, []), V = T(
+  }, []), V = S(
     (v, P) => {
       const { label: R } = v;
       if (!d)
@@ -1488,19 +1488,19 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       const X = Be({
         type: d,
         ...v,
-        identifier: Pt(v.identifier, R)
-      }).serialize(), j = ue(p, e);
+        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(j))
         throw new Error("Parent path must point to an array.");
-      a ? U = ji(j, t, X) : U = Lt(j, 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 = T(
-    (v) => b ? /* @__PURE__ */ r(mn, { setFieldType: f }) : /* @__PURE__ */ r(
-      gn,
+    [a, d, h, e, p, t]
+  ), L = S(
+    (v) => b ? /* @__PURE__ */ r(hn, { setFieldType: f }) : /* @__PURE__ */ r(
+      yn,
       {
         conditionalSourceFields: c,
         handleCancel: C,
@@ -1511,34 +1511,34 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     ),
     [c, C, V, o, b, d]
   );
-  return /* @__PURE__ */ r(fi, { onCloseInterrupt: w, title: z, description: I, content: L, children: n });
-}), gt = ({ children: s }) => /* @__PURE__ */ r(Je, { children: s }), bt = (s, i) => ({
+  return /* @__PURE__ */ r(pi, { onCloseInterrupt: w, title: E, 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
-}), Wt = S(function(i) {
+}), jt = z(function(i) {
   const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: a } = i, c = x(
     () => [
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: n,
-        Icon: mi,
+        Icon: hi,
         text: "Edit"
       },
       {
-        Icon: hi,
+        Icon: gi,
         buttonProps: {
           onClick: e
         },
         text: "Delete"
       },
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: a,
-        Icon: pi,
+        Icon: bi,
         text: "Duplicate"
       },
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: o,
         Icon: Oe,
         text: "Add after"
@@ -1547,7 +1547,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
         // 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(gi, {}) }),
+        Icon: (l) => /* @__PURE__ */ r("div", { ...l, children: /* @__PURE__ */ r(yi, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
@@ -1556,20 +1556,20 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     [t, a, n, o, e]
   );
   return /* @__PURE__ */ g(Je, { children: [
-    /* @__PURE__ */ r(y, { gap: "4", display: bt(!1, "flex"), children: c.map((l) => {
-      const f = l.Wrapper ?? gt;
+    /* @__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: bt(!0, "block"), children: /* @__PURE__ */ r(
-      bi,
+    /* @__PURE__ */ r(ge, { display: wt(!0, "block"), children: /* @__PURE__ */ r(
+      wi,
       {
-        trigger: /* @__PURE__ */ r(ce, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(yi, {}) }),
+        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 ?? gt;
+          const f = l.Wrapper ?? yt;
           return {
             ...l.buttonProps,
             onSelect: (d = l.buttonProps) == null ? void 0 : d.onClick,
@@ -1582,12 +1582,12 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       }
     ) })
   ] });
-}), qe = "form-builder", bn = 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(
-    (p) => {
-      if (p.label === null)
-        throw new Error(`Expected a label for field ${p.identifier}`);
-      return { ...p, label: Ye(p.label, o), identifier: "" };
+}), qe = "form-builder", wn = z(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 = S(
+    (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 De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       initial: f(e)
     }),
     [f, e, t, n]
-  ), h = x(
+  ), p = x(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1613,109 +1613,109 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     }),
     [t, n]
   );
-  return /* @__PURE__ */ r(rt, { 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(
-          Wt,
+          jt,
           {
             remove: a,
             editProps: d,
             duplicateProps: u,
-            insertAfterProps: h,
-            dragHandleProps: p.dragHandleProps
+            insertAfterProps: p,
+            dragHandleProps: h.dragHandleProps
           }
         )
       ] })
     }
   ) });
-}), yn = S(function(i) {
-  var U, A, N, K, Ie, Ce, Fe;
-  const { field: e, index: t, dropState: n, conditionalFieldCounts: o } = i, a = (U = n[e.identifier]) == null ? void 0 : U.disabled, { appearance: c } = wi(), { setFieldValue: l, values: f } = he(), d = vi(), u = $t(f.fields), h = T(
-    (E, F) => {
-      for (const D of E) {
-        const k = F.indexOf(D);
+}), vn = z(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 = S(
+    (F, T) => {
+      for (const D of F) {
+        const k = T.indexOf(D);
         l(`fields.${k}.condition`, null).then(), l(`fields.${k}.conditional`, !1).then();
       }
     },
     [l]
-  ), p = T(
-    (E) => {
+  ), h = S(
+    (F) => {
       var k;
-      const F = e.fields[E];
-      if (!F)
+      const T = e.fields[F];
+      if (!T)
         throw new Error("Could not find field to remove.");
       const D = [];
-      for (const _ of f.fields)
-        ((k = _.condition) == null ? void 0 : k.identifier) === F.identifier && D.push(_);
+      for (const O of f.fields)
+        ((k = O.condition) == null ? void 0 : k.identifier) === T.identifier && D.push(O);
       return {
-        removing: F,
+        removing: T,
         affectedSections: D,
-        action: () => l(`fields.${t}.fields`, Le(e.fields, E))
+        action: () => l(`fields.${t}.fields`, Le(e.fields, F))
       };
     },
     [e.fields, f.fields, l, t]
-  ), b = T(
-    (E) => {
-      const { affectedSections: F, action: D, removing: k } = p(E), _ = () => {
-        D().then(), h(F, f.fields);
+  ), b = S(
+    (F) => {
+      const { affectedSections: T, action: D, removing: k } = h(F), O = () => {
+        D().then(), p(T, f.fields);
       };
-      if (F.length > 0) {
-        const We = F.map((Te) => Te.label).join(", ");
+      if (T.length > 0) {
+        const We = T.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 ${We} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: _
+          onAction: O
         });
       }
-      _();
+      O();
     },
-    [p, h, f.fields, d]
-  ), z = T(() => {
-    const F = e.fields.map((Se, Ht) => p(Ht)).flatMap((Se) => Se.affectedSections), D = F.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, _ = 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: ${_}` : `Deleting this section will remove the ${k} field(s) it contains.`, Te = Le(f.fields, t), ut = () => l("fields", Te);
-    if (F.length > 0)
+    [h, p, f.fields, d]
+  ), E = S(() => {
+    const T = e.fields.map((Se, Ut) => h(Ut)).flatMap((Se) => Se.affectedSections), D = T.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, O = T.map((Se) => Se.label).join(", "), We = T.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 (T.length > 0)
       return d({
         title: D,
         description: We,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
-          ut().then(() => {
-            h(F, Te);
+          mt().then(() => {
+            p(T, Te);
           });
         }
       });
-    ut().then();
+    mt().then();
   }, [
     e.fields,
     f.fields,
     t,
-    p,
+    h,
     l,
     d,
-    h
-  ]), 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 _ = Ye(k.label, u);
+    p
+  ]), I = S(
+    (F) => {
+      if (F.label === null)
+        throw new Error(`Expected a label for field ${F.identifier}`);
+      const T = Ye(F.label, u), D = F.fields.map((k) => {
+        const O = Ye(k.label, u);
         return {
           ...k,
-          label: _,
-          identifier: Pt(void 0, _)
+          label: O,
+          identifier: $t(void 0, O)
         };
       });
-      return { ...E, label: F, fields: D, identifier: "" };
+      return { ...F, label: T, fields: D, identifier: "" };
     },
     [u]
   ), C = x(
@@ -1752,139 +1752,136 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     [I, e, t, f.fields]
   ), v = x(
     () => {
-      var E, F;
-      return (F = kt(f.fields, (E = e.condition) == null ? void 0 : E.identifier)) == null ? void 0 : F.label;
+      var F, T;
+      return (T = Vt(f.fields, (F = e.condition) == null ? void 0 : F.identifier)) == null ? void 0 : T.label;
     },
     [(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 R = Array.isArray((Ie = e.condition) == null ? void 0 : Ie.value) ? (Ce = e.condition) == null ? void 0 : Ce.value.map((E) => typeof E == "string" ? E : E.label).join(", ") : (Fe = e.condition) == null ? void 0 : Fe.value.toString(), X = () => {
-    const F = o.filter((_) => _ !== null).length, D = o[t] ?? 0, k = 6 / F * 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((F) => typeof F == "string" ? F : F.label).join(", ") : (ft = (ut = e.condition) == null ? void 0 : ut.value) == null ? void 0 : ft.toString(), X = () => {
+    const T = o.filter((O) => O !== null).length, D = o[t] ?? 0, k = 6 / T * D;
     return /* @__PURE__ */ r(
       "div",
       {
         id: `${e.identifier}-floating-point`,
         style: {
           width: `${6 - k}%`,
-          marginRight: `${k}%`,
-          height: "100%"
+          marginRight: `${k}%`
         }
       }
     );
-  }, j = () => e.condition ? (console.log(c), /* @__PURE__ */ g(Je, { children: [
-    /* @__PURE__ */ r(
-      mt,
-      {
-        start: `${e.identifier}-card`,
-        end: `${e.identifier}-floating-point`,
-        startAnchor: "left",
-        endAnchor: "right",
-        color: c === "light" ? "white" : "black",
-        strokeWidth: 2,
-        path: "straight",
-        showHead: !1
-      }
-    ),
-    /* @__PURE__ */ r(
-      mt,
-      {
-        start: `${e.identifier}-floating-point`,
-        end: `${e.condition.identifier}-card`,
-        startAnchor: "right",
-        endAnchor: "left",
-        color: c === "light" ? "white" : "black",
-        strokeWidth: 2,
-        path: "grid",
-        gridBreak: "0"
-      }
-    )
-  ] })) : null;
-  return /* @__PURE__ */ r(rt, { draggableId: e.identifier, index: t, children: (E) => /* @__PURE__ */ g(
+  }, j = () => {
+    if (!e.condition)
+      return null;
+    const F = c === "light" ? "black" : "white";
+    return /* @__PURE__ */ g(Je, { children: [
+      /* @__PURE__ */ r(
+        ht,
+        {
+          start: `${e.identifier}-card`,
+          end: `${e.identifier}-floating-point`,
+          startAnchor: "left",
+          endAnchor: "right",
+          color: F,
+          strokeWidth: 2,
+          path: "straight",
+          showHead: !1
+        }
+      ),
+      /* @__PURE__ */ r(
+        ht,
+        {
+          start: `${e.identifier}-floating-point`,
+          end: `${e.condition.identifier}-card`,
+          startAnchor: "right",
+          endAnchor: "left",
+          color: F,
+          strokeWidth: 2,
+          path: "grid",
+          gridBreak: "0"
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ r(rt, { draggableId: e.identifier, index: t, children: (F) => /* @__PURE__ */ g(
     y,
     {
-      ref: E.innerRef,
-      ...E.draggableProps,
-      ...E.dragHandleProps,
+      ref: F.innerRef,
+      ...F.draggableProps,
+      ...F.dragHandleProps,
       direction: "row",
       justify: "center",
       align: "center",
+      mb: "4",
       children: [
-        o.some((F) => F !== null) && X(),
+        o.some((T) => T !== null) && X(),
         e.condition && j(),
-        /* @__PURE__ */ r(
-          we,
-          {
-            id: `${e.identifier}-card`,
-            mb: "4",
-            style: { flexGrow: "1" },
-            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(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(xi, { children: [
-                  "Display only if ",
-                  /* @__PURE__ */ r(ft, { children: v }),
-                  " ",
-                  P,
-                  " ",
-                  /* @__PURE__ */ r(ft, { children: R })
-                ] }) }),
-                /* @__PURE__ */ r(
-                  nt,
+        /* @__PURE__ */ r(we, { id: `${e.identifier}-card`, style: { flexGrow: "1" }, 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(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(Ii, { children: [
+              "Display only if ",
+              /* @__PURE__ */ r(pt, { children: v }),
+              " ",
+              P,
+              " ",
+              /* @__PURE__ */ r(pt, { children: R })
+            ] }) }),
+            /* @__PURE__ */ r(
+              nt,
+              {
+                droppableId: e.identifier,
+                type: "SECTION",
+                isDropDisabled: a,
+                children: (T) => /* @__PURE__ */ g(
+                  y,
                   {
-                    droppableId: e.identifier,
-                    type: "SECTION",
-                    isDropDisabled: a,
-                    children: (F) => /* @__PURE__ */ g(
-                      y,
-                      {
-                        ref: F.innerRef,
-                        ...F.droppableProps,
-                        direction: "column",
-                        gap: "0",
-                        children: [
-                          e.fields.map((D, k) => /* @__PURE__ */ r(
-                            bn,
-                            {
-                              field: D,
-                              index: k,
-                              sectionIndex: t,
-                              remove: () => b(k),
-                              takenLabels: u
-                            },
-                            D.identifier
-                          )),
-                          F.placeholder,
-                          /* @__PURE__ */ r(pe, { ...V, children: /* @__PURE__ */ g(G, { type: "button", variant: "outline", children: [
-                            /* @__PURE__ */ r(Oe, {}),
-                            " Add a field"
-                          ] }) })
-                        ]
-                      }
-                    )
+                    ref: T.innerRef,
+                    ...T.droppableProps,
+                    direction: "column",
+                    gap: "0",
+                    children: [
+                      e.fields.map((D, k) => /* @__PURE__ */ r(
+                        wn,
+                        {
+                          field: D,
+                          index: k,
+                          sectionIndex: t,
+                          remove: () => b(k),
+                          takenLabels: u
+                        },
+                        D.identifier
+                      )),
+                      T.placeholder,
+                      /* @__PURE__ */ r(he, { ...V, children: /* @__PURE__ */ g(G, { type: "button", variant: "outline", children: [
+                        /* @__PURE__ */ r(Oe, {}),
+                        " Add a field"
+                      ] }) })
+                    ]
                   }
                 )
-              ] }),
-              /* @__PURE__ */ r(
-                Wt,
-                {
-                  remove: z,
-                  insertAfterProps: w,
-                  dragHandleProps: E.dragHandleProps,
-                  editProps: C,
-                  duplicateProps: L
-                }
-              )
-            ] })
-          }
-        )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            jt,
+            {
+              remove: E,
+              insertAfterProps: w,
+              dragHandleProps: F.dragHandleProps,
+              editProps: C,
+              duplicateProps: L
+            }
+          )
+        ] }) })
       ]
     }
   ) });
-}), wn = (s, i) => {
+}), xn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1899,7 +1896,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     case "update":
       return i.state;
   }
-}, vn = (s, i) => {
+}, In = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1909,7 +1906,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
             return e;
       }
     }
-}, yt = (s) => {
+}, vt = (s) => {
   var e, t, n;
   const i = {};
   for (let o = 0; o < s.length; o++) {
@@ -1920,52 +1917,52 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     (t = a.condition) != null && t.identifier && l.add(a.condition.identifier), i[a.identifier] = {
       disabled: !1,
       conditionFields: l,
-      conditionIndex: vn(s, (n = a.condition) == null ? void 0 : n.identifier),
+      conditionIndex: In(s, (n = a.condition) == null ? void 0 : n.identifier),
       index: o,
       label: a.label
     };
   }
   return i;
-}, wt = (s, i) => {
+}, xt = (s, i) => {
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, xn = S(function() {
-  const { values: i, setFieldValue: e } = he(), [t, n] = Ti(wn, i.fields, yt), { showInfo: o } = Ii();
+}, Cn = z(function() {
+  const { values: i, setFieldValue: e } = pe(), [t, n] = Si(xn, i.fields, vt), { showInfo: o } = Ci();
   ve(() => {
-    n({ type: "update", state: yt(i.fields) });
+    n({ type: "update", state: vt(i.fields) });
   }, [n, i.fields]);
-  const a = T((d) => {
+  const a = S((d) => {
     d.type === "SECTION" && n({ type: "hold", fieldId: d.draggableId });
-  }, []), c = T(
+  }, []), c = S(
     (d) => {
-      const { source: u, destination: h, type: p, reason: b, draggableId: z } = d;
-      if (n({ type: "release" }), !h || b === "CANCEL")
+      const { source: u, destination: p, type: h, reason: b, draggableId: E } = d;
+      if (n({ type: "release" }), !p || b === "CANCEL")
         return;
-      if (p === "ROOT") {
-        const L = t[z];
+      if (h === "ROOT") {
+        const L = t[E];
         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", Ke(i.fields, u.index, v));
       }
-      if (p !== "SECTION")
+      if (h !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [I, C] = wt(i.fields, u.droppableId) ?? [], [w, V] = wt(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`,
-          Ke(I.fields, u.index, h.index)
+          Ke(I.fields, u.index, p.index)
         ).then();
       else {
         const L = I.fields[u.index];
@@ -1973,7 +1970,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
           throw new Error("Could not find field to reorder.");
         e(`fields.${C}.fields`, Le(I.fields, u.index)).then(), e(
           `fields.${V}.fields`,
-          Lt(w.fields, h.index, L)
+          kt(w.fields, p.index, L)
         ).then();
       }
     },
@@ -1990,7 +1987,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
     let d = 1;
     return i.fields.map((u) => u.conditional ? d++ : null);
   };
-  return /* @__PURE__ */ r(Ct, { onDragStart: a, onDragEnd: c, children: /* @__PURE__ */ r(nt, { 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,
@@ -1998,56 +1995,56 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
       direction: "column",
       gap: "0",
       children: [
-        i.fields.map((u, h) => /* @__PURE__ */ r(
-          yn,
+        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(he, { ...l, children: /* @__PURE__ */ g(G, { type: "button", variant: "outline", children: [
           /* @__PURE__ */ r(Oe, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), In = {
+}), Fn = {
   title: "",
   description: "",
   fields: []
-}, Cn = new be({
+}, Tn = new be({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), Fn = { formId: qe, placeholder: "Give your form a title." }, Tn = new ye({
+}), Sn = { formId: qe, placeholder: "Give your form a title." }, zn = new ye({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), Sn = { formId: qe, placeholder: "Explain the purpose of this form." }, zn = () => {
+}), En = { formId: qe, placeholder: "Explain the purpose of this form." }, An = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Wn = S(
+}, jn = 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((p) => {
+    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, c = S((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."), _e(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 = tt({
-      initialValues: Hi(n) ?? In,
+      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(() => _t(l.values), [l.values]), d = De(Cn, Fn), u = De(Tn, Sn), h = x(
+    }), 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]
     );
@@ -2057,7 +2054,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (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",
           " ",
@@ -2070,7 +2067,7 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
           /* @__PURE__ */ g(it, { value: l, children: [
             d,
             u,
-            /* @__PURE__ */ r(xn, {}),
+            /* @__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: [
@@ -2079,40 +2076,40 @@ const De = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Mt = (s,
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(Q.Content, { value: "preview", children: /* @__PURE__ */ r(dt, { schema: f, onSubmit: zn }) })
+      /* @__PURE__ */ r(Q.Content, { value: "preview", children: /* @__PURE__ */ r(dt, { schema: f, onSubmit: An }) })
     ] }) });
   })
 );
 export {
   fe as BooleanField,
-  Mi as BooleanInput,
+  Ni as BooleanInput,
   Ge as DateField,
-  Ni as DateInput,
+  qi as DateInput,
   Z as FieldSection,
-  Rn as FormBrowser,
-  Wn as FormBuilder,
+  Bn as FormBrowser,
+  jn as FormBuilder,
   dt as FormRenderer,
-  Nn as FormSubmissionBrowser,
-  Mn as FormSubmissionViewer,
+  qn as FormSubmissionBrowser,
+  Nn as FormSubmissionViewer,
   $e as MultiSelectField,
-  Ki as MultiSelectInput,
+  Zi as MultiSelectInput,
   Pe as MultiStringField,
-  Ui as MultiStringInput,
+  Ki as MultiStringInput,
   Y as NumberField,
-  Ri as NumberInput,
-  Bn as PatchField,
-  qn as PatchFormProvider,
+  Bi as NumberInput,
+  Wn as PatchField,
+  Hn as PatchFormProvider,
   ke as SelectField,
-  Wi as SelectInput,
+  ji as SelectInput,
   be as StringField,
-  Bi as StringInput,
+  Wi as StringInput,
   ye as TextField,
-  qi as TextInput,
+  Hi as TextInput,
   Be as deserialize,
-  Dt as deserializeField,
-  _t as formRevisionToSchema,
-  Ot as isConditionMet,
+  Ot as deserializeField,
+  Mt as formRevisionToSchema,
+  Rt as isConditionMet,
   De as useFieldInput,
-  Mt as useFieldInputs,
+  Nt as useFieldInputs,
   Xe as valueIsFile
 };