@overmap-ai/forms 1.0.3-form-improvements.3 → 1.0.3-form-improvements.5

package/dist/forms.js

@@ -1,15 +1,15 @@
-var _t = Object.defineProperty;
-var $t = (s, i, e) => i in s ? _t(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var m = (s, i, e) => ($t(s, typeof i != "symbol" ? i + "" : i, e), e);
-import { jsx as r, jsxs as b, Fragment as ut } from "react/jsx-runtime";
-import { Flex as y, Text as V, useSeverityColor as de, Checkbox as Mt, CheckCircledIcon as Ot, TextField as oe, FontFamilyIcon as Rt, CalendarIcon as Nt, InputIcon as Bt, TextArea as qt, RowsIcon as Wt, Select as ft, Box as pe, IconButton as se, PlusIcon as Ve, Badge as Ne, Cross1Icon as mt, ListBulletIcon as jt, DropdownMenuIcon as Ht, MultiSelect as Ut, CheckboxIcon as Gt, Card as be, Heading as De, Button as H, UploadIcon as pt, ButtonList as ke, divButtonProps as Kt, StarFilledIcon as Yt, StarIcon as Qt, QuestionMarkCircledIcon as Xt, PersonIcon as Jt, Tooltip as Zt, Avatar as ei, Separator as ti, Dialog as ii, Pencil1Icon as ni, TrashIcon as ri, CopyIcon as oi, DragHandleDots2Icon as si, DropdownMenu as li, DotsVerticalIcon as ai, useAlertDialog as ci, Em as di, Strong as rt, useToast as ui, Tabs as Y } from "@overmap-ai/blocks";
-import { useField as Ue, useFormikContext as ue, useFormik as Ge, FormikProvider as Ke } from "formik";
-import fi, { useMemo as x, memo as S, useCallback as E, useState as le, useEffect as ye, useRef as mi, forwardRef as ve, useReducer as pi } from "react";
-import { DragDropContext as ht, Droppable as Ye, Draggable as Qe } from "@hello-pangea/dnd";
-import { slugify as hi, useAppSelector as _, selectFormRevision as gt, useSDK as bt, selectSubmissionAttachments as gi, selectFilteredUserForms as bi, selectUserFormMapping as yi, selectOrganization as yt, selectUser as Xe, selectNumberOfUserForms as vi, selectCurrentUser as vt, classNames as wt, isToday as wi, getLocalDateString as xi, selectLatestFormRevision as Ii, useFileSrc as Ci, selectSubmissionsForForm as Fi } from "@overmap-ai/core";
-import ae from "lodash.get";
-import Je from "lodash.set";
-class xt {
+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 { 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 { 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 de from "lodash.get";
+import tt from "lodash.set";
+class Ct {
   constructor(i) {
     m(this, "type");
     m(this, "identifier");
@@ -33,7 +33,7 @@ class xt {
     };
   }
 }
-class $ extends xt {
+class M extends Ct {
   constructor(e) {
     const { label: t, required: n, fieldValidators: o = [], formValidators: l = [], ...c } = e;
     super(c);
@@ -89,27 +89,27 @@ class $ extends xt {
     return [...this.formValidators];
   }
 }
-m($, "fieldTypeName"), m($, "fieldTypeDescription");
-const Ti = "_description_17zed_1", _e = {
-  description: Ti
-}, B = (s) => {
+m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
+const Pi = "_description_17zed_1", $e = {
+  description: Pi
+}, W = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: l } = s;
   return /* @__PURE__ */ r(y, { direction: "column", gap: "1", asChild: !0, ...l, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
-    /* @__PURE__ */ r(V, { severity: t, id: o, children: i }),
+    /* @__PURE__ */ r(D, { severity: t, id: o, children: i }),
     e
   ] }) });
-}, q = (s) => {
+}, j = (s) => {
   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(V, { 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 }) })
   ] });
-}, W = (s) => {
-  const { id: i, field: e, formId: t, ...n } = s, [o, l, c] = Ue(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 = x(() => ({
+}, 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(() => ({
     ...o,
     onChange: (F) => {
-      const w = e.getValueFromChangeEvent(F);
-      c.setValue(w, !1).then(), (a || !e.onlyValidateAfterTouched) && c.setError(e.getError(w));
+      const v = e.getValueFromChangeEvent(F);
+      c.setValue(v, !1).then(), (a || !e.onlyValidateAfterTouched) && c.setError(e.getError(v));
     },
     onBlur: (F) => {
       c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(F)));
@@ -128,10 +128,10 @@ const Ti = "_description_17zed_1", _e = {
     },
     { ...n, "aria-labelledby": p }
   ];
-}, Si = [!0, "true"], zi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = W(i), f = de(n), d = Si.includes(c.value);
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(
-    B,
+}, Li = [!0, "true"], Vi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = Li.includes(c.value);
+  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(
+    W,
     {
       severity: n,
       inputId: e,
@@ -139,7 +139,7 @@ const Ti = "_description_17zed_1", _e = {
       label: l,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
-        Mt,
+        qt,
         {
           ...a,
           ...c,
@@ -154,7 +154,7 @@ const Ti = "_description_17zed_1", _e = {
       )
     }
   ) });
-}), Q = class Q extends $ {
+}), J = class J extends M {
   constructor(e) {
     super({ ...e, type: "boolean" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -172,18 +172,18 @@ const Ti = "_description_17zed_1", _e = {
   static deserialize(e) {
     if (e.type !== "boolean")
       throw new Error("Type mismatch.");
-    return new Q(e);
+    return new J(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(zi, { ...e, field: this });
+    return /* @__PURE__ */ r(Vi, { ...e, field: this });
   }
 };
-m(Q, "fieldTypeName", "Checkbox"), m(Q, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(Q, "Icon", Ot);
-let ce = Q;
-const Ei = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = W(i), d = de(n);
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    oe.Input,
+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 [{ 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,
@@ -195,7 +195,7 @@ const Ei = S(function(i) {
       color: d
     }
   ) }) });
-}), O = class O extends $ {
+}), B = class B extends M {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
@@ -215,7 +215,7 @@ const Ei = S(function(i) {
   }
   static getFieldCreationSchema() {
     return [
-      new O({
+      new B({
         label: "Minimum",
         description: "Minimum value",
         integers: !0,
@@ -223,7 +223,7 @@ const Ei = S(function(i) {
         identifier: "minimum",
         formValidators: [this._validateMin]
       }),
-      new O({
+      new B({
         label: "Maximum",
         description: "Maximum value",
         integers: !0,
@@ -231,7 +231,7 @@ const Ei = S(function(i) {
         identifier: "maximum",
         formValidators: [this._validateMax]
       }),
-      new ce({
+      new ue({
         label: "Integers",
         description: "Whole numbers only",
         required: !1,
@@ -263,18 +263,18 @@ const Ei = S(function(i) {
   static deserialize(e) {
     if (e.type !== "number")
       throw new Error("Type mismatch.");
-    return new O(e);
+    return new B(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ei, { field: this, ...e });
+    return /* @__PURE__ */ r(ki, { field: this, ...e });
   }
 };
-m(O, "fieldTypeName", "Number"), m(O, "fieldTypeDescription", "Allows specifying a number within a given range."), m(O, "Icon", Rt), m(O, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(O, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let G = O;
-const Ai = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = W(i), f = de(n), d = c.value ? c.value.split("T")[0] : "";
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(oe.Input, { ...a, ...c, type: "date", id: e, color: f, value: d }) }) });
-}), X = class X extends $ {
+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 Q = B;
+const Di = T(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 {
   constructor(e) {
     super({ ...e, type: "date" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -288,15 +288,15 @@ const Ai = S(function(i) {
   static deserialize(e) {
     if (e.type !== "date")
       throw new Error("Type mismatch.");
-    return new X(e);
+    return new Z(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ai, { field: this, ...e });
+    return /* @__PURE__ */ r(Di, { field: this, ...e });
   }
 };
-m(X, "fieldTypeName", "Date"), m(X, "fieldTypeDescription", "Allows specifying a date."), m(X, "Icon", Nt);
-let Be = X;
-class Ce extends $ {
+m(Z, "fieldTypeName", "Date"), m(Z, "fieldTypeDescription", "Allows specifying a date."), m(Z, "Icon", Ht);
+let We = Z;
+class Ce extends M {
   constructor(e) {
     const { minLength: t, maxLength: n = 5e3, ...o } = e;
     super(o);
@@ -307,7 +307,7 @@ class Ce extends $ {
   static getFieldCreationSchema() {
     return [
       // min, max
-      new G({
+      new Q({
         label: "Minimum length",
         description: "Minimum number of characters",
         required: !1,
@@ -317,7 +317,7 @@ class Ce extends $ {
         formValidators: [this._validateMin],
         integers: !0
       }),
-      new G({
+      new Q({
         label: "Maximum length",
         description: "Maximum number of characters",
         required: !1,
@@ -365,10 +365,10 @@ 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 Pi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = W(i), d = de(n);
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(oe.Input, { ...f, ...c, type: a.inputType, id: e, color: d }) }) });
-}), J = class J extends Ce {
+const _i = T(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 {
   constructor(e) {
     const { inputType: t = "text", ...n } = e, o = e.maxLength ? Math.min(500, e.maxLength) : 500, l = e.minLength ? Math.min(e.minLength, o) : void 0;
     super({ ...n, maxLength: o, minLength: l, type: "string" });
@@ -382,18 +382,18 @@ const Pi = S(function(i) {
     if (e.type !== "string")
       throw new Error("Type mismatch.");
     const { maximum_length: t, minimum_length: n, input_type: o, ...l } = e;
-    return new J({ ...l, maxLength: t, minLength: n, inputType: o });
+    return new ee({ ...l, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Pi, { field: this, ...e });
+    return /* @__PURE__ */ r(_i, { field: this, ...e });
   }
 };
-m(J, "fieldTypeName", "Short Text"), m(J, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(J, "Icon", Bt);
-let he = J;
-const Li = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = W(i);
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(qt, { ...a, ...c, resize: "vertical", id: e, severity: n }) }) });
-}), Z = class Z extends Ce {
+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 [{ 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 {
   constructor(i) {
     const e = i.maxLength ? Math.min(5e3, i.maxLength) : 5e3, t = i.minLength ? Math.min(i.minLength, e) : void 0;
     super({ ...i, maxLength: e, minLength: t, type: "text" });
@@ -405,26 +405,26 @@ const Li = S(function(i) {
     if (i.type !== "text")
       throw new Error("Type mismatch.");
     const { maximum_length: e, minimum_length: t, ...n } = i;
-    return new Z({ ...n, maxLength: e, minLength: t });
+    return new te({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Li, { field: this, ...i });
+    return /* @__PURE__ */ r($i, { field: this, ...i });
   }
 };
-m(Z, "fieldTypeName", "Paragraph"), m(Z, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(Z, "Icon", Wt);
-let ge = Z;
-const Vi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = W(i), { onChange: d, onBlur: u } = c, p = x(
+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(
     () => a.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [a.options]
-  ), h = E(
+  ), h = S(
     (g) => {
       d(g), u(g);
     },
     [d, u]
   );
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    ft,
+  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,
       ...c,
@@ -435,143 +435,150 @@ const Vi = S(function(i) {
       ...f
     }
   ) }) });
-}), Fe = (s = "", i = []) => ({
+}), Te = (s = "", i = []) => ({
   type: "section",
   fields: i,
   identifier: s,
   label: null,
   condition: null,
   conditional: !1
-}), Di = (s) => {
+}), Oi = (s) => {
   if (!s)
     return;
   const i = s.fields;
   let e = [];
   const t = [];
   for (const n of i)
-    n.type === "section" ? (e.length > 0 && (t.push(Fe(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
-  return e.length > 0 && t.push(Fe("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
+    n.type === "section" ? (e.length > 0 && (t.push(Te(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
+  return e.length > 0 && t.push(Te("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
 };
-function qe(s, i, e) {
+function je(s, i, e) {
   const t = Array.from(s), [n] = t.splice(i, 1);
   if (!n)
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function ki(s, i, e) {
+function Ri(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
-function It(s, i, e) {
+function Tt(s, i, e) {
   const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
-function Te(s, i) {
+function Se(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const _i = (s, i) => {
+const St = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
-  return `${hi(i)}-${e.getTime()}`;
-}, Ct = (s, i) => {
+  return `${wi(i)}-${e.getTime()}`;
+}, zt = (s, i) => {
   if (!i)
     return null;
   for (const e of s)
     if (e.type === "section") {
-      const t = Ct(e.fields, i);
+      const t = zt(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, Ie = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), $i = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = W(i), f = de(n), d = x(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, h = `${e}-droppable`, { disabled: g } = a, [C, z] = le(""), [F, w] = le(""), A = F || o, P = F ? "red" : f, I = E(
-    (v) => {
-      u(v), p(v);
+}, Fe = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Et = (s) => s.flatMap(
+  (i) => i.type === "section" ? [...i.fields.map((e) => e.label), i.label] : i.label
+).filter((i) => i !== null), He = (s, i) => {
+  let e = 1, t = `${s} (${e})`;
+  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(""), P = F || o, L = F ? "red" : f, I = S(
+    (A) => {
+      u(A), p(A);
     },
     [u, p]
-  ), L = E(
-    (v) => {
-      d.findIndex((T) => T.value === v.target.value.trim()) >= 0 ? w("All options must be unique") : v.target.value ? w("") : w("Option cannot be empty"), z(v.target.value);
+  ), V = S(
+    (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);
     },
     [z, d]
-  ), M = E(() => {
+  ), O = S(() => {
     if (F)
       return;
-    if (!C.trim())
-      return w("Option cannot be empty");
-    const v = C.trim();
-    I([...d, { value: v, label: v }]), z("");
-  }, [C, F, I, d]), U = E(
-    (v) => {
-      v.key === "Enter" && (v.preventDefault(), M());
+    if (!x.trim())
+      return v("Option cannot be empty");
+    const A = x.trim();
+    I([...d, { value: A, label: A }]), z("");
+  }, [x, F, I, d]), Y = S(
+    (A) => {
+      A.key === "Enter" && (A.preventDefault(), O());
     },
-    [M]
-  ), R = E(
-    (v) => {
-      I(Te(d, v));
+    [O]
+  ), q = S(
+    (A) => {
+      I(Se(d, A));
     },
     [d, I]
-  ), j = E(
-    (v) => {
-      if (!v.destination)
+  ), U = S(
+    (A) => {
+      if (!A.destination)
         return;
-      const T = v.source.index, D = v.destination.index;
-      I(qe(d, T, D));
+      const R = A.source.index, C = A.destination.index;
+      I(je(d, R, C));
     },
     [I, d]
   );
-  return /* @__PURE__ */ r(ht, { onDragEnd: j, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(q, { helpText: A, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: (!g || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
-      /* @__PURE__ */ r(pe, { grow: "1", children: /* @__PURE__ */ r(
-        oe.Input,
+  return /* @__PURE__ */ r(yt, { onDragEnd: U, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(j, { helpText: P, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: (!g || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
+      /* @__PURE__ */ r(he, { grow: "1", children: /* @__PURE__ */ r(
+        le.Input,
         {
           placeholder: "Press enter to add a new option",
           ...a,
           ...c,
-          value: C,
-          onChange: L,
-          onKeyDown: U,
+          value: x,
+          onChange: V,
+          onKeyDown: Y,
           id: e,
-          color: P,
+          color: L,
           onBlur: void 0
         }
       ) }),
       /* @__PURE__ */ r(
-        se,
+        ae,
         {
           type: "button",
           "aria-label": "Add option",
           disabled: !!F || g,
-          onClick: M,
-          children: /* @__PURE__ */ r(Ve, {})
+          onClick: O,
+          children: /* @__PURE__ */ r(ke, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(Ye, { droppableId: h, children: (v) => /* @__PURE__ */ b(y, { ...v.droppableProps, ref: v.innerRef, direction: "column", children: [
-      d.map((T, D) => /* @__PURE__ */ r(
-        Qe,
+    /* @__PURE__ */ r(Je, { droppableId: h, children: (A) => /* @__PURE__ */ b(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
+      d.map((R, C) => /* @__PURE__ */ r(
+        Ze,
         {
-          draggableId: `${T.value}-draggable`,
-          index: D,
+          draggableId: `${R.value}-draggable`,
+          index: C,
           isDragDisabled: g,
-          children: ({ draggableProps: k, dragHandleProps: N, innerRef: fe }) => /* @__PURE__ */ r(
+          children: ({ draggableProps: E, dragHandleProps: _, innerRef: k }) => /* @__PURE__ */ r(
             y,
             {
-              ...N,
-              ...k,
-              ref: fe,
+              ..._,
+              ...E,
+              ref: k,
               gap: "2",
               align: "center",
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ b(Ne, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ r("span", { children: T.label }),
+              children: /* @__PURE__ */ b(qe, { color: "gray", size: "2", children: [
+                /* @__PURE__ */ r("span", { children: R.label }),
                 /* @__PURE__ */ r(
-                  se,
+                  ae,
                   {
                     size: "small",
                     variant: "ghost",
@@ -579,20 +586,20 @@ const _i = (s, i) => {
                     "aria-label": "Delete option",
                     severity: "info",
                     disabled: g,
-                    onClick: () => R(D),
-                    children: /* @__PURE__ */ r(mt, {})
+                    onClick: () => q(C),
+                    children: /* @__PURE__ */ r(gt, {})
                   }
                 )
               ] })
             }
           )
         },
-        T.value
+        R.value
       )),
-      v.placeholder
+      A.placeholder
     ] }) })
   ] }) });
-}), ee = class ee extends $ {
+}), ie = class ie extends M {
   constructor(e) {
     const { minimum_length: t, maximum_length: n, ...o } = e;
     super({ ...o, type: "multi-string" });
@@ -607,7 +614,7 @@ const _i = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r($i, { field: this, ...e });
+    return /* @__PURE__ */ r(Ni, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -628,12 +635,12 @@ const _i = (s, i) => {
   static deserialize(e) {
     if (e.type !== "multi-string")
       throw new Error("Type mismatch.");
-    return new ee(e);
+    return new ie(e);
   }
 };
-m(ee, "fieldTypeName", "Multi-string"), m(ee, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ee, "Icon", jt);
-let Se = ee;
-class Ft extends $ {
+m(ie, "fieldTypeName", "Multi-string"), m(ie, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ie, "Icon", Yt);
+let ze = ie;
+class At extends M {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -652,7 +659,7 @@ class Ft extends $ {
   }
   static getFieldCreationSchema() {
     return [
-      new Se({
+      new ze({
         label: "Options",
         description: "List possible options for the user to select from.",
         required: !0,
@@ -663,7 +670,7 @@ class Ft extends $ {
     ];
   }
 }
-const te = class te extends Ft {
+const ne = class ne extends At {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -676,23 +683,23 @@ const te = class te extends Ft {
   static deserialize(i) {
     if (i.type !== "select")
       throw new Error("Type mismatch.");
-    return new te(i);
+    return new ne(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Vi, { field: this, ...i });
+    return /* @__PURE__ */ r(Mi, { field: this, ...i });
   }
 };
-m(te, "fieldTypeName", "Dropdown"), m(te, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(te, "Icon", Ht);
-let ze = te;
-const Mi = (s) => s ? Array.isArray(s) ? s : [s] : [], Oi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = W(i), { onChange: d, onBlur: u } = c, p = x(() => Mi(c.value), [c.value]), h = E(
+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(
     (g) => {
       d(g), u(g);
     },
     [d, u]
   );
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    Ut,
+  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,
@@ -704,7 +711,7 @@ const Mi = (s) => s ? Array.isArray(s) ? s : [s] : [], Oi = S(function(i) {
       ...f
     }
   ) }) });
-}), ie = class ie extends Ft {
+}), re = class re extends At {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -722,22 +729,22 @@ const Mi = (s) => s ? Array.isArray(s) ? s : [s] : [], Oi = S(function(i) {
   static deserialize(i) {
     if (i.type !== "multi-select")
       throw new Error("Type mismatch.");
-    return new ie(i);
+    return new re(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Oi, { field: this, ...i });
+    return /* @__PURE__ */ r(qi, { field: this, ...i });
   }
 };
-m(ie, "fieldTypeName", "Multi-select"), m(ie, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(ie, "Icon", Gt);
-let Ee = ie;
-const Ri = S(function({ field: i, ...e }) {
-  const [{ value: t }] = Ue(i.options.clonedFieldIdentifier), n = x(() => {
+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 o = i.options.getFieldToClone(t);
-    return o ? $e(o) : null;
+    return o ? Me(o) : null;
   }, [i.options, t]);
-  return Pe(n, e);
+  return Le(n, e);
 });
-class Ae extends $ {
+class Pe extends M {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -753,28 +760,28 @@ class Ae extends $ {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-m(Ae, "fieldTypeName", "Custom"), m(Ae, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Ni extends Ae {
+m(Pe, "fieldTypeName", "Custom"), m(Pe, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class ji extends Pe {
   constructor(i) {
-    super(i, Ri);
+    super(i, Wi);
   }
 }
-const Bi = S(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: c } = e, { values: a, setFieldValue: f } = ue(), d = c != null && c.identifier ? ae(a, c.identifier) : void 0, u = x(() => zt(c, d), [c, d]);
-  ye(() => {
+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(() => {
     if (!u)
       for (const h of l)
         f(h.getId(), "").then();
   }, [u, l, f]);
-  const p = Et(l, t);
-  return u ? n ? /* @__PURE__ */ r(be, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+  const p = 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(V, { className: _e.description, children: o })
+      /* @__PURE__ */ r(D, { className: $e.description, children: o })
     ] }),
     p
   ] }) }) : p : null;
-}), ne = class ne extends xt {
+}), oe = class oe extends Ct {
   constructor(e) {
     const { label: t = null, fields: n, condition: o = null, conditional: l, ...c } = e;
     super({ ...c, type: "section" });
@@ -785,14 +792,14 @@ const Bi = S(function(i) {
   }
   static getFieldCreationSchema(e) {
     return e.length === 0 ? [] : [
-      new ce({
+      new ue({
         label: "Conditional",
         description: "Conditionally show or hide this section.",
         identifier: "conditional",
         required: !1
       }),
       // Declare a section that will hold options for the condition (if any).
-      new ne({
+      new oe({
         label: "Conditional settings",
         identifier: "conditional-settings",
         // This section will only be rendered if the above "Conditional" field is checked.
@@ -804,7 +811,7 @@ const Bi = S(function(i) {
         fields: [
           // Declare a select field that will be used to select the field against which we will check the
           // condition. This must be selected before the next field is rendered.
-          new ze({
+          new Ee({
             label: "Field",
             description: "The field to use for the condition.",
             // The options (for the field against which we will check the condition) are all the labels of
@@ -821,7 +828,7 @@ const Bi = 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 Ni({
+          new ji({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -848,8 +855,8 @@ const Bi = S(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(Tt)) ?? [];
-    return new ne({ ...e, fields: t });
+    const t = ((n = e.fields) == null ? void 0 : n.map(Pt)) ?? [];
+    return new oe({ ...e, fields: t });
   }
   conditional() {
     return this.condition !== null;
@@ -866,43 +873,43 @@ const Bi = S(function(i) {
   getErrors(e) {
     const t = {};
     for (const n of this.fields) {
-      const o = n.getId(), l = n.getError(ae(e, o), e);
-      l && Je(t, n.getId(), l);
+      const o = n.getId(), l = n.getError(de(e, o), e);
+      l && tt(t, n.getId(), l);
     }
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Bi, { field: this, ...e });
+    return /* @__PURE__ */ r(Hi, { field: this, ...e });
   }
 };
-m(ne, "fieldTypeName", "Section"), m(ne, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let K = ne;
-const qi = "_previewImage_1ig84_1", Wi = {
-  previewImage: qi
-}, Ze = (s) => {
+m(oe, "fieldTypeName", "Section"), m(oe, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+let K = oe;
+const Ui = "_previewImage_1ig84_1", Gi = {
+  previewImage: Ui
+}, it = (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);
-}, ji = S(function(i) {
-  var P;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = W(i), { onChange: d } = c, u = de(n), p = mi(null), { value: h } = c, g = x(() => o || (a.maxFileSize ? `Maximum file size: ${Ze(a.maxFileSize)}` : null), [a.maxFileSize, o]), C = E(() => {
+}, Ki = T(function(i) {
+  var L;
+  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(() => {
     var I;
     (I = p.current) == null || I.click();
-  }, []), z = E(
+  }, []), z = S(
     (I) => {
-      const L = [...h];
-      L.splice(I, 1), d({ target: { files: L } });
+      const V = [...h];
+      V.splice(I, 1), d({ target: { files: V } });
     },
     [h, d]
-  ), F = h ? "Select new files" : "Select files", w = h ? "Select new file" : "Select a file", A = a.maxFiles > 1 ? F : w;
+  ), F = h ? "Select new files" : "Select files", v = h ? "Select new file" : "Select a file", P = a.maxFiles > 1 ? F : v;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(q, { helpText: g, severity: n, children: /* @__PURE__ */ b(B, { severity: n, inputId: e, labelId: t, label: l, children: [
-      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(pe, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(H, { ...f, onClick: C, children: [
-        /* @__PURE__ */ r(pt, {}),
+    /* @__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: [
+        /* @__PURE__ */ r(bt, {}),
         " ",
-        A
+        P
       ] }) }) }),
       /* @__PURE__ */ r(
         "input",
@@ -911,7 +918,7 @@ const qi = "_previewImage_1ig84_1", Wi = {
           type: "file",
           ref: p,
           id: e,
-          accept: (P = a.extensions) == null ? void 0 : P.join(","),
+          accept: (L = a.extensions) == null ? void 0 : L.join(","),
           multiple: a.maxFiles > 1,
           color: u,
           style: { display: "none" },
@@ -920,46 +927,46 @@ const qi = "_previewImage_1ig84_1", Wi = {
         }
       )
     ] }) }),
-    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: h.map((I, L) => /* @__PURE__ */ r(
-      Hi,
+    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: h.map((I, V) => /* @__PURE__ */ r(
+      Yi,
       {
         field: a,
         file: I,
-        onRemove: () => z(L),
+        onRemove: () => z(V),
         disabled: f.disabled
       },
-      L
+      V
     )) })
   ] });
-}), Hi = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
-  const [o, l] = le(null), c = x(() => o && e.getError([o]), [e, o]), { url: a, name: f, size: d } = x(() => {
+}), 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 = Ze(o.size)) : (p = "Downloading...", h = "..."), { url: u, name: p, size: 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 };
   }, [o]);
-  return ye(() => {
+  return ve(() => {
     i instanceof Promise ? i.then(l) : l(i);
-  }, [i]), /* @__PURE__ */ r(be, { children: /* @__PURE__ */ b(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+  }, [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: [
       /* @__PURE__ */ r(
-        se,
+        ae,
         {
           severity: "info",
           variant: "outline",
           "aria-label": `Remove ${f}`,
           disabled: n,
           onClick: t,
-          children: /* @__PURE__ */ r(mt, {})
+          children: /* @__PURE__ */ r(gt, {})
         }
       ),
       /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
-        /* @__PURE__ */ r(V, { children: f }),
-        /* @__PURE__ */ r(V, { size: "1", children: d }),
-        c && /* @__PURE__ */ r(V, { size: "1", severity: "danger", children: c })
+        /* @__PURE__ */ r(D, { children: f }),
+        /* @__PURE__ */ r(D, { size: "1", children: d }),
+        c && /* @__PURE__ */ r(D, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    a && /* @__PURE__ */ r("img", { className: Wi.previewImage, src: a, alt: f })
+    a && /* @__PURE__ */ r("img", { className: Gi.previewImage, src: a, alt: f })
   ] }) });
-}), ot = 50 * 1024 * 1024, re = class re extends $ {
+}), at = 50 * 1024 * 1024, se = class se extends M {
   constructor(e) {
     const { extensions: t, maximum_files: n, maximum_size: o, ...l } = e;
     super({ ...l, type: "upload" });
@@ -977,7 +984,7 @@ const qi = "_previewImage_1ig84_1", Wi = {
   }
   static getFieldCreationSchema() {
     return [
-      new G({
+      new Q({
         label: "How many files can be uploaded?",
         description: "By default, only one file can be uploaded.",
         required: !1,
@@ -985,16 +992,16 @@ const qi = "_previewImage_1ig84_1", Wi = {
         maximum: 10,
         identifier: "maximum_files"
       }),
-      new G({
+      new Q({
         label: "What is the maximum size of each file?",
         description: "Maximum file size in bytes.",
         required: !1,
         identifier: "maximum_size",
         minimum: 1,
-        maximum: ot,
+        maximum: at,
         integers: !0
       }),
-      new Ee({
+      new Ae({
         label: "Accepted file types",
         description: "Types of allowed files to upload. If left blank, all files will be accepted.",
         required: !1,
@@ -1025,10 +1032,10 @@ const qi = "_previewImage_1ig84_1", Wi = {
     ];
   }
   getFieldValidators() {
-    const e = super.getFieldValidators(), t = this.maxFileSize ?? ot, n = this.maxFiles ?? 1;
+    const e = super.getFieldValidators(), t = this.maxFileSize ?? at, n = this.maxFiles ?? 1;
     return e.push((o) => {
       if (o && o.some((l) => l.size > t))
-        return `Files must be at most ${Ze(t)}.`;
+        return `Files must be at most ${it(t)}.`;
     }), e.push((o) => {
       if (o && o.length > n)
         return `You can only upload ${n} files.`;
@@ -1045,46 +1052,46 @@ const qi = "_previewImage_1ig84_1", Wi = {
   static deserialize(e) {
     if (e.type !== "upload")
       throw new Error("Type mismatch.");
-    return new re(e);
+    return new se(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(ji, { field: this, ...e });
+    return /* @__PURE__ */ r(Ki, { field: this, ...e });
   }
 };
-m(re, "fieldTypeName", "Upload"), m(re, "fieldTypeDescription", "Allows a file to be uploaded."), m(re, "Icon", pt);
-let We = re;
-const et = {
-  date: Be,
-  number: G,
-  boolean: ce,
-  select: ze,
-  string: he,
-  text: ge,
-  custom: Ae,
-  upload: We,
+m(se, "fieldTypeName", "Upload"), m(se, "fieldTypeDescription", "Allows a file to be uploaded."), m(se, "Icon", bt);
+let Ue = se;
+const nt = {
+  date: We,
+  number: Q,
+  boolean: ue,
+  select: Ee,
+  string: ge,
+  text: be,
+  custom: Pe,
+  upload: Ue,
   // TODO: Underscore
-  "multi-string": Se,
-  "multi-select": Ee
-}, Tt = (s) => {
+  "multi-string": ze,
+  "multi-select": Ae
+}, Pt = (s) => {
   const i = s.type;
-  return et[i].deserialize(s);
-}, $e = (s) => s.type === "section" ? K.deserialize(s) : Tt(s);
-function St(s, i = {}) {
+  return nt[i].deserialize(s);
+}, Me = (s) => s.type === "section" ? K.deserialize(s) : Pt(s);
+function Lt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
     title: s.title,
     description: s.description,
-    fields: s.fields.map((t) => $e(t)),
+    fields: s.fields.map((t) => Me(t)),
     meta: { readonly: e }
   };
 }
-function je(s) {
+function Ge(s) {
   return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
 }
-function zt(s, i) {
+function Vt(s, i) {
   if (!s)
     return !0;
-  if (je(i) || je(s.value))
+  if (Ge(i) || Ge(s.value))
     throw new Error("Conditions do not support file uploads");
   const e = Array.isArray(i) ? i.map((n) => typeof n == "string" ? n : n.value) : i, t = Array.isArray(s.value) ? s.value.map((n) => typeof n == "string" ? n : n.value) : s.value;
   if (Array.isArray(t) && Array.isArray(e)) {
@@ -1095,35 +1102,35 @@ function zt(s, i) {
   }
   return t === i;
 }
-const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s, i) => {
-  const e = x(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
+const Le = (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]);
   return /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: e });
-}, Le = (s) => Object.keys(s).length > 0, At = async (s, i) => {
+}, Ve = (s) => Object.keys(s).length > 0, Dt = async (s, i) => {
   const e = {};
   for (const t of s.fields)
     if (t instanceof K) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!zt(t.condition, ae(i, n)))
+        if (!Vt(t.condition, de(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
     } else {
-      if (!(t instanceof $))
+      if (!(t instanceof M))
         throw new Error("Invalid field type");
-      const n = t.getId(), o = t.getError(ae(i, n), i);
-      o && Je(e, n, o);
+      const n = t.getId(), o = t.getError(de(i, n), i);
+      o && tt(e, n, o);
     }
-  if (Le(e))
+  if (Ve(e))
     return e;
-}, Ui = [null, void 0], tt = (s, i) => s.reduce((e, t) => t instanceof K ? { ...e, ...tt(t.fields, i) } : (Ui.includes(ae(e, t.getId())) && Je(e, t.getId(), ""), e), i), Gi = () => {
+}, Qi = [null, void 0], rt = (s, i) => s.reduce((e, t) => t instanceof K ? { ...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.");
-}, it = S(
-  ve((s, i) => {
+}, ot = T(
+  we((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Gi,
+      onSubmit: n = Xi,
       submitText: o = "Submit",
       cancelText: l,
       onCancel: c,
@@ -1132,43 +1139,43 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       hideTitle: f = !e.title,
       hideDescription: d,
       className: u
-    } = s, { readonly: p } = e.meta, h = x(() => crypto.randomUUID(), []), g = Ge({
-      initialValues: tt(e.fields, t),
+    } = s, { readonly: p } = e.meta, h = w(() => crypto.randomUUID(), []), g = Qe({
+      initialValues: rt(e.fields, t),
       onSubmit: n,
-      validate: (A) => At(e, A),
+      validate: (P) => Dt(e, P),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: C } = g, z = x(
+    }), { dirty: x } = g, z = w(
       () => typeof e.title == "string" ? /* @__PURE__ */ r(De, { children: e.title }) : e.title,
       [e.title]
-    ), F = x(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(V, { className: _e.description, children: e.description }) : e.description,
+    ), F = w(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: $e.description, children: e.description }) : e.description,
       [e.description]
-    ), w = Et(e.fields, { formId: h, disabled: p });
-    return ye(() => {
-      C && a && a();
-    }, [C, a]), /* @__PURE__ */ r(Ke, { 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: [
-      !f && /* @__PURE__ */ r(be, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+    ), v = kt(e.fields, { formId: h, disabled: p });
+    return ve(() => {
+      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: [
+      !f && /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
         z,
         !d && F
       ] }) }),
-      w,
+      v,
       !p && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
-        l && /* @__PURE__ */ r(H, { type: "button", variant: "soft", onClick: c, children: l }),
-        /* @__PURE__ */ r(H, { type: "submit", disabled: !g.isValid, children: o })
+        l && /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: c, children: l }),
+        /* @__PURE__ */ r(G, { type: "submit", disabled: !g.isValid, children: o })
       ] })
     ] }) }) });
   })
-), zn = S(
-  ve((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = _(gt(e.form_revision)), { sdk: l } = bt();
+), Ln = T(
+  we((s, i) => {
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = $(vt(e.form_revision)), { sdk: l } = wt();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = x(() => St(o, { readonly: !0 }), [o]), a = x(() => {
-      const f = gi(e.offline_id)(l.store.getState()) ?? [], d = {};
+    const c = w(() => Lt(o, { readonly: !0 }), [o]), a = w(() => {
+      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) => {
           if (!g.success)
@@ -1180,7 +1187,7 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       return { ...e.values, ...d };
     }, [l.files, l.store, e.offline_id, e.values]);
     return /* @__PURE__ */ r(
-      it,
+      ot,
       {
         ref: i,
         schema: c,
@@ -1190,36 +1197,36 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       }
     );
   })
-), Ki = "_favoriteIcon_1bixi_1", Yi = "_regularIcon_1bixi_9", st = {
-  favoriteIcon: Ki,
-  regularIcon: Yi
-}, Oe = "organization:", Re = "user:", En = S(
-  ve((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = le(""), [l, c] = le(""), { sdk: a } = bt(), f = x(() => {
-      const w = { maxResults: e, searchTerm: n };
-      return l && (l.startsWith(Oe) ? w.owner_organization = parseInt(l.slice(Oe.length)) : l.startsWith(Re) && (w.owner_user = parseInt(l.slice(Re.length)))), w;
-    }, [n, e, l]), d = _(bi(f)) ?? [], u = _(yi), p = E(
-      (w) => {
-        w.favorite ? a.userForms.unfavorite(w.offline_id).then() : a.userForms.favorite(w.offline_id).then();
+), 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();
       },
       [a]
-    ), h = x(() => {
-      const w = a.store.getState(), A = {};
-      for (const P of Object.values(u)) {
-        const I = yt(P.owner_organization || -1)(w);
-        I && (A[`${Oe}${I.id}`] = I.name);
-        const L = Xe(P.owner_user || -1)(w);
-        L && (A[`${Re}${L.id}`] = L.username);
+    ), h = w(() => {
+      const v = a.store.getState(), P = {};
+      for (const L of Object.values(u)) {
+        const I = xt(L.owner_organization || -1)(v);
+        I && (P[`${Ne}${I.id}`] = I.name);
+        const V = et(L.owner_user || -1)(v);
+        V && (P[`${Be}${V.id}`] = V.username);
       }
-      return Object.entries(A).map(([P, I]) => ({ itemContent: I, value: P }));
-    }, [u, a.store]), g = E((w) => {
-      o(w.currentTarget.value);
-    }, []), z = (_(vi) || 0) - d.length, F = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
+      return Object.entries(P).map(([L, I]) => ({ itemContent: I, value: L }));
+    }, [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`;
     return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
       /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
-        /* @__PURE__ */ r(pe, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(oe.Root, { size: "3", children: /* @__PURE__ */ r(oe.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
+        /* @__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(
-          ft,
+          ht,
           {
             items: h,
             value: l,
@@ -1229,79 +1236,79 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(ke.Root, { children: d.map((w) => /* @__PURE__ */ r(
-        Qi,
+      d.length > 0 && /* @__PURE__ */ r(_e.Root, { children: d.map((v) => /* @__PURE__ */ r(
+        en,
         {
           ...t,
-          form: w,
-          handleToggleFavorite: () => p(w)
+          form: v,
+          handleToggleFavorite: () => p(v)
         },
-        w.offline_id
+        v.offline_id
       )) }),
-      /* @__PURE__ */ r(pe, { px: "3", children: /* @__PURE__ */ r(V, { size: "2", severity: "info", children: F }) })
+      /* @__PURE__ */ r(he, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: F }) })
     ] });
   })
-), Qi = (s) => {
+), en = (s) => {
   var p;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (p = _(yt(i.owner_organization || -1))) == null ? void 0 : p.name, l = _(Xe(i.owner_user || -1)), c = _(vt).id, a = !!l && l.id === c, f = o ?? (a ? "You" : l == null ? void 0 : l.username) ?? "Unknown", d = E(
+  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();
     },
     [n]
-  ), u = /* @__PURE__ */ r(ke.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...Kt, 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(
-        se,
+        ae,
         {
-          className: wt(i.favorite ? st.favoriteIcon : st.regularIcon),
+          className: Ft(i.favorite ? ct.favoriteIcon : ct.regularIcon),
           variant: "ghost",
           onClick: d,
           "aria-label": i.favorite ? "Favorite form" : "Standard form",
           disabled: !t,
-          children: i.favorite ? /* @__PURE__ */ r(Yt, {}) : /* @__PURE__ */ r(Qt, {})
+          children: i.favorite ? /* @__PURE__ */ r(ei, {}) : /* @__PURE__ */ r(ti, {})
         }
       ),
-      /* @__PURE__ */ r(V, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ r(Xt, {})
+      /* @__PURE__ */ r(D, { noWrap: !0, children: i.latestRevision.title }),
+      i.latestRevision.description && /* @__PURE__ */ r(ii, {})
     ] }),
     f && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ r(Jt, {}),
+      /* @__PURE__ */ r(ni, {}),
       " ",
       f
     ] })
   ] }) });
-  return i.latestRevision.description ? /* @__PURE__ */ r(Zt, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, Xi = "_submissionsContainer_9iirt_1", Ji = "_stopHorizontalOverflow_9iirt_6", Pt = {
-  submissionsContainer: Xi,
-  stopHorizontalOverflow: Ji
-}, Zi = S(function(i) {
-  var w;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, c = _(vt), a = _(Xe("created_by" in e ? e.created_by : c.id)), f = He(e), d = wi(f) ? f.toLocaleTimeString([], {
+  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 = {
+  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([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : xi(f), u = _(gt(e.form_revision));
+  }) : Si(f), u = $(vt(e.form_revision));
   if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const p = (w = _(Ii(u.form))) == null ? void 0 : w.revision, h = Ci({
+  const p = (v = $(zi(u.form))) == null ? void 0 : v.revision, h = 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()) ?? "?", C = u.revision === p, z = fi.useCallback(() => {
+  }), g = (a == null ? void 0 : a.username.charAt(0).toUpperCase()) ?? "?", x = u.revision === p, z = bi.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), F = /* @__PURE__ */ r(ke.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: Pt.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(ei, { src: h, size: "1", fallback: g }),
-      /* @__PURE__ */ r(V, { size: "2", noWrap: !0, children: o === "creator" ? (a || c).username : u.title })
+  }, [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 }),
+      /* @__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(Ne, { variant: "soft", severity: C ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!p && /* @__PURE__ */ r(Ne, { children: "Original" })),
-      /* @__PURE__ */ r(V, { size: "2", noWrap: !0, children: d })
+      !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" })),
+      /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
   return l ? l(e, F) : F;
-}), He = (s) => {
+}), Ke = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, An = S(function(i) {
+}, kn = T(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1313,26 +1320,26 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = _(
-    t ? () => t : Fi(e)
-  ), d = x(
-    () => f == null ? void 0 : f.sort((u, p) => He(p).getTime() - He(u).getTime()),
+  const f = $(
+    t ? () => t : Ai(e)
+  ), d = w(
+    () => f == null ? void 0 : f.sort((u, p) => Ke(p).getTime() - Ke(u).getTime()),
     [f]
   );
   return /* @__PURE__ */ r(
-    ke.Root,
+    _e.Root,
     {
-      className: wt(Pt.submissionsContainer, o),
+      className: Ft(_t.submissionsContainer, o),
       size: "small",
       variant: c,
-      before: !n && /* @__PURE__ */ b(V, { severity: "info", children: [
+      before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
         "There are ",
         ((f == null ? void 0 : f.length) || 0).toString(),
         " submissions of this form."
       ] }),
       after: l,
       children: d == null ? void 0 : d.map((u, p) => /* @__PURE__ */ r(
-        Zi,
+        rn,
         {
           submission: u,
           compact: n,
@@ -1342,9 +1349,9 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       ))
     }
   );
-}), Pn = S(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = ue(), [o, l, c] = Ue(e);
-  return x(() => {
+}), Dn = T(function(i) {
+  const { name: e, render: t } = i, { submitForm: n } = me(), [o, l, c] = Ye(e);
+  return w(() => {
     const a = (f) => c.setValue(f, !1);
     return t({
       value: o.value,
@@ -1352,25 +1359,25 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       patchValue: n
     });
   }, [n, c, o.value, t]);
-}), Ln = S(
-  ve((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: o, onError: l, ...c } = s, a = x(() => tt(t.fields, n), [t.fields, n]), f = E(
+}), _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(
       (g) => {
-        const C = {};
+        const x = {};
         for (const z in g) {
           const F = g[z];
-          F !== a[z] && F !== void 0 && (C[z] = F);
+          F !== a[z] && F !== void 0 && (x[z] = F);
         }
-        Le(C) && o(C);
+        Ve(x) && o(x);
       },
       [a, o]
-    ), d = E(
+    ), d = S(
       async (g) => {
-        const C = await At(t, g);
-        return C && l(C), C;
+        const x = await Dt(t, g);
+        return x && l(x), x;
       },
       [t, l]
-    ), u = Ge({
+    ), u = Qe({
       initialValues: a,
       onSubmit: f,
       validate: d,
@@ -1378,52 +1385,52 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       validateOnBlur: !1,
       validateOnChange: !1
     }), { errors: p, resetForm: h } = u;
-    return ye(() => {
-      Le(p) && h({ values: a, errors: {} });
-    }, [p, a, h]), /* @__PURE__ */ r(Ke, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
+    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 }) });
   })
-), Lt = {
-  ...et,
+), $t = {
+  ...nt,
   section: K
-}, en = S(function(i) {
+}, on = T(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(H, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
+    /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ r(l, {}),
       n
     ] }) }),
-    /* @__PURE__ */ r(V, { children: o })
+    /* @__PURE__ */ r(D, { children: o })
   ] });
-}), Vt = [
+}), Mt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], tn = Vt.length - 1, nn = S(function(i) {
+], sn = Mt.length - 1, ln = T(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Vt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+  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(
-      en,
+      on,
       {
-        field: et[o],
+        field: nt[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < tn && /* @__PURE__ */ r(ti, { size: "4" })
+    n < sn && /* @__PURE__ */ r(si, { size: "4" })
   ] }, n)) });
-}), rn = (s) => (i) => {
+}), an = (s) => (i) => {
   if (console.log("in validate", s, i), !(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, on = (s, i) => {
+}, cn = (s, i) => {
   const e = [
-    new he({
+    new ge({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [rn(s)]
+      fieldValidators: [an(s)]
     }),
-    new ge({
+    new be({
       label: "Description",
       required: !1,
       maxLength: 1e3,
@@ -1432,119 +1439,116 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
   ];
   return i === "section" ? e : [
     ...e,
-    new ce({ label: "Required", description: null, required: !1, identifier: "required" })
+    new ue({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, sn = S(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l, editing: c } = i, a = Lt[e];
+}, dn = T(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l } = i, c = $t[e];
   console.log("default field", o);
-  const f = ue(), d = x(() => {
-    const u = f.values.fields.flatMap(
-      (h) => h.type === "section" ? [...h.fields.map((g) => g.label), h.label] : h.label
-    ).filter((h) => !c || h !== (o == null ? void 0 : o.label) && h !== null);
-    let p = on(u, e);
-    if (console.log(u, p), a === K) {
+  const a = me(), f = w(() => {
+    const d = Et(a.values.fields).filter((p) => p !== (o == null ? void 0 : o.label));
+    let u = cn(d, e);
+    if (console.log("first set of errors", c, K, l), c === K) {
       if (l === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      p = p.concat(a.getFieldCreationSchema(l));
+      u = u.concat(c.getFieldCreationSchema(l));
     } else {
-      if (!(a.prototype instanceof $))
-        throw new Error(`Field must be an instance of BaseField. Got ${a}.`);
-      p = [...p, ...a.getFieldCreationSchema()];
+      if (!(c.prototype instanceof M))
+        throw console.log("badinstance"), new Error(`Field must be an instance of BaseField. Got ${c}.`);
+      u = [...u, ...c.getFieldCreationSchema()];
     }
     return {
-      fields: p,
+      fields: u,
       meta: { readonly: !1 },
       // using the dialog title as the form title
       title: null
     };
-  }, [f.values.fields, e, a, c, o == null ? void 0 : o.label, l]);
+  }, [a.values.fields, e, c, o == null ? void 0 : o.label, l]);
   return /* @__PURE__ */ r(
-    it,
+    ot,
     {
-      schema: d,
+      schema: f,
       values: o,
       onSubmit: n,
       cancelText: o ? void 0 : "Back",
       onCancel: t
     }
   );
-}), me = S(function(i) {
-  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: c } = i, [a, f] = le(), d = (o == null ? void 0 : o.type) ?? a, u = d ? Lt[d].fieldTypeName : void 0, { setFieldValue: p, values: h } = ue();
+}), 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();
   if (l && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  const g = !d && !l && !o, C = 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 = E(() => f(void 0), []), w = E((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 = S(() => f(void 0), []), v = S((I) => {
     f(void 0), I();
-  }, []), A = E(
-    (I, L) => {
-      const { label: M } = I;
+  }, []), P = S(
+    (I, V) => {
+      const { label: O } = I;
       if (!d)
         throw new Error("Field type must be selected before creating a field.");
-      if (!M || typeof M != "string")
+      if (!O || typeof O != "string")
         throw new Error("Label must be provided before creating a field.");
-      const U = $e({
+      const Y = Me({
         type: d,
         ...I,
-        identifier: _i(I.identifier, M)
-      }).serialize(), R = ae(h, e);
-      if (R === void 0)
+        identifier: St(I.identifier, O)
+      }).serialize(), q = de(h, e);
+      if (q === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let j;
-      if (!Array.isArray(R))
+      let U;
+      if (!Array.isArray(q))
         throw new Error("Parent path must point to an array.");
-      l ? j = ki(R, t, U) : j = It(R, t, U), p(e, j).then(), L();
+      l ? U = Ri(q, t, Y) : U = Tt(q, t, Y), p(e, U).then(), V();
     },
     [l, d, h, e, p, t]
-  ), P = E(
-    (I) => g ? /* @__PURE__ */ r(nn, { setFieldType: f }) : /* @__PURE__ */ r(
-      sn,
+  ), L = S(
+    (I) => g ? /* @__PURE__ */ r(ln, { setFieldType: f }) : /* @__PURE__ */ r(
+      dn,
       {
         conditionalSourceFields: c,
         handleCancel: F,
-        handleCreateField: (L) => A(L, I),
+        handleCreateField: (V) => P(V, I),
         fieldType: d,
-        defaultField: o,
-        editing: l
+        defaultField: o
       }
     ),
-    [c, l, F, A, o, g, d]
+    [c, F, P, o, g, d]
   );
-  return /* @__PURE__ */ r(ii, { onCloseInterrupt: w, title: C, description: z, content: P, children: n });
-}), lt = ({ children: s }) => /* @__PURE__ */ r(ut, { children: s }), at = (s, i) => ({
+  return /* @__PURE__ */ r(li, { onCloseInterrupt: v, title: x, description: z, content: L, children: n });
+}), dt = ({ children: s }) => /* @__PURE__ */ r(pt, { children: s }), ut = (s, i) => ({
   initial: s ? i : "none",
   sm: s ? "none" : i
-}), Dt = S(function(i) {
-  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: l } = i, c = x(
+}), Ot = T(function(i) {
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: l } = i, c = w(
     () => [
       {
-        Wrapper: me,
+        Wrapper: pe,
         wrapperProps: n,
-        Icon: ni,
+        Icon: ai,
         text: "Edit"
       },
       {
-        Icon: ri,
+        Icon: ci,
         buttonProps: {
           onClick: e
         },
         text: "Delete"
       },
       {
-        Wrapper: me,
+        Wrapper: pe,
         wrapperProps: l,
-        Icon: oi,
+        Icon: di,
         text: "Duplicate"
       },
       {
-        Wrapper: me,
+        Wrapper: pe,
         wrapperProps: o,
-        Icon: Ve,
+        Icon: ke,
         text: "Add after"
       },
       {
         // Wrapping icon in a div so that the asChild turns the button into a div
         // so that the drag handle props are not applied to the icon
         // Note: b/c the <button> does not handle the space-press event correctly
-        Icon: (a) => /* @__PURE__ */ r("div", { ...a, children: /* @__PURE__ */ r(si, {}) }),
+        Icon: (a) => /* @__PURE__ */ r("div", { ...a, children: /* @__PURE__ */ r(ui, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
@@ -1552,21 +1556,21 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
     ],
     [t, l, n, o, e]
   );
-  return /* @__PURE__ */ b(ut, { children: [
-    /* @__PURE__ */ r(y, { gap: "4", display: at(!1, "flex"), children: c.map((a) => {
-      const f = a.Wrapper ?? lt;
-      return /* @__PURE__ */ r(f, { ...a.wrapperProps, children: /* @__PURE__ */ r(se, { type: "button", variant: "ghost", "aria-label": a.text, ...a.buttonProps, children: /* @__PURE__ */ r(a.Icon, {}) }) }, a.text);
+  return /* @__PURE__ */ b(pt, { children: [
+    /* @__PURE__ */ r(y, { gap: "4", display: ut(!1, "flex"), children: c.map((a) => {
+      const f = a.Wrapper ?? dt;
+      return /* @__PURE__ */ r(f, { ...a.wrapperProps, children: /* @__PURE__ */ r(ae, { type: "button", variant: "ghost", "aria-label": a.text, ...a.buttonProps, children: /* @__PURE__ */ r(a.Icon, {}) }) }, a.text);
     }) }),
-    /* @__PURE__ */ r(pe, { display: at(!0, "block"), children: /* @__PURE__ */ r(
-      li,
+    /* @__PURE__ */ r(he, { display: ut(!0, "block"), children: /* @__PURE__ */ r(
+      fi,
       {
-        trigger: /* @__PURE__ */ r(se, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(ai, {}) }),
+        trigger: /* @__PURE__ */ r(ae, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(mi, {}) }),
         closeOnSelect: !1,
         items: c.map((a) => {
           var d;
           if (a.disableOnMobile)
             return null;
-          const f = a.Wrapper ?? lt;
+          const f = a.Wrapper ?? dt;
           return {
             ...a.buttonProps,
             onSelect: (d = a.buttonProps) == null ? void 0 : d.onClick,
@@ -1579,10 +1583,10 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       }
     ) })
   ] });
-}), Me = "form-builder", ln = S(function(i) {
-  const { field: e, index: t, sectionIndex: n, remove: o } = i, l = x(() => $e(e), [e]), c = Pe(l, { formId: Me, disabled: !0 });
-  console.log(e, t, n, l);
-  const a = x(
+}), 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 = Le(c, { formId: Oe, disabled: !0 });
+  console.log(e, t, n, c);
+  const f = w(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1590,14 +1594,14 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       editing: !0
     }),
     [e, t, n]
-  ), f = x(
+  ), d = w(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
-      initial: { ...e, identifier: "" }
+      initial: { ...e, label: He(e.label ?? "", o), identifier: "" }
     }),
-    [e, t, n]
-  ), d = x(
+    [e, t, n, o]
+  ), u = w(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1605,66 +1609,66 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
     }),
     [t, n]
   );
-  return /* @__PURE__ */ r(Qe, { draggableId: e.identifier, index: t, children: (u) => /* @__PURE__ */ r(
-    be,
+  return /* @__PURE__ */ r(Ze, { draggableId: e.identifier, index: t, children: (p) => /* @__PURE__ */ r(
+    ye,
     {
-      ref: u.innerRef,
-      ...u.draggableProps,
-      ...u.dragHandleProps,
+      ref: p.innerRef,
+      ...p.draggableProps,
+      ...p.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(y, { gap: "4", justify: "between", align: "center", children: [
-        c,
+        a,
         /* @__PURE__ */ r(
-          Dt,
+          Ot,
           {
-            remove: o,
-            editProps: a,
-            duplicateProps: f,
-            insertAfterProps: d,
-            dragHandleProps: u.dragHandleProps
+            remove: l,
+            editProps: f,
+            duplicateProps: d,
+            insertAfterProps: u,
+            dragHandleProps: p.dragHandleProps
           }
         )
       ] })
     }
   ) });
-}), an = S(function(i) {
-  var P, I, L, M, U, R, j;
-  const { field: e, index: t, dropState: n } = i, o = (P = n[e.identifier]) == null ? void 0 : P.disabled, { setFieldValue: l, values: c } = ue(), a = ci();
+}), fn = T(function(i) {
+  var V, O, Y, 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);
   console.log("field section", e, t, c);
-  const f = E(
-    (v, T) => {
-      for (const D of v) {
-        const k = T.indexOf(D);
+  const d = S(
+    (C, E) => {
+      for (const _ of C) {
+        const k = E.indexOf(_);
         l(`fields.${k}.condition`, null).then(), l(`fields.${k}.conditional`, !1).then();
       }
     },
     [l]
-  ), d = E(
-    (v) => {
+  ), u = S(
+    (C) => {
       var k;
-      const T = e.fields[v];
-      if (!T)
+      const E = e.fields[C];
+      if (!E)
         throw new Error("Could not find field to remove.");
-      const D = [];
+      const _ = [];
       for (const N of c.fields)
-        ((k = N.condition) == null ? void 0 : k.identifier) === T.identifier && D.push(N);
+        ((k = N.condition) == null ? void 0 : k.identifier) === E.identifier && _.push(N);
       return {
-        removing: T,
-        affectedSections: D,
-        action: () => l(`fields.${t}.fields`, Te(e.fields, v))
+        removing: E,
+        affectedSections: _,
+        action: () => l(`fields.${t}.fields`, Se(e.fields, C))
       };
     },
     [e.fields, c.fields, l, t]
-  ), u = E(
-    (v) => {
-      const { affectedSections: T, action: D, removing: k } = d(v), N = () => {
-        D().then(), f(T, c.fields);
+  ), p = S(
+    (C) => {
+      const { affectedSections: E, action: _, removing: k } = u(C), N = () => {
+        _().then(), d(E, c.fields);
       };
-      if (T.length > 0) {
-        const fe = T.map((we) => we.label).join(", ");
+      if (E.length > 0) {
+        const Re = E.map((xe) => xe.label).join(", ");
         return a({
           title: "Remove condition?",
-          description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${fe} section(s).`,
+          description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${Re} section(s).`,
           severity: "danger",
           actionText: "Remove",
           onAction: N
@@ -1672,114 +1676,128 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       }
       N();
     },
-    [d, f, c.fields, a]
-  ), p = E(() => {
-    const T = e.fields.map((xe, kt) => d(kt)).flatMap((xe) => xe.affectedSections), D = T.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, N = T.map((xe) => xe.label).join(", "), fe = T.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.`, we = Te(c.fields, t), nt = () => l("fields", we);
-    if (T.length > 0)
+    [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);
+    if (E.length > 0)
       return a({
-        title: D,
-        description: fe,
+        title: _,
+        description: Re,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
-          nt().then(() => {
-            f(T, we);
+          st().then(() => {
+            d(E, xe);
           });
         }
       });
-    nt().then();
+    st().then();
   }, [
     e.fields,
     c.fields,
     t,
-    d,
+    u,
     l,
     a,
-    f
-  ]), h = x(
+    d
+  ]), g = S(
+    (C) => {
+      const E = He(C.label ?? "", f), _ = C.fields.map((k) => {
+        const N = He(k.label, f);
+        return {
+          ...k,
+          label: N,
+          identifier: St(void 0, N)
+        };
+      });
+      return { ...C, label: E, fields: _, identifier: "" };
+    },
+    [f]
+  ), x = w(
     () => ({
       index: t,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: Ie(c.fields, t)
+      conditionalSourceFields: Fe(c.fields, t)
     }),
     [e, t, c.fields]
-  ), g = x(
+  ), z = w(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: Fe(),
-      conditionalSourceFields: Ie(c.fields, t + 1)
+      initial: Te(),
+      conditionalSourceFields: Fe(c.fields, t + 1)
     }),
     [t, c.fields]
-  ), C = x(
+  ), F = w(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), z = x(
+  ), v = w(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: { ...e, identifier: "" },
-      conditionalSourceFields: Ie(c.fields, t + 1)
+      initial: g(e),
+      conditionalSourceFields: Fe(c.fields, t + 1)
     }),
-    [e, t, c.fields]
-  ), F = x(
+    [g, e, t, c.fields]
+  ), P = w(
     () => {
-      var v, T;
-      return (T = Ct(c.fields, (v = e.condition) == null ? void 0 : v.identifier)) == null ? void 0 : T.label;
+      var C, E;
+      return (E = zt(c.fields, (C = e.condition) == null ? void 0 : C.identifier)) == null ? void 0 : E.label;
     },
-    [(I = e.condition) == null ? void 0 : I.identifier, c.fields]
-  ), w = Array.isArray((L = e.condition) == null ? void 0 : L.value) ? "contains all of" : "equals";
-  if (je((M = e.condition) == null ? void 0 : M.value))
+    [(O = e.condition) == null ? void 0 : O.identifier, c.fields]
+  ), L = Array.isArray((Y = e.condition) == null ? void 0 : Y.value) ? "contains all of" : "equals";
+  if (Ge((q = e.condition) == null ? void 0 : q.value))
     throw new Error("File values are not supported for conditions.");
-  const A = Array.isArray((U = e.condition) == null ? void 0 : U.value) ? (R = e.condition) == null ? void 0 : R.value.map((v) => typeof v == "string" ? v : v.label).join(", ") : (j = e.condition) == null ? void 0 : j.value.toString();
-  return /* @__PURE__ */ r(Qe, { draggableId: e.identifier, index: t, children: (v) => /* @__PURE__ */ r(
-    be,
+  const I = Array.isArray((U = e.condition) == null ? void 0 : U.value) ? (A = e.condition) == null ? void 0 : A.value.map((C) => typeof C == "string" ? C : C.label).join(", ") : (R = e.condition) == null ? void 0 : R.value.toString();
+  return /* @__PURE__ */ r(Ze, { draggableId: e.identifier, index: t, children: (C) => /* @__PURE__ */ r(
+    ye,
     {
-      ref: v.innerRef,
-      ...v.draggableProps,
-      ...v.dragHandleProps,
+      ref: C.innerRef,
+      ...C.draggableProps,
+      ...C.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(y, { gap: "3", justify: "between", align: "center", children: [
         /* @__PURE__ */ b(y, { direction: "column", gap: "2", grow: "1", children: [
           /* @__PURE__ */ b(y, { direction: "column", children: [
             /* @__PURE__ */ r(De, { as: "h3", size: "3", children: e.label }),
-            /* @__PURE__ */ r(V, { className: _e.description, children: e.description })
+            /* @__PURE__ */ r(D, { className: $e.description, children: e.description })
           ] }),
-          e.condition && /* @__PURE__ */ r(V, { size: "1", children: /* @__PURE__ */ b(di, { children: [
+          e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(hi, { children: [
             "Display only if ",
-            /* @__PURE__ */ r(rt, { children: F }),
+            /* @__PURE__ */ r(lt, { children: P }),
             " ",
-            w,
+            L,
             " ",
-            /* @__PURE__ */ r(rt, { children: A })
+            /* @__PURE__ */ r(lt, { children: I })
           ] }) }),
-          /* @__PURE__ */ r(Ye, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (T) => /* @__PURE__ */ b(
+          /* @__PURE__ */ r(Je, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (E) => /* @__PURE__ */ b(
             y,
             {
-              ref: T.innerRef,
-              ...T.droppableProps,
+              ref: E.innerRef,
+              ...E.droppableProps,
               direction: "column",
               gap: "0",
               children: [
-                e.fields.map((D, k) => /* @__PURE__ */ r(
-                  ln,
+                e.fields.map((_, k) => /* @__PURE__ */ r(
+                  un,
                   {
-                    field: D,
+                    field: _,
                     index: k,
                     sectionIndex: t,
-                    remove: () => u(k)
+                    remove: () => p(k),
+                    takenLabels: f
                   },
-                  D.identifier
+                  _.identifier
                 )),
-                T.placeholder,
-                /* @__PURE__ */ r(me, { ...C, children: /* @__PURE__ */ b(H, { type: "button", variant: "outline", children: [
-                  /* @__PURE__ */ r(Ve, {}),
+                E.placeholder,
+                /* @__PURE__ */ r(pe, { ...F, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
+                  /* @__PURE__ */ r(ke, {}),
                   " Add a field"
                 ] }) })
               ]
@@ -1787,19 +1805,19 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
           ) })
         ] }),
         /* @__PURE__ */ r(
-          Dt,
+          Ot,
           {
-            remove: p,
-            insertAfterProps: g,
-            dragHandleProps: v.dragHandleProps,
-            editProps: h,
-            duplicateProps: z
+            remove: h,
+            insertAfterProps: z,
+            dragHandleProps: C.dragHandleProps,
+            editProps: x,
+            duplicateProps: v
           }
         )
       ] })
     }
   ) });
-}), cn = (s, i) => {
+}), mn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1814,7 +1832,7 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
     case "update":
       return i.state;
   }
-}, dn = (s, i) => {
+}, pn = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1824,7 +1842,7 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
             return e;
       }
     }
-}, ct = (s) => {
+}, ft = (s) => {
   var e, t, n;
   const i = {};
   for (let o = 0; o < s.length; o++) {
@@ -1835,74 +1853,74 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
     (t = l.condition) != null && t.identifier && a.add(l.condition.identifier), i[l.identifier] = {
       disabled: !1,
       conditionFields: a,
-      conditionIndex: dn(s, (n = l.condition) == null ? void 0 : n.identifier),
+      conditionIndex: pn(s, (n = l.condition) == null ? void 0 : n.identifier),
       index: o,
       label: l.label
     };
   }
   return i;
-}, dt = (s, i) => {
+}, mt = (s, i) => {
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, un = S(function() {
-  const { values: i, setFieldValue: e } = ue(), [t, n] = pi(cn, i.fields, ct), { showInfo: o } = ui();
-  ye(() => {
-    n({ type: "update", state: ct(i.fields) });
+}, hn = T(function() {
+  const { values: i, setFieldValue: e } = me(), [t, n] = vi(mn, i.fields, ft), { showInfo: o } = gi();
+  ve(() => {
+    n({ type: "update", state: ft(i.fields) });
   }, [n, i.fields]);
-  const l = E((f) => {
+  const l = S((f) => {
     f.type === "SECTION" && n({ type: "hold", fieldId: f.draggableId });
-  }, []), c = E(
+  }, []), c = S(
     (f) => {
       const { source: d, destination: u, type: p, reason: h, draggableId: g } = f;
       if (n({ type: "release" }), !u || h === "CANCEL")
         return;
       if (p === "ROOT") {
-        const A = t[g];
-        if (!A)
+        const P = t[g];
+        if (!P)
           throw new Error("Could not find section context.");
-        let P = typeof A.conditionIndex < "u" ? (
+        let L = typeof P.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(A.conditionIndex + 1, u.index)
+          Math.max(P.conditionIndex + 1, u.index)
         ) : u.index;
         for (const I of Object.values(t))
-          I.conditionIndex === d.index && (P = Math.min(P, I.index - 1));
-        return P != u.index && o({
+          I.conditionIndex === d.index && (L = Math.min(L, I.index - 1));
+        return L != u.index && o({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", qe(i.fields, d.index, P));
+        }), e("fields", je(i.fields, d.index, L));
       }
       if (p !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [C, z] = dt(i.fields, d.droppableId) ?? [], [F, w] = dt(i.fields, u.droppableId) ?? [];
-      if (!(C != null && C.fields) || !F)
+      const [x, z] = mt(i.fields, d.droppableId) ?? [], [F, v] = mt(i.fields, u.droppableId) ?? [];
+      if (!(x != null && x.fields) || !F)
         throw new Error("Could not find section with fields.");
-      if (C.identifier === F.identifier)
+      if (x.identifier === F.identifier)
         e(
           `fields.${z}.fields`,
-          qe(C.fields, d.index, u.index)
+          je(x.fields, d.index, u.index)
         ).then();
       else {
-        const A = C.fields[d.index];
-        if (!A)
+        const P = x.fields[d.index];
+        if (!P)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${z}.fields`, Te(C.fields, d.index)).then(), e(
-          `fields.${w}.fields`,
-          It(F.fields, u.index, A)
+        e(`fields.${z}.fields`, Se(x.fields, d.index)).then(), e(
+          `fields.${v}.fields`,
+          Tt(F.fields, u.index, P)
         ).then();
       }
     },
     [i.fields, e, t, o]
-  ), a = x(
+  ), a = w(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
-      initial: Fe(),
-      conditionalSourceFields: Ie(i.fields, i.fields.length)
+      initial: Te(),
+      conditionalSourceFields: Fe(i.fields, i.fields.length)
     }),
     [i.fields]
   );
-  return /* @__PURE__ */ r(ht, { onDragStart: l, onDragEnd: c, children: /* @__PURE__ */ r(Ye, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ b(
+  return /* @__PURE__ */ r(yt, { onDragStart: l, onDragEnd: c, children: /* @__PURE__ */ r(Je, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ b(
     y,
     {
       ref: f.innerRef,
@@ -1911,7 +1929,7 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
       gap: "0",
       children: [
         i.fields.map((d, u) => /* @__PURE__ */ r(
-          an,
+          fn,
           {
             field: d,
             index: u,
@@ -1920,56 +1938,56 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
           d.label
         )),
         f.placeholder,
-        /* @__PURE__ */ r(me, { ...a, children: /* @__PURE__ */ b(H, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ r(Ve, {}),
+        /* @__PURE__ */ r(pe, { ...a, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
+          /* @__PURE__ */ r(ke, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), fn = {
+}), gn = {
   title: "",
   description: "",
   fields: []
-}, mn = new he({
+}, bn = new ge({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), pn = { formId: Me, placeholder: "Give your form a title." }, hn = new ge({
+}), yn = { formId: Oe, placeholder: "Give your form a title." }, vn = new be({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), gn = { formId: Me, placeholder: "Explain the purpose of this form." }, bn = () => {
+}), wn = { formId: Oe, placeholder: "Explain the purpose of this form." }, xn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Vn = 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 = E((h) => {
+}, $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) => {
       const g = {};
-      if (h.title || (g.title = "Title is required."), (!h.fields || h.fields.length === 0) && (g.fields = "At least one field is required."), Le(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))
         return g;
-    }, []), a = Ge({
-      initialValues: Di(n) ?? fn,
+    }, []), a = Qe({
+      initialValues: Oi(n) ?? gn,
       validate: c,
       onSubmit: (h) => t(h),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = x(() => St(a.values), [a.values]), d = Pe(mn, pn), u = Pe(hn, gn), p = x(
+    }), f = w(() => Lt(a.values), [a.values]), d = Le(bn, yn), u = Le(vn, wn), p = w(
       () => typeof l == "object" ? l : /* @__PURE__ */ r(De, { children: l }),
       [l]
     );
-    return /* @__PURE__ */ r(Y.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ b(Y.List, { children: [
-        /* @__PURE__ */ r(Y.Trigger, { value: "edit", children: "Edit" }),
-        /* @__PURE__ */ r(Y.Trigger, { value: "preview", children: "Preview" })
+    return /* @__PURE__ */ r(X.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(X.List, { children: [
+        /* @__PURE__ */ r(X.Trigger, { value: "edit", children: "Edit" }),
+        /* @__PURE__ */ r(X.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ b(Y.Content, { value: "edit", children: [
+      /* @__PURE__ */ b(X.Content, { value: "edit", children: [
         p,
-        /* @__PURE__ */ b(V, { children: [
+        /* @__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",
           " ",
           /* @__PURE__ */ r("em", { children: "Preview" }),
@@ -1977,53 +1995,53 @@ const Pe = (s, i) => x(() => !i || !s ? null : s.getInput(i), [s, i]), Et = (s,
           " ",
           /* @__PURE__ */ r("strong", { children: "field values entered on this page will not be saved." })
         ] }),
-        /* @__PURE__ */ r(y, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: Me, onSubmit: a.handleSubmit, children: [
-          /* @__PURE__ */ b(Ke, { value: a, children: [
+        /* @__PURE__ */ r(y, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: Oe, onSubmit: a.handleSubmit, children: [
+          /* @__PURE__ */ b(Xe, { value: a, children: [
             d,
             u,
-            /* @__PURE__ */ r(un, {}),
-            /* @__PURE__ */ r(V, { severity: "danger", size: "1", children: typeof a.errors.fields == "string" && a.errors.fields })
+            /* @__PURE__ */ r(hn, {}),
+            /* @__PURE__ */ r(D, { severity: "danger", size: "1", children: typeof a.errors.fields == "string" && a.errors.fields })
           ] }),
           /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
-            /* @__PURE__ */ r(H, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ r(H, { type: "submit", disabled: !a.isValid, children: "Save" })
+            /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ r(G, { type: "submit", disabled: !a.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(Y.Content, { value: "preview", children: /* @__PURE__ */ r(it, { schema: f, onSubmit: bn }) })
+      /* @__PURE__ */ r(X.Content, { value: "preview", children: /* @__PURE__ */ r(ot, { schema: f, onSubmit: xn }) })
     ] }) });
   })
 );
 export {
-  ce as BooleanField,
-  zi as BooleanInput,
-  Be as DateField,
-  Ai as DateInput,
+  ue as BooleanField,
+  Vi as BooleanInput,
+  We as DateField,
+  Di as DateInput,
   K as FieldSection,
-  En as FormBrowser,
-  Vn as FormBuilder,
-  it as FormRenderer,
-  An as FormSubmissionBrowser,
-  zn as FormSubmissionViewer,
-  Ee as MultiSelectField,
-  Oi as MultiSelectInput,
-  Se as MultiStringField,
-  $i as MultiStringInput,
-  G as NumberField,
-  Ei as NumberInput,
-  Pn as PatchField,
-  Ln as PatchFormProvider,
-  ze as SelectField,
-  Vi as SelectInput,
-  he as StringField,
-  Pi as StringInput,
-  ge as TextField,
-  Li as TextInput,
-  $e as deserialize,
-  Tt as deserializeField,
-  St as formRevisionToSchema,
-  zt as isConditionMet,
-  Pe as useFieldInput,
-  Et as useFieldInputs,
-  je as valueIsFile
+  Vn as FormBrowser,
+  $n as FormBuilder,
+  ot as FormRenderer,
+  kn as FormSubmissionBrowser,
+  Ln as FormSubmissionViewer,
+  Ae as MultiSelectField,
+  qi as MultiSelectInput,
+  ze as MultiStringField,
+  Ni as MultiStringInput,
+  Q as NumberField,
+  ki as NumberInput,
+  Dn as PatchField,
+  _n as PatchFormProvider,
+  Ee as SelectField,
+  Mi as SelectInput,
+  ge as StringField,
+  _i as StringInput,
+  be as TextField,
+  $i as TextInput,
+  Me as deserialize,
+  Pt as deserializeField,
+  Lt as formRevisionToSchema,
+  Vt as isConditionMet,
+  Le as useFieldInput,
+  kt as useFieldInputs,
+  Ge as valueIsFile
 };