@overmap-ai/forms 1.0.3 → 1.0.4-form-editor-revamp.0

package/dist/forms.js

@@ -1,15 +1,15 @@
-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 v, memo as S, useCallback as T, useState as ce, useEffect as we, useRef as yi, forwardRef as ve, useReducer as wi } from "react";
-import { DragDropContext as yt, Droppable as Je, Draggable as Ze } from "@hello-pangea/dnd";
-import { slugify as vi, useAppSelector as _, selectFormRevision as wt, useSDK as vt, selectSubmissionAttachments as xi, selectFilteredUserForms as Ii, selectUserFormMapping as Fi, selectOrganization as xt, selectUser as et, selectNumberOfUserForms as Ci, selectCurrentUser as It, classNames as Ft, isToday as Ti, getLocalDateString as Si, selectLatestFormRevision as zi, useFileSrc as Ei, selectSubmissionsForForm as Ai } from "@overmap-ai/core";
-import de from "lodash.get";
-import tt from "lodash.set";
-class Ct {
+var jt = Object.defineProperty;
+var Ht = (o, i, e) => i in o ? jt(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var m = (o, i, e) => (Ht(o, typeof i != "symbol" ? i + "" : i, e), e);
+import { jsx as r, jsxs as b, Fragment as Ze } from "react/jsx-runtime";
+import { Flex as y, Text as V, useSeverityColor as ue, Checkbox as Ut, CheckCircledIcon as Gt, TextField as ae, FontFamilyIcon as Kt, CalendarIcon as Yt, InputIcon as Qt, TextArea as Xt, RowsIcon as Zt, Select as vt, Box as ge, IconButton as K, PlusIcon as _e, Badge as He, Cross1Icon as wt, ListBulletIcon as Jt, DropdownMenuIcon as ei, MultiSelect as ti, CheckboxIcon as ii, Card as fe, Heading as Me, Button as H, UploadIcon as xt, ButtonList as Oe, divButtonProps as ni, StarFilledIcon as ri, StarIcon as oi, QuestionMarkCircledIcon as si, PersonIcon as li, Tooltip as ai, Avatar as ci, Separator as di, Pencil1Icon as ui, TrashIcon as fi, CopyIcon as mi, DragHandleDots2Icon as pi, DropdownMenu as hi, DotsVerticalIcon as gi, useAlertDialog as bi, Em as yi, Strong as ut, useToast as vi, Tabs as Z } from "@overmap-ai/blocks";
+import { useField as Je, useFormikContext as me, useFormik as et, FormikProvider as tt } from "formik";
+import wi, { useMemo as x, memo as S, useCallback as T, useState as Y, useEffect as ve, useRef as xi, forwardRef as pe, createElement as ft, useReducer as Ii } from "react";
+import { DragDropContext as It, Droppable as it, Draggable as nt } from "@hello-pangea/dnd";
+import { slugify as Ci, useAppSelector as M, selectFormRevision as Ct, useSDK as Ft, selectSubmissionAttachments as Fi, selectFilteredUserForms as Ti, selectUserFormMapping as Si, selectOrganization as Tt, selectUser as rt, selectNumberOfUserForms as zi, selectCurrentUser as St, classNames as zt, isToday as Ei, getLocalDateString as Li, selectLatestFormRevision as Ai, useFileSrc as Pi, selectSubmissionsForForm as ki } from "@overmap-ai/core";
+import ce from "lodash.get";
+import ot from "lodash.set";
+class Et {
   constructor(i) {
     m(this, "type");
     m(this, "identifier");
@@ -33,9 +33,9 @@ class Ct {
     };
   }
 }
-class M extends Ct {
+class O extends Et {
   constructor(e) {
-    const { label: t, required: n, fieldValidators: o = [], formValidators: l = [], ...c } = e;
+    const { label: t, required: n, fieldValidators: s = [], formValidators: a = [], ...c } = e;
     super(c);
     m(this, "required");
     m(this, "formValidators");
@@ -48,7 +48,7 @@ class M extends Ct {
      * which don't have a `onBlur` event (which is used to set the `touched` state).
      */
     m(this, "onlyValidateAfterTouched", !0);
-    this.label = t, this.required = n, this.fieldValidators = o, this.formValidators = l;
+    this.label = t, this.required = n, this.fieldValidators = s, this.formValidators = a;
   }
   static getFieldCreationSchema() {
     return [];
@@ -63,15 +63,15 @@ class M extends Ct {
     if (this.required && this.isBlank(e))
       return "This field is required.";
     for (const n of this.getFieldValidators()) {
-      const o = n(e);
-      if (o)
-        return o;
+      const s = n(e);
+      if (s)
+        return s;
     }
     if (t)
       for (const n of this.getFormValidators()) {
-        const o = n(e, t);
-        if (o)
-          return o;
+        const s = n(e, t);
+        if (s)
+          return s;
       }
   }
   // TODO: We can probably combine _serialize and serialize.
@@ -89,64 +89,64 @@ class M extends Ct {
     return [...this.formValidators];
   }
 }
-m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const Li = "_description_17zed_1", _e = {
-  description: Li
-}, 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(D, { severity: t, id: o, children: i }),
+m(O, "fieldTypeName"), m(O, "fieldTypeDescription");
+const Vi = "_description_17zed_1", Re = {
+  description: Vi
+}, q = (o) => {
+  const { label: i, children: e, severity: t, inputId: n, labelId: s, flexProps: a } = o;
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
+    /* @__PURE__ */ r(V, { severity: t, id: s, children: i }),
     e
   ] }) });
-}, j = (s) => {
-  const { helpText: i, children: e, severity: t } = s;
+}, W = (o) => {
+  const { helpText: i, children: e, severity: t } = o;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: _e.description, children: i }) })
+    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(V, { size: "1", severity: t, className: Re.description, children: i }) })
   ] });
-}, H = (s) => {
-  const { id: i, field: e, formId: t, ...n } = s, [o, l, c] = Ye(e.getId()), { touched: a } = l, f = l.error ?? e.description, d = l.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, h = `${u}-label`, p = e.required ? `${e.label} *` : e.label, g = v(() => ({
-    ...o,
-    onChange: (F) => {
-      const w = e.getValueFromChangeEvent(F);
-      c.setValue(w, !1).then(), (a || !e.onlyValidateAfterTouched) && c.setError(e.getError(w));
+}, j = (o) => {
+  const { id: i, field: e, formId: t, ...n } = o, [s, a, c] = Je(e.getId()), { touched: l } = a, d = a.error ?? e.description, u = a.error ? "danger" : void 0, f = i ?? `${t}-${e.getId()}-input`, p = `${f}-label`, h = e.required ? `${e.label} *` : e.label, g = x(() => ({
+    ...s,
+    onChange: (I) => {
+      const w = e.getValueFromChangeEvent(I);
+      c.setValue(w, !1).then(), (l || !e.onlyValidateAfterTouched) && c.setError(e.getError(w));
     },
-    onBlur: (F) => {
-      c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(F)));
+    onBlur: (I) => {
+      c.setTouched(!0, !1).then(), c.setError(e.getError(e.getValueFromChangeEvent(I)));
     }
-  }), [e, o, c, a]);
+  }), [e, s, c, l]);
   return [
     {
-      helpText: f,
-      severity: d,
-      inputId: u,
-      labelId: h,
-      label: p,
+      helpText: d,
+      severity: u,
+      inputId: f,
+      labelId: p,
+      label: h,
       fieldProps: g,
       helpers: c,
       field: e
     },
-    { ...n, "aria-labelledby": h }
+    { ...n, "aria-labelledby": p }
   ];
-}, Pi = [!0, "true"], Vi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = Pi.includes(c.value);
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(
-    W,
+}, $i = [!0, "true"], Di = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c }, l] = j(i), d = ue(n), u = $i.includes(c.value);
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(
+    q,
     {
       severity: n,
       inputId: e,
       labelId: t,
-      label: l,
+      label: a,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
-        qt,
+        Ut,
         {
-          ...a,
+          ...l,
           ...c,
           id: e,
-          color: f,
-          value: d.toString(),
-          checked: d,
+          color: d,
+          value: u.toString(),
+          checked: u,
           onCheckedChange: c.onChange,
           onChange: void 0,
           onBlur: void 0
@@ -154,7 +154,7 @@ const Li = "_description_17zed_1", _e = {
       )
     }
   ) });
-}), J = class J extends M {
+}), J = class J extends O {
   constructor(e) {
     super({ ...e, type: "boolean" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -175,39 +175,39 @@ const Li = "_description_17zed_1", _e = {
     return new J(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Vi, { ...e, field: this });
+    return /* @__PURE__ */ r(Di, { ...e, field: this });
   }
 };
-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 = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), d = fe(n);
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    le.Input,
+m(J, "fieldTypeName", "Checkbox"), m(J, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(J, "Icon", Gt);
+let de = J;
+const _i = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c, field: l }, d] = j(i), u = ue(n);
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+    ae.Input,
     {
-      ...f,
+      ...d,
       ...c,
       type: "number",
       id: e,
-      min: a.minimum,
-      max: a.maximum,
-      step: a.integers ? 1 : 0.1,
-      color: d
+      min: l.minimum,
+      max: l.maximum,
+      step: l.integers ? 1 : 0.1,
+      color: u
     }
   ) }) });
-}), B = class B extends M {
+}), B = class B extends O {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
       maximum: n = Number.MAX_SAFE_INTEGER,
-      integers: o = !1,
-      ...l
+      integers: s = !1,
+      ...a
     } = e;
-    super({ ...l, type: "number" });
+    super({ ...a, type: "number" });
     m(this, "minimum");
     m(this, "maximum");
     m(this, "integers");
-    this.minimum = t, this.maximum = n, this.integers = o;
+    this.minimum = t, this.maximum = n, this.integers = s;
   }
   getValueFromChangeEvent(e) {
     const t = Number.parseFloat(e.target.value);
@@ -231,7 +231,7 @@ const ki = S(function(i) {
         identifier: "maximum",
         formValidators: [this._validateMax]
       }),
-      new ue({
+      new de({
         label: "Integers",
         description: "Whole numbers only",
         required: !1,
@@ -241,14 +241,14 @@ const ki = S(function(i) {
   }
   getFieldValidators() {
     const e = super.getFieldValidators(), t = this.minimum, n = this.maximum;
-    return typeof t == "number" && e.push((o) => {
-      if (typeof o == "number" && o < t)
+    return typeof t == "number" && e.push((s) => {
+      if (typeof s == "number" && s < t)
         return `Must be at least ${this.minimum}.`;
-    }), typeof n == "number" && e.push((o) => {
-      if (typeof o == "number" && o > n)
+    }), typeof n == "number" && e.push((s) => {
+      if (typeof s == "number" && s > n)
         return `Must be at most ${this.maximum}.`;
-    }), this.integers && e.push((o) => {
-      if (typeof o == "number" && !Number.isInteger(o))
+    }), this.integers && e.push((s) => {
+      if (typeof s == "number" && !Number.isInteger(s))
         return "Must be a whole number.";
     }), e;
   }
@@ -266,15 +266,15 @@ const ki = S(function(i) {
     return new B(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(ki, { field: this, ...e });
+    return /* @__PURE__ */ r(_i, { field: this, ...e });
   }
 };
-m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", jt), m(B, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(B, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let Y = B;
-const Di = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = c.value ? c.value.split("T")[0] : "";
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...a, ...c, type: "date", id: e, color: f, value: d }) }) });
-}), Z = class Z extends M {
+m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", Kt), m(B, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(B, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
+let Q = B;
+const Mi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c }, l] = j(i), d = ue(n), u = c.value ? c.value.split("T")[0] : "";
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ae.Input, { ...l, ...c, type: "date", id: e, color: d, value: u }) }) });
+}), ee = class ee extends O {
   constructor(e) {
     super({ ...e, type: "date" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -288,18 +288,18 @@ const Di = S(function(i) {
   static deserialize(e) {
     if (e.type !== "date")
       throw new Error("Type mismatch.");
-    return new Z(e);
+    return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Di, { field: this, ...e });
+    return /* @__PURE__ */ r(Mi, { field: this, ...e });
   }
 };
-m(Z, "fieldTypeName", "Date"), m(Z, "fieldTypeDescription", "Allows specifying a date."), m(Z, "Icon", Ht);
-let We = Z;
-class Ce extends M {
+m(ee, "fieldTypeName", "Date"), m(ee, "fieldTypeDescription", "Allows specifying a date."), m(ee, "Icon", Yt);
+let Ue = ee;
+class ze extends O {
   constructor(e) {
-    const { minLength: t, maxLength: n = 5e3, ...o } = e;
-    super(o);
+    const { minLength: t, maxLength: n = 5e3, ...s } = e;
+    super(s);
     m(this, "minLength");
     m(this, "maxLength");
     this.minLength = t ? Math.max(t, 0) : void 0, this.maxLength = n ? Math.max(n, 0) : 5e3;
@@ -307,7 +307,7 @@ class Ce extends M {
   static getFieldCreationSchema() {
     return [
       // min, max
-      new Y({
+      new Q({
         label: "Minimum length",
         description: "Minimum number of characters",
         required: !1,
@@ -317,7 +317,7 @@ class Ce extends M {
         formValidators: [this._validateMin],
         integers: !0
       }),
-      new Y({
+      new Q({
         label: "Maximum length",
         description: "Maximum number of characters",
         required: !1,
@@ -355,23 +355,23 @@ class Ce extends M {
  * This function validates that the value given for "minimum length" (when creating a new field) is less than or
  * equal to the value given for "maximum length".
  */
-m(Ce, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
+m(ze, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
  * This function validates that the value given for "maximum length" (when creating a new field) is greater than or
  * equal to the value given for "minimum length".
  */
-m(Ce, "_validateMax", (e, t) => {
+m(ze, "_validateMax", (e, t) => {
   if (typeof e != "number")
     return null;
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const $i = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), d = fe(n);
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...f, ...c, type: a.inputType, id: e, color: d }) }) });
-}), ee = class ee extends Ce {
+const Oi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c, field: l }, d] = j(i), u = ue(n);
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ae.Input, { ...d, ...c, type: l.inputType, id: e, color: u }) }) });
+}), te = class te extends ze {
   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" });
+    const { inputType: t = "text", ...n } = e, s = e.maxLength ? Math.min(500, e.maxLength) : 500, a = e.minLength ? Math.min(e.minLength, s) : void 0;
+    super({ ...n, maxLength: s, minLength: a, type: "string" });
     m(this, "inputType");
     this.inputType = t;
   }
@@ -381,19 +381,19 @@ const $i = S(function(i) {
   static deserialize(e) {
     if (e.type !== "string")
       throw new Error("Type mismatch.");
-    const { maximum_length: t, minimum_length: n, input_type: o, ...l } = e;
-    return new ee({ ...l, maxLength: t, minLength: n, inputType: o });
+    const { maximum_length: t, minimum_length: n, input_type: s, ...a } = e;
+    return new te({ ...a, maxLength: t, minLength: n, inputType: s });
   }
   getInput(e) {
-    return /* @__PURE__ */ r($i, { field: this, ...e });
+    return /* @__PURE__ */ r(Oi, { field: this, ...e });
   }
 };
-m(ee, "fieldTypeName", "Short Text"), m(ee, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ee, "Icon", Ut);
-let ge = ee;
-const _i = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i);
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(Gt, { ...a, ...c, resize: "vertical", id: e, severity: n }) }) });
-}), te = class te extends Ce {
+m(te, "fieldTypeName", "Short Text"), m(te, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(te, "Icon", Qt);
+let be = te;
+const Ri = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c }, l] = j(i);
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Xt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
+}), ie = class ie extends ze {
   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,180 +405,180 @@ const _i = S(function(i) {
     if (i.type !== "text")
       throw new Error("Type mismatch.");
     const { maximum_length: e, minimum_length: t, ...n } = i;
-    return new te({ ...n, maxLength: e, minLength: t });
+    return new ie({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(_i, { field: this, ...i });
+    return /* @__PURE__ */ r(Ri, { field: this, ...i });
   }
 };
-m(te, "fieldTypeName", "Paragraph"), m(te, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(te, "Icon", Kt);
-let be = te;
-const Mi = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, h = v(
-    () => a.options.map((g) => ({ value: g.value, itemContent: g.label })),
-    [a.options]
-  ), p = T(
+m(ie, "fieldTypeName", "Paragraph"), m(ie, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ie, "Icon", Zt);
+let ye = ie;
+const Ni = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c, field: l }, d] = j(i), { onChange: u, onBlur: f } = c, p = x(
+    () => l.options.map((g) => ({ value: g.value, itemContent: g.label })),
+    [l.options]
+  ), h = T(
     (g) => {
-      d(g), u(g);
+      u(g), f(g);
     },
-    [d, u]
+    [u, f]
   );
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    ht,
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+    vt,
     {
-      items: h,
+      items: p,
       ...c,
-      onValueChange: p,
+      onValueChange: h,
       placeholder: "Select one...",
       id: e,
       severity: n,
-      ...f
+      ...d
     }
   ) }) });
-}), Te = (s = "", i = []) => ({
+}), Ee = (o = "", i = []) => ({
   type: "section",
   fields: i,
-  identifier: s,
+  identifier: o,
   label: null,
   condition: null,
   conditional: !1
-}), Oi = (s) => {
-  if (!s)
+}), Bi = (o) => {
+  if (!o)
     return;
-  const i = s.fields;
+  const i = o.fields;
   let e = [];
   const t = [];
   for (const n of i)
-    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 ?? "" };
+    n.type === "section" ? (e.length > 0 && (t.push(Ee(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
+  return e.length > 0 && t.push(Ee("AUTO_section-last", e)), { ...o, fields: t, description: o.description ?? "" };
 };
-function je(s, i, e) {
-  const t = Array.from(s), [n] = t.splice(i, 1);
+function Ge(o, i, e) {
+  const t = Array.from(o), [n] = t.splice(i, 1);
   if (!n)
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function Ri(s, i, e) {
-  const t = Array.from(s);
+function qi(o, i, e) {
+  const t = Array.from(o);
   return t[i] = e, t;
 }
-function Tt(s, i, e) {
-  const t = Array.from(s ?? []);
+function Lt(o, i, e) {
+  const t = Array.from(o ?? []);
   return t.splice(i, 0, e), t;
 }
-function Se(s, i) {
-  const e = Array.from(s);
+function Le(o, i) {
+  const e = Array.from(o);
   return e.splice(i, 1), e;
 }
-const St = (s, i) => {
-  if (typeof s == "string" && s.length > 0)
-    return s;
+const At = (o, i) => {
+  if (typeof o == "string" && o.length > 0)
+    return o;
   const e = /* @__PURE__ */ new Date();
-  return `${vi(i)}-${e.getTime()}`;
-}, zt = (s, i) => {
+  return `${Ci(i)}-${e.getTime()}`;
+}, Pt = (o, i) => {
   if (!i)
     return null;
-  for (const e of s)
+  for (const e of o)
     if (e.type === "section") {
-      const t = zt(e.fields, i);
+      const t = Pt(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, Fe = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Et = (s) => s.flatMap(
+}, Se = (o, i) => o.filter((e, t) => t < i).flatMap((e) => e.fields), kt = (o) => o.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})`;
+).filter((i) => i !== null), Ke = (o, i) => {
+  let e = 1, t = `${o} (${e})`;
   for (; i.includes(t); )
-    t = `${s} (${++e})`;
+    t = `${o} (${++e})`;
   return t;
-}, Ni = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = v(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: h } = c, p = `${e}-droppable`, { disabled: g } = a, [x, z] = ce(""), [F, w] = ce(""), L = F || o, P = F ? "red" : f, I = T(
-    (A) => {
-      u(A), h(A);
+}, Wi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c }, l] = j(i), d = ue(n), u = x(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: f, onBlur: p } = c, h = `${e}-droppable`, { disabled: g } = l, [v, z] = Y(""), [I, w] = Y(""), k = I || s, A = I ? "red" : d, C = T(
+    (L) => {
+      f(L), p(L);
     },
-    [u, h]
-  ), V = T(
-    (A) => {
-      d.findIndex((R) => R.value === A.target.value.trim()) >= 0 ? w("All options must be unique") : A.target.value ? w("") : w("Option cannot be empty"), z(A.target.value);
+    [f, p]
+  ), $ = T(
+    (L) => {
+      u.findIndex((N) => N.value === L.target.value.trim()) >= 0 ? w("All options must be unique") : L.target.value ? w("") : w("Option cannot be empty"), z(L.target.value);
     },
-    [z, d]
-  ), O = T(() => {
-    if (F)
+    [z, u]
+  ), R = T(() => {
+    if (I)
       return;
-    if (!x.trim())
+    if (!v.trim())
       return w("Option cannot be empty");
-    const A = x.trim();
-    I([...d, { value: A, label: A }]), z("");
-  }, [x, F, I, d]), K = T(
-    (A) => {
-      A.key === "Enter" && (A.preventDefault(), O());
+    const L = v.trim();
+    C([...u, { value: L, label: L }]), z("");
+  }, [v, I, C, u]), U = T(
+    (L) => {
+      L.key === "Enter" && (L.preventDefault(), R());
     },
-    [O]
-  ), q = T(
-    (A) => {
-      I(Se(d, A));
+    [R]
+  ), we = T(
+    (L) => {
+      C(Le(u, L));
     },
-    [d, I]
-  ), U = T(
-    (A) => {
-      if (!A.destination)
+    [u, C]
+  ), xe = T(
+    (L) => {
+      if (!L.destination)
         return;
-      const R = A.source.index, C = A.destination.index;
-      I(je(d, R, C));
+      const N = L.source.index, G = L.destination.index;
+      C(Ge(u, N, G));
     },
-    [I, d]
+    [C, u]
   );
-  return /* @__PURE__ */ r(yt, { onDragEnd: U, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(j, { helpText: L, 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,
+  return /* @__PURE__ */ r(It, { onDragEnd: xe, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(W, { helpText: k, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: (!g || u.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
+      /* @__PURE__ */ r(ge, { grow: "1", children: /* @__PURE__ */ r(
+        ae.Input,
         {
           placeholder: "Press enter to add a new option",
-          ...a,
+          ...l,
           ...c,
-          value: x,
-          onChange: V,
-          onKeyDown: K,
+          value: v,
+          onChange: $,
+          onKeyDown: U,
           id: e,
-          color: P,
+          color: A,
           onBlur: void 0
         }
       ) }),
       /* @__PURE__ */ r(
-        ae,
+        K,
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!F || g,
-          onClick: O,
-          children: /* @__PURE__ */ r(ke, {})
+          disabled: !!I || g,
+          onClick: R,
+          children: /* @__PURE__ */ r(_e, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(Je, { droppableId: p, children: (A) => /* @__PURE__ */ b(y, { ...A.droppableProps, ref: A.innerRef, direction: "column", children: [
-      d.map((R, C) => /* @__PURE__ */ r(
-        Ze,
+    /* @__PURE__ */ r(it, { droppableId: h, children: (L) => /* @__PURE__ */ b(y, { ...L.droppableProps, ref: L.innerRef, direction: "column", children: [
+      u.map((N, G) => /* @__PURE__ */ r(
+        nt,
         {
-          draggableId: `${R.value}-draggable`,
-          index: C,
+          draggableId: `${N.value}-draggable`,
+          index: G,
           isDragDisabled: g,
-          children: ({ draggableProps: E, dragHandleProps: $, innerRef: k }) => /* @__PURE__ */ r(
+          children: ({ draggableProps: Ie, dragHandleProps: Ce, innerRef: F }) => /* @__PURE__ */ r(
             y,
             {
-              ...$,
-              ...E,
-              ref: k,
+              ...Ce,
+              ...Ie,
+              ref: F,
               gap: "2",
               align: "center",
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ b(qe, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ r("span", { children: R.label }),
+              children: /* @__PURE__ */ b(He, { color: "gray", size: "2", children: [
+                /* @__PURE__ */ r("span", { children: N.label }),
                 /* @__PURE__ */ r(
-                  ae,
+                  K,
                   {
                     size: "small",
                     variant: "ghost",
@@ -586,23 +586,23 @@ const St = (s, i) => {
                     "aria-label": "Delete option",
                     severity: "info",
                     disabled: g,
-                    onClick: () => q(C),
-                    children: /* @__PURE__ */ r(gt, {})
+                    onClick: () => we(G),
+                    children: /* @__PURE__ */ r(wt, {})
                   }
                 )
               ] })
             }
           )
         },
-        R.value
+        N.value
       )),
-      A.placeholder
+      L.placeholder
     ] }) })
   ] }) });
-}), ie = class ie extends M {
+}), ne = class ne extends O {
   constructor(e) {
-    const { minimum_length: t, maximum_length: n, ...o } = e;
-    super({ ...o, type: "multi-string" });
+    const { minimum_length: t, maximum_length: n, ...s } = e;
+    super({ ...s, type: "multi-string" });
     m(this, "minLength");
     m(this, "maxLength");
     m(this, "onlyValidateAfterTouched", !1);
@@ -614,7 +614,7 @@ const St = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ni, { field: this, ...e });
+    return /* @__PURE__ */ r(Wi, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -635,12 +635,12 @@ const St = (s, i) => {
   static deserialize(e) {
     if (e.type !== "multi-string")
       throw new Error("Type mismatch.");
-    return new ie(e);
+    return new ne(e);
   }
 };
-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 {
+m(ne, "fieldTypeName", "Multi-string"), m(ne, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ne, "Icon", Jt);
+let Ae = ne;
+class Vt extends O {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -659,7 +659,7 @@ class At extends M {
   }
   static getFieldCreationSchema() {
     return [
-      new ze({
+      new Ae({
         label: "Options",
         description: "List possible options for the user to select from.",
         required: !0,
@@ -670,7 +670,7 @@ class At extends M {
     ];
   }
 }
-const ne = class ne extends At {
+const re = class re extends Vt {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -683,35 +683,35 @@ const ne = class ne extends At {
   static deserialize(i) {
     if (i.type !== "select")
       throw new Error("Type mismatch.");
-    return new ne(i);
+    return new re(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Mi, { field: this, ...i });
+    return /* @__PURE__ */ r(Ni, { field: this, ...i });
   }
 };
-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 = S(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, h = v(() => Bi(c.value), [c.value]), p = T(
+m(re, "fieldTypeName", "Dropdown"), m(re, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(re, "Icon", ei);
+let Pe = re;
+const ji = (o) => o ? Array.isArray(o) ? o : [o] : [], Hi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c, field: l }, d] = j(i), { onChange: u, onBlur: f } = c, p = x(() => ji(c.value), [c.value]), h = T(
     (g) => {
-      d(g), u(g);
+      u(g), f(g);
     },
-    [d, u]
+    [u, f]
   );
-  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    Xt,
+  return /* @__PURE__ */ r(W, { helpText: s, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+    ti,
     {
-      value: h,
-      onValueChange: p,
-      options: a.options,
+      value: p,
+      onValueChange: h,
+      options: l.options,
       name: c.name,
       placeholder: "Select one or more...",
       id: e,
       severity: n,
-      ...f
+      ...d
     }
   ) }) });
-}), re = class re extends At {
+}), oe = class oe extends Vt {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -729,22 +729,22 @@ const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = S(function(i) {
   static deserialize(i) {
     if (i.type !== "multi-select")
       throw new Error("Type mismatch.");
-    return new re(i);
+    return new oe(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(qi, { field: this, ...i });
+    return /* @__PURE__ */ r(Hi, { field: this, ...i });
   }
 };
-m(re, "fieldTypeName", "Multi-select"), m(re, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(re, "Icon", Jt);
-let Ae = re;
-const Wi = S(function({ field: i, ...e }) {
-  const [{ value: t }] = Ye(i.options.clonedFieldIdentifier), n = v(() => {
-    const o = i.options.getFieldToClone(t);
-    return o ? Me(o) : null;
+m(oe, "fieldTypeName", "Multi-select"), m(oe, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(oe, "Icon", ii);
+let ke = oe;
+const Ui = S(function({ field: i, ...e }) {
+  const [{ value: t }] = Je(i.options.clonedFieldIdentifier), n = x(() => {
+    const s = i.options.getFieldToClone(t);
+    return s ? Ne(s) : null;
   }, [i.options, t]);
-  return Pe(n, e);
+  return $e(n, e);
 });
-class Le extends M {
+class Ve extends O {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -760,46 +760,46 @@ class Le extends M {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-m(Le, "fieldTypeName", "Custom"), m(Le, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class ji extends Le {
+m(Ve, "fieldTypeName", "Custom"), m(Ve, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Gi extends Ve {
   constructor(i) {
-    super(i, Wi);
+    super(i, Ui);
   }
 }
-const Hi = S(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: c } = e, { values: a, setFieldValue: f } = me(), d = c != null && c.identifier ? de(a, c.identifier) : void 0, u = v(() => Vt(c, d), [c, d]);
-  we(() => {
-    if (!u)
-      for (const p of l)
-        f(p.getId(), "").then();
-  }, [u, l, f]);
-  const h = kt(l, t);
-  return u ? n ? /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+const Ki = S(function(i) {
+  const { field: e, ...t } = i, { label: n, description: s, fields: a, condition: c } = e, { values: l, setFieldValue: d } = me(), u = c != null && c.identifier ? ce(l, c.identifier) : void 0, f = x(() => _t(c, u), [c, u]);
+  ve(() => {
+    if (!f)
+      for (const h of a)
+        d(h.getId(), "").then();
+  }, [f, a, d]);
+  const p = Mt(a, t);
+  return f ? n ? /* @__PURE__ */ r(fe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ b(y, { direction: "column", children: [
-      /* @__PURE__ */ r(De, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(D, { className: _e.description, children: o })
+      /* @__PURE__ */ r(Me, { as: "h3", size: "3", children: n }),
+      /* @__PURE__ */ r(V, { className: Re.description, children: s })
     ] }),
-    h
-  ] }) }) : h : null;
-}), oe = class oe extends Ct {
+    p
+  ] }) }) : p : null;
+}), se = class se extends Et {
   constructor(e) {
-    const { label: t = null, fields: n, condition: o = null, conditional: l, ...c } = e;
+    const { label: t = null, fields: n, condition: s = null, conditional: a, ...c } = e;
     super({ ...c, type: "section" });
     m(this, "label");
     m(this, "fields");
     m(this, "condition");
-    this.fields = n, this.condition = o, this.label = t, l === !1 && (this.condition = null);
+    this.fields = n, this.condition = s, this.label = t, a === !1 && (this.condition = null);
   }
   static getFieldCreationSchema(e) {
     return e.length === 0 ? [] : [
-      new ue({
+      new de({
         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 oe({
+      new se({
         label: "Conditional settings",
         identifier: "conditional-settings",
         // This section will only be rendered if the above "Conditional" field is checked.
@@ -811,7 +811,7 @@ const Hi = 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 Ee({
+          new Pe({
             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
@@ -828,7 +828,7 @@ const Hi = 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 ji({
+          new Gi({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -836,7 +836,7 @@ const Hi = S(function(i) {
             getFieldToClone(t) {
               if (!t)
                 return null;
-              const n = e.find((o) => o.identifier === t);
+              const n = e.find((s) => s.identifier === t);
               return n ? {
                 ...n,
                 // Override some options to make it make sense in the context and to make it work with the framework.
@@ -855,8 +855,8 @@ const Hi = S(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(Lt)) ?? [];
-    return new oe({ ...e, fields: t });
+    const t = ((n = e.fields) == null ? void 0 : n.map($t)) ?? [];
+    return new se({ ...e, fields: t });
   }
   conditional() {
     return this.condition !== null;
@@ -873,108 +873,108 @@ const Hi = S(function(i) {
   getErrors(e) {
     const t = {};
     for (const n of this.fields) {
-      const o = n.getId(), l = n.getError(de(e, o), e);
-      l && tt(t, n.getId(), l);
+      const s = n.getId(), a = n.getError(ce(e, s), e);
+      a && ot(t, n.getId(), a);
     }
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Hi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ki, { field: this, ...e });
   }
 };
-m(oe, "fieldTypeName", "Section"), m(oe, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let Q = oe;
-const Ui = "_previewImage_1ig84_1", Gi = {
-  previewImage: Ui
-}, it = (s) => {
+m(se, "fieldTypeName", "Section"), m(se, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+let X = se;
+const Yi = "_previewImage_1ig84_1", Qi = {
+  previewImage: Yi
+}, st = (o) => {
   const i = ["byte", "kilobyte", "megabyte"];
-  let e = s, t = 0;
+  let e = o, 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);
-}, Ki = S(function(i) {
-  var P;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d } = c, u = fe(n), h = yi(null), { value: p } = c, g = v(() => o || (a.maxFileSize ? `Maximum file size: ${it(a.maxFileSize)}` : null), [a.maxFileSize, o]), x = T(() => {
-    var I;
-    (I = h.current) == null || I.click();
+}, Xi = S(function(i) {
+  var A;
+  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: c, field: l }, d] = j(i), { onChange: u } = c, f = ue(n), p = xi(null), { value: h } = c, g = x(() => s || (l.maxFileSize ? `Maximum file size: ${st(l.maxFileSize)}` : null), [l.maxFileSize, s]), v = T(() => {
+    var C;
+    (C = p.current) == null || C.click();
   }, []), z = T(
-    (I) => {
-      const V = [...p];
-      V.splice(I, 1), d({ target: { files: V } });
+    (C) => {
+      const $ = [...h];
+      $.splice(C, 1), u({ target: { files: $ } });
     },
-    [p, d]
-  ), F = p ? "Select new files" : "Select files", w = p ? "Select new file" : "Select a file", L = a.maxFiles > 1 ? F : w;
+    [h, u]
+  ), I = h ? "Select new files" : "Select files", w = h ? "Select new file" : "Select a file", k = l.maxFiles > 1 ? I : w;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(j, { helpText: g, severity: n, children: /* @__PURE__ */ b(W, { severity: n, inputId: e, labelId: t, label: l, children: [
-      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(he, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(G, { ...f, onClick: x, children: [
-        /* @__PURE__ */ r(bt, {}),
+    /* @__PURE__ */ r(W, { helpText: g, severity: n, children: /* @__PURE__ */ b(q, { severity: n, inputId: e, labelId: t, label: a, children: [
+      /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(ge, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(H, { ...d, onClick: v, children: [
+        /* @__PURE__ */ r(xt, {}),
         " ",
-        L
+        k
       ] }) }) }),
       /* @__PURE__ */ r(
         "input",
         {
-          ...f,
+          ...d,
           type: "file",
-          ref: h,
+          ref: p,
           id: e,
-          accept: (P = a.extensions) == null ? void 0 : P.join(","),
-          multiple: a.maxFiles > 1,
-          color: u,
+          accept: (A = l.extensions) == null ? void 0 : A.join(","),
+          multiple: l.maxFiles > 1,
+          color: f,
           style: { display: "none" },
           ...c,
           value: ""
         }
       )
     ] }) }),
-    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: p.map((I, V) => /* @__PURE__ */ r(
-      Yi,
+    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: h.map((C, $) => /* @__PURE__ */ r(
+      Zi,
       {
-        field: a,
-        file: I,
-        onRemove: () => z(V),
-        disabled: f.disabled
+        field: l,
+        file: C,
+        onRemove: () => z($),
+        disabled: d.disabled
       },
-      V
+      $
     )) })
   ] });
-}), Yi = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
-  const [o, l] = ce(null), c = v(() => o && e.getError([o]), [e, o]), { url: a, name: f, size: d } = v(() => {
-    let u = null, h, p;
-    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (h = o.name, p = it(o.size)) : (h = "Downloading...", p = "..."), { url: u, name: h, size: p };
-  }, [o]);
-  return we(() => {
-    i instanceof Promise ? i.then(l) : l(i);
-  }, [i]), /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+}), Zi = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
+  const [s, a] = Y(null), c = x(() => s && e.getError([s]), [e, s]), { url: l, name: d, size: u } = x(() => {
+    let f = null, p, h;
+    return s != null && s.type.startsWith("image/") && (f = URL.createObjectURL(s)), s ? (p = s.name, h = st(s.size)) : (p = "Downloading...", h = "..."), { url: f, name: p, size: h };
+  }, [s]);
+  return ve(() => {
+    i instanceof Promise ? i.then(a) : a(i);
+  }, [i]), /* @__PURE__ */ r(fe, { 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(
-        ae,
+        K,
         {
           severity: "info",
           variant: "outline",
-          "aria-label": `Remove ${f}`,
+          "aria-label": `Remove ${d}`,
           disabled: n,
           onClick: t,
-          children: /* @__PURE__ */ r(gt, {})
+          children: /* @__PURE__ */ r(wt, {})
         }
       ),
       /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
-        /* @__PURE__ */ r(D, { children: f }),
-        /* @__PURE__ */ r(D, { size: "1", children: d }),
-        c && /* @__PURE__ */ r(D, { size: "1", severity: "danger", children: c })
+        /* @__PURE__ */ r(V, { children: d }),
+        /* @__PURE__ */ r(V, { size: "1", children: u }),
+        c && /* @__PURE__ */ r(V, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    a && /* @__PURE__ */ r("img", { className: Gi.previewImage, src: a, alt: f })
+    l && /* @__PURE__ */ r("img", { className: Qi.previewImage, src: l, alt: d })
   ] }) });
-}), at = 50 * 1024 * 1024, se = class se extends M {
+}), mt = 50 * 1024 * 1024, le = class le extends O {
   constructor(e) {
-    const { extensions: t, maximum_files: n, maximum_size: o, ...l } = e;
-    super({ ...l, type: "upload" });
+    const { extensions: t, maximum_files: n, maximum_size: s, ...a } = e;
+    super({ ...a, type: "upload" });
     m(this, "extensions");
     m(this, "maxFileSize");
     m(this, "maxFiles");
     m(this, "onlyValidateAfterTouched", !1);
-    this.maxFileSize = typeof o == "number" ? o : void 0, this.maxFiles = Math.max(typeof n == "number" ? n : 1, 1), this.extensions = t;
+    this.maxFileSize = typeof s == "number" ? s : void 0, this.maxFiles = Math.max(typeof n == "number" ? n : 1, 1), this.extensions = t;
   }
   getValueFromChangeEvent(e) {
     return Array.from(e.target.files || []);
@@ -984,7 +984,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
   }
   static getFieldCreationSchema() {
     return [
-      new Y({
+      new Q({
         label: "How many files can be uploaded?",
         description: "By default, only one file can be uploaded.",
         required: !1,
@@ -992,16 +992,16 @@ const Ui = "_previewImage_1ig84_1", Gi = {
         maximum: 10,
         identifier: "maximum_files"
       }),
-      new Y({
+      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: at,
+        maximum: mt,
         integers: !0
       }),
-      new Ae({
+      new ke({
         label: "Accepted file types",
         description: "Types of allowed files to upload. If left blank, all files will be accepted.",
         required: !1,
@@ -1032,12 +1032,12 @@ const Ui = "_previewImage_1ig84_1", Gi = {
     ];
   }
   getFieldValidators() {
-    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 ${it(t)}.`;
-    }), e.push((o) => {
-      if (o && o.length > n)
+    const e = super.getFieldValidators(), t = this.maxFileSize ?? mt, n = this.maxFiles ?? 1;
+    return e.push((s) => {
+      if (s && s.some((a) => a.size > t))
+        return `Files must be at most ${st(t)}.`;
+    }), e.push((s) => {
+      if (s && s.length > n)
         return `You can only upload ${n} files.`;
     }), e;
   }
@@ -1052,48 +1052,48 @@ const Ui = "_previewImage_1ig84_1", Gi = {
   static deserialize(e) {
     if (e.type !== "upload")
       throw new Error("Type mismatch.");
-    return new se(e);
+    return new le(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ki, { field: this, ...e });
+    return /* @__PURE__ */ r(Xi, { field: this, ...e });
   }
 };
-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: Y,
-  boolean: ue,
-  select: Ee,
-  string: ge,
-  text: be,
-  custom: Le,
-  upload: Ue,
+m(le, "fieldTypeName", "Upload"), m(le, "fieldTypeDescription", "Allows a file to be uploaded."), m(le, "Icon", xt);
+let Ye = le;
+const lt = {
+  date: Ue,
+  number: Q,
+  boolean: de,
+  select: Pe,
+  string: be,
+  text: ye,
+  custom: Ve,
+  upload: Ye,
   // TODO: Underscore
-  "multi-string": ze,
-  "multi-select": Ae
-}, Lt = (s) => {
-  const i = s.type;
-  return nt[i].deserialize(s);
-}, Me = (s) => s.type === "section" ? Q.deserialize(s) : Lt(s);
-function Pt(s, i = {}) {
+  "multi-string": Ae,
+  "multi-select": ke
+}, $t = (o) => {
+  const i = o.type;
+  return lt[i].deserialize(o);
+}, Ne = (o) => o.type === "section" ? X.deserialize(o) : $t(o);
+function Dt(o, i = {}) {
   const { readonly: e = !1 } = i;
   return {
-    title: s.title,
-    description: s.description,
-    fields: s.fields.map((t) => Me(t)),
+    title: o.title,
+    description: o.description,
+    fields: o.fields.map((t) => Ne(t)),
     meta: { readonly: e }
   };
 }
-function Ge(s) {
-  return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
+function Qe(o) {
+  return !!(Array.isArray(o) && o.some((i) => i instanceof File || i instanceof Promise));
 }
-function Vt(s, i) {
-  if (!s)
+function _t(o, i) {
+  if (!o)
     return !0;
-  if (Ge(i) || Ge(s.value))
+  if (Qe(i) || Qe(o.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;
+  const e = Array.isArray(i) ? i.map((n) => typeof n == "string" ? n : n.value) : i, t = Array.isArray(o.value) ? o.value.map((n) => typeof n == "string" ? n : n.value) : o.value;
   if (Array.isArray(t) && Array.isArray(e)) {
     for (const n of t)
       if (!e.includes(n))
@@ -1102,335 +1102,361 @@ function Vt(s, i) {
   }
   return t === i;
 }
-const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s, i) => {
-  const e = v(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
+const $e = (o, i) => x(() => !i || !o ? null : o.getInput(i), [o, i]), Mt = (o, i) => {
+  const e = x(() => o.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [o, i]);
   return /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: e });
-}, Ve = (s) => Object.keys(s).length > 0, Dt = async (s, i) => {
+}, De = (o) => Object.keys(o).length > 0, Ot = async (o, i) => {
   const e = {};
-  for (const t of s.fields)
-    if (t instanceof Q) {
+  for (const t of o.fields)
+    if (t instanceof X) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!Vt(t.condition, de(i, n)))
+        if (!_t(t.condition, ce(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
     } else {
-      if (!(t instanceof M))
+      if (!(t instanceof O))
         throw new Error("Invalid field type");
-      const n = t.getId(), o = t.getError(de(i, n), i);
-      o && tt(e, n, o);
+      const n = t.getId(), s = t.getError(ce(i, n), i);
+      s && ot(e, n, s);
     }
-  if (Ve(e))
+  if (De(e))
     return e;
-}, Qi = [null, void 0], rt = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...rt(t.fields, i) } : (Qi.includes(de(e, t.getId())) && tt(e, t.getId(), ""), e), i), Xi = () => {
+}, Ji = [null, void 0], at = (o, i) => o.reduce((e, t) => t instanceof X ? { ...e, ...at(t.fields, i) } : (Ji.includes(ce(e, t.getId())) && ot(e, t.getId(), ""), e), i), en = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, ot = S(
-  ve((s, i) => {
+}, ct = S(
+  pe((o, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Xi,
-      submitText: o = "Submit",
-      cancelText: l,
+      onSubmit: n = en,
+      submitText: s = "Submit",
+      cancelText: a,
       onCancel: c,
-      onDirty: a,
+      onDirty: l,
       // if the title isn't provided, hide it by default
-      hideTitle: f = !e.title,
-      hideDescription: d,
-      className: u
-    } = s, { readonly: h } = e.meta, p = v(() => crypto.randomUUID(), []), g = Qe({
-      initialValues: rt(e.fields, t),
+      hideTitle: d = !e.title,
+      hideDescription: u,
+      className: f
+    } = o, { readonly: p } = e.meta, h = x(() => crypto.randomUUID(), []), g = et({
+      initialValues: at(e.fields, t),
       onSubmit: n,
-      validate: (L) => Dt(e, L),
+      validate: (k) => Ot(e, k),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: x } = g, z = v(
-      () => typeof e.title == "string" ? /* @__PURE__ */ r(De, { children: e.title }) : e.title,
+    }), { dirty: v } = g, z = x(
+      () => typeof e.title == "string" ? /* @__PURE__ */ r(Me, { children: e.title }) : e.title,
       [e.title]
-    ), F = v(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: _e.description, children: e.description }) : e.description,
+    ), I = x(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(V, { className: Re.description, children: e.description }) : e.description,
       [e.description]
-    ), w = kt(e.fields, { formId: p, disabled: h });
-    return we(() => {
-      x && a && a();
-    }, [x, a]), /* @__PURE__ */ r(Xe, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: p, onSubmit: g.handleSubmit, children: [
-      !f && /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+    ), w = Mt(e.fields, { formId: h, disabled: p });
+    return ve(() => {
+      v && l && l();
+    }, [v, l]), /* @__PURE__ */ r(tt, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: f, asChild: !0, children: /* @__PURE__ */ b("form", { id: h, onSubmit: g.handleSubmit, children: [
+      !d && /* @__PURE__ */ r(fe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
         z,
-        !d && F
+        !u && I
       ] }) }),
       w,
-      !h && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
-        l && /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: c, children: l }),
-        /* @__PURE__ */ r(G, { type: "submit", disabled: !g.isValid, children: o })
+      !p && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
+        a && /* @__PURE__ */ r(H, { type: "button", variant: "soft", onClick: c, children: a }),
+        /* @__PURE__ */ r(H, { type: "submit", disabled: !g.isValid, children: s })
       ] })
     ] }) }) });
   })
-), Pn = S(
-  ve((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = _(wt(e.form_revision)), { sdk: l } = vt();
-    if (!o)
+), Mn = S(
+  pe((o, i) => {
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = o, s = M(Ct(e.form_revision)), { sdk: a } = Ft();
+    if (!s)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = v(() => Pt(o, { readonly: !0 }), [o]), a = v(() => {
-      const f = xi(e.offline_id)(l.store.getState()) ?? [], d = {};
-      for (const u of f) {
-        const h = l.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
+    const c = x(() => Dt(s, { readonly: !0 }), [s]), l = x(() => {
+      const d = Fi(e.offline_id)(a.store.getState()) ?? [], u = {};
+      for (const f of d) {
+        const p = a.files.fetchFileFromUrl(f.file, f.file_sha1, f.file_name).then((g) => {
           if (!g.success)
-            throw new Error(`Failed to download attachment ${u.file_name}.`);
+            throw new Error(`Failed to download attachment ${f.file_name}.`);
           return g.body;
-        }), p = d[u.field_identifier];
-        p ? p.push(h) : d[u.field_identifier] = [h];
+        }), h = u[f.field_identifier];
+        h ? h.push(p) : u[f.field_identifier] = [p];
       }
-      return { ...e.values, ...d };
-    }, [l.files, l.store, e.offline_id, e.values]);
+      return { ...e.values, ...u };
+    }, [a.files, a.store, e.offline_id, e.values]);
     return /* @__PURE__ */ r(
-      ot,
+      ct,
       {
         ref: i,
         schema: c,
-        values: a,
+        values: l,
         hideDescription: !t,
         hideTitle: !n
       }
     );
   })
-), Ji = "_favoriteIcon_1bixi_1", Zi = "_regularIcon_1bixi_9", ct = {
-  favoriteIcon: Ji,
-  regularIcon: Zi
-}, Ne = "organization:", Be = "user:", Vn = S(
-  ve((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = ce(""), [l, c] = ce(""), { sdk: a } = vt(), f = v(() => {
+), tn = "_favoriteIcon_1bixi_1", nn = "_regularIcon_1bixi_9", pt = {
+  favoriteIcon: tn,
+  regularIcon: nn
+}, We = "organization:", je = "user:", On = S(
+  pe((o, i) => {
+    const { maxResults: e = 20, ...t } = o, [n, s] = Y(""), [a, c] = Y(""), { sdk: l } = Ft(), d = x(() => {
       const w = { maxResults: e, searchTerm: n };
-      return l && (l.startsWith(Ne) ? w.owner_organization = parseInt(l.slice(Ne.length)) : l.startsWith(Be) && (w.owner_user = parseInt(l.slice(Be.length)))), w;
-    }, [n, e, l]), d = _(Ii(f)) ?? [], u = _(Fi), h = T(
+      return a && (a.startsWith(We) ? w.owner_organization = parseInt(a.slice(We.length)) : a.startsWith(je) && (w.owner_user = parseInt(a.slice(je.length)))), w;
+    }, [n, e, a]), u = M(Ti(d)) ?? [], f = M(Si), p = T(
       (w) => {
-        w.favorite ? a.userForms.unfavorite(w.offline_id).then() : a.userForms.favorite(w.offline_id).then();
+        w.favorite ? l.userForms.unfavorite(w.offline_id).then() : l.userForms.favorite(w.offline_id).then();
       },
-      [a]
-    ), p = v(() => {
-      const w = a.store.getState(), L = {};
-      for (const P of Object.values(u)) {
-        const I = xt(P.owner_organization || -1)(w);
-        I && (L[`${Ne}${I.id}`] = I.name);
-        const V = et(P.owner_user || -1)(w);
-        V && (L[`${Be}${V.id}`] = V.username);
+      [l]
+    ), h = x(() => {
+      const w = l.store.getState(), k = {};
+      for (const A of Object.values(f)) {
+        const C = Tt(A.owner_organization || -1)(w);
+        C && (k[`${We}${C.id}`] = C.name);
+        const $ = rt(A.owner_user || -1)(w);
+        $ && (k[`${je}${$.id}`] = $.username);
       }
-      return Object.entries(L).map(([P, I]) => ({ itemContent: I, value: P }));
-    }, [u, a.store]), g = T((w) => {
-      o(w.currentTarget.value);
-    }, []), z = (_(Ci) || 0) - d.length, F = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
+      return Object.entries(k).map(([A, C]) => ({ itemContent: C, value: A }));
+    }, [f, l.store]), g = T((w) => {
+      s(w.currentTarget.value);
+    }, []), z = (M(zi) || 0) - u.length, I = u.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
     return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
       /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
-        /* @__PURE__ */ r(he, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(le.Root, { size: "3", children: /* @__PURE__ */ r(le.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
+        /* @__PURE__ */ r(ge, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(ae.Root, { size: "3", children: /* @__PURE__ */ r(ae.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
         /* @__PURE__ */ r(
-          ht,
+          vt,
           {
-            items: p,
-            value: l,
+            items: h,
+            value: a,
             onValueChange: c,
             placeholder: "Owner",
             size: "large"
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r($e.Root, { children: d.map((w) => /* @__PURE__ */ r(
-        en,
+      u.length > 0 && /* @__PURE__ */ r(Oe.Root, { children: u.map((w) => /* @__PURE__ */ r(
+        rn,
         {
           ...t,
           form: w,
-          handleToggleFavorite: () => h(w)
+          handleToggleFavorite: () => p(w)
         },
         w.offline_id
       )) }),
-      /* @__PURE__ */ r(he, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: F }) })
+      /* @__PURE__ */ r(ge, { px: "3", children: /* @__PURE__ */ r(V, { size: "2", severity: "info", children: I }) })
     ] });
   })
-), en = (s) => {
-  var h;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = _(xt(i.owner_organization || -1))) == null ? void 0 : h.name, l = _(et(i.owner_user || -1)), c = _(It).id, a = !!l && l.id === c, f = o ?? (a ? "You" : l == null ? void 0 : l.username) ?? "Unknown", d = T(
-    (p) => {
-      p.stopPropagation(), n();
+), rn = (o) => {
+  var p;
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = o, s = (p = M(Tt(i.owner_organization || -1))) == null ? void 0 : p.name, a = M(rt(i.owner_user || -1)), c = M(St).id, l = !!a && a.id === c, d = s ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", u = T(
+    (h) => {
+      h.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ r($e.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...Zt, children: [
+  ), f = /* @__PURE__ */ r(Oe.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...ni, children: [
     /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
-        ae,
+        K,
         {
-          className: Ft(i.favorite ? ct.favoriteIcon : ct.regularIcon),
+          className: zt(i.favorite ? pt.favoriteIcon : pt.regularIcon),
           variant: "ghost",
-          onClick: d,
+          onClick: u,
           "aria-label": i.favorite ? "Favorite form" : "Standard form",
           disabled: !t,
-          children: i.favorite ? /* @__PURE__ */ r(ei, {}) : /* @__PURE__ */ r(ti, {})
+          children: i.favorite ? /* @__PURE__ */ r(ri, {}) : /* @__PURE__ */ r(oi, {})
         }
       ),
-      /* @__PURE__ */ r(D, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ r(ii, {})
+      /* @__PURE__ */ r(V, { noWrap: !0, children: i.latestRevision.title }),
+      i.latestRevision.description && /* @__PURE__ */ r(si, {})
     ] }),
-    f && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ r(ni, {}),
+    d && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
+      /* @__PURE__ */ r(li, {}),
       " ",
-      f
+      d
     ] })
   ] }) });
-  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 = S(function(i) {
+  return i.latestRevision.description ? /* @__PURE__ */ r(ai, { content: i.latestRevision.description, children: f }, i.offline_id) : f;
+}, on = "_submissionsContainer_9iirt_1", sn = "_stopHorizontalOverflow_9iirt_6", Rt = {
+  submissionsContainer: on,
+  stopHorizontalOverflow: sn
+}, ln = S(function(i) {
   var w;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, c = _(It), a = _(et("created_by" in e ? e.created_by : c.id)), f = Ke(e), d = Ti(f) ? f.toLocaleTimeString([], {
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: s, rowDecorator: a } = i, c = M(St), l = M(rt("created_by" in e ? e.created_by : c.id)), d = Xe(e), u = Ei(d) ? d.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : Si(f), u = _(wt(e.form_revision));
-  if (!u)
+  }) : Li(d), f = M(Ct(e.form_revision));
+  if (!f)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const h = (w = _(zi(u.form))) == null ? void 0 : w.revision, p = Ei({
-    file: (a == null ? void 0 : a.profile.file) ?? null,
-    fileSha1: (a == null ? void 0 : a.profile.file_sha1) ?? null
-  }), g = (a == null ? void 0 : a.username.charAt(0).toUpperCase()) ?? "?", x = u.revision === h, z = bi.useCallback(() => {
+  const p = (w = M(Ai(f.form))) == null ? void 0 : w.revision, h = Pi({
+    file: (l == null ? void 0 : l.profile.file) ?? null,
+    fileSha1: (l == null ? void 0 : l.profile.file_sha1) ?? null
+  }), g = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", v = f.revision === p, z = wi.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), F = /* @__PURE__ */ r($e.Item, { onClick: z, asChild: !0, children: /* @__PURE__ */ b(y, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-    /* @__PURE__ */ b(y, { gap: "2", align: "center", className: $t.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(oi, { src: p, size: "1", fallback: g }),
-      /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: o === "creator" ? (a || c).username : u.title })
+  }, [e, t]), I = /* @__PURE__ */ r(Oe.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: Rt.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(ci, { src: h, size: "1", fallback: g }),
+      /* @__PURE__ */ r(V, { size: "2", noWrap: !0, children: s === "creator" ? (l || c).username : f.title })
     ] }),
     /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
-      !n && (u.revision ? /* @__PURE__ */ r(qe, { variant: "soft", severity: x ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!h && /* @__PURE__ */ r(qe, { children: "Original" })),
-      /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: d })
+      !n && (f.revision ? /* @__PURE__ */ r(He, { variant: "soft", severity: v ? "primary" : "info", children: n ? f.revision.toString() : `Revision #${f.revision}` }) : !!p && /* @__PURE__ */ r(He, { children: "Original" })),
+      /* @__PURE__ */ r(V, { size: "2", noWrap: !0, children: u })
     ] })
   ] }) });
-  return l ? l(e, F) : F;
-}), Ke = (s) => {
-  const i = "created_at" in s ? s.created_at : s.submitted_at;
+  return a ? a(e, I) : I;
+}), Xe = (o) => {
+  const i = "created_at" in o ? o.created_at : o.submitted_at;
   return new Date(i);
-}, kn = S(function(i) {
+}, Rn = S(function(i) {
   const {
     formId: e,
     submissions: t,
     compact: n = !1,
-    className: o,
-    after: l,
+    className: s,
+    after: a,
     variant: c = "outline",
-    ...a
+    ...l
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = _(
-    t ? () => t : Ai(e)
-  ), d = v(
-    () => f == null ? void 0 : f.sort((u, h) => Ke(h).getTime() - Ke(u).getTime()),
-    [f]
+  const d = M(
+    t ? () => t : ki(e)
+  ), u = x(
+    () => d == null ? void 0 : d.sort((f, p) => Xe(p).getTime() - Xe(f).getTime()),
+    [d]
   );
   return /* @__PURE__ */ r(
-    $e.Root,
+    Oe.Root,
     {
-      className: Ft($t.submissionsContainer, o),
+      className: zt(Rt.submissionsContainer, s),
       size: "small",
       variant: c,
-      before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
+      before: !n && /* @__PURE__ */ b(V, { severity: "info", children: [
         "There are ",
-        ((f == null ? void 0 : f.length) || 0).toString(),
+        ((d == null ? void 0 : d.length) || 0).toString(),
         " submissions of this form."
       ] }),
-      after: l,
-      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
-        rn,
+      after: a,
+      children: u == null ? void 0 : u.map((f, p) => /* @__PURE__ */ r(
+        ln,
         {
-          submission: u,
+          submission: f,
           compact: n,
-          ...a
+          ...l
         },
-        h
+        p
       ))
     }
   );
-}), Dn = S(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = me(), [o, l, c] = Ye(e);
-  return v(() => {
-    const a = (f) => c.setValue(f, !1);
+}), Nn = S(function(i) {
+  const { name: e, render: t } = i, { submitForm: n } = me(), [s, a, c] = Je(e);
+  return x(() => {
+    const l = (d) => c.setValue(d, !1);
     return t({
-      value: o.value,
-      setValue: a,
+      value: s.value,
+      setValue: l,
       patchValue: n
     });
-  }, [n, c, o.value, t]);
-}), $n = S(
-  ve((s, i) => {
-    const { children: e, schema: t, values: n, onPatch: o, onError: l, ...c } = s, a = v(() => rt(t.fields, n), [t.fields, n]), f = T(
+  }, [n, c, s.value, t]);
+}), Bn = S(
+  pe((o, i) => {
+    const { children: e, schema: t, values: n, onPatch: s, onError: a, ...c } = o, l = x(() => at(t.fields, n), [t.fields, n]), d = T(
       (g) => {
-        const x = {};
+        const v = {};
         for (const z in g) {
-          const F = g[z];
-          F !== a[z] && F !== void 0 && (x[z] = F);
+          const I = g[z];
+          I !== l[z] && I !== void 0 && (v[z] = I);
         }
-        Ve(x) && o(x);
+        De(v) && s(v);
       },
-      [a, o]
-    ), d = T(
+      [l, s]
+    ), u = T(
       async (g) => {
-        const x = await Dt(t, g);
-        return x && l(x), x;
+        const v = await Ot(t, g);
+        return v && a(v), v;
       },
-      [t, l]
-    ), u = Qe({
-      initialValues: a,
-      onSubmit: f,
-      validate: d,
+      [t, a]
+    ), f = et({
+      initialValues: l,
+      onSubmit: d,
+      validate: u,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: h, resetForm: p } = u;
-    return we(() => {
-      Ve(h) && p({ values: a, errors: {} });
-    }, [h, a, p]), /* @__PURE__ */ r(Xe, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
+    }), { errors: p, resetForm: h } = f;
+    return ve(() => {
+      De(p) && h({ values: l, errors: {} });
+    }, [p, l, h]), /* @__PURE__ */ r(tt, { value: f, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: f.handleSubmit, children: e }) });
   })
-), _t = {
-  ...nt,
-  section: Q
-}, on = S(function(i) {
-  const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, l = e.Icon;
+);
+function an(o, i) {
+  if (o == null)
+    return {};
+  var e = {}, t = Object.keys(o), n, s;
+  for (s = 0; s < t.length; s++)
+    n = t[s], !(i.indexOf(n) >= 0) && (e[n] = o[n]);
+  return e;
+}
+var cn = ["color"], dn = /* @__PURE__ */ pe(function(o, i) {
+  var e = o.color, t = e === void 0 ? "currentColor" : e, n = an(o, cn);
+  return ft("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, n, {
+    ref: i
+  }), ft("path", {
+    d: "M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",
+    fill: t,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+const Nt = {
+  ...lt,
+  section: X
+}, un = S(function(i) {
+  const { field: e, setFieldType: t } = i, n = e.fieldTypeName, s = e.fieldTypeDescription, a = e.Icon;
   return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
-    /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
-      /* @__PURE__ */ r(l, {}),
+    /* @__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(a, {}),
       n
     ] }) }),
-    /* @__PURE__ */ r(D, { children: o })
+    /* @__PURE__ */ r(V, { children: s })
   ] });
-}), Mt = [
+}), Bt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], sn = Mt.length - 1, ln = S(function(i) {
+], fn = Bt.length - 1, mn = S(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Mt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
-      on,
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Bt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((s) => /* @__PURE__ */ r(
+      un,
       {
-        field: nt[o],
-        setFieldType: () => e(o)
+        field: lt[s],
+        setFieldType: () => e(s)
       },
-      o
+      s
     )) }),
-    n < sn && /* @__PURE__ */ r(si, { size: "4" })
+    n < fn && /* @__PURE__ */ r(di, { size: "4" })
   ] }, n)) });
-}), an = (s) => (i) => {
-  if (!(!i || typeof i != "string") && s.includes(i.trim()))
+}), pn = (o) => (i) => {
+  if (!(!i || typeof i != "string") && o.includes(i.trim()))
     return "This name is already taken.";
-}, cn = (s, i) => {
+}, hn = (o, i) => {
   const e = [
-    new ge({
+    new be({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [an(s)]
+      fieldValidators: [pn(o)]
     }),
-    new be({
+    new ye({
       label: "Description",
       required: !1,
       maxLength: 1e3,
@@ -1439,347 +1465,360 @@ const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
   ];
   return i === "section" ? e : [
     ...e,
-    new ue({ label: "Required", description: null, required: !1, identifier: "required" })
+    new de({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, dn = S(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l } = i, c = _t[e], a = me(), f = v(() => {
-    const d = Et(a.values.fields).filter((h) => h !== (o == null ? void 0 : o.label));
-    let u = cn(d, e);
-    if (c === Q) {
-      if (l === void 0)
+}, gn = S(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: s, conditionalSourceFields: a } = i, c = Nt[e], l = me(), d = x(() => {
+    const u = kt(l.values.fields).filter((p) => p !== (s == null ? void 0 : s.label));
+    let f = hn(u, e);
+    if (c === X) {
+      if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      u = u.concat(c.getFieldCreationSchema(l));
+      f = f.concat(c.getFieldCreationSchema(a));
     } else {
-      if (!(c.prototype instanceof M))
+      if (!(c.prototype instanceof O))
         throw new Error(`Field must be an instance of BaseField. Got ${c}.`);
-      u = [...u, ...c.getFieldCreationSchema()];
+      f = [...f, ...c.getFieldCreationSchema()];
     }
     return {
-      fields: u,
+      fields: f,
       meta: { readonly: !1 },
       // using the dialog title as the form title
       title: null
     };
-  }, [a.values.fields, e, c, o == null ? void 0 : o.label, l]);
+  }, [l.values.fields, e, c, s == null ? void 0 : s.label, a]);
   return /* @__PURE__ */ r(
-    ot,
+    ct,
     {
-      schema: f,
-      values: o,
+      schema: d,
+      values: s,
       onSubmit: n,
-      cancelText: o ? void 0 : "Back",
+      cancelText: s ? void 0 : "Back",
       onCancel: t
     }
   );
-}), pe = S(function(i) {
-  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: c } = i, [a, f] = ce(), d = (o == null ? void 0 : o.type) ?? a, u = d ? _t[d].fieldTypeName : void 0, { setFieldValue: h, values: p } = me();
-  if (l && !o)
+}), he = S(function(i) {
+  const { parentPath: e, index: t, onComplete: n, initial: s, editing: a, conditionalSourceFields: c } = i, [l, d] = Y(), u = (s == null ? void 0 : s.type) ?? l, f = u ? Nt[u].fieldTypeName : void 0, { setFieldValue: p, values: h } = me();
+  if (a && !s)
     throw new Error("Initial field must be provided if editing is true.");
-  const g = !d && !l && !o, x = g ? "Choose a field type" : `${u} settings`, z = g ? "Select a field type to add to this section." : (u == null ? void 0 : u.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${u == null ? void 0 : u.toLowerCase()} field.`, F = T(() => f(void 0), []), w = T((I) => {
-    f(void 0), I();
-  }, []), L = T(
-    (I, V) => {
-      const { label: O } = I;
-      if (!d)
+  const g = !u && !a && !s, v = g ? "Choose a field type" : `${f} settings`, z = g ? "Select a field type to add to this section." : (f == null ? void 0 : f.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${f == null ? void 0 : f.toLowerCase()} field.`, I = T(() => d(void 0), []), w = T(() => {
+    d(void 0), n();
+  }, [n]), k = T(
+    (A) => {
+      const { label: C } = A;
+      if (!u)
         throw new Error("Field type must be selected before creating a field.");
-      if (!O || typeof O != "string")
+      if (!C || typeof C != "string")
         throw new Error("Label must be provided before creating a field.");
-      const K = Me({
-        type: d,
-        ...I,
-        identifier: St(I.identifier, O)
-      }).serialize(), q = de(p, e);
-      if (q === void 0)
+      const $ = Ne({
+        type: u,
+        ...A,
+        identifier: At(A.identifier, C)
+      }).serialize(), R = ce(h, e);
+      if (R === void 0)
         throw new Error("Parent path must point to an existing field.");
       let U;
-      if (!Array.isArray(q))
+      if (!Array.isArray(R))
         throw new Error("Parent path must point to an array.");
-      l ? U = Ri(q, t, K) : U = Tt(q, t, K), h(e, U).then(), V();
+      a ? U = qi(R, t, $) : U = Lt(R, t, $), p(e, U).then(), n();
     },
-    [l, d, p, e, h, t]
-  ), P = T(
-    (I) => g ? /* @__PURE__ */ r(ln, { setFieldType: f }) : /* @__PURE__ */ r(
-      dn,
+    [u, h, e, a, p, n, t]
+  );
+  return /* @__PURE__ */ r(fe, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ b(y, { justify: "between", children: [
+      /* @__PURE__ */ r(V, { children: v }),
+      /* @__PURE__ */ r(K, { "aria-label": "Close", onClick: w, type: "button", children: /* @__PURE__ */ r(dn, {}) })
+    ] }),
+    /* @__PURE__ */ r(V, { children: z }),
+    g ? /* @__PURE__ */ r(mn, { setFieldType: d }) : /* @__PURE__ */ r(
+      gn,
       {
         conditionalSourceFields: c,
-        handleCancel: F,
-        handleCreateField: (V) => L(V, I),
-        fieldType: d,
-        defaultField: o
+        handleCancel: I,
+        handleCreateField: (A) => k(A),
+        fieldType: u,
+        defaultField: s
       }
-    ),
-    [c, F, L, o, g, d]
-  );
-  return /* @__PURE__ */ r(li, { onCloseInterrupt: w, title: x, description: z, content: P, children: n });
-}), dt = ({ children: s }) => /* @__PURE__ */ r(pt, { children: s }), ut = (s, i) => ({
-  initial: s ? i : "none",
-  sm: s ? "none" : i
-}), Ot = S(function(i) {
-  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: l } = i, c = v(
+    )
+  ] }) });
+}), ht = ({ children: o }) => /* @__PURE__ */ r(Ze, { children: o }), gt = (o, i) => ({
+  initial: o ? i : "none",
+  sm: o ? "none" : i
+}), qt = S(function(i) {
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: s, duplicateProps: a } = i, c = x(
     () => [
       {
-        Wrapper: pe,
+        Wrapper: he,
         wrapperProps: n,
-        Icon: ai,
+        Icon: ui,
         text: "Edit"
       },
       {
-        Icon: ci,
+        Icon: fi,
         buttonProps: {
           onClick: e
         },
         text: "Delete"
       },
       {
-        Wrapper: pe,
-        wrapperProps: l,
-        Icon: di,
+        Wrapper: he,
+        wrapperProps: a,
+        Icon: mi,
         text: "Duplicate"
       },
       {
-        Wrapper: pe,
-        wrapperProps: o,
-        Icon: ke,
+        Wrapper: he,
+        wrapperProps: s,
+        Icon: _e,
         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(ui, {}) }),
+        Icon: (l) => /* @__PURE__ */ r("div", { ...l, children: /* @__PURE__ */ r(pi, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
       }
     ],
-    [t, l, n, o, e]
+    [t, a, n, s, e]
   );
-  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);
+  return /* @__PURE__ */ b(Ze, { children: [
+    /* @__PURE__ */ r(y, { gap: "4", display: gt(!1, "flex"), children: c.map((l) => {
+      const d = l.Wrapper ?? ht;
+      return /* @__PURE__ */ r(d, { ...l.wrapperProps, children: /* @__PURE__ */ r(K, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ r(l.Icon, {}) }) }, l.text);
     }) }),
-    /* @__PURE__ */ r(he, { display: ut(!0, "block"), children: /* @__PURE__ */ r(
-      fi,
+    /* @__PURE__ */ r(ge, { display: gt(!0, "block"), children: /* @__PURE__ */ r(
+      hi,
       {
-        trigger: /* @__PURE__ */ r(ae, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(mi, {}) }),
+        trigger: /* @__PURE__ */ r(K, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(gi, {}) }),
         closeOnSelect: !1,
-        items: c.map((a) => {
-          var d;
-          if (a.disableOnMobile)
+        items: c.map((l) => {
+          var u;
+          if (l.disableOnMobile)
             return null;
-          const f = a.Wrapper ?? dt;
+          const d = l.Wrapper ?? ht;
           return {
-            ...a.buttonProps,
-            onSelect: (d = a.buttonProps) == null ? void 0 : d.onClick,
-            content: /* @__PURE__ */ r(f, { ...a.wrapperProps, children: /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
-              /* @__PURE__ */ r(a.Icon, {}),
-              a.text
+            ...l.buttonProps,
+            onSelect: (u = l.buttonProps) == null ? void 0 : u.onClick,
+            content: /* @__PURE__ */ r(d, { ...l.wrapperProps, children: /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
+              /* @__PURE__ */ r(l.Icon, {}),
+              l.text
             ] }) })
           };
-        }).filter((a) => a !== null)
+        }).filter((l) => l !== null)
       }
     ) })
   ] });
-}), Oe = "form-builder", un = S(function(i) {
-  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: l } = i, c = v(() => Me(e), [e]), a = Pe(c, { formId: Oe, disabled: !0 }), f = T(
-    (p) => {
-      if (p.label === null)
-        throw new Error(`Expected a label for field ${p.identifier}`);
-      return { ...p, label: He(p.label, o), identifier: "" };
+}), Be = "form-builder", bn = S(function(i) {
+  const { field: e, index: t, sectionIndex: n, mode: s, takenLabels: a, remove: c, onModeChange: l } = i, d = x(() => Ne(e), [e]), u = $e(d, { formId: Be, disabled: !0 }), f = T(
+    (v) => {
+      if (v.label === null)
+        throw new Error(`Expected a label for field ${v.identifier}`);
+      return { ...v, label: Ke(v.label, a), identifier: "" };
     },
-    [o]
-  ), d = v(
-    () => ({
-      index: t,
-      parentPath: `fields.${n}.fields`,
-      initial: e,
-      editing: !0
-    }),
-    [e, t, n]
-  ), u = v(
+    [a]
+  ), p = x(() => (l("edit"), {
+    index: t,
+    parentPath: `fields.${n}.fields`,
+    initial: e,
+    editing: !0,
+    onComplete: () => l("display")
+  }), [e, t, l, n]), h = x(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
-      initial: f(e)
+      initial: f(e),
+      onComplete: () => l("display")
     }),
-    [f, e, t, n]
-  ), h = v(
+    [f, e, t, l, n]
+  ), g = x(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
-      initial: void 0
+      initial: void 0,
+      onComplete: () => l("display")
     }),
-    [t, n]
+    [t, l, n]
   );
-  return /* @__PURE__ */ r(Ze, { draggableId: e.identifier, index: t, children: (p) => /* @__PURE__ */ r(
-    ye,
+  return console.log(u), /* @__PURE__ */ r(Ze, { children: s === "display" ? /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (v) => /* @__PURE__ */ r(
+    fe,
     {
-      ref: p.innerRef,
-      ...p.draggableProps,
-      ...p.dragHandleProps,
+      ref: v.innerRef,
+      ...v.draggableProps,
+      ...v.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(y, { gap: "4", justify: "between", align: "center", children: [
-        a,
+        u,
         /* @__PURE__ */ r(
-          Ot,
+          qt,
           {
-            remove: l,
-            editProps: d,
-            duplicateProps: u,
-            insertAfterProps: h,
-            dragHandleProps: p.dragHandleProps
+            remove: c,
+            editProps: p,
+            duplicateProps: h,
+            insertAfterProps: g,
+            dragHandleProps: v.dragHandleProps
           }
         )
       ] })
     }
-  ) });
-}), fn = S(function(i) {
-  var V, O, K, q, U, A, R;
-  const { field: e, index: t, dropState: n } = i, o = (V = n[e.identifier]) == null ? void 0 : V.disabled, { setFieldValue: l, values: c } = me(), a = pi(), f = Et(c.fields), d = T(
-    (C, E) => {
-      for (const $ of C) {
-        const k = E.indexOf($);
-        l(`fields.${k}.condition`, null).then(), l(`fields.${k}.conditional`, !1).then();
+  ) }) : null });
+}), yn = S(function(i) {
+  var we, xe, L, N, G, Ie, Ce;
+  const { field: e, index: t, dropState: n } = i, [s, a] = Y(Array(e.fields.length).fill("display")), c = (we = n[e.identifier]) == null ? void 0 : we.disabled, { setFieldValue: l, values: d } = me(), u = bi(), f = kt(d.fields), p = T(
+    (F, E) => {
+      for (const D of F) {
+        const P = E.indexOf(D);
+        l(`fields.${P}.condition`, null).then(), l(`fields.${P}.conditional`, !1).then();
       }
     },
     [l]
-  ), u = T(
-    (C) => {
-      var k;
-      const E = e.fields[C];
+  ), h = T(
+    (F) => {
+      var P;
+      const E = e.fields[F];
       if (!E)
         throw new Error("Could not find field to remove.");
-      const $ = [];
-      for (const N of c.fields)
-        ((k = N.condition) == null ? void 0 : k.identifier) === E.identifier && $.push(N);
+      const D = [];
+      for (const _ of d.fields)
+        ((P = _.condition) == null ? void 0 : P.identifier) === E.identifier && D.push(_);
       return {
         removing: E,
-        affectedSections: $,
-        action: () => l(`fields.${t}.fields`, Se(e.fields, C))
+        affectedSections: D,
+        action: () => l(`fields.${t}.fields`, Le(e.fields, F))
       };
     },
-    [e.fields, c.fields, l, t]
-  ), h = T(
-    (C) => {
-      const { affectedSections: E, action: $, removing: k } = u(C), N = () => {
-        $().then(), d(E, c.fields);
+    [e.fields, d.fields, l, t]
+  ), g = T(
+    (F) => {
+      const { affectedSections: E, action: D, removing: P } = h(F), _ = () => {
+        D().then(), p(E, d.fields);
       };
       if (E.length > 0) {
-        const Re = E.map((xe) => xe.label).join(", ");
-        return a({
+        const qe = E.map((Fe) => Fe.label).join(", ");
+        return u({
           title: "Remove condition?",
-          description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${Re} section(s).`,
+          description: `${P.label} is being used as a condition, deleting it will remove the condition from the ${qe} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: N
+          onAction: _
         });
       }
-      N();
+      _();
     },
-    [u, d, c.fields, a]
-  ), p = T(() => {
-    const E = e.fields.map((Ie, Rt) => u(Rt)).flatMap((Ie) => Ie.affectedSections), $ = E.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, N = E.map((Ie) => Ie.label).join(", "), Re = E.length ? `Deleting this section will remove the ${k} field(s) it contains and will remove the conditions from following sections: ${N}` : `Deleting this section will remove the ${k} field(s) it contains.`, xe = Se(c.fields, t), st = () => l("fields", xe);
+    [h, p, d.fields, u]
+  ), v = T(() => {
+    const E = e.fields.map((Te, Wt) => h(Wt)).flatMap((Te) => Te.affectedSections), D = E.length ? "Remove fields and conditions?" : "Remove fields?", P = e.fields.length, _ = E.map((Te) => Te.label).join(", "), qe = E.length ? `Deleting this section will remove the ${P} field(s) it contains and will remove the conditions from following sections: ${_}` : `Deleting this section will remove the ${P} field(s) it contains.`, Fe = Le(d.fields, t), dt = () => l("fields", Fe);
     if (E.length > 0)
-      return a({
-        title: $,
-        description: Re,
+      return u({
+        title: D,
+        description: qe,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
-          st().then(() => {
-            d(E, xe);
+          dt().then(() => {
+            p(E, Fe);
           });
         }
       });
-    st().then();
+    dt().then();
   }, [
     e.fields,
-    c.fields,
+    d.fields,
     t,
-    u,
+    h,
     l,
-    a,
-    d
-  ]), g = T(
-    (C) => {
-      if (C.label === null)
-        throw new Error(`Expected a label for field ${C.identifier}`);
-      const E = He(C.label, f), $ = C.fields.map((k) => {
-        const N = He(k.label, f);
+    u,
+    p
+  ]), z = T(
+    (F) => {
+      if (F.label === null)
+        throw new Error(`Expected a label for field ${F.identifier}`);
+      const E = Ke(F.label, f), D = F.fields.map((P) => {
+        const _ = Ke(P.label, f);
         return {
-          ...k,
-          label: N,
-          identifier: St(void 0, N)
+          ...P,
+          label: _,
+          identifier: At(void 0, _)
         };
       });
-      return { ...C, label: E, fields: $, identifier: "" };
+      return { ...F, label: E, fields: D, identifier: "" };
     },
     [f]
-  ), x = v(
+  ), I = T((F, E) => {
+    a((D) => {
+      const P = [...D];
+      return P[F] = E, P;
+    });
+  }, []), w = x(
     () => ({
       index: t,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: Fe(c.fields, t)
+      conditionalSourceFields: Se(d.fields, t),
+      onComplete: () => console.log("editsectionprops")
     }),
-    [e, t, c.fields]
-  ), z = v(
+    [e, t, d.fields]
+  ), k = x(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: Te(),
-      conditionalSourceFields: Fe(c.fields, t + 1)
+      initial: Ee(),
+      conditionalSourceFields: Se(d.fields, t + 1),
+      onComplete: () => console.log("insertsectionprops")
     }),
-    [t, c.fields]
-  ), F = v(
+    [t, d.fields]
+  ), A = x(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
-      initial: void 0
+      initial: void 0,
+      onComplete: () => console.log("insertfieldatendofsectionprops")
     }),
     [e.fields.length, t]
-  ), w = v(
+  ), C = x(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: g(e),
-      conditionalSourceFields: Fe(c.fields, t + 1)
+      initial: z(e),
+      conditionalSourceFields: Se(d.fields, t + 1),
+      onComplete: () => console.log("duplicatesectionprops")
     }),
-    [g, e, t, c.fields]
-  ), L = v(
+    [z, e, t, d.fields]
+  ), $ = x(
     () => {
-      var C, E;
-      return (E = zt(c.fields, (C = e.condition) == null ? void 0 : C.identifier)) == null ? void 0 : E.label;
+      var F, E;
+      return (E = Pt(d.fields, (F = e.condition) == null ? void 0 : F.identifier)) == null ? void 0 : E.label;
     },
-    [(O = e.condition) == null ? void 0 : O.identifier, c.fields]
-  ), P = Array.isArray((K = e.condition) == null ? void 0 : K.value) ? "contains all of" : "equals";
-  if (Ge((q = e.condition) == null ? void 0 : q.value))
+    [(xe = e.condition) == null ? void 0 : xe.identifier, d.fields]
+  ), R = Array.isArray((L = e.condition) == null ? void 0 : L.value) ? "contains all of" : "equals";
+  if (Qe((N = e.condition) == null ? void 0 : N.value))
     throw new Error("File values are not supported for conditions.");
-  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,
+  const U = Array.isArray((G = e.condition) == null ? void 0 : G.value) ? (Ie = e.condition) == null ? void 0 : Ie.value.map((F) => typeof F == "string" ? F : F.label).join(", ") : (Ce = e.condition) == null ? void 0 : Ce.value.toString();
+  return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (F) => /* @__PURE__ */ r(
+    fe,
     {
-      ref: C.innerRef,
-      ...C.draggableProps,
-      ...C.dragHandleProps,
+      ref: F.innerRef,
+      ...F.draggableProps,
+      ...F.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(D, { className: _e.description, children: e.description })
+            /* @__PURE__ */ r(Me, { as: "h3", size: "3", children: e.label }),
+            /* @__PURE__ */ r(V, { className: Re.description, children: e.description })
           ] }),
-          e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(hi, { children: [
+          e.condition && /* @__PURE__ */ r(V, { size: "1", children: /* @__PURE__ */ b(yi, { children: [
             "Display only if ",
-            /* @__PURE__ */ r(lt, { children: L }),
+            /* @__PURE__ */ r(ut, { children: $ }),
             " ",
-            P,
+            R,
             " ",
-            /* @__PURE__ */ r(lt, { children: I })
+            /* @__PURE__ */ r(ut, { children: U })
           ] }) }),
-          /* @__PURE__ */ r(Je, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (E) => /* @__PURE__ */ b(
+          /* @__PURE__ */ r(it, { droppableId: e.identifier, type: "SECTION", isDropDisabled: c, children: (E) => /* @__PURE__ */ b(
             y,
             {
               ref: E.innerRef,
@@ -1787,20 +1826,22 @@ const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
               direction: "column",
               gap: "0",
               children: [
-                e.fields.map(($, k) => /* @__PURE__ */ r(
-                  un,
+                e.fields.map((D, P) => /* @__PURE__ */ r(
+                  bn,
                   {
-                    field: $,
-                    index: k,
+                    field: D,
+                    index: P,
                     sectionIndex: t,
-                    remove: () => h(k),
-                    takenLabels: f
+                    remove: () => g(P),
+                    takenLabels: f,
+                    mode: s[P] ?? "display",
+                    onModeChange: (_) => I(P, _)
                   },
-                  $.identifier
+                  D.identifier
                 )),
                 E.placeholder,
-                /* @__PURE__ */ r(pe, { ...F, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-                  /* @__PURE__ */ r(ke, {}),
+                /* @__PURE__ */ r(he, { ...A, children: /* @__PURE__ */ b(H, { type: "button", variant: "outline", children: [
+                  /* @__PURE__ */ r(_e, {}),
                   " Add a field"
                 ] }) })
               ]
@@ -1808,21 +1849,21 @@ const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           ) })
         ] }),
         /* @__PURE__ */ r(
-          Ot,
+          qt,
           {
-            remove: p,
-            insertAfterProps: z,
-            dragHandleProps: C.dragHandleProps,
-            editProps: x,
-            duplicateProps: w
+            remove: v,
+            insertAfterProps: k,
+            dragHandleProps: F.dragHandleProps,
+            editProps: w,
+            duplicateProps: C
           }
         )
       ] })
     }
   ) });
-}), mn = (s, i) => {
+}), vn = (o, i) => {
   var t;
-  const e = { ...s };
+  const e = { ...o };
   switch (i.type) {
     case "release":
       for (const n in e)
@@ -1835,162 +1876,163 @@ const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     case "update":
       return i.state;
   }
-}, pn = (s, i) => {
+}, wn = (o, i) => {
   if (i)
-    for (let e = 0; e < s.length; e++) {
-      const t = s[e];
+    for (let e = 0; e < o.length; e++) {
+      const t = o[e];
       if (t) {
         for (const n of t.fields)
           if (n.identifier === i)
             return e;
       }
     }
-}, ft = (s) => {
+}, bt = (o) => {
   var e, t, n;
   const i = {};
-  for (let o = 0; o < s.length; o++) {
-    const l = s[o];
-    if (!l)
+  for (let s = 0; s < o.length; s++) {
+    const a = o[s];
+    if (!a)
       throw new Error("Field is undefined.");
-    const c = o > 0 ? (e = i[s[o - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, a = new Set(c);
-    (t = l.condition) != null && t.identifier && a.add(l.condition.identifier), i[l.identifier] = {
+    const c = s > 0 ? (e = i[o[s - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, l = new Set(c);
+    (t = a.condition) != null && t.identifier && l.add(a.condition.identifier), i[a.identifier] = {
       disabled: !1,
-      conditionFields: a,
-      conditionIndex: pn(s, (n = l.condition) == null ? void 0 : n.identifier),
-      index: o,
-      label: l.label
+      conditionFields: l,
+      conditionIndex: wn(o, (n = a.condition) == null ? void 0 : n.identifier),
+      index: s,
+      label: a.label
     };
   }
   return i;
-}, mt = (s, i) => {
-  for (const [e, t] of Object.entries(s))
+}, yt = (o, i) => {
+  for (const [e, t] of Object.entries(o))
     if (t.identifier === i)
       return [t, e];
-}, hn = S(function() {
-  const { values: i, setFieldValue: e } = me(), [t, n] = wi(mn, i.fields, ft), { showInfo: o } = gi();
-  we(() => {
-    n({ type: "update", state: ft(i.fields) });
+}, xn = S(function() {
+  const { values: i, setFieldValue: e } = me(), [t, n] = Ii(vn, i.fields, bt), { showInfo: s } = vi();
+  ve(() => {
+    n({ type: "update", state: bt(i.fields) });
   }, [n, i.fields]);
-  const l = T((f) => {
-    f.type === "SECTION" && n({ type: "hold", fieldId: f.draggableId });
+  const a = T((d) => {
+    d.type === "SECTION" && n({ type: "hold", fieldId: d.draggableId });
   }, []), c = T(
-    (f) => {
-      const { source: d, destination: u, type: h, reason: p, draggableId: g } = f;
-      if (n({ type: "release" }), !u || p === "CANCEL")
+    (d) => {
+      const { source: u, destination: f, type: p, reason: h, draggableId: g } = d;
+      if (n({ type: "release" }), !f || h === "CANCEL")
         return;
-      if (h === "ROOT") {
-        const L = t[g];
-        if (!L)
+      if (p === "ROOT") {
+        const k = t[g];
+        if (!k)
           throw new Error("Could not find section context.");
-        let P = typeof L.conditionIndex < "u" ? (
+        let A = typeof k.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(L.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({
+          Math.max(k.conditionIndex + 1, f.index)
+        ) : f.index;
+        for (const C of Object.values(t))
+          C.conditionIndex === u.index && (A = Math.min(A, C.index - 1));
+        return A != f.index && s({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", je(i.fields, d.index, P));
+        }), e("fields", Ge(i.fields, u.index, A));
       }
-      if (h !== "SECTION")
+      if (p !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [x, z] = mt(i.fields, d.droppableId) ?? [], [F, w] = mt(i.fields, u.droppableId) ?? [];
-      if (!(x != null && x.fields) || !F)
+      const [v, z] = yt(i.fields, u.droppableId) ?? [], [I, w] = yt(i.fields, f.droppableId) ?? [];
+      if (!(v != null && v.fields) || !I)
         throw new Error("Could not find section with fields.");
-      if (x.identifier === F.identifier)
+      if (v.identifier === I.identifier)
         e(
           `fields.${z}.fields`,
-          je(x.fields, d.index, u.index)
+          Ge(v.fields, u.index, f.index)
         ).then();
       else {
-        const L = x.fields[d.index];
-        if (!L)
+        const k = v.fields[u.index];
+        if (!k)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${z}.fields`, Se(x.fields, d.index)).then(), e(
+        e(`fields.${z}.fields`, Le(v.fields, u.index)).then(), e(
           `fields.${w}.fields`,
-          Tt(F.fields, u.index, L)
+          Lt(I.fields, f.index, k)
         ).then();
       }
     },
-    [i.fields, e, t, o]
-  ), a = v(
+    [i.fields, e, t, s]
+  ), l = x(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
-      initial: Te(),
-      conditionalSourceFields: Fe(i.fields, i.fields.length)
+      initial: Ee(),
+      conditionalSourceFields: Se(i.fields, i.fields.length),
+      onComplete: () => console.log("makefieldsectionprops")
     }),
     [i.fields]
   );
-  return /* @__PURE__ */ r(yt, { onDragStart: l, onDragEnd: c, children: /* @__PURE__ */ r(Je, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ b(
+  return /* @__PURE__ */ r(It, { onDragStart: a, onDragEnd: c, children: /* @__PURE__ */ r(it, { droppableId: "droppable", type: "ROOT", children: (d) => /* @__PURE__ */ b(
     y,
     {
-      ref: f.innerRef,
-      ...f.droppableProps,
+      ref: d.innerRef,
+      ...d.droppableProps,
       direction: "column",
       gap: "0",
       children: [
-        i.fields.map((d, u) => /* @__PURE__ */ r(
-          fn,
+        i.fields.map((u, f) => /* @__PURE__ */ r(
+          yn,
           {
-            field: d,
-            index: u,
+            field: u,
+            index: f,
             dropState: t
           },
-          d.label
+          u.label
         )),
-        f.placeholder,
-        /* @__PURE__ */ r(pe, { ...a, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ r(ke, {}),
+        d.placeholder,
+        /* @__PURE__ */ r(he, { ...l, children: /* @__PURE__ */ b(H, { type: "button", variant: "outline", children: [
+          /* @__PURE__ */ r(_e, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), gn = {
+}), In = {
   title: "",
   description: "",
   fields: []
-}, bn = new ge({
+}, Cn = new be({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), yn = { formId: Oe, placeholder: "Give your form a title." }, wn = new be({
+}), Fn = { formId: Be, placeholder: "Give your form a title." }, Tn = new ye({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), vn = { formId: Oe, placeholder: "Explain the purpose of this form." }, xn = () => {
+}), Sn = { formId: Be, placeholder: "Explain the purpose of this form." }, zn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, _n = S(
-  ve((s, i) => {
-    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: l = o } = s, c = T((p) => {
+}, qn = S(
+  pe((o, i) => {
+    const { onCancel: e, onSave: t, revision: n } = o, s = n ? "Edit form" : "Create a new form", { heading: a = s } = o, c = T((h) => {
       const g = {};
-      if (p.title || (g.title = "Title is required."), (!p.fields || p.fields.length === 0) && (g.fields = "At least one field is required."), Ve(g))
+      if (h.title || (g.title = "Title is required."), (!h.fields || h.fields.length === 0) && (g.fields = "At least one field is required."), De(g))
         return g;
-    }, []), a = Qe({
-      initialValues: Oi(n) ?? gn,
+    }, []), l = et({
+      initialValues: Bi(n) ?? In,
       validate: c,
-      onSubmit: (p) => t(p),
+      onSubmit: (h) => t(h),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = v(() => Pt(a.values), [a.values]), d = Pe(bn, yn), u = Pe(wn, vn), h = v(
-      () => typeof l == "object" ? l : /* @__PURE__ */ r(De, { children: l }),
-      [l]
+    }), d = x(() => Dt(l.values), [l.values]), u = $e(Cn, Fn), f = $e(Tn, Sn), p = x(
+      () => typeof a == "object" ? a : /* @__PURE__ */ r(Me, { children: a }),
+      [a]
     );
-    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" })
+    return /* @__PURE__ */ r(Z.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(Z.List, { children: [
+        /* @__PURE__ */ r(Z.Trigger, { value: "edit", children: "Edit" }),
+        /* @__PURE__ */ r(Z.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ b(X.Content, { value: "edit", children: [
-        h,
-        /* @__PURE__ */ b(D, { children: [
+      /* @__PURE__ */ b(Z.Content, { value: "edit", children: [
+        p,
+        /* @__PURE__ */ b(V, { children: [
           "Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the",
           " ",
           /* @__PURE__ */ r("em", { children: "Preview" }),
@@ -1998,53 +2040,53 @@ const Pe = (s, i) => v(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (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: Oe, onSubmit: a.handleSubmit, children: [
-          /* @__PURE__ */ b(Xe, { value: a, children: [
-            d,
+        /* @__PURE__ */ r(y, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: Be, onSubmit: l.handleSubmit, children: [
+          /* @__PURE__ */ b(tt, { value: l, children: [
             u,
-            /* @__PURE__ */ r(hn, {}),
-            /* @__PURE__ */ r(D, { severity: "danger", size: "1", children: typeof a.errors.fields == "string" && a.errors.fields })
+            f,
+            /* @__PURE__ */ r(xn, {}),
+            /* @__PURE__ */ r(V, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
           ] }),
           /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
-            /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ r(G, { type: "submit", disabled: !a.isValid, children: "Save" })
+            /* @__PURE__ */ r(H, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ r(H, { type: "submit", disabled: !l.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(X.Content, { value: "preview", children: /* @__PURE__ */ r(ot, { schema: f, onSubmit: xn }) })
+      /* @__PURE__ */ r(Z.Content, { value: "preview", children: /* @__PURE__ */ r(ct, { schema: d, onSubmit: zn }) })
     ] }) });
   })
 );
 export {
-  ue as BooleanField,
-  Vi as BooleanInput,
-  We as DateField,
-  Di as DateInput,
-  Q as FieldSection,
-  Vn as FormBrowser,
-  _n as FormBuilder,
-  ot as FormRenderer,
-  kn as FormSubmissionBrowser,
-  Pn as FormSubmissionViewer,
-  Ae as MultiSelectField,
-  qi as MultiSelectInput,
-  ze as MultiStringField,
-  Ni as MultiStringInput,
-  Y 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,
-  Lt as deserializeField,
-  Pt as formRevisionToSchema,
-  Vt as isConditionMet,
-  Pe as useFieldInput,
-  kt as useFieldInputs,
-  Ge as valueIsFile
+  de as BooleanField,
+  Di as BooleanInput,
+  Ue as DateField,
+  Mi as DateInput,
+  X as FieldSection,
+  On as FormBrowser,
+  qn as FormBuilder,
+  ct as FormRenderer,
+  Rn as FormSubmissionBrowser,
+  Mn as FormSubmissionViewer,
+  ke as MultiSelectField,
+  Hi as MultiSelectInput,
+  Ae as MultiStringField,
+  Wi as MultiStringInput,
+  Q as NumberField,
+  _i as NumberInput,
+  Nn as PatchField,
+  Bn as PatchFormProvider,
+  Pe as SelectField,
+  Ni as SelectInput,
+  be as StringField,
+  Oi as StringInput,
+  ye as TextField,
+  Ri as TextInput,
+  Ne as deserialize,
+  $t as deserializeField,
+  Dt as formRevisionToSchema,
+  _t as isConditionMet,
+  $e as useFieldInput,
+  Mt as useFieldInputs,
+  Qe as valueIsFile
 };