@overmap-ai/forms 1.0.3-form-improvements.6 → 1.0.3-form-improvements.7

package/dist/forms.js

@@ -2,11 +2,11 @@ var Nt = Object.defineProperty;
 var Bt = (s, i, e) => i in s ? Nt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
 var m = (s, i, e) => (Bt(s, typeof i != "symbol" ? i + "" : i, e), e);
 import { jsx as r, jsxs as b, Fragment as pt } from "react/jsx-runtime";
-import { Flex as y, Text as D, useSeverityColor as fe, Checkbox as qt, CheckCircledIcon as Wt, TextField as le, FontFamilyIcon as jt, CalendarIcon as Ht, InputIcon as Ut, TextArea as Gt, RowsIcon as Kt, Select as ht, Box as he, IconButton as ae, PlusIcon as ke, Badge as qe, Cross1Icon as gt, ListBulletIcon as Yt, DropdownMenuIcon as Qt, MultiSelect as Xt, CheckboxIcon as Jt, Card as ye, Heading as De, Button as G, UploadIcon as bt, ButtonList as _e, divButtonProps as Zt, StarFilledIcon as ei, StarIcon as ti, QuestionMarkCircledIcon as ii, PersonIcon as ni, Tooltip as ri, Avatar as oi, Separator as si, Dialog as li, Pencil1Icon as ai, TrashIcon as ci, CopyIcon as di, DragHandleDots2Icon as ui, DropdownMenu as fi, DotsVerticalIcon as mi, useAlertDialog as pi, Em as hi, Strong as lt, useToast as gi, Tabs as X } from "@overmap-ai/blocks";
+import { Flex as y, Text as D, useSeverityColor as fe, Checkbox as qt, CheckCircledIcon as Wt, TextField as le, FontFamilyIcon as jt, CalendarIcon as Ht, InputIcon as Ut, TextArea as Gt, RowsIcon as Kt, Select as ht, Box as he, IconButton as ae, PlusIcon as ke, Badge as qe, Cross1Icon as gt, ListBulletIcon as Yt, DropdownMenuIcon as Qt, MultiSelect as Xt, CheckboxIcon as Jt, Card as ye, Heading as De, Button as G, UploadIcon as bt, ButtonList as $e, divButtonProps as Zt, StarFilledIcon as ei, StarIcon as ti, QuestionMarkCircledIcon as ii, PersonIcon as ni, Tooltip as ri, Avatar as oi, Separator as si, Dialog as li, Pencil1Icon as ai, TrashIcon as ci, CopyIcon as di, DragHandleDots2Icon as ui, DropdownMenu as fi, DotsVerticalIcon as mi, useAlertDialog as pi, Em as hi, Strong as lt, useToast as gi, Tabs as X } from "@overmap-ai/blocks";
 import { useField as Ye, useFormikContext as me, useFormik as Qe, FormikProvider as Xe } from "formik";
-import bi, { useMemo as w, memo as T, useCallback as S, useState as ce, useEffect as ve, useRef as yi, forwardRef as we, useReducer as vi } from "react";
+import bi, { useMemo as v, memo as S, useCallback as T, useState as ce, useEffect as we, useRef as yi, forwardRef as ve, useReducer as wi } from "react";
 import { DragDropContext as yt, Droppable as Je, Draggable as Ze } from "@hello-pangea/dnd";
-import { slugify as wi, useAppSelector as $, selectFormRevision as vt, useSDK as wt, selectSubmissionAttachments as xi, selectFilteredUserForms as Ii, selectUserFormMapping as Fi, selectOrganization as xt, selectUser as et, selectNumberOfUserForms as Ci, selectCurrentUser as It, classNames as Ft, isToday as Ti, getLocalDateString as Si, selectLatestFormRevision as zi, useFileSrc as Ei, selectSubmissionsForForm as Ai } from "@overmap-ai/core";
+import { slugify as vi, useAppSelector as _, selectFormRevision as wt, useSDK as vt, selectSubmissionAttachments as xi, selectFilteredUserForms as Ii, selectUserFormMapping as Fi, selectOrganization as xt, selectUser as et, selectNumberOfUserForms as Ci, selectCurrentUser as It, classNames as Ft, isToday as Ti, getLocalDateString as Si, selectLatestFormRevision as zi, useFileSrc as Ei, selectSubmissionsForForm as Ai } from "@overmap-ai/core";
 import de from "lodash.get";
 import tt from "lodash.set";
 class Ct {
@@ -90,7 +90,7 @@ class M extends Ct {
   }
 }
 m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const Li = "_description_17zed_1", $e = {
+const Li = "_description_17zed_1", _e = {
   description: Li
 }, W = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: l } = s;
@@ -102,14 +102,14 @@ const Li = "_description_17zed_1", $e = {
   const { helpText: i, children: e, severity: t } = s;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: $e.description, children: i }) })
+    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: _e.description, children: i }) })
   ] });
 }, H = (s) => {
-  const { id: i, field: e, formId: t, ...n } = s, [o, l, c] = Ye(e.getId()), { touched: a } = l, f = l.error ?? e.description, d = l.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, p = `${u}-label`, h = e.required ? `${e.label} *` : e.label, g = w(() => ({
+  const { id: i, field: e, formId: t, ...n } = s, [o, l, c] = Ye(e.getId()), { touched: a } = l, f = l.error ?? e.description, d = l.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, h = `${u}-label`, p = e.required ? `${e.label} *` : e.label, g = v(() => ({
     ...o,
     onChange: (F) => {
-      const v = e.getValueFromChangeEvent(F);
-      c.setValue(v, !1).then(), (a || !e.onlyValidateAfterTouched) && c.setError(e.getError(v));
+      const w = e.getValueFromChangeEvent(F);
+      c.setValue(w, !1).then(), (a || !e.onlyValidateAfterTouched) && c.setError(e.getError(w));
     },
     onBlur: (F) => {
       c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(F)));
@@ -120,15 +120,15 @@ const Li = "_description_17zed_1", $e = {
       helpText: f,
       severity: d,
       inputId: u,
-      labelId: p,
-      label: h,
+      labelId: h,
+      label: p,
       fieldProps: g,
       helpers: c,
       field: e
     },
-    { ...n, "aria-labelledby": p }
+    { ...n, "aria-labelledby": h }
   ];
-}, Pi = [!0, "true"], Vi = T(function(i) {
+}, Pi = [!0, "true"], Vi = S(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = Pi.includes(c.value);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(
     W,
@@ -180,7 +180,7 @@ const Li = "_description_17zed_1", $e = {
 };
 m(J, "fieldTypeName", "Checkbox"), m(J, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(J, "Icon", Wt);
 let ue = J;
-const ki = T(function(i) {
+const ki = S(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), d = fe(n);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
     le.Input,
@@ -271,7 +271,7 @@ const ki = T(function(i) {
 };
 m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", jt), 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 Di = T(function(i) {
+const Di = S(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = c.value ? c.value.split("T")[0] : "";
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...a, ...c, type: "date", id: e, color: f, value: d }) }) });
 }), Z = class Z extends M {
@@ -365,7 +365,7 @@ m(Ce, "_validateMax", (e, t) => {
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const _i = T(function(i) {
+const $i = S(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), d = fe(n);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...f, ...c, type: a.inputType, id: e, color: d }) }) });
 }), ee = class ee extends Ce {
@@ -385,12 +385,12 @@ const _i = T(function(i) {
     return new ee({ ...l, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(_i, { field: this, ...e });
+    return /* @__PURE__ */ r($i, { field: this, ...e });
   }
 };
 m(ee, "fieldTypeName", "Short Text"), m(ee, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ee, "Icon", Ut);
 let ge = ee;
-const $i = T(function(i) {
+const _i = S(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(Gt, { ...a, ...c, resize: "vertical", id: e, severity: n }) }) });
 }), te = class te extends Ce {
@@ -408,16 +408,16 @@ const $i = T(function(i) {
     return new te({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r($i, { field: this, ...i });
+    return /* @__PURE__ */ r(_i, { field: this, ...i });
   }
 };
 m(te, "fieldTypeName", "Paragraph"), m(te, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(te, "Icon", Kt);
 let be = te;
-const Mi = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, p = w(
+const Mi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, h = v(
     () => a.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [a.options]
-  ), h = S(
+  ), p = T(
     (g) => {
       d(g), u(g);
     },
@@ -426,9 +426,9 @@ const Mi = T(function(i) {
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
     ht,
     {
-      items: p,
+      items: h,
       ...c,
-      onValueChange: h,
+      onValueChange: p,
       placeholder: "Select one...",
       id: e,
       severity: n,
@@ -474,7 +474,7 @@ const St = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
-  return `${wi(i)}-${e.getTime()}`;
+  return `${vi(i)}-${e.getTime()}`;
 }, zt = (s, i) => {
   if (!i)
     return null;
@@ -493,35 +493,35 @@ const St = (s, i) => {
   for (; i.includes(t); )
     t = `${s} (${++e})`;
   return t;
-}, Ni = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = w(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, h = `${e}-droppable`, { disabled: g } = a, [x, z] = ce(""), [F, v] = ce(""), L = F || o, P = F ? "red" : f, I = S(
+}, Ni = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = v(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: h } = c, p = `${e}-droppable`, { disabled: g } = a, [x, z] = ce(""), [F, w] = ce(""), L = F || o, P = F ? "red" : f, I = T(
     (A) => {
-      u(A), p(A);
+      u(A), h(A);
     },
-    [u, p]
-  ), V = S(
+    [u, h]
+  ), V = T(
     (A) => {
-      d.findIndex((R) => R.value === A.target.value.trim()) >= 0 ? v("All options must be unique") : A.target.value ? v("") : v("Option cannot be empty"), z(A.target.value);
+      d.findIndex((R) => R.value === A.target.value.trim()) >= 0 ? w("All options must be unique") : A.target.value ? w("") : w("Option cannot be empty"), z(A.target.value);
     },
     [z, d]
-  ), O = S(() => {
+  ), O = T(() => {
     if (F)
       return;
     if (!x.trim())
-      return v("Option cannot be empty");
+      return w("Option cannot be empty");
     const A = x.trim();
     I([...d, { value: A, label: A }]), z("");
-  }, [x, F, I, d]), K = S(
+  }, [x, F, I, d]), K = T(
     (A) => {
       A.key === "Enter" && (A.preventDefault(), O());
     },
     [O]
-  ), q = S(
+  ), q = T(
     (A) => {
       I(Se(d, A));
     },
     [d, I]
-  ), U = S(
+  ), U = T(
     (A) => {
       if (!A.destination)
         return;
@@ -557,17 +557,17 @@ const St = (s, i) => {
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(Je, { droppableId: h, children: (A) => /* @__PURE__ */ b(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
+    /* @__PURE__ */ r(Je, { droppableId: p, children: (A) => /* @__PURE__ */ b(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
       d.map((R, C) => /* @__PURE__ */ r(
         Ze,
         {
           draggableId: `${R.value}-draggable`,
           index: C,
           isDragDisabled: g,
-          children: ({ draggableProps: E, dragHandleProps: _, innerRef: k }) => /* @__PURE__ */ r(
+          children: ({ draggableProps: E, dragHandleProps: $, innerRef: k }) => /* @__PURE__ */ r(
             y,
             {
-              ..._,
+              ...$,
               ...E,
               ref: k,
               gap: "2",
@@ -691,8 +691,8 @@ const ne = class ne extends At {
 };
 m(ne, "fieldTypeName", "Dropdown"), m(ne, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(ne, "Icon", Qt);
 let Ee = ne;
-const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, p = w(() => Bi(c.value), [c.value]), h = S(
+const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, h = v(() => Bi(c.value), [c.value]), p = T(
     (g) => {
       d(g), u(g);
     },
@@ -701,8 +701,8 @@ const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = T(function(i) {
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
     Xt,
     {
-      value: p,
-      onValueChange: h,
+      value: h,
+      onValueChange: p,
       options: a.options,
       name: c.name,
       placeholder: "Select one or more...",
@@ -737,8 +737,8 @@ const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = T(function(i) {
 };
 m(re, "fieldTypeName", "Multi-select"), m(re, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(re, "Icon", Jt);
 let Ae = re;
-const Wi = T(function({ field: i, ...e }) {
-  const [{ value: t }] = Ye(i.options.clonedFieldIdentifier), n = w(() => {
+const Wi = S(function({ field: i, ...e }) {
+  const [{ value: t }] = Ye(i.options.clonedFieldIdentifier), n = v(() => {
     const o = i.options.getFieldToClone(t);
     return o ? Me(o) : null;
   }, [i.options, t]);
@@ -766,21 +766,21 @@ class ji extends Le {
     super(i, Wi);
   }
 }
-const Hi = T(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: c } = e, { values: a, setFieldValue: f } = me(), d = c != null && c.identifier ? de(a, c.identifier) : void 0, u = w(() => Vt(c, d), [c, d]);
-  ve(() => {
+const Hi = S(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: c } = e, { values: a, setFieldValue: f } = me(), d = c != null && c.identifier ? de(a, c.identifier) : void 0, u = v(() => Vt(c, d), [c, d]);
+  we(() => {
     if (!u)
-      for (const h of l)
-        f(h.getId(), "").then();
+      for (const p of l)
+        f(p.getId(), "").then();
   }, [u, l, f]);
-  const p = kt(l, t);
+  const h = kt(l, t);
   return u ? n ? /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ b(y, { direction: "column", children: [
       /* @__PURE__ */ r(De, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(D, { className: $e.description, children: o })
+      /* @__PURE__ */ r(D, { className: _e.description, children: o })
     ] }),
-    p
-  ] }) }) : p : null;
+    h
+  ] }) }) : h : null;
 }), oe = class oe extends Ct {
   constructor(e) {
     const { label: t = null, fields: n, condition: o = null, conditional: l, ...c } = e;
@@ -892,18 +892,18 @@ const Ui = "_previewImage_1ig84_1", Gi = {
   for (; e > 1024 && t < i.length - 1; )
     e /= 1024, t++;
   return new Intl.NumberFormat([], { maximumFractionDigits: 2, style: "unit", unit: i[t] }).format(e);
-}, Ki = T(function(i) {
+}, Ki = S(function(i) {
   var P;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d } = c, u = fe(n), p = yi(null), { value: h } = c, g = w(() => o || (a.maxFileSize ? `Maximum file size: ${it(a.maxFileSize)}` : null), [a.maxFileSize, o]), x = S(() => {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d } = c, u = fe(n), h = yi(null), { value: p } = c, g = v(() => o || (a.maxFileSize ? `Maximum file size: ${it(a.maxFileSize)}` : null), [a.maxFileSize, o]), x = T(() => {
     var I;
-    (I = p.current) == null || I.click();
-  }, []), z = S(
+    (I = h.current) == null || I.click();
+  }, []), z = T(
     (I) => {
-      const V = [...h];
+      const V = [...p];
       V.splice(I, 1), d({ target: { files: V } });
     },
-    [h, d]
-  ), F = h ? "Select new files" : "Select files", v = h ? "Select new file" : "Select a file", L = a.maxFiles > 1 ? F : v;
+    [p, d]
+  ), F = p ? "Select new files" : "Select files", w = p ? "Select new file" : "Select a file", L = a.maxFiles > 1 ? F : w;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ r(j, { helpText: g, severity: n, children: /* @__PURE__ */ b(W, { severity: n, inputId: e, labelId: t, label: l, children: [
       /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(he, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(G, { ...f, onClick: x, children: [
@@ -916,7 +916,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
         {
           ...f,
           type: "file",
-          ref: p,
+          ref: h,
           id: e,
           accept: (P = a.extensions) == null ? void 0 : P.join(","),
           multiple: a.maxFiles > 1,
@@ -927,7 +927,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
         }
       )
     ] }) }),
-    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: h.map((I, V) => /* @__PURE__ */ r(
+    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: p.map((I, V) => /* @__PURE__ */ r(
       Yi,
       {
         field: a,
@@ -938,12 +938,12 @@ const Ui = "_previewImage_1ig84_1", Gi = {
       V
     )) })
   ] });
-}), Yi = T(function({ file: i, field: e, onRemove: t, disabled: n }) {
-  const [o, l] = ce(null), c = w(() => o && e.getError([o]), [e, o]), { url: a, name: f, size: d } = w(() => {
-    let u = null, p, h;
-    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (p = o.name, h = it(o.size)) : (p = "Downloading...", h = "..."), { url: u, name: p, size: h };
+}), Yi = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
+  const [o, l] = ce(null), c = v(() => o && e.getError([o]), [e, o]), { url: a, name: f, size: d } = v(() => {
+    let u = null, h, p;
+    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (h = o.name, p = it(o.size)) : (h = "Downloading...", p = "..."), { url: u, name: h, size: p };
   }, [o]);
-  return ve(() => {
+  return we(() => {
     i instanceof Promise ? i.then(l) : l(i);
   }, [i]), /* @__PURE__ */ r(ye, { 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: [
@@ -1102,8 +1102,8 @@ function Vt(s, i) {
   }
   return t === i;
 }
-const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s, i) => {
-  const e = w(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
+const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s, i) => {
+  const e = v(() => 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, Dt = async (s, i) => {
   const e = {};
@@ -1125,8 +1125,8 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     return e;
 }, Qi = [null, void 0], rt = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...rt(t.fields, i) } : (Qi.includes(de(e, t.getId())) && tt(e, t.getId(), ""), e), i), Xi = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, ot = T(
-  we((s, i) => {
+}, ot = S(
+  ve((s, i) => {
     const {
       schema: e,
       values: t = {},
@@ -1139,50 +1139,50 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       hideTitle: f = !e.title,
       hideDescription: d,
       className: u
-    } = s, { readonly: p } = e.meta, h = w(() => crypto.randomUUID(), []), g = Qe({
+    } = s, { readonly: h } = e.meta, p = v(() => crypto.randomUUID(), []), g = Qe({
       initialValues: rt(e.fields, t),
       onSubmit: n,
       validate: (L) => Dt(e, L),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: x } = g, z = w(
+    }), { dirty: x } = g, z = v(
       () => typeof e.title == "string" ? /* @__PURE__ */ r(De, { children: e.title }) : e.title,
       [e.title]
-    ), F = w(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: $e.description, children: e.description }) : e.description,
+    ), F = v(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: _e.description, children: e.description }) : e.description,
       [e.description]
-    ), v = kt(e.fields, { formId: h, disabled: p });
-    return ve(() => {
+    ), w = kt(e.fields, { formId: p, disabled: h });
+    return we(() => {
       x && a && a();
-    }, [x, a]), /* @__PURE__ */ r(Xe, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: h, onSubmit: g.handleSubmit, children: [
+    }, [x, a]), /* @__PURE__ */ r(Xe, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: p, onSubmit: g.handleSubmit, children: [
       !f && /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
         z,
         !d && F
       ] }) }),
-      v,
-      !p && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
+      w,
+      !h && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
         l && /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: c, children: l }),
         /* @__PURE__ */ r(G, { type: "submit", disabled: !g.isValid, children: o })
       ] })
     ] }) }) });
   })
-), Pn = T(
-  we((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = $(vt(e.form_revision)), { sdk: l } = wt();
+), Pn = S(
+  ve((s, i) => {
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = _(wt(e.form_revision)), { sdk: l } = vt();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = w(() => Pt(o, { readonly: !0 }), [o]), a = w(() => {
+    const c = v(() => Pt(o, { readonly: !0 }), [o]), a = v(() => {
       const f = xi(e.offline_id)(l.store.getState()) ?? [], d = {};
       for (const u of f) {
-        const p = l.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
+        const h = l.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
           if (!g.success)
             throw new Error(`Failed to download attachment ${u.file_name}.`);
           return g.body;
-        }), h = d[u.field_identifier];
-        h ? h.push(p) : d[u.field_identifier] = [p];
+        }), p = d[u.field_identifier];
+        p ? p.push(h) : d[u.field_identifier] = [h];
       }
       return { ...e.values, ...d };
     }, [l.files, l.store, e.offline_id, e.values]);
@@ -1200,35 +1200,35 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
 ), Ji = "_favoriteIcon_1bixi_1", Zi = "_regularIcon_1bixi_9", ct = {
   favoriteIcon: Ji,
   regularIcon: Zi
-}, Ne = "organization:", Be = "user:", Vn = T(
-  we((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = ce(""), [l, c] = ce(""), { sdk: a } = wt(), f = w(() => {
-      const v = { maxResults: e, searchTerm: n };
-      return l && (l.startsWith(Ne) ? v.owner_organization = parseInt(l.slice(Ne.length)) : l.startsWith(Be) && (v.owner_user = parseInt(l.slice(Be.length)))), v;
-    }, [n, e, l]), d = $(Ii(f)) ?? [], u = $(Fi), p = S(
-      (v) => {
-        v.favorite ? a.userForms.unfavorite(v.offline_id).then() : a.userForms.favorite(v.offline_id).then();
+}, Ne = "organization:", Be = "user:", Vn = S(
+  ve((s, i) => {
+    const { maxResults: e = 20, ...t } = s, [n, o] = ce(""), [l, c] = ce(""), { sdk: a } = vt(), f = v(() => {
+      const w = { maxResults: e, searchTerm: n };
+      return l && (l.startsWith(Ne) ? w.owner_organization = parseInt(l.slice(Ne.length)) : l.startsWith(Be) && (w.owner_user = parseInt(l.slice(Be.length)))), w;
+    }, [n, e, l]), d = _(Ii(f)) ?? [], u = _(Fi), h = T(
+      (w) => {
+        w.favorite ? a.userForms.unfavorite(w.offline_id).then() : a.userForms.favorite(w.offline_id).then();
       },
       [a]
-    ), h = w(() => {
-      const v = a.store.getState(), L = {};
+    ), p = v(() => {
+      const w = a.store.getState(), L = {};
       for (const P of Object.values(u)) {
-        const I = xt(P.owner_organization || -1)(v);
+        const I = xt(P.owner_organization || -1)(w);
         I && (L[`${Ne}${I.id}`] = I.name);
-        const V = et(P.owner_user || -1)(v);
+        const V = et(P.owner_user || -1)(w);
         V && (L[`${Be}${V.id}`] = V.username);
       }
       return Object.entries(L).map(([P, I]) => ({ itemContent: I, value: P }));
-    }, [u, a.store]), g = S((v) => {
-      o(v.currentTarget.value);
-    }, []), z = ($(Ci) || 0) - d.length, F = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
+    }, [u, a.store]), g = T((w) => {
+      o(w.currentTarget.value);
+    }, []), z = (_(Ci) || 0) - d.length, F = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
     return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
       /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
         /* @__PURE__ */ r(he, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(le.Root, { size: "3", children: /* @__PURE__ */ r(le.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
         /* @__PURE__ */ r(
           ht,
           {
-            items: h,
+            items: p,
             value: l,
             onValueChange: c,
             placeholder: "Owner",
@@ -1236,26 +1236,26 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(_e.Root, { children: d.map((v) => /* @__PURE__ */ r(
+      d.length > 0 && /* @__PURE__ */ r($e.Root, { children: d.map((w) => /* @__PURE__ */ r(
         en,
         {
           ...t,
-          form: v,
-          handleToggleFavorite: () => p(v)
+          form: w,
+          handleToggleFavorite: () => h(w)
         },
-        v.offline_id
+        w.offline_id
       )) }),
       /* @__PURE__ */ r(he, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: F }) })
     ] });
   })
 ), en = (s) => {
-  var p;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (p = $(xt(i.owner_organization || -1))) == null ? void 0 : p.name, l = $(et(i.owner_user || -1)), c = $(It).id, a = !!l && l.id === c, f = o ?? (a ? "You" : l == null ? void 0 : l.username) ?? "Unknown", d = S(
-    (h) => {
-      h.stopPropagation(), n();
+  var h;
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = _(xt(i.owner_organization || -1))) == null ? void 0 : h.name, l = _(et(i.owner_user || -1)), c = _(It).id, a = !!l && l.id === c, f = o ?? (a ? "You" : l == null ? void 0 : l.username) ?? "Unknown", d = T(
+    (p) => {
+      p.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", ...Zt, children: [
+  ), u = /* @__PURE__ */ r($e.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...Zt, children: [
     /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
         ae,
@@ -1278,29 +1278,29 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     ] })
   ] }) });
   return i.latestRevision.description ? /* @__PURE__ */ r(ri, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, tn = "_submissionsContainer_9iirt_1", nn = "_stopHorizontalOverflow_9iirt_6", _t = {
+}, tn = "_submissionsContainer_9iirt_1", nn = "_stopHorizontalOverflow_9iirt_6", $t = {
   submissionsContainer: tn,
   stopHorizontalOverflow: nn
-}, rn = T(function(i) {
-  var v;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, c = $(It), a = $(et("created_by" in e ? e.created_by : c.id)), f = Ke(e), d = Ti(f) ? f.toLocaleTimeString([], {
+}, rn = S(function(i) {
+  var w;
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, c = _(It), a = _(et("created_by" in e ? e.created_by : c.id)), f = Ke(e), d = Ti(f) ? f.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : Si(f), u = $(vt(e.form_revision));
+  }) : Si(f), u = _(wt(e.form_revision));
   if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const p = (v = $(zi(u.form))) == null ? void 0 : v.revision, h = Ei({
+  const h = (w = _(zi(u.form))) == null ? void 0 : w.revision, p = Ei({
     file: (a == null ? void 0 : a.profile.file) ?? null,
     fileSha1: (a == null ? void 0 : a.profile.file_sha1) ?? null
-  }), g = (a == null ? void 0 : a.username.charAt(0).toUpperCase()) ?? "?", x = u.revision === p, z = bi.useCallback(() => {
+  }), g = (a == null ? void 0 : a.username.charAt(0).toUpperCase()) ?? "?", x = u.revision === h, z = bi.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), F = /* @__PURE__ */ r(_e.Item, { onClick: z, 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: _t.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(oi, { src: h, size: "1", fallback: g }),
+  }, [e, t]), F = /* @__PURE__ */ r($e.Item, { onClick: z, 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: $t.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(oi, { src: p, size: "1", fallback: g }),
       /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: o === "creator" ? (a || c).username : u.title })
     ] }),
     /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
-      !n && (u.revision ? /* @__PURE__ */ r(qe, { variant: "soft", severity: x ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!p && /* @__PURE__ */ r(qe, { children: "Original" })),
+      !n && (u.revision ? /* @__PURE__ */ r(qe, { variant: "soft", severity: x ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!h && /* @__PURE__ */ r(qe, { children: "Original" })),
       /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
@@ -1308,7 +1308,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
 }), Ke = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, kn = T(function(i) {
+}, kn = S(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1320,16 +1320,16 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = $(
+  const f = _(
     t ? () => t : Ai(e)
-  ), d = w(
-    () => f == null ? void 0 : f.sort((u, p) => Ke(p).getTime() - Ke(u).getTime()),
+  ), d = v(
+    () => f == null ? void 0 : f.sort((u, h) => Ke(h).getTime() - Ke(u).getTime()),
     [f]
   );
   return /* @__PURE__ */ r(
-    _e.Root,
+    $e.Root,
     {
-      className: Ft(_t.submissionsContainer, o),
+      className: Ft($t.submissionsContainer, o),
       size: "small",
       variant: c,
       before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
@@ -1338,20 +1338,20 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         " submissions of this form."
       ] }),
       after: l,
-      children: d == null ? void 0 : d.map((u, p) => /* @__PURE__ */ r(
+      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
         rn,
         {
           submission: u,
           compact: n,
           ...a
         },
-        p
+        h
       ))
     }
   );
-}), Dn = T(function(i) {
+}), Dn = S(function(i) {
   const { name: e, render: t } = i, { submitForm: n } = me(), [o, l, c] = Ye(e);
-  return w(() => {
+  return v(() => {
     const a = (f) => c.setValue(f, !1);
     return t({
       value: o.value,
@@ -1359,9 +1359,9 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       patchValue: n
     });
   }, [n, c, o.value, t]);
-}), _n = T(
-  we((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: o, onError: l, ...c } = s, a = w(() => rt(t.fields, n), [t.fields, n]), f = S(
+}), $n = S(
+  ve((s, i) => {
+    const { children: e, schema: t, values: n, onPatch: o, onError: l, ...c } = s, a = v(() => rt(t.fields, n), [t.fields, n]), f = T(
       (g) => {
         const x = {};
         for (const z in g) {
@@ -1371,7 +1371,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         Ve(x) && o(x);
       },
       [a, o]
-    ), d = S(
+    ), d = T(
       async (g) => {
         const x = await Dt(t, g);
         return x && l(x), x;
@@ -1384,15 +1384,15 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: p, resetForm: h } = u;
-    return ve(() => {
-      Ve(p) && h({ values: a, errors: {} });
-    }, [p, a, h]), /* @__PURE__ */ r(Xe, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
+    }), { errors: h, resetForm: p } = u;
+    return we(() => {
+      Ve(h) && p({ values: a, errors: {} });
+    }, [h, a, p]), /* @__PURE__ */ r(Xe, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
-), $t = {
+), _t = {
   ...nt,
   section: Q
-}, on = T(function(i) {
+}, on = S(function(i) {
   const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, l = e.Icon;
   return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
     /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
@@ -1405,7 +1405,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], sn = Mt.length - 1, ln = T(function(i) {
+], sn = Mt.length - 1, ln = S(function(i) {
   const { setFieldType: e } = i;
   return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Mt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
@@ -1441,9 +1441,9 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     ...e,
     new ue({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, dn = T(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l } = i, c = $t[e], a = me(), f = w(() => {
-    const d = Et(a.values.fields).filter((p) => p !== (o == null ? void 0 : o.label));
+}, dn = S(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l } = i, c = _t[e], a = me(), f = v(() => {
+    const d = Et(a.values.fields).filter((h) => h !== (o == null ? void 0 : o.label));
     let u = cn(d, e);
     if (c === Q) {
       if (l === void 0)
@@ -1471,13 +1471,13 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       onCancel: t
     }
   );
-}), pe = T(function(i) {
-  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: c } = i, [a, f] = ce(), d = (o == null ? void 0 : o.type) ?? a, u = d ? $t[d].fieldTypeName : void 0, { setFieldValue: p, values: h } = me();
+}), pe = S(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: c } = i, [a, f] = ce(), d = (o == null ? void 0 : o.type) ?? a, u = d ? _t[d].fieldTypeName : void 0, { setFieldValue: h, values: p } = me();
   if (l && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  const g = !d && !l && !o, x = g ? "Choose a field type" : `${u} settings`, z = g ? "Select a field type to add to this section." : (u == null ? void 0 : u.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${u == null ? void 0 : u.toLowerCase()} field.`, F = S(() => f(void 0), []), v = S((I) => {
+  const g = !d && !l && !o, x = g ? "Choose a field type" : `${u} settings`, z = g ? "Select a field type to add to this section." : (u == null ? void 0 : u.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${u == null ? void 0 : u.toLowerCase()} field.`, F = T(() => f(void 0), []), w = T((I) => {
     f(void 0), I();
-  }, []), L = S(
+  }, []), L = T(
     (I, V) => {
       const { label: O } = I;
       if (!d)
@@ -1488,16 +1488,16 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         type: d,
         ...I,
         identifier: St(I.identifier, O)
-      }).serialize(), q = de(h, e);
+      }).serialize(), q = de(p, e);
       if (q === void 0)
         throw new Error("Parent path must point to an existing field.");
       let U;
       if (!Array.isArray(q))
         throw new Error("Parent path must point to an array.");
-      l ? U = Ri(q, t, K) : U = Tt(q, t, K), p(e, U).then(), V();
+      l ? U = Ri(q, t, K) : U = Tt(q, t, K), h(e, U).then(), V();
     },
-    [l, d, h, e, p, t]
-  ), P = S(
+    [l, d, p, e, h, t]
+  ), P = T(
     (I) => g ? /* @__PURE__ */ r(ln, { setFieldType: f }) : /* @__PURE__ */ r(
       dn,
       {
@@ -1510,12 +1510,12 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     ),
     [c, F, L, o, g, d]
   );
-  return /* @__PURE__ */ r(li, { onCloseInterrupt: v, title: x, description: z, content: P, children: n });
+  return /* @__PURE__ */ r(li, { onCloseInterrupt: w, title: x, description: z, content: P, children: n });
 }), dt = ({ children: s }) => /* @__PURE__ */ r(pt, { children: s }), ut = (s, i) => ({
   initial: s ? i : "none",
   sm: s ? "none" : i
-}), Ot = T(function(i) {
-  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: l } = i, c = w(
+}), Ot = S(function(i) {
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: l } = i, c = v(
     () => [
       {
         Wrapper: pe,
@@ -1581,8 +1581,15 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       }
     ) })
   ] });
-}), Oe = "form-builder", un = T(function(i) {
-  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: l } = i, c = w(() => Me(e), [e]), a = Pe(c, { formId: Oe, disabled: !0 }), f = w(
+}), Oe = "form-builder", un = S(function(i) {
+  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: l } = i, c = v(() => Me(e), [e]), a = Pe(c, { formId: Oe, disabled: !0 }), f = T(
+    (p) => {
+      if (p.label == null)
+        throw new Error(`Expected a label for field ${p.identifier}`);
+      return { ...p, label: He(p.label, o), identifier: "" };
+    },
+    [o]
+  ), d = v(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1590,14 +1597,14 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       editing: !0
     }),
     [e, t, n]
-  ), d = w(
+  ), u = v(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
-      initial: { ...e, label: He(e.label ?? "", o), identifier: "" }
+      initial: f(e)
     }),
-    [e, t, n, o]
-  ), u = w(
+    [f, e, t, n]
+  ), h = v(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1618,45 +1625,45 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           Ot,
           {
             remove: l,
-            editProps: f,
-            duplicateProps: d,
-            insertAfterProps: u,
+            editProps: d,
+            duplicateProps: u,
+            insertAfterProps: h,
             dragHandleProps: p.dragHandleProps
           }
         )
       ] })
     }
   ) });
-}), fn = T(function(i) {
+}), fn = S(function(i) {
   var V, O, K, q, U, A, R;
-  const { field: e, index: t, dropState: n } = i, o = (V = n[e.identifier]) == null ? void 0 : V.disabled, { setFieldValue: l, values: c } = me(), a = pi(), f = Et(c.fields), d = S(
+  const { field: e, index: t, dropState: n } = i, o = (V = n[e.identifier]) == null ? void 0 : V.disabled, { setFieldValue: l, values: c } = me(), a = pi(), f = Et(c.fields), d = T(
     (C, E) => {
-      for (const _ of C) {
-        const k = E.indexOf(_);
+      for (const $ of C) {
+        const k = E.indexOf($);
         l(`fields.${k}.condition`, null).then(), l(`fields.${k}.conditional`, !1).then();
       }
     },
     [l]
-  ), u = S(
+  ), u = T(
     (C) => {
       var k;
       const E = e.fields[C];
       if (!E)
         throw new Error("Could not find field to remove.");
-      const _ = [];
+      const $ = [];
       for (const N of c.fields)
-        ((k = N.condition) == null ? void 0 : k.identifier) === E.identifier && _.push(N);
+        ((k = N.condition) == null ? void 0 : k.identifier) === E.identifier && $.push(N);
       return {
         removing: E,
-        affectedSections: _,
+        affectedSections: $,
         action: () => l(`fields.${t}.fields`, Se(e.fields, C))
       };
     },
     [e.fields, c.fields, l, t]
-  ), p = S(
+  ), h = T(
     (C) => {
-      const { affectedSections: E, action: _, removing: k } = u(C), N = () => {
-        _().then(), d(E, c.fields);
+      const { affectedSections: E, action: $, removing: k } = u(C), N = () => {
+        $().then(), d(E, c.fields);
       };
       if (E.length > 0) {
         const Re = E.map((xe) => xe.label).join(", ");
@@ -1671,11 +1678,11 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       N();
     },
     [u, d, c.fields, a]
-  ), h = S(() => {
-    const E = e.fields.map((Ie, Rt) => u(Rt)).flatMap((Ie) => Ie.affectedSections), _ = E.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, N = E.map((Ie) => Ie.label).join(", "), Re = E.length ? `Deleting this section will remove the ${k} field(s) it contains and will remove the conditions from following sections: ${N}` : `Deleting this section will remove the ${k} field(s) it contains.`, xe = Se(c.fields, t), st = () => l("fields", xe);
+  ), p = T(() => {
+    const E = e.fields.map((Ie, Rt) => u(Rt)).flatMap((Ie) => Ie.affectedSections), $ = E.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, N = E.map((Ie) => Ie.label).join(", "), Re = E.length ? `Deleting this section will remove the ${k} field(s) it contains and will remove the conditions from following sections: ${N}` : `Deleting this section will remove the ${k} field(s) it contains.`, xe = Se(c.fields, t), st = () => l("fields", xe);
     if (E.length > 0)
       return a({
-        title: _,
+        title: $,
         description: Re,
         severity: "danger",
         actionText: "Remove",
@@ -1694,9 +1701,11 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     l,
     a,
     d
-  ]), g = S(
+  ]), g = T(
     (C) => {
-      const E = He(C.label ?? "", f), _ = C.fields.map((k) => {
+      if (C.label == null)
+        throw new Error(`Expected a label for field ${C.identifier}`);
+      const E = He(C.label, f), $ = C.fields.map((k) => {
         const N = He(k.label, f);
         return {
           ...k,
@@ -1704,10 +1713,10 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           identifier: St(void 0, N)
         };
       });
-      return { ...C, label: E, fields: _, identifier: "" };
+      return { ...C, label: E, fields: $, identifier: "" };
     },
     [f]
-  ), x = w(
+  ), x = v(
     () => ({
       index: t,
       parentPath: "fields",
@@ -1716,7 +1725,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       conditionalSourceFields: Fe(c.fields, t)
     }),
     [e, t, c.fields]
-  ), z = w(
+  ), z = v(
     () => ({
       index: t + 1,
       parentPath: "fields",
@@ -1724,14 +1733,14 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       conditionalSourceFields: Fe(c.fields, t + 1)
     }),
     [t, c.fields]
-  ), F = w(
+  ), F = v(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), v = w(
+  ), w = v(
     () => ({
       index: t + 1,
       parentPath: "fields",
@@ -1739,7 +1748,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       conditionalSourceFields: Fe(c.fields, t + 1)
     }),
     [g, e, t, c.fields]
-  ), L = w(
+  ), L = v(
     () => {
       var C, E;
       return (E = zt(c.fields, (C = e.condition) == null ? void 0 : C.identifier)) == null ? void 0 : E.label;
@@ -1760,7 +1769,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         /* @__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(D, { className: $e.description, children: e.description })
+            /* @__PURE__ */ r(D, { className: _e.description, children: e.description })
           ] }),
           e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(hi, { children: [
             "Display only if ",
@@ -1778,16 +1787,16 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
               direction: "column",
               gap: "0",
               children: [
-                e.fields.map((_, k) => /* @__PURE__ */ r(
+                e.fields.map(($, k) => /* @__PURE__ */ r(
                   un,
                   {
-                    field: _,
+                    field: $,
                     index: k,
                     sectionIndex: t,
-                    remove: () => p(k),
+                    remove: () => h(k),
                     takenLabels: f
                   },
-                  _.identifier
+                  $.identifier
                 )),
                 E.placeholder,
                 /* @__PURE__ */ r(pe, { ...F, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
@@ -1801,11 +1810,11 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         /* @__PURE__ */ r(
           Ot,
           {
-            remove: h,
+            remove: p,
             insertAfterProps: z,
             dragHandleProps: C.dragHandleProps,
             editProps: x,
-            duplicateProps: v
+            duplicateProps: w
           }
         )
       ] })
@@ -1857,19 +1866,19 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, hn = T(function() {
-  const { values: i, setFieldValue: e } = me(), [t, n] = vi(mn, i.fields, ft), { showInfo: o } = gi();
-  ve(() => {
+}, hn = S(function() {
+  const { values: i, setFieldValue: e } = me(), [t, n] = wi(mn, i.fields, ft), { showInfo: o } = gi();
+  we(() => {
     n({ type: "update", state: ft(i.fields) });
   }, [n, i.fields]);
-  const l = S((f) => {
+  const l = T((f) => {
     f.type === "SECTION" && n({ type: "hold", fieldId: f.draggableId });
-  }, []), c = S(
+  }, []), c = T(
     (f) => {
-      const { source: d, destination: u, type: p, reason: h, draggableId: g } = f;
-      if (n({ type: "release" }), !u || h === "CANCEL")
+      const { source: d, destination: u, type: h, reason: p, draggableId: g } = f;
+      if (n({ type: "release" }), !u || p === "CANCEL")
         return;
-      if (p === "ROOT") {
+      if (h === "ROOT") {
         const L = t[g];
         if (!L)
           throw new Error("Could not find section context.");
@@ -1884,9 +1893,9 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           description: "Sections with conditions must be below the fields they reference."
         }), e("fields", je(i.fields, d.index, P));
       }
-      if (p !== "SECTION")
+      if (h !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [x, z] = mt(i.fields, d.droppableId) ?? [], [F, v] = mt(i.fields, u.droppableId) ?? [];
+      const [x, z] = mt(i.fields, d.droppableId) ?? [], [F, w] = mt(i.fields, u.droppableId) ?? [];
       if (!(x != null && x.fields) || !F)
         throw new Error("Could not find section with fields.");
       if (x.identifier === F.identifier)
@@ -1899,13 +1908,13 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         if (!L)
           throw new Error("Could not find field to reorder.");
         e(`fields.${z}.fields`, Se(x.fields, d.index)).then(), e(
-          `fields.${v}.fields`,
+          `fields.${w}.fields`,
           Tt(F.fields, u.index, L)
         ).then();
       }
     },
     [i.fields, e, t, o]
-  ), a = w(
+  ), a = v(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
@@ -1949,28 +1958,28 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), yn = { formId: Oe, placeholder: "Give your form a title." }, vn = new be({
+}), yn = { formId: Oe, placeholder: "Give your form a title." }, wn = new be({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), wn = { formId: Oe, placeholder: "Explain the purpose of this form." }, xn = () => {
+}), vn = { formId: Oe, placeholder: "Explain the purpose of this form." }, xn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, $n = T(
-  we((s, i) => {
-    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: l = o } = s, c = S((h) => {
+}, _n = S(
+  ve((s, i) => {
+    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: l = o } = s, c = T((p) => {
       const g = {};
-      if (h.title || (g.title = "Title is required."), (!h.fields || h.fields.length === 0) && (g.fields = "At least one field is required."), Ve(g))
+      if (p.title || (g.title = "Title is required."), (!p.fields || p.fields.length === 0) && (g.fields = "At least one field is required."), Ve(g))
         return g;
     }, []), a = Qe({
       initialValues: Oi(n) ?? gn,
       validate: c,
-      onSubmit: (h) => t(h),
+      onSubmit: (p) => t(p),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = w(() => Pt(a.values), [a.values]), d = Pe(bn, yn), u = Pe(vn, wn), p = w(
+    }), f = v(() => Pt(a.values), [a.values]), d = Pe(bn, yn), u = Pe(wn, vn), h = v(
       () => typeof l == "object" ? l : /* @__PURE__ */ r(De, { children: l }),
       [l]
     );
@@ -1980,7 +1989,7 @@ const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
         /* @__PURE__ */ r(X.Trigger, { value: "preview", children: "Preview" })
       ] }),
       /* @__PURE__ */ b(X.Content, { value: "edit", children: [
-        p,
+        h,
         /* @__PURE__ */ b(D, { children: [
           "Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the",
           " ",
@@ -2013,7 +2022,7 @@ export {
   Di as DateInput,
   Q as FieldSection,
   Vn as FormBrowser,
-  $n as FormBuilder,
+  _n as FormBuilder,
   ot as FormRenderer,
   kn as FormSubmissionBrowser,
   Pn as FormSubmissionViewer,
@@ -2024,13 +2033,13 @@ export {
   Y as NumberField,
   ki as NumberInput,
   Dn as PatchField,
-  _n as PatchFormProvider,
+  $n as PatchFormProvider,
   Ee as SelectField,
   Mi as SelectInput,
   ge as StringField,
-  _i as StringInput,
+  $i as StringInput,
   be as TextField,
-  $i as TextInput,
+  _i as TextInput,
   Me as deserialize,
   Lt as deserializeField,
   Pt as formRevisionToSchema,