@overmap-ai/forms 1.0.1 → 1.0.2

package/dist/forms.js

@@ -1,19 +1,19 @@
-var Et = Object.defineProperty;
-var zt = (o, i, e) => i in o ? Et(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
-var p = (o, i, e) => (zt(o, typeof i != "symbol" ? i + "" : i, e), e);
-import { jsx as r, jsxs as b, Fragment as ot } from "react/jsx-runtime";
-import { Flex as v, Text as k, useSeverityColor as pe, Checkbox as Lt, CheckCircledIcon as Pt, TextField as oe, FontFamilyIcon as At, CalendarIcon as Dt, InputIcon as kt, TextArea as Mt, RowsIcon as Ot, Select as st, Box as ge, IconButton as ce, PlusIcon as Se, Badge as _e, Cross1Icon as Vt, ListBulletIcon as _t, DropdownMenuIcon as $t, MultiSelect as Rt, CheckboxIcon as qt, Card as Ee, Heading as ze, Button as G, ButtonList as Le, divButtonProps as Nt, StarFilledIcon as Bt, StarIcon as Wt, QuestionMarkCircledIcon as jt, PersonIcon as Ht, Tooltip as Ut, Avatar as Gt, Separator as Kt, Dialog as Yt, Pencil1Icon as Qt, TrashIcon as Xt, DragHandleDots2Icon as Jt, DropdownMenu as Zt, DotsVerticalIcon as ei, useAlertDialog as ti, Em as ii, Strong as Ze, useToast as ni, Tabs as Q } from "@overmap-ai/blocks";
-import { useField as We, useFormikContext as ae, useFormik as je, FormikProvider as He } from "formik";
-import ri, { useMemo as T, memo as z, useCallback as E, useState as de, useEffect as Pe, forwardRef as me, useReducer as oi } from "react";
-import { DragDropContext as lt, Droppable as Ue, Draggable as Ge } from "@hello-pangea/dnd";
-import { slugify as at, useAppSelector as $, selectFormRevision as ct, useSDK as si, selectFilteredUserForms as li, selectUserFormMapping as ai, selectOrganization as dt, selectUser as Ke, selectNumberOfUserForms as ci, selectCurrentUser as ut, classNames as ft, isToday as di, getLocalDateString as ui, selectLatestFormRevision as fi, useFileSrc as hi, selectSubmissionsForForm as pi } from "@overmap-ai/core";
-import se from "lodash.get";
-import Ye from "lodash.set";
-class ht {
+var Dt = Object.defineProperty;
+var _t = (s, i, e) => i in s ? Dt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var m = (s, i, e) => (_t(s, typeof i != "symbol" ? i + "" : i, e), e);
+import { jsx as r, jsxs as b, Fragment as dt } from "react/jsx-runtime";
+import { Flex as v, Text as D, useSeverityColor as de, Checkbox as Mt, CheckCircledIcon as $t, TextField as oe, FontFamilyIcon as Ot, CalendarIcon as Rt, InputIcon as Nt, TextArea as Bt, RowsIcon as qt, Select as ut, Box as me, IconButton as se, PlusIcon as Le, Badge as Oe, Cross1Icon as ft, ListBulletIcon as Wt, DropdownMenuIcon as jt, MultiSelect as Ht, CheckboxIcon as Ut, Card as ge, Heading as Pe, Button as j, UploadIcon as mt, ButtonList as Ve, divButtonProps as Gt, StarFilledIcon as Kt, StarIcon as Yt, QuestionMarkCircledIcon as Qt, PersonIcon as Xt, Tooltip as Jt, Avatar as Zt, Separator as ei, Dialog as ti, Pencil1Icon as ii, TrashIcon as ni, DragHandleDots2Icon as ri, DropdownMenu as oi, DotsVerticalIcon as si, useAlertDialog as li, Em as ai, Strong as nt, useToast as ci, Tabs as Y } from "@overmap-ai/blocks";
+import { useField as He, useFormikContext as ue, useFormik as Ue, FormikProvider as Ge } from "formik";
+import di, { useMemo as C, memo as T, useCallback as z, useState as le, useEffect as be, useRef as ui, forwardRef as ye, useReducer as fi } from "react";
+import { DragDropContext as ht, Droppable as Ke, Draggable as Ye } from "@hello-pangea/dnd";
+import { slugify as mi, useAppSelector as _, selectFormRevision as pt, useSDK as gt, selectSubmissionAttachments as hi, selectFilteredUserForms as pi, selectUserFormMapping as gi, selectOrganization as bt, selectUser as Qe, selectNumberOfUserForms as bi, selectCurrentUser as yt, classNames as vt, isToday as yi, getLocalDateString as vi, selectLatestFormRevision as wi, useFileSrc as xi, selectSubmissionsForForm as Ii } from "@overmap-ai/core";
+import ae from "lodash.get";
+import Xe from "lodash.set";
+class wt {
   constructor(i) {
-    p(this, "type");
-    p(this, "identifier");
-    p(this, "description");
+    m(this, "type");
+    m(this, "identifier");
+    m(this, "description");
     const { description: e = null, identifier: t, type: n } = i;
     this.identifier = t, this.description = e, this.type = n;
   }
@@ -33,15 +33,22 @@ class ht {
     };
   }
 }
-class R extends ht {
+class M extends wt {
   constructor(e) {
-    const { label: t, required: n, fieldValidators: s = [], formValidators: a = [], ...l } = e;
+    const { label: t, required: n, fieldValidators: o = [], formValidators: a = [], ...l } = e;
     super(l);
-    p(this, "required");
-    p(this, "formValidators");
-    p(this, "fieldValidators");
-    p(this, "label");
-    this.label = t, this.required = n, this.fieldValidators = s, this.formValidators = a;
+    m(this, "required");
+    m(this, "formValidators");
+    m(this, "fieldValidators");
+    m(this, "label");
+    /**
+     * By default, validation doesn't execute on `onChange` events when editing fields
+     * until the field has been `touched`. This can be overridden by setting this to `false`
+     * if you want to validate on every `onChange` event. This is important for fields like booleans
+     * 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 = a;
   }
   static getFieldCreationSchema() {
     return [];
@@ -49,19 +56,22 @@ class R extends ht {
   isBlank(e) {
     return e == null || e === "";
   }
+  getValueFromChangeEvent(e) {
+    return e.target.value;
+  }
   getError(e, t) {
     if (this.required && this.isBlank(e))
       return "This field is required.";
     for (const n of this.getFieldValidators()) {
-      const s = n(e);
-      if (s)
-        return s;
+      const o = n(e);
+      if (o)
+        return o;
     }
     if (t)
       for (const n of this.getFormValidators()) {
-        const s = n(e, t);
-        if (s)
-          return s;
+        const o = n(e, t);
+        if (o)
+          return o;
       }
   }
   // TODO: We can probably combine _serialize and serialize.
@@ -79,102 +89,100 @@ class R extends ht {
     return [...this.formValidators];
   }
 }
-p(R, "fieldTypeName"), p(R, "fieldTypeDescription");
-const mi = "_description_17zed_1", Ae = {
-  description: mi
-}, W = (o) => {
-  const { label: i, children: e, severity: t, inputId: n, labelId: s, flexProps: a } = o;
+m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
+const Ci = "_description_17zed_1", ke = {
+  description: Ci
+}, B = (s) => {
+  const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: a } = s;
   return /* @__PURE__ */ r(v, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
-    /* @__PURE__ */ r(k, { severity: t, id: s, children: i }),
+    /* @__PURE__ */ r(D, { severity: t, id: o, children: i }),
     e
   ] }) });
-}, j = (o) => {
-  const { helpText: i, children: e, severity: t } = o;
+}, q = (s) => {
+  const { helpText: i, children: e, severity: t } = s;
   return /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(v, { direction: "column", children: /* @__PURE__ */ r(k, { size: "1", severity: t, className: Ae.description, children: i }) })
+    /* @__PURE__ */ r(v, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: ke.description, children: i }) })
   ] });
-}, H = (o) => {
-  const { id: i, field: e, formId: t, ...n } = o, [s, a, l] = We(e.getId()), { touched: c } = a, f = a.error ?? e.description, u = a.error ? "danger" : void 0, d = i ?? `${t}-${e.getId()}-input`, h = `${d}-label`, m = e.required ? `${e.label} *` : e.label, g = T(() => ({
-    ...s,
-    onChange: (w) => {
-      l.setValue(w.target.value, !1).then(), c && l.setError(e.getError(w.target.value));
+}, W = (s) => {
+  const { id: i, field: e, formId: t, ...n } = s, [o, a, l] = He(e.getId()), { touched: c } = a, f = a.error ?? e.description, d = a.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, h = `${u}-label`, p = e.required ? `${e.label} *` : e.label, g = C(() => ({
+    ...o,
+    onChange: (F) => {
+      const w = e.getValueFromChangeEvent(F);
+      l.setValue(w, !1).then(), (c || !e.onlyValidateAfterTouched) && l.setError(e.getError(w));
     },
-    onBlur: (w) => {
-      l.setTouched(!0, !1).then(), l.setError(e.getError(w.target.value));
+    onBlur: (F) => {
+      l.setTouched(!0, !1).then(), l.setError(e.getError(e.getValueFromChangeEvent(F)));
     }
-  }), [e, s, l, c]);
+  }), [e, o, l, c]);
   return [
     {
       helpText: f,
-      severity: u,
-      inputId: d,
+      severity: d,
+      inputId: u,
       labelId: h,
-      label: m,
+      label: p,
       fieldProps: g,
       helpers: l,
       field: e
     },
     { ...n, "aria-labelledby": h }
   ];
-}, gi = [!0, "true"], bi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, field: a, label: l, fieldProps: c, helpers: f }, u] = H(i), d = pe(n), { setValue: h, setTouched: m, setError: g } = f, y = gi.includes(c.value), I = E(
-    (w) => {
-      if (w === "indeterminate")
-        throw new Error("indeterminate CheckedState value is not supported");
-      h(w, !1).then(), m(!0, !1).then(), g(a.getError(w));
-    },
-    [h, m, g, a]
-  );
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(
-    W,
+}, Fi = [!0, "true"], Ti = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l }, c] = W(i), f = de(n), d = Fi.includes(l.value);
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(
+    B,
     {
       severity: n,
       inputId: e,
       labelId: t,
-      label: l,
+      label: a,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
-        Lt,
+        Mt,
         {
-          ...u,
           ...c,
+          ...l,
           id: e,
-          color: d,
-          value: y.toString(),
-          checked: y,
-          onCheckedChange: I,
+          color: f,
+          value: d.toString(),
+          checked: d,
+          onCheckedChange: l.onChange,
           onChange: void 0,
           onBlur: void 0
         }
       )
     }
   ) });
-}), X = class X extends R {
-  constructor(i) {
-    super({ ...i, type: "boolean" });
+}), Q = class Q extends M {
+  constructor(e) {
+    super({ ...e, type: "boolean" });
+    m(this, "onlyValidateAfterTouched", !1);
   }
   // if a BooleanField is required, `false` is considered blank
-  isBlank(i) {
-    return this.required && !i;
+  isBlank(e) {
+    return this.required && !e;
+  }
+  getValueFromChangeEvent(e) {
+    return typeof e == "boolean" ? e : e.target.checked;
   }
   serialize() {
     return super._serialize();
   }
-  static deserialize(i) {
-    if (i.type !== "boolean")
+  static deserialize(e) {
+    if (e.type !== "boolean")
       throw new Error("Type mismatch.");
-    return new X(i);
+    return new Q(e);
   }
-  getInput(i) {
-    return /* @__PURE__ */ r(bi, { ...i, field: this });
+  getInput(e) {
+    return /* @__PURE__ */ r(Ti, { ...e, field: this });
   }
 };
-p(X, "fieldTypeName", "Checkbox"), p(X, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), p(X, "Icon", Pt);
-let le = X;
-const yi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: l, field: c }, f] = H(i), u = pe(n);
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+m(Q, "fieldTypeName", "Checkbox"), m(Q, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(Q, "Icon", $t);
+let ce = Q;
+const Si = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l, field: c }, f] = W(i), d = de(n);
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
     oe.Input,
     {
       ...f,
@@ -184,26 +192,30 @@ const yi = z(function(i) {
       min: c.minimum,
       max: c.maximum,
       step: c.integers ? 1 : 0.1,
-      color: u
+      color: d
     }
   ) }) });
-}), q = class q extends R {
+}), O = class O extends M {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
       maximum: n = Number.MAX_SAFE_INTEGER,
-      integers: s = !1,
+      integers: o = !1,
       ...a
     } = e;
     super({ ...a, type: "number" });
-    p(this, "minimum");
-    p(this, "maximum");
-    p(this, "integers");
-    this.minimum = t, this.maximum = n, this.integers = s;
+    m(this, "minimum");
+    m(this, "maximum");
+    m(this, "integers");
+    this.minimum = t, this.maximum = n, this.integers = o;
+  }
+  getValueFromChangeEvent(e) {
+    const t = Number.parseFloat(e.target.value);
+    return Number.isNaN(t) ? "" : t;
   }
   static getFieldCreationSchema() {
     return [
-      new q({
+      new O({
         label: "Minimum",
         description: "Minimum value",
         integers: !0,
@@ -211,7 +223,7 @@ const yi = z(function(i) {
         identifier: "minimum",
         formValidators: [this._validateMin]
       }),
-      new q({
+      new O({
         label: "Maximum",
         description: "Maximum value",
         integers: !0,
@@ -219,7 +231,7 @@ const yi = z(function(i) {
         identifier: "maximum",
         formValidators: [this._validateMax]
       }),
-      new le({
+      new ce({
         label: "Integers",
         description: "Whole numbers only",
         required: !1,
@@ -229,14 +241,14 @@ const yi = z(function(i) {
   }
   getFieldValidators() {
     const e = super.getFieldValidators(), t = this.minimum, n = this.maximum;
-    return typeof t == "number" && e.push((s) => {
-      if (typeof s == "number" && s < t)
+    return typeof t == "number" && e.push((o) => {
+      if (typeof o == "number" && o < t)
         return `Must be at least ${this.minimum}.`;
-    }), typeof n == "number" && e.push((s) => {
-      if (typeof s == "number" && s > n)
+    }), typeof n == "number" && e.push((o) => {
+      if (typeof o == "number" && o > n)
         return `Must be at most ${this.maximum}.`;
-    }), this.integers && e.push((s) => {
-      if (typeof s == "number" && !Number.isInteger(s))
+    }), this.integers && e.push((o) => {
+      if (typeof o == "number" && !Number.isInteger(o))
         return "Must be a whole number.";
     }), e;
   }
@@ -251,64 +263,51 @@ const yi = z(function(i) {
   static deserialize(e) {
     if (e.type !== "number")
       throw new Error("Type mismatch.");
-    return new q(e);
+    return new O(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(yi, { field: this, ...e });
+    return /* @__PURE__ */ r(Si, { field: this, ...e });
   }
 };
-p(q, "fieldTypeName", "Number"), p(q, "fieldTypeDescription", "Allows specifying a number within a given range."), p(q, "Icon", At), p(q, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), p(q, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let ue = q;
-const vi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, field: l, fieldProps: c, helpers: f }, u] = H(i), d = pe(n), { setValue: h, setError: m } = f, g = c.value ? c.value.split("T")[0] : "", y = E(
-    (I) => {
-      const w = new Date(I.target.value).toISOString();
-      h(w, !1).then(), m(l.getError(w));
-    },
-    [l, m, h]
-  );
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    oe.Input,
-    {
-      ...u,
-      ...c,
-      type: "date",
-      id: e,
-      color: d,
-      value: g,
-      onChange: y
-    }
-  ) }) });
-}), J = class J extends R {
-  constructor(i) {
-    super({ ...i, type: "date" });
+m(O, "fieldTypeName", "Number"), m(O, "fieldTypeDescription", "Allows specifying a number within a given range."), m(O, "Icon", Ot), m(O, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(O, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
+let U = O;
+const zi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l }, c] = W(i), f = de(n), d = l.value ? l.value.split("T")[0] : "";
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(oe.Input, { ...c, ...l, type: "date", id: e, color: f, value: d }) }) });
+}), X = class X extends M {
+  constructor(e) {
+    super({ ...e, type: "date" });
+    m(this, "onlyValidateAfterTouched", !1);
   }
   serialize() {
     return super._serialize();
   }
-  static deserialize(i) {
-    if (i.type !== "date")
+  getValueFromChangeEvent(e) {
+    return new Date(e.target.value).toISOString();
+  }
+  static deserialize(e) {
+    if (e.type !== "date")
       throw new Error("Type mismatch.");
-    return new J(i);
+    return new X(e);
   }
-  getInput(i) {
-    return /* @__PURE__ */ r(vi, { field: this, ...i });
+  getInput(e) {
+    return /* @__PURE__ */ r(zi, { field: this, ...e });
   }
 };
-p(J, "fieldTypeName", "Date"), p(J, "fieldTypeDescription", "Allows specifying a date."), p(J, "Icon", Dt);
-let $e = J;
-class be extends R {
+m(X, "fieldTypeName", "Date"), m(X, "fieldTypeDescription", "Allows specifying a date."), m(X, "Icon", Rt);
+let Re = X;
+class we extends M {
   constructor(e) {
-    const { minLength: t, maxLength: n = 5e3, ...s } = e;
-    super(s);
-    p(this, "minLength");
-    p(this, "maxLength");
+    const { minLength: t, maxLength: n = 5e3, ...o } = e;
+    super(o);
+    m(this, "minLength");
+    m(this, "maxLength");
     this.minLength = t ? Math.max(t, 0) : void 0, this.maxLength = n ? Math.max(n, 0) : 5e3;
   }
   static getFieldCreationSchema() {
     return [
       // min, max
-      new ue({
+      new U({
         label: "Minimum length",
         description: "Minimum number of characters",
         required: !1,
@@ -318,7 +317,7 @@ class be extends R {
         formValidators: [this._validateMin],
         integers: !0
       }),
-      new ue({
+      new U({
         label: "Maximum length",
         description: "Maximum number of characters",
         required: !1,
@@ -356,24 +355,24 @@ class be extends R {
  * 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".
  */
-p(be, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
+m(we, "_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".
  */
-p(be, "_validateMax", (e, t) => {
+m(we, "_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 wi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: l, field: c }, f] = H(i), u = pe(n);
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(oe.Input, { ...f, ...l, type: c.inputType, id: e, color: u }) }) });
-}), Z = class Z extends be {
+const Ei = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l, field: c }, f] = W(i), d = de(n);
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(oe.Input, { ...f, ...l, type: c.inputType, id: e, color: d }) }) });
+}), J = class J extends we {
   constructor(e) {
-    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" });
-    p(this, "inputType");
+    const { inputType: t = "text", ...n } = e, o = e.maxLength ? Math.min(500, e.maxLength) : 500, a = e.minLength ? Math.min(e.minLength, o) : void 0;
+    super({ ...n, maxLength: o, minLength: a, type: "string" });
+    m(this, "inputType");
     this.inputType = t;
   }
   serialize() {
@@ -382,19 +381,19 @@ const wi = z(function(i) {
   static deserialize(e) {
     if (e.type !== "string")
       throw new Error("Type mismatch.");
-    const { maximum_length: t, minimum_length: n, input_type: s, ...a } = e;
-    return new Z({ ...a, maxLength: t, minLength: n, inputType: s });
+    const { maximum_length: t, minimum_length: n, input_type: o, ...a } = e;
+    return new J({ ...a, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(wi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ei, { field: this, ...e });
   }
 };
-p(Z, "fieldTypeName", "Short Text"), p(Z, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), p(Z, "Icon", kt);
-let fe = Z;
-const Ii = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: l }, c] = H(i);
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Mt, { ...c, ...l, resize: "vertical", id: e, severity: n }) }) });
-}), ee = class ee extends be {
+m(J, "fieldTypeName", "Short Text"), m(J, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(J, "Icon", Nt);
+let he = J;
+const Ai = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l }, c] = W(i);
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Bt, { ...c, ...l, resize: "vertical", id: e, severity: n }) }) });
+}), Z = class Z extends we {
   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" });
@@ -406,198 +405,209 @@ const Ii = z(function(i) {
     if (i.type !== "text")
       throw new Error("Type mismatch.");
     const { maximum_length: e, minimum_length: t, ...n } = i;
-    return new ee({ ...n, maxLength: e, minLength: t });
+    return new Z({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ii, { field: this, ...i });
+    return /* @__PURE__ */ r(Ai, { field: this, ...i });
   }
 };
-p(ee, "fieldTypeName", "Paragraph"), p(ee, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), p(ee, "Icon", Ot);
-let he = ee;
-const xi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: l, field: c, helpers: f }, u] = H(i), { setValue: d, setTouched: h, setError: m } = f, g = T(
-    () => c.options.map((I) => ({ value: I.value, itemContent: I.label })),
+m(Z, "fieldTypeName", "Paragraph"), m(Z, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(Z, "Icon", qt);
+let pe = Z;
+const Li = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l, field: c }, f] = W(i), { onChange: d, onBlur: u } = l, h = C(
+    () => c.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [c.options]
-  ), y = E(
-    (I) => {
-      d(I, !1).then(), h(!0, !1).then(), m(c.getError(I));
+  ), p = z(
+    (g) => {
+      d(g), u(g);
     },
-    [h, d, m, c]
+    [d, u]
   );
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    st,
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+    ut,
     {
-      items: g,
+      items: h,
       ...l,
-      onValueChange: y,
+      onValueChange: p,
       placeholder: "Select one...",
       id: e,
       severity: n,
-      ...u
+      ...f
     }
   ) }) });
-}), ye = (o = "", i = []) => ({
+}), xe = (s = "", i = []) => ({
   type: "section",
   fields: i,
-  identifier: o,
+  identifier: s,
   label: null,
   condition: null,
   conditional: !1
-}), Ci = (o) => {
-  if (!o)
+}), Pi = (s) => {
+  if (!s)
     return;
-  const i = o.fields;
+  const i = s.fields;
   let e = [];
   const t = [];
   for (const n of i)
-    n.type === "section" ? (e.length > 0 && (t.push(ye(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
-  return e.length > 0 && t.push(ye("AUTO_section-last", e)), { ...o, fields: t };
+    n.type === "section" ? (e.length > 0 && (t.push(xe(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
+  return e.length > 0 && t.push(xe("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
 };
-function Re(o, i, e) {
-  const t = Array.from(o), [n] = t.splice(i, 1);
+function Ne(s, i, e) {
+  const t = Array.from(s), [n] = t.splice(i, 1);
   if (!n)
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function Ti(o, i, e) {
-  const t = Array.from(o);
+function Vi(s, i, e) {
+  const t = Array.from(s);
   return t[i] = e, t;
 }
-function pt(o, i, e) {
-  const t = Array.from(o ?? []);
+function xt(s, i, e) {
+  const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
-function ve(o, i) {
-  const e = Array.from(o);
+function Ie(s, i) {
+  const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const Fi = (o, i) => typeof o == "string" && o.length > 0 ? o : at(i), mt = (o, i) => {
+const ki = (s, i) => {
+  if (typeof s == "string" && s.length > 0)
+    return s;
+  const e = /* @__PURE__ */ new Date();
+  return `${mi(i)}-${e.getTime()}`;
+}, It = (s, i) => {
   if (!i)
     return null;
-  for (const e of o)
+  for (const e of s)
     if (e.type === "section") {
-      const t = mt(e.fields, i);
+      const t = It(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, qe = (o, i) => o.filter((e, t) => t < i).flatMap((e) => e.fields), Si = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: l, field: c, helpers: f }, u] = H(i), d = pe(n), h = T(() => Array.isArray(l.value) ? l.value : [], [l.value]), { setValue: m, setTouched: g, setError: y } = f, I = `${e}-droppable`, { disabled: w } = u, [x, P] = de(""), [A, L] = de(""), O = A || s, B = A ? "red" : d, V = E(
-    (S) => {
-      m(S, !1).then(), g(!0, !1).then(), y(c.getError(S));
+}, Be = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Di = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l }, c] = W(i), f = de(n), d = C(() => Array.isArray(l.value) ? l.value : [], [l.value]), { onChange: u, onBlur: h } = l, p = `${e}-droppable`, { disabled: g } = c, [I, S] = le(""), [F, w] = le(""), A = F || o, L = F ? "red" : f, x = z(
+    (y) => {
+      u(y), h(y);
     },
-    [m, g, y, c]
-  ), F = E(
-    (S) => {
-      h.findIndex((_) => _.value === S.target.value.trim()) >= 0 ? L("All options must be unique") : S.target.value ? L("") : L("Option cannot be empty"), P(S.target.value);
+    [u, h]
+  ), V = z(
+    (y) => {
+      d.findIndex((P) => P.value === y.target.value.trim()) >= 0 ? w("All options must be unique") : y.target.value ? w("") : w("Option cannot be empty"), S(y.target.value);
     },
-    [P, h]
-  ), C = E(() => {
-    if (A)
+    [S, d]
+  ), $ = z(() => {
+    if (F)
       return;
-    if (!x.trim())
-      return L("Option cannot be empty");
-    const S = x.trim();
-    V([...h, { value: S, label: S }]), P("");
-  }, [x, A, V, h]), M = E(
-    (S) => {
-      S.key === "Enter" && (S.preventDefault(), C());
+    if (!I.trim())
+      return w("Option cannot be empty");
+    const y = I.trim();
+    x([...d, { value: y, label: y }]), S("");
+  }, [I, F, x, d]), H = z(
+    (y) => {
+      y.key === "Enter" && (y.preventDefault(), $());
     },
-    [C]
-  ), D = E(
-    (S) => {
-      V(ve(h, S));
+    [$]
+  ), R = z(
+    (y) => {
+      x(Ie(d, y));
     },
-    [h, V]
-  ), N = E(
-    (S) => {
-      if (!S.destination)
+    [d, x]
+  ), E = z(
+    (y) => {
+      if (!y.destination)
         return;
-      const _ = S.source.index, U = S.destination.index;
-      V(Re(h, _, U));
+      const P = y.source.index, k = y.destination.index;
+      x(Ne(d, P, k));
     },
-    [V, h]
+    [x, d]
   );
-  return /* @__PURE__ */ r(lt, { onDragEnd: N, children: /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(j, { helpText: O, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: (!w || h.length === 0) && /* @__PURE__ */ b(v, { gap: "2", children: [
-      /* @__PURE__ */ r(ge, { grow: "1", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(ht, { onDragEnd: E, children: /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(q, { helpText: A, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: (!g || d.length === 0) && /* @__PURE__ */ b(v, { gap: "2", children: [
+      /* @__PURE__ */ r(me, { grow: "1", children: /* @__PURE__ */ r(
         oe.Input,
         {
           placeholder: "Press enter to add a new option",
-          ...u,
+          ...c,
           ...l,
-          value: x,
-          onChange: F,
-          onKeyDown: M,
+          value: I,
+          onChange: V,
+          onKeyDown: H,
           id: e,
-          color: B,
+          color: L,
           onBlur: void 0
         }
       ) }),
       /* @__PURE__ */ r(
-        ce,
+        se,
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!A || w,
-          onClick: C,
-          children: /* @__PURE__ */ r(Se, {})
+          disabled: !!F || g,
+          onClick: $,
+          children: /* @__PURE__ */ r(Le, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(Ue, { droppableId: I, children: (S) => /* @__PURE__ */ b(v, { ...S.droppableProps, ref: S.innerRef, direction: "column", children: [
-      h.map((_, U) => /* @__PURE__ */ r(
-        Ge,
+    /* @__PURE__ */ r(Ke, { droppableId: p, children: (y) => /* @__PURE__ */ b(v, { ...y.droppableProps, ref: y.innerRef, direction: "column", children: [
+      d.map((P, k) => /* @__PURE__ */ r(
+        Ye,
         {
-          draggableId: `${_.value}-draggable`,
-          index: U,
-          isDragDisabled: w,
-          children: ({ draggableProps: Y, dragHandleProps: Me, innerRef: St }) => /* @__PURE__ */ r(
+          draggableId: `${P.value}-draggable`,
+          index: k,
+          isDragDisabled: g,
+          children: ({ draggableProps: N, dragHandleProps: fe, innerRef: K }) => /* @__PURE__ */ r(
             v,
             {
-              ...Me,
-              ...Y,
-              ref: St,
+              ...fe,
+              ...N,
+              ref: K,
               gap: "2",
               align: "center",
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ b(_e, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ r("span", { children: _.label }),
+              children: /* @__PURE__ */ b(Oe, { color: "gray", size: "2", children: [
+                /* @__PURE__ */ r("span", { children: P.label }),
                 /* @__PURE__ */ r(
-                  ce,
+                  se,
                   {
                     size: "small",
                     variant: "ghost",
                     type: "button",
                     "aria-label": "Delete option",
                     severity: "info",
-                    disabled: w,
-                    onClick: () => D(U),
-                    children: /* @__PURE__ */ r(Vt, {})
+                    disabled: g,
+                    onClick: () => R(k),
+                    children: /* @__PURE__ */ r(ft, {})
                   }
                 )
               ] })
             }
           )
         },
-        _.value
+        P.value
       )),
-      S.placeholder
+      y.placeholder
     ] }) })
   ] }) });
-}), te = class te extends R {
+}), ee = class ee extends M {
   constructor(e) {
-    const { minimum_length: t, maximum_length: n, ...s } = e;
-    super({ ...s, type: "multi-string" });
-    p(this, "minLength");
-    p(this, "maxLength");
+    const { minimum_length: t, maximum_length: n, ...o } = e;
+    super({ ...o, type: "multi-string" });
+    m(this, "minLength");
+    m(this, "maxLength");
+    m(this, "onlyValidateAfterTouched", !1);
     this.minLength = t ?? 0, this.maxLength = n ?? 1 / 0;
   }
+  getValueFromChangeEvent(e) {
+    if (Array.isArray(e))
+      return e;
+    throw new Error("Expected an array.");
+  }
   getInput(e) {
-    return /* @__PURE__ */ r(Si, { field: this, ...e });
+    return /* @__PURE__ */ r(Di, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -618,15 +628,16 @@ const Fi = (o, i) => typeof o == "string" && o.length > 0 ? o : at(i), mt = (o,
   static deserialize(e) {
     if (e.type !== "multi-string")
       throw new Error("Type mismatch.");
-    return new te(e);
+    return new ee(e);
   }
 };
-p(te, "fieldTypeName", "Multi-string"), p(te, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), p(te, "Icon", _t);
-let we = te;
-class gt extends R {
+m(ee, "fieldTypeName", "Multi-string"), m(ee, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ee, "Icon", Wt);
+let Ce = ee;
+class Ct extends M {
   constructor(e) {
     super(e);
-    p(this, "options");
+    m(this, "options");
+    m(this, "onlyValidateAfterTouched", !1);
     const t = /* @__PURE__ */ new Set();
     this.options = e.options.map((n) => (typeof n == "string" && (n = { label: n, value: n }), t.add(n.label), n)), t.size !== e.options.length && console.error(
       `${e.options.length - t.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,
@@ -641,7 +652,7 @@ class gt extends R {
   }
   static getFieldCreationSchema() {
     return [
-      new we({
+      new Ce({
         label: "Options",
         description: "List possible options for the user to select from.",
         required: !0,
@@ -652,48 +663,56 @@ class gt extends R {
     ];
   }
 }
-const ie = class ie extends gt {
+const te = class te extends Ct {
   constructor(i) {
     super({ ...i, type: "select" });
   }
+  getValueFromChangeEvent(i) {
+    return typeof i == "string" ? i : i.target.value;
+  }
   serialize() {
     return super._serialize();
   }
   static deserialize(i) {
     if (i.type !== "select")
       throw new Error("Type mismatch.");
-    return new ie(i);
+    return new te(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(xi, { field: this, ...i });
+    return /* @__PURE__ */ r(Li, { field: this, ...i });
   }
 };
-p(ie, "fieldTypeName", "Dropdown"), p(ie, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), p(ie, "Icon", $t);
-let Ie = ie;
-const Ei = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: s, label: a, fieldProps: l, field: c, helpers: f }, u] = H(i), { setValue: d, setTouched: h, setError: m } = f, g = T(() => Array.isArray(l.value) ? l.value : [], [l.value]), y = E(
-    (I) => {
-      d(I, !1).then(), h(!0, !1).then(), m(c.getError(I));
+m(te, "fieldTypeName", "Dropdown"), m(te, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(te, "Icon", jt);
+let Fe = te;
+const _i = (s) => s ? Array.isArray(s) ? s : [s] : [], Mi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l, field: c }, f] = W(i), { onChange: d, onBlur: u } = l, h = C(() => _i(l.value), [l.value]), p = z(
+    (g) => {
+      d(g), u(g);
     },
-    [h, d, m, c]
+    [d, u]
   );
-  return /* @__PURE__ */ r(j, { helpText: s, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
-    Rt,
+  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+    Ht,
     {
-      value: g,
-      onValueChange: y,
+      value: h,
+      onValueChange: p,
       options: c.options,
       name: l.name,
       placeholder: "Select one or more...",
       id: e,
       severity: n,
-      ...u
+      ...f
     }
   ) }) });
-}), ne = class ne extends gt {
+}), ie = class ie extends Ct {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
+  getValueFromChangeEvent(i) {
+    if (Array.isArray(i))
+      return i;
+    throw new Error("Expected an array.");
+  }
   isBlank(i) {
     return super.isBlank(i) || i.length === 0;
   }
@@ -703,27 +722,27 @@ const Ei = z(function(i) {
   static deserialize(i) {
     if (i.type !== "multi-select")
       throw new Error("Type mismatch.");
-    return new ne(i);
+    return new ie(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ei, { field: this, ...i });
+    return /* @__PURE__ */ r(Mi, { field: this, ...i });
   }
 };
-p(ne, "fieldTypeName", "Multi-select"), p(ne, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), p(ne, "Icon", qt);
-let Ne = ne;
-const zi = z(function({ field: i, ...e }) {
-  const [{ value: t }] = We(i.options.clonedFieldIdentifier), n = T(() => {
-    const s = i.options.getFieldToClone(t);
-    return s ? De(s) : null;
+m(ie, "fieldTypeName", "Multi-select"), m(ie, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(ie, "Icon", Ut);
+let Te = ie;
+const $i = T(function({ field: i, ...e }) {
+  const [{ value: t }] = He(i.options.clonedFieldIdentifier), n = C(() => {
+    const o = i.options.getFieldToClone(t);
+    return o ? De(o) : null;
   }, [i.options, t]);
-  return Ce(n, e);
+  return ze(n, e);
 });
-class xe extends R {
+class Se extends M {
   constructor(e, t) {
     super({ ...e, type: "custom" });
-    p(this, "Component");
+    m(this, "Component");
     // identifier of the field whose value is the label of the field to re-render
-    p(this, "options");
+    m(this, "options");
     this.options = e, this.Component = t;
   }
   serialize() {
@@ -734,46 +753,46 @@ class xe extends R {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-p(xe, "fieldTypeName", "Custom"), p(xe, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Li extends xe {
+m(Se, "fieldTypeName", "Custom"), m(Se, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Oi extends Se {
   constructor(i) {
-    super(i, zi);
+    super(i, $i);
   }
 }
-const Pi = z(function(i) {
-  const { field: e, ...t } = i, { label: n, description: s, fields: a, condition: l } = e, { values: c, setFieldValue: f } = ae(), u = l != null && l.identifier ? se(c, l.identifier) : void 0, d = T(() => vt(l, u), [l, u]);
-  Pe(() => {
-    if (!d)
-      for (const m of a)
-        f(m.getId(), "").then();
-  }, [d, a, f]);
-  const h = wt(a, t);
-  return d ? n ? /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "3", children: [
+const Ri = T(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: l } = e, { values: c, setFieldValue: f } = ue(), d = l != null && l.identifier ? ae(c, l.identifier) : void 0, u = C(() => St(l, d), [l, d]);
+  be(() => {
+    if (!u)
+      for (const p of a)
+        f(p.getId(), "").then();
+  }, [u, a, f]);
+  const h = zt(a, t);
+  return u ? n ? /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ b(v, { direction: "column", children: [
-      /* @__PURE__ */ r(ze, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(k, { className: Ae.description, children: s })
+      /* @__PURE__ */ r(Pe, { as: "h3", size: "3", children: n }),
+      /* @__PURE__ */ r(D, { className: ke.description, children: o })
     ] }),
     h
   ] }) }) : h : null;
-}), re = class re extends ht {
+}), ne = class ne extends wt {
   constructor(e) {
-    const { label: t = null, fields: n, condition: s = null, conditional: a, ...l } = e;
+    const { label: t = null, fields: n, condition: o = null, conditional: a, ...l } = e;
     super({ ...l, type: "section" });
-    p(this, "label");
-    p(this, "fields");
-    p(this, "condition");
-    this.fields = n, this.condition = s, this.label = t, a === !1 && (this.condition = null);
+    m(this, "label");
+    m(this, "fields");
+    m(this, "condition");
+    this.fields = n, this.condition = o, this.label = t, a === !1 && (this.condition = null);
   }
   static getFieldCreationSchema(e) {
     return e.length === 0 ? [] : [
-      new le({
+      new ce({
         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 re({
+      new ne({
         label: "Conditional settings",
         identifier: "conditional-settings",
         // This section will only be rendered if the above "Conditional" field is checked.
@@ -785,24 +804,24 @@ const Pi = z(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 Ie({
+          new Fe({
             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
             // the fields in the previous section(s) (or fields declared before with no section) that
             // support conditions. We pass in both the label and the identifier of each supported field. The
             // identifier becomes the value of the option.
-            options: e.map((t) => t.label ? {
+            options: e.map((t) => !t.label || t.type === "upload" ? null : {
               label: t.label,
               value: t.identifier
-            } : null).filter((t) => !!t),
+            }).filter((t) => !!t),
             identifier: "condition.identifier",
             required: !0
           }),
           // 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 Li({
+          new Oi({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -810,7 +829,7 @@ const Pi = z(function(i) {
             getFieldToClone(t) {
               if (!t)
                 return null;
-              const n = e.find((s) => s.identifier === t);
+              const n = e.find((o) => o.identifier === t);
               return n ? {
                 ...n,
                 // Override some options to make it make sense in the context and to make it work with the framework.
@@ -829,8 +848,8 @@ const Pi = z(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(bt)) ?? [];
-    return new re({ ...e, fields: t });
+    const t = ((n = e.fields) == null ? void 0 : n.map(Ft)) ?? [];
+    return new ne({ ...e, fields: t });
   }
   conditional() {
     return this.condition !== null;
@@ -847,45 +866,227 @@ const Pi = z(function(i) {
   getErrors(e) {
     const t = {};
     for (const n of this.fields) {
-      const s = n.getId(), a = n.getError(se(e, s), e);
-      a && Ye(t, n.getId(), a);
+      const o = n.getId(), a = n.getError(ae(e, o), e);
+      a && Xe(t, n.getId(), a);
     }
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Pi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ri, { field: this, ...e });
+  }
+};
+m(ne, "fieldTypeName", "Section"), m(ne, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+let G = ne;
+const Ni = "_previewImage_1ig84_1", Bi = {
+  previewImage: Ni
+}, Je = (s) => {
+  const i = ["byte", "kilobyte", "megabyte"];
+  let e = s, t = 0;
+  for (; e > 1024 && t < i.length - 1; )
+    e /= 1024, t++;
+  return new Intl.NumberFormat([], { maximumFractionDigits: 2, style: "unit", unit: i[t] }).format(e);
+}, qi = T(function(i) {
+  var L;
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: l, field: c }, f] = W(i), { onChange: d } = l, u = de(n), h = ui(null), { value: p } = l, g = C(() => o || (c.maxFileSize ? `Maximum file size: ${Je(c.maxFileSize)}` : null), [c.maxFileSize, o]), I = z(() => {
+    var x;
+    (x = h.current) == null || x.click();
+  }, []), S = z(
+    (x) => {
+      const V = [...p];
+      V.splice(x, 1), d({ target: { files: V } });
+    },
+    [p, d]
+  ), F = p ? "Select new files" : "Select files", w = p ? "Select new file" : "Select a file", A = c.maxFiles > 1 ? F : w;
+  return /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(q, { helpText: g, severity: n, children: /* @__PURE__ */ b(B, { severity: n, inputId: e, labelId: t, label: a, children: [
+      /* @__PURE__ */ r(v, { direction: "row", gap: "2", children: /* @__PURE__ */ r(me, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(j, { ...f, onClick: I, children: [
+        /* @__PURE__ */ r(mt, {}),
+        " ",
+        A
+      ] }) }) }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ...f,
+          type: "file",
+          ref: h,
+          id: e,
+          accept: (L = c.extensions) == null ? void 0 : L.join(","),
+          multiple: c.maxFiles > 1,
+          color: u,
+          style: { display: "none" },
+          ...l,
+          value: ""
+        }
+      )
+    ] }) }),
+    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: p.map((x, V) => /* @__PURE__ */ r(
+      Wi,
+      {
+        field: c,
+        file: x,
+        onRemove: () => S(V),
+        disabled: f.disabled
+      },
+      V
+    )) })
+  ] });
+}), Wi = T(function({ file: i, field: e, onRemove: t, disabled: n }) {
+  const [o, a] = le(null), l = C(() => o && e.getError([o]), [e, o]), { url: c, name: f, size: d } = C(() => {
+    let u = null, h, p;
+    return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (h = o.name, p = Je(o.size)) : (h = "Downloading...", p = "..."), { url: u, name: h, size: p };
+  }, [o]);
+  return be(() => {
+    i instanceof Promise ? i.then(a) : a(i);
+  }, [i]), /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ b(v, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+    /* @__PURE__ */ b(v, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
+      /* @__PURE__ */ r(
+        se,
+        {
+          severity: "info",
+          variant: "outline",
+          "aria-label": `Remove ${f}`,
+          disabled: n,
+          onClick: t,
+          children: /* @__PURE__ */ r(ft, {})
+        }
+      ),
+      /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
+        /* @__PURE__ */ r(D, { children: f }),
+        /* @__PURE__ */ r(D, { size: "1", children: d }),
+        l && /* @__PURE__ */ r(D, { size: "1", severity: "danger", children: l })
+      ] })
+    ] }),
+    c && /* @__PURE__ */ r("img", { className: Bi.previewImage, src: c, alt: f })
+  ] }) });
+}), rt = 50 * 1024 * 1024, re = class re extends M {
+  constructor(e) {
+    const { extensions: t, maximum_files: n, maximum_size: o, ...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;
+  }
+  getValueFromChangeEvent(e) {
+    return Array.from(e.target.files || []);
+  }
+  isBlank(e) {
+    return super.isBlank(e) || e.length === 0;
+  }
+  static getFieldCreationSchema() {
+    return [
+      new U({
+        label: "How many files can be uploaded?",
+        description: "By default, only one file can be uploaded.",
+        required: !1,
+        minimum: 1,
+        maximum: 10,
+        identifier: "maximum_files"
+      }),
+      new U({
+        label: "What is the maximum size of each file?",
+        description: "Maximum file size in bytes.",
+        required: !1,
+        identifier: "maximum_size",
+        minimum: 1,
+        maximum: rt,
+        integers: !0
+      }),
+      new Te({
+        label: "Accepted file types",
+        description: "Types of allowed files to upload. If left blank, all files will be accepted.",
+        required: !1,
+        identifier: "extensions",
+        options: [
+          {
+            value: "image/*",
+            label: "Images"
+          },
+          {
+            value: "audio/*",
+            label: "Audio files"
+          },
+          {
+            value: "video/*",
+            label: "Videos"
+          },
+          {
+            value: "text/*",
+            label: "Text files"
+          },
+          {
+            value: "application/*",
+            label: "Application files (includes PDFs and Word documents)"
+          }
+        ]
+      })
+    ];
+  }
+  getFieldValidators() {
+    const e = super.getFieldValidators(), t = this.maxFileSize ?? rt, n = this.maxFiles ?? 1;
+    return e.push((o) => {
+      if (o && o.some((a) => a.size > t))
+        return `Files must be at most ${Je(t)}.`;
+    }), e.push((o) => {
+      if (o && o.length > n)
+        return `You can only upload ${n} files.`;
+    }), e;
+  }
+  serialize() {
+    return {
+      ...super._serialize(),
+      extensions: this.extensions,
+      maximum_size: this.maxFileSize,
+      maximum_files: this.maxFiles
+    };
+  }
+  static deserialize(e) {
+    if (e.type !== "upload")
+      throw new Error("Type mismatch.");
+    return new re(e);
+  }
+  getInput(e) {
+    return /* @__PURE__ */ r(qi, { field: this, ...e });
   }
 };
-p(re, "fieldTypeName", "Section"), p(re, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let K = re;
-const Qe = {
-  date: $e,
-  number: ue,
-  boolean: le,
-  select: Ie,
-  string: fe,
-  text: he,
-  custom: xe,
+m(re, "fieldTypeName", "Upload"), m(re, "fieldTypeDescription", "Allows a file to be uploaded."), m(re, "Icon", mt);
+let qe = re;
+const Ze = {
+  date: Re,
+  number: U,
+  boolean: ce,
+  select: Fe,
+  string: he,
+  text: pe,
+  custom: Se,
+  upload: qe,
   // TODO: Underscore
-  "multi-string": we,
-  "multi-select": Ne
-}, bt = (o) => {
-  const i = o.type;
-  return Qe[i].deserialize(o);
-}, De = (o) => o.type === "section" ? K.deserialize(o) : bt(o);
-function yt(o, i = {}) {
+  "multi-string": Ce,
+  "multi-select": Te
+}, Ft = (s) => {
+  const i = s.type;
+  return Ze[i].deserialize(s);
+}, De = (s) => s.type === "section" ? G.deserialize(s) : Ft(s);
+function Tt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
-    title: o.title,
-    description: o.description,
-    fields: o.fields.map((t) => De(t)),
+    title: s.title,
+    description: s.description,
+    fields: s.fields.map((t) => De(t)),
     meta: { readonly: e }
   };
 }
-function vt(o, i) {
-  if (!o)
+function We(s) {
+  return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
+}
+function St(s, i) {
+  if (!s)
     return !0;
-  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 (We(i) || We(s.value))
+    throw new Error("Conditions do not support file uploads");
+  const e = Array.isArray(i) ? i.map((n) => typeof n == "string" ? n : n.value) : i, t = Array.isArray(s.value) ? s.value.map((n) => typeof n == "string" ? n : n.value) : s.value;
   if (Array.isArray(t) && Array.isArray(e)) {
     for (const n of t)
       if (!e.includes(n))
@@ -894,122 +1095,133 @@ function vt(o, i) {
   }
   return t === i;
 }
-const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o, i) => {
-  const e = T(() => o.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [o, i]);
+const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s, i) => {
+  const e = C(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
   return /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: e });
-}, Te = (o) => Object.keys(o).length > 0, It = async (o, i) => {
+}, Ee = (s) => Object.keys(s).length > 0, Et = async (s, i) => {
   const e = {};
-  for (const t of o.fields)
-    if (t instanceof K) {
+  for (const t of s.fields)
+    if (t instanceof G) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!vt(t.condition, se(i, n)))
+        if (!St(t.condition, ae(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
     } else {
-      if (!(t instanceof R))
+      if (!(t instanceof M))
         throw new Error("Invalid field type");
-      const n = t.getId(), s = t.getError(se(i, n), i);
-      s && Ye(e, n, s);
+      const n = t.getId(), o = t.getError(ae(i, n), i);
+      o && Xe(e, n, o);
     }
-  if (Te(e))
+  if (Ee(e))
     return e;
-}, Ai = [null, void 0], Xe = (o, i) => o.reduce((e, t) => t instanceof K ? { ...e, ...Xe(t.fields, i) } : (Ai.includes(se(e, t.getId())) && Ye(e, t.getId(), ""), e), i), Di = () => {
+}, ji = [null, void 0], et = (s, i) => s.reduce((e, t) => t instanceof G ? { ...e, ...et(t.fields, i) } : (ji.includes(ae(e, t.getId())) && Xe(e, t.getId(), ""), e), i), Hi = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, Je = z(
-  me((o, i) => {
+}, tt = T(
+  ye((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Di,
-      submitText: s = "Submit",
+      onSubmit: n = Hi,
+      submitText: o = "Submit",
       cancelText: a,
       onCancel: l,
       onDirty: c,
       // if the title isn't provided, hide it by default
       hideTitle: f = !e.title,
-      hideDescription: u,
-      className: d
-    } = o, { readonly: h } = e.meta, m = T(() => crypto.randomUUID(), []), g = je({
-      initialValues: Xe(e.fields, t),
+      hideDescription: d,
+      className: u
+    } = s, { readonly: h } = e.meta, p = C(() => crypto.randomUUID(), []), g = Ue({
+      initialValues: et(e.fields, t),
       onSubmit: n,
-      validate: (P) => It(e, P),
+      validate: (A) => Et(e, A),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: y } = g, I = T(
-      () => typeof e.title == "string" ? /* @__PURE__ */ r(ze, { children: e.title }) : e.title,
+    }), { dirty: I } = g, S = C(
+      () => typeof e.title == "string" ? /* @__PURE__ */ r(Pe, { children: e.title }) : e.title,
       [e.title]
-    ), w = T(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(k, { className: Ae.description, children: e.description }) : e.description,
+    ), F = C(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: ke.description, children: e.description }) : e.description,
       [e.description]
-    ), x = wt(e.fields, { formId: m, disabled: h });
-    return Pe(() => {
-      y && c && c();
-    }, [y, c]), /* @__PURE__ */ r(He, { value: g, children: /* @__PURE__ */ r(v, { ref: i, direction: "column", gap: "2", className: d, asChild: !0, children: /* @__PURE__ */ b("form", { id: m, onSubmit: g.handleSubmit, children: [
-      !f && /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
-        I,
-        !u && w
+    ), w = zt(e.fields, { formId: p, disabled: h });
+    return be(() => {
+      I && c && c();
+    }, [I, c]), /* @__PURE__ */ r(Ge, { value: g, children: /* @__PURE__ */ r(v, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: p, onSubmit: g.handleSubmit, children: [
+      !f && /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
+        S,
+        !d && F
       ] }) }),
-      x,
+      w,
       !h && /* @__PURE__ */ b(v, { justify: "end", gap: "2", children: [
-        a && /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: l, children: a }),
-        /* @__PURE__ */ r(G, { type: "submit", disabled: !g.isValid, children: s })
+        a && /* @__PURE__ */ r(j, { type: "button", variant: "soft", onClick: l, children: a }),
+        /* @__PURE__ */ r(j, { type: "submit", disabled: !g.isValid, children: o })
       ] })
     ] }) }) });
   })
-), fn = z(
-  me((o, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = o, s = $(ct(e.form_revision));
-    if (!s)
+), Tn = T(
+  ye((s, i) => {
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = _(pt(e.form_revision)), { sdk: a } = gt();
+    if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const a = T(() => yt(s, { readonly: !0 }), [s]);
+    const l = C(() => Tt(o, { readonly: !0 }), [o]), c = C(() => {
+      const f = hi(e.offline_id)(a.store.getState()) ?? [], d = {};
+      for (const u of f) {
+        const h = a.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
+          if (!g.success)
+            throw new Error(`Failed to download attachment ${u.file_name}.`);
+          return g.body;
+        }), p = d[u.field_identifier];
+        p ? p.push(h) : d[u.field_identifier] = [h];
+      }
+      return { ...e.values, ...d };
+    }, [a.files, a.store, e.offline_id, e.values]);
     return /* @__PURE__ */ r(
-      Je,
+      tt,
       {
         ref: i,
-        schema: a,
-        values: e.values,
+        schema: l,
+        values: c,
         hideDescription: !t,
         hideTitle: !n
       }
     );
   })
-), ki = "_favoriteIcon_1bixi_1", Mi = "_regularIcon_1bixi_9", et = {
-  favoriteIcon: ki,
-  regularIcon: Mi
-}, Oe = "organization:", Ve = "user:", hn = z(
-  me((o, i) => {
-    const { maxResults: e = 20, ...t } = o, [n, s] = de(""), [a, l] = de(""), { sdk: c } = si(), f = T(() => {
-      const x = { maxResults: e, searchTerm: n };
-      return a && (a.startsWith(Oe) ? x.owner_organization = parseInt(a.slice(Oe.length)) : a.startsWith(Ve) && (x.owner_user = parseInt(a.slice(Ve.length)))), x;
-    }, [n, e, a]), u = $(li(f)) ?? [], d = $(ai), h = E(
-      (x) => {
-        x.favorite ? c.userForms.unfavorite(x.offline_id).then() : c.userForms.favorite(x.offline_id).then();
+), Ui = "_favoriteIcon_1bixi_1", Gi = "_regularIcon_1bixi_9", ot = {
+  favoriteIcon: Ui,
+  regularIcon: Gi
+}, Me = "organization:", $e = "user:", Sn = T(
+  ye((s, i) => {
+    const { maxResults: e = 20, ...t } = s, [n, o] = le(""), [a, l] = le(""), { sdk: c } = gt(), f = C(() => {
+      const w = { maxResults: e, searchTerm: n };
+      return a && (a.startsWith(Me) ? w.owner_organization = parseInt(a.slice(Me.length)) : a.startsWith($e) && (w.owner_user = parseInt(a.slice($e.length)))), w;
+    }, [n, e, a]), d = _(pi(f)) ?? [], u = _(gi), h = z(
+      (w) => {
+        w.favorite ? c.userForms.unfavorite(w.offline_id).then() : c.userForms.favorite(w.offline_id).then();
       },
       [c]
-    ), m = T(() => {
-      const x = c.store.getState(), P = {};
-      for (const A of Object.values(d)) {
-        const L = dt(A.owner_organization || -1)(x);
-        L && (P[`${Oe}${L.id}`] = L.name);
-        const O = Ke(A.owner_user || -1)(x);
-        O && (P[`${Ve}${O.id}`] = O.username);
+    ), p = C(() => {
+      const w = c.store.getState(), A = {};
+      for (const L of Object.values(u)) {
+        const x = bt(L.owner_organization || -1)(w);
+        x && (A[`${Me}${x.id}`] = x.name);
+        const V = Qe(L.owner_user || -1)(w);
+        V && (A[`${$e}${V.id}`] = V.username);
       }
-      return Object.entries(P).map(([A, L]) => ({ itemContent: L, value: A }));
-    }, [d, c.store]), g = E((x) => {
-      s(x.currentTarget.value);
-    }, []), I = ($(ci) || 0) - u.length, w = u.length == e && I > 0 ? `Only the first ${e} results are shown (${I} hidden)` : I > 0 && `${I} hidden forms`;
+      return Object.entries(A).map(([L, x]) => ({ itemContent: x, value: L }));
+    }, [u, c.store]), g = z((w) => {
+      o(w.currentTarget.value);
+    }, []), S = (_(bi) || 0) - d.length, F = d.length == e && S > 0 ? `Only the first ${e} results are shown (${S} hidden)` : S > 0 && `${S} hidden forms`;
     return /* @__PURE__ */ b(v, { ref: i, direction: "column", gap: "2", children: [
       /* @__PURE__ */ b(v, { gap: "2", grow: "1", children: [
-        /* @__PURE__ */ r(ge, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(oe.Root, { size: "3", children: /* @__PURE__ */ r(oe.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
+        /* @__PURE__ */ r(me, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(oe.Root, { size: "3", children: /* @__PURE__ */ r(oe.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
         /* @__PURE__ */ r(
-          st,
+          ut,
           {
-            items: m,
+            items: p,
             value: a,
             onValueChange: l,
             placeholder: "Owner",
@@ -1017,112 +1229,112 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
           }
         )
       ] }),
-      u.length > 0 && /* @__PURE__ */ r(Le.Root, { children: u.map((x) => /* @__PURE__ */ r(
-        Oi,
+      d.length > 0 && /* @__PURE__ */ r(Ve.Root, { children: d.map((w) => /* @__PURE__ */ r(
+        Ki,
         {
           ...t,
-          form: x,
-          handleToggleFavorite: () => h(x)
+          form: w,
+          handleToggleFavorite: () => h(w)
         },
-        x.offline_id
+        w.offline_id
       )) }),
-      /* @__PURE__ */ r(ge, { px: "3", children: /* @__PURE__ */ r(k, { size: "2", severity: "info", children: w }) })
+      /* @__PURE__ */ r(me, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: F }) })
     ] });
   })
-), Oi = (o) => {
+), Ki = (s) => {
   var h;
-  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = o, s = (h = $(dt(i.owner_organization || -1))) == null ? void 0 : h.name, a = $(Ke(i.owner_user || -1)), l = $(ut).id, c = !!a && a.id === l, f = s ?? (c ? "You" : a == null ? void 0 : a.username) ?? "Unknown", u = E(
-    (m) => {
-      m.stopPropagation(), n();
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = _(bt(i.owner_organization || -1))) == null ? void 0 : h.name, a = _(Qe(i.owner_user || -1)), l = _(yt).id, c = !!a && a.id === l, f = o ?? (c ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = z(
+    (p) => {
+      p.stopPropagation(), n();
     },
     [n]
-  ), d = /* @__PURE__ */ r(Le.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(v, { justify: "between", gap: "2", py: "2", px: "3", ...Nt, children: [
+  ), u = /* @__PURE__ */ r(Ve.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(v, { justify: "between", gap: "2", py: "2", px: "3", ...Gt, children: [
     /* @__PURE__ */ b(v, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
-        ce,
+        se,
         {
-          className: ft(i.favorite ? et.favoriteIcon : et.regularIcon),
+          className: vt(i.favorite ? ot.favoriteIcon : ot.regularIcon),
           variant: "ghost",
-          onClick: u,
+          onClick: d,
           "aria-label": i.favorite ? "Favorite form" : "Standard form",
           disabled: !t,
-          children: i.favorite ? /* @__PURE__ */ r(Bt, {}) : /* @__PURE__ */ r(Wt, {})
+          children: i.favorite ? /* @__PURE__ */ r(Kt, {}) : /* @__PURE__ */ r(Yt, {})
         }
       ),
-      /* @__PURE__ */ r(k, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ r(jt, {})
+      /* @__PURE__ */ r(D, { noWrap: !0, children: i.latestRevision.title }),
+      i.latestRevision.description && /* @__PURE__ */ r(Qt, {})
     ] }),
     f && /* @__PURE__ */ b(v, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ r(Ht, {}),
+      /* @__PURE__ */ r(Xt, {}),
       " ",
       f
     ] })
   ] }) });
-  return i.latestRevision.description ? /* @__PURE__ */ r(Ut, { content: i.latestRevision.description, children: d }, i.offline_id) : d;
-}, Vi = "_submissionsContainer_9iirt_1", _i = "_stopHorizontalOverflow_9iirt_6", xt = {
-  submissionsContainer: Vi,
-  stopHorizontalOverflow: _i
-}, $i = z(function(i) {
-  var x;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: s, rowDecorator: a } = i, l = $(ut), c = $(Ke("created_by" in e ? e.created_by : l.id)), f = Be(e), u = di(f) ? f.toLocaleTimeString([], {
+  return i.latestRevision.description ? /* @__PURE__ */ r(Jt, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
+}, Yi = "_submissionsContainer_9iirt_1", Qi = "_stopHorizontalOverflow_9iirt_6", At = {
+  submissionsContainer: Yi,
+  stopHorizontalOverflow: Qi
+}, Xi = T(function(i) {
+  var w;
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, l = _(yt), c = _(Qe("created_by" in e ? e.created_by : l.id)), f = je(e), d = yi(f) ? f.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : ui(f), d = $(ct(e.form_revision));
-  if (!d)
+  }) : vi(f), u = _(pt(e.form_revision));
+  if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const h = (x = $(fi(d.form))) == null ? void 0 : x.revision, m = hi({
+  const h = (w = _(wi(u.form))) == null ? void 0 : w.revision, p = xi({
     file: (c == null ? void 0 : c.profile.file) ?? null,
     fileSha1: (c == null ? void 0 : c.profile.file_sha1) ?? null
-  }), g = (c == null ? void 0 : c.username.charAt(0).toUpperCase()) ?? "?", y = d.revision === h, I = ri.useCallback(() => {
+  }), g = (c == null ? void 0 : c.username.charAt(0).toUpperCase()) ?? "?", I = u.revision === h, S = di.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), w = /* @__PURE__ */ r(Le.Item, { onClick: I, asChild: !0, children: /* @__PURE__ */ b(v, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-    /* @__PURE__ */ b(v, { gap: "2", align: "center", className: xt.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(Gt, { src: m, size: "1", fallback: g }),
-      /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: s === "creator" ? (c || l).username : d.title })
+  }, [e, t]), F = /* @__PURE__ */ r(Ve.Item, { onClick: S, asChild: !0, children: /* @__PURE__ */ b(v, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
+    /* @__PURE__ */ b(v, { gap: "2", align: "center", className: At.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(Zt, { src: p, size: "1", fallback: g }),
+      /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: o === "creator" ? (c || l).username : u.title })
     ] }),
     /* @__PURE__ */ b(v, { gap: "2", align: "center", children: [
-      !n && (d.revision ? /* @__PURE__ */ r(_e, { variant: "soft", severity: y ? "primary" : "info", children: n ? d.revision.toString() : `Revision #${d.revision}` }) : !!h && /* @__PURE__ */ r(_e, { children: "Original" })),
-      /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: u })
+      !n && (u.revision ? /* @__PURE__ */ r(Oe, { variant: "soft", severity: I ? "primary" : "info", children: n ? u.revision.toString() : `Revision #${u.revision}` }) : !!h && /* @__PURE__ */ r(Oe, { children: "Original" })),
+      /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
-  return a ? a(e, w) : w;
-}), Be = (o) => {
-  const i = "created_at" in o ? o.created_at : o.submitted_at;
+  return a ? a(e, F) : F;
+}), je = (s) => {
+  const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, pn = z(function(i) {
+}, zn = T(function(i) {
   const {
     formId: e,
     submissions: t,
     compact: n = !1,
-    className: s,
+    className: o,
     after: a,
     variant: l = "outline",
     ...c
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = $(
-    t ? () => t : pi(e)
-  ), u = T(
-    () => f == null ? void 0 : f.sort((d, h) => Be(h).getTime() - Be(d).getTime()),
+  const f = _(
+    t ? () => t : Ii(e)
+  ), d = C(
+    () => f == null ? void 0 : f.sort((u, h) => je(h).getTime() - je(u).getTime()),
     [f]
   );
   return /* @__PURE__ */ r(
-    Le.Root,
+    Ve.Root,
     {
-      className: ft(xt.submissionsContainer, s),
+      className: vt(At.submissionsContainer, o),
       size: "small",
       variant: l,
-      before: !n && /* @__PURE__ */ b(k, { severity: "info", children: [
+      before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
         "There are ",
         ((f == null ? void 0 : f.length) || 0).toString(),
         " submissions of this form."
       ] }),
       after: a,
-      children: u == null ? void 0 : u.map((d, h) => /* @__PURE__ */ r(
-        $i,
+      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
+        Xi,
         {
-          submission: d,
+          submission: u,
           compact: n,
           ...c
         },
@@ -1130,91 +1342,88 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
       ))
     }
   );
-}), mn = z(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = ae(), [s, a, l] = We(e);
-  return T(() => {
+}), En = T(function(i) {
+  const { name: e, render: t } = i, { submitForm: n } = ue(), [o, a, l] = He(e);
+  return C(() => {
     const c = (f) => l.setValue(f, !1);
     return t({
-      value: s.value,
+      value: o.value,
       setValue: c,
       patchValue: n
     });
-  }, [n, l, s.value, t]);
-}), gn = z(
-  me((o, i) => {
-    const { children: e, schema: t, values: n, onPatch: s, onError: a, ...l } = o, c = T(() => Xe(t.fields, n), [t.fields, n]), f = E(
+  }, [n, l, o.value, t]);
+}), An = T(
+  ye((s, i) => {
+    const { children: e, schema: t, values: n, onPatch: o, onError: a, ...l } = s, c = C(() => et(t.fields, n), [t.fields, n]), f = z(
       (g) => {
-        const y = {};
-        for (const I in g) {
-          const w = g[I];
-          w !== c[I] && w !== void 0 && (y[I] = w);
+        const I = {};
+        for (const S in g) {
+          const F = g[S];
+          F !== c[S] && F !== void 0 && (I[S] = F);
         }
-        Te(y) && s(y);
+        Ee(I) && o(I);
       },
-      [c, s]
-    ), u = E(
+      [c, o]
+    ), d = z(
       async (g) => {
-        const y = await It(t, g);
-        return y && a(y), y;
+        const I = await Et(t, g);
+        return I && a(I), I;
       },
       [t, a]
-    ), d = je({
+    ), u = Ue({
       initialValues: c,
       onSubmit: f,
-      validate: u,
+      validate: d,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: h, resetForm: m } = d;
-    return Pe(() => {
-      Te(h) && m({ values: c, errors: {} });
-    }, [h, c, m]), /* @__PURE__ */ r(He, { value: d, children: /* @__PURE__ */ r("form", { ...l, ref: i, onSubmit: d.handleSubmit, children: e }) });
+    }), { errors: h, resetForm: p } = u;
+    return be(() => {
+      Ee(h) && p({ values: c, errors: {} });
+    }, [h, c, p]), /* @__PURE__ */ r(Ge, { value: u, children: /* @__PURE__ */ r("form", { ...l, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
-), Ct = {
-  ...Qe,
-  section: K
-}, Ri = z(function(i) {
-  const { field: e, setFieldType: t } = i, n = e.fieldTypeName, s = e.fieldTypeDescription, a = e.Icon;
+), Lt = {
+  ...Ze,
+  section: G
+}, Ji = T(function(i) {
+  const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, a = e.Icon;
   return /* @__PURE__ */ b(v, { gap: "4", align: "center", children: [
-    /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(v, { gap: "3", align: "center", grow: "1", children: [
+    /* @__PURE__ */ r(j, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(v, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ r(a, {}),
       n
     ] }) }),
-    /* @__PURE__ */ r(k, { children: s })
+    /* @__PURE__ */ r(D, { children: o })
   ] });
-}), Tt = [
+}), Pt = [
   ["string", "text"],
-  ["select", "multi-select"],
+  ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], qi = Tt.length - 1, Ni = z(function(i) {
+], Zi = Pt.length - 1, en = T(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(v, { direction: "column", gap: "3", children: Tt.map((t, n) => /* @__PURE__ */ b(v, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: t.map((s) => /* @__PURE__ */ r(
-      Ri,
+  return /* @__PURE__ */ r(v, { direction: "column", gap: "3", children: Pt.map((t, n) => /* @__PURE__ */ b(v, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
+      Ji,
       {
-        field: Qe[s],
-        setFieldType: () => e(s)
+        field: Ze[o],
+        setFieldType: () => e(o)
       },
-      s
+      o
     )) }),
-    n < qi && /* @__PURE__ */ r(Kt, { size: "4" })
+    n < Zi && /* @__PURE__ */ r(ei, { size: "4" })
   ] }, n)) });
-}), Bi = (o) => (i) => {
-  if (!i || typeof i != "string")
-    return;
-  const e = at(i);
-  if (o.includes(e))
+}), tn = (s) => (i) => {
+  if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, Wi = (o, i) => {
+}, nn = (s, i) => {
   const e = [
-    new fe({
+    new he({
       label: "Label",
       required: !0,
-      maxLength: 100,
+      maxLength: 200,
       identifier: "label",
-      fieldValidators: [Bi(o)]
+      fieldValidators: [tn(s)]
     }),
-    new he({
+    new pe({
       label: "Description",
       required: !1,
       maxLength: 1e3,
@@ -1223,132 +1432,132 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
   ];
   return i === "section" ? e : [
     ...e,
-    new le({ label: "Required", description: null, required: !1, identifier: "required" })
+    new ce({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, ji = z(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: s, conditionalSourceFields: a } = i, l = Ct[e], c = ae(), f = T(() => {
-    const u = c.values.fields.flatMap(
-      (h) => h.type === "section" ? [...h.fields.map((m) => m.identifier), h.identifier] : h.identifier
-    ).filter((h) => h !== (s == null ? void 0 : s.identifier));
-    let d = Wi(u, e);
-    if (l === K) {
+}, rn = T(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, l = Lt[e], c = ue(), f = C(() => {
+    const d = c.values.fields.flatMap(
+      (h) => h.type === "section" ? [...h.fields.map((p) => p.label), h.label] : h.label
+    ).filter((h) => h !== (o == null ? void 0 : o.label) && h !== null);
+    let u = nn(d, e);
+    if (l === G) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      d = d.concat(l.getFieldCreationSchema(a));
+      u = u.concat(l.getFieldCreationSchema(a));
     } else {
-      if (!(l.prototype instanceof R))
+      if (!(l.prototype instanceof M))
         throw new Error(`Field must be an instance of BaseField. Got ${l}.`);
-      d = [...d, ...l.getFieldCreationSchema()];
+      u = [...u, ...l.getFieldCreationSchema()];
     }
     return {
-      fields: d,
+      fields: u,
       meta: { readonly: !1 },
       // using the dialog title as the form title
       title: null
     };
-  }, [c.values.fields, e, l, s == null ? void 0 : s.identifier, a]);
+  }, [c.values.fields, e, l, o == null ? void 0 : o.label, a]);
   return /* @__PURE__ */ r(
-    Je,
+    tt,
     {
       schema: f,
-      values: s,
+      values: o,
       onSubmit: n,
-      cancelText: s ? void 0 : "Back",
+      cancelText: o ? void 0 : "Back",
       onCancel: t
     }
   );
-}), Fe = z(function(i) {
-  const { parentPath: e, index: t, children: n, initial: s, editing: a, conditionalSourceFields: l } = i, [c, f] = de(), u = (s == null ? void 0 : s.type) ?? c, d = u ? Ct[u].fieldTypeName : void 0, { setFieldValue: h, values: m } = ae();
-  if (a && !s)
+}), Ae = T(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: a, conditionalSourceFields: l } = i, [c, f] = le(), d = (o == null ? void 0 : o.type) ?? c, u = d ? Lt[d].fieldTypeName : void 0, { setFieldValue: h, values: p } = ue();
+  if (a && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  const g = !u && !a && !s, y = g ? "Choose a field type" : `${d} settings`, I = g ? "Select a field type to add to this section." : (d == null ? void 0 : d.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${d == null ? void 0 : d.toLowerCase()} field.`, w = E(() => f(void 0), []), x = E((L) => {
-    f(void 0), L();
-  }, []), P = E(
-    (L, O) => {
-      const { label: B } = L;
-      if (!u)
+  const g = !d && !a && !o, I = g ? "Choose a field type" : `${u} settings`, S = 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 = z(() => f(void 0), []), w = z((x) => {
+    f(void 0), x();
+  }, []), A = z(
+    (x, V) => {
+      const { label: $ } = x;
+      if (!d)
         throw new Error("Field type must be selected before creating a field.");
-      if (!B || typeof B != "string")
+      if (!$ || typeof $ != "string")
         throw new Error("Label must be provided before creating a field.");
-      const V = De({
-        type: u,
-        ...L,
-        identifier: Fi(L.identifier, B)
-      }).serialize(), F = se(m, e);
-      if (F === void 0)
+      const H = De({
+        type: d,
+        ...x,
+        identifier: ki(x.identifier, $)
+      }).serialize(), R = ae(p, e);
+      if (R === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let C;
-      if (!Array.isArray(F))
+      let E;
+      if (!Array.isArray(R))
         throw new Error("Parent path must point to an array.");
-      a ? C = Ti(F, t, V) : C = pt(F, t, V), h(e, C).then(), O();
+      a ? E = Vi(R, t, H) : E = xt(R, t, H), h(e, E).then(), V();
     },
-    [a, u, m, e, h, t]
-  ), A = E(
-    (L) => g ? /* @__PURE__ */ r(Ni, { setFieldType: f }) : /* @__PURE__ */ r(
-      ji,
+    [a, d, p, e, h, t]
+  ), L = z(
+    (x) => g ? /* @__PURE__ */ r(en, { setFieldType: f }) : /* @__PURE__ */ r(
+      rn,
       {
         conditionalSourceFields: l,
-        handleCancel: w,
-        handleCreateField: (O) => P(O, L),
-        fieldType: u,
-        defaultField: s
+        handleCancel: F,
+        handleCreateField: (V) => A(V, x),
+        fieldType: d,
+        defaultField: o
       }
     ),
-    [l, w, P, s, g, u]
+    [l, F, A, o, g, d]
   );
-  return /* @__PURE__ */ r(Yt, { onCloseInterrupt: x, title: y, description: I, content: A, children: n });
-}), tt = ({ children: o }) => /* @__PURE__ */ r(ot, { children: o }), it = (o, i) => ({
-  initial: o ? i : "none",
-  sm: o ? "none" : i
-}), Ft = z(function(i) {
-  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: s } = i, a = T(
+  return /* @__PURE__ */ r(ti, { onCloseInterrupt: w, title: I, description: S, content: L, children: n });
+}), st = ({ children: s }) => /* @__PURE__ */ r(dt, { children: s }), lt = (s, i) => ({
+  initial: s ? i : "none",
+  sm: s ? "none" : i
+}), Vt = T(function(i) {
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o } = i, a = C(
     () => [
       {
-        Wrapper: Fe,
+        Wrapper: Ae,
         wrapperProps: n,
-        Icon: Qt,
+        Icon: ii,
         text: "Edit"
       },
       {
-        Icon: Xt,
+        Icon: ni,
         buttonProps: {
           onClick: e
         },
         text: "Delete"
       },
       {
-        Wrapper: Fe,
-        wrapperProps: s,
-        Icon: Se,
+        Wrapper: Ae,
+        wrapperProps: o,
+        Icon: Le,
         text: "Add after"
       },
       {
         // Wrapping icon in a div so that the asChild turns the button into a div
         // so that the drag handle props are not applied to the icon
         // Note: b/c the <button> does not handle the space-press event correctly
-        Icon: (l) => /* @__PURE__ */ r("div", { ...l, children: /* @__PURE__ */ r(Jt, {}) }),
+        Icon: (l) => /* @__PURE__ */ r("div", { ...l, children: /* @__PURE__ */ r(ri, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
       }
     ],
-    [t, n, s, e]
+    [t, n, o, e]
   );
-  return /* @__PURE__ */ b(ot, { children: [
-    /* @__PURE__ */ r(v, { gap: "4", display: it(!1, "flex"), children: a.map((l) => {
-      const c = l.Wrapper ?? tt;
-      return /* @__PURE__ */ r(c, { ...l.wrapperProps, children: /* @__PURE__ */ r(ce, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ r(l.Icon, {}) }) }, l.text);
+  return /* @__PURE__ */ b(dt, { children: [
+    /* @__PURE__ */ r(v, { gap: "4", display: lt(!1, "flex"), children: a.map((l) => {
+      const c = l.Wrapper ?? st;
+      return /* @__PURE__ */ r(c, { ...l.wrapperProps, children: /* @__PURE__ */ r(se, { type: "button", variant: "ghost", "aria-label": l.text, ...l.buttonProps, children: /* @__PURE__ */ r(l.Icon, {}) }) }, l.text);
     }) }),
-    /* @__PURE__ */ r(ge, { display: it(!0, "block"), children: /* @__PURE__ */ r(
-      Zt,
+    /* @__PURE__ */ r(me, { display: lt(!0, "block"), children: /* @__PURE__ */ r(
+      oi,
       {
-        trigger: /* @__PURE__ */ r(ce, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(ei, {}) }),
+        trigger: /* @__PURE__ */ r(se, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(si, {}) }),
         closeOnSelect: !1,
         items: a.map((l) => {
           var f;
           if (l.disableOnMobile)
             return null;
-          const c = l.Wrapper ?? tt;
+          const c = l.Wrapper ?? st;
           return {
             ...l.buttonProps,
             onSelect: (f = l.buttonProps) == null ? void 0 : f.onClick,
@@ -1361,8 +1570,8 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
       }
     ) })
   ] });
-}), ke = "form-builder", Hi = z(function(i) {
-  const { field: e, index: t, sectionIndex: n, remove: s } = i, a = T(() => De(e), [e]), l = Ce(a, { formId: ke, disabled: !0 }), c = T(
+}), _e = "form-builder", on = T(function(i) {
+  const { field: e, index: t, sectionIndex: n, remove: o } = i, a = C(() => De(e), [e]), l = ze(a, { formId: _e, disabled: !0 }), c = C(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1370,7 +1579,7 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
       editing: !0
     }),
     [e, t, n]
-  ), f = T(
+  ), f = C(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1378,63 +1587,63 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
     }),
     [t, n]
   );
-  return /* @__PURE__ */ r(Ge, { draggableId: e.identifier, index: t, children: (u) => /* @__PURE__ */ r(
-    Ee,
+  return /* @__PURE__ */ r(Ye, { draggableId: e.identifier, index: t, children: (d) => /* @__PURE__ */ r(
+    ge,
     {
-      ref: u.innerRef,
-      ...u.draggableProps,
-      ...u.dragHandleProps,
+      ref: d.innerRef,
+      ...d.draggableProps,
+      ...d.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(v, { gap: "4", justify: "between", align: "center", children: [
         l,
         /* @__PURE__ */ r(
-          Ft,
+          Vt,
           {
-            remove: s,
+            remove: o,
             editProps: c,
             insertAfterProps: f,
-            dragHandleProps: u.dragHandleProps
+            dragHandleProps: d.dragHandleProps
           }
         )
       ] })
     }
   ) });
-}), Ui = z(function(i) {
-  var P, A, L, O, B, V;
-  const { field: e, index: t, dropState: n } = i, s = (P = n[e.identifier]) == null ? void 0 : P.disabled, { setFieldValue: a, values: l } = ae(), c = ti(), f = E(
-    (F, C) => {
-      for (const M of F) {
-        const D = C.indexOf(M);
-        a(`fields.${D}.condition`, null).then(), a(`fields.${D}.conditional`, !1).then();
+}), sn = T(function(i) {
+  var A, L, x, V, $, H, R;
+  const { field: e, index: t, dropState: n } = i, o = (A = n[e.identifier]) == null ? void 0 : A.disabled, { setFieldValue: a, values: l } = ue(), c = li(), f = z(
+    (E, y) => {
+      for (const P of E) {
+        const k = y.indexOf(P);
+        a(`fields.${k}.condition`, null).then(), a(`fields.${k}.conditional`, !1).then();
       }
     },
     [a]
-  ), u = E(
-    (F) => {
-      var D;
-      const C = e.fields[F];
-      if (!C)
+  ), d = z(
+    (E) => {
+      var k;
+      const y = e.fields[E];
+      if (!y)
         throw new Error("Could not find field to remove.");
-      const M = [];
+      const P = [];
       for (const N of l.fields)
-        ((D = N.condition) == null ? void 0 : D.identifier) === C.identifier && M.push(N);
+        ((k = N.condition) == null ? void 0 : k.identifier) === y.identifier && P.push(N);
       return {
-        removing: C,
-        affectedSections: M,
-        action: () => a(`fields.${t}.fields`, ve(e.fields, F))
+        removing: y,
+        affectedSections: P,
+        action: () => a(`fields.${t}.fields`, Ie(e.fields, E))
       };
     },
     [e.fields, l.fields, a, t]
-  ), d = E(
-    (F) => {
-      const { affectedSections: C, action: M, removing: D } = u(F), N = () => {
-        M().then(), f(C, l.fields);
+  ), u = z(
+    (E) => {
+      const { affectedSections: y, action: P, removing: k } = d(E), N = () => {
+        P().then(), f(y, l.fields);
       };
-      if (C.length > 0) {
-        const S = C.map((_) => _.label).join(", ");
+      if (y.length > 0) {
+        const fe = y.map((K) => K.label).join(", ");
         return c({
           title: "Remove condition?",
-          description: `${D.label} is being used as a condition, deleting it will remove the condition from the ${S} section(s).`,
+          description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${fe} section(s).`,
           severity: "danger",
           actionText: "Remove",
           onAction: N
@@ -1442,103 +1651,106 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
       }
       N();
     },
-    [u, f, l.fields, c]
-  ), h = E(() => {
-    const C = e.fields.map((Y, Me) => u(Me)).flatMap((Y) => Y.affectedSections), M = C.length ? "Remove fields and conditions?" : "Remove fields?", D = e.fields.length, N = C.map((Y) => Y.label).join(", "), S = C.length ? `Deleting this section will remove the ${D} field(s) it contains and will remove the conditions from following sections: ${N}` : `Deleting this section will remove the ${D} field(s) it contains.`, _ = ve(l.fields, t), U = () => a("fields", _);
-    if (C.length > 0)
+    [d, f, l.fields, c]
+  ), h = z(() => {
+    const y = e.fields.map((ve, kt) => d(kt)).flatMap((ve) => ve.affectedSections), P = y.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, N = y.map((ve) => ve.label).join(", "), fe = y.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.`, K = Ie(l.fields, t), it = () => a("fields", K);
+    if (y.length > 0)
       return c({
-        title: M,
-        description: S,
+        title: P,
+        description: fe,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
-          U().then(() => {
-            f(C, _);
+          it().then(() => {
+            f(y, K);
           });
         }
       });
-    U().then();
+    it().then();
   }, [
     e.fields,
     l.fields,
     t,
-    u,
+    d,
     a,
     c,
     f
-  ]), m = T(
+  ]), p = C(
     () => ({
       index: t,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: qe(l.fields, t)
+      conditionalSourceFields: Be(l.fields, t)
     }),
     [e, t, l.fields]
-  ), g = T(
+  ), g = C(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: ye(),
-      conditionalSourceFields: qe(l.fields, t + 1)
+      initial: xe(),
+      conditionalSourceFields: Be(l.fields, t + 1)
     }),
     [t, l.fields]
-  ), y = T(
+  ), I = C(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), I = T(
+  ), S = C(
     () => {
-      var F, C;
-      return (C = mt(l.fields, (F = e.condition) == null ? void 0 : F.identifier)) == null ? void 0 : C.label;
+      var E, y;
+      return (y = It(l.fields, (E = e.condition) == null ? void 0 : E.identifier)) == null ? void 0 : y.label;
     },
-    [(A = e.condition) == null ? void 0 : A.identifier, l.fields]
-  ), w = Array.isArray((L = e.condition) == null ? void 0 : L.value) ? "contains all of" : "equals", x = Array.isArray((O = e.condition) == null ? void 0 : O.value) ? (B = e.condition) == null ? void 0 : B.value.map((F) => typeof F == "string" ? F : F.label).join(", ") : (V = e.condition) == null ? void 0 : V.value.toString();
-  return /* @__PURE__ */ r(Ge, { draggableId: e.identifier, index: t, children: (F) => /* @__PURE__ */ r(
-    Ee,
+    [(L = e.condition) == null ? void 0 : L.identifier, l.fields]
+  ), F = Array.isArray((x = e.condition) == null ? void 0 : x.value) ? "contains all of" : "equals";
+  if (We((V = e.condition) == null ? void 0 : V.value))
+    throw new Error("File values are not supported for conditions.");
+  const w = Array.isArray(($ = e.condition) == null ? void 0 : $.value) ? (H = e.condition) == null ? void 0 : H.value.map((E) => typeof E == "string" ? E : E.label).join(", ") : (R = e.condition) == null ? void 0 : R.value.toString();
+  return /* @__PURE__ */ r(Ye, { draggableId: e.identifier, index: t, children: (E) => /* @__PURE__ */ r(
+    ge,
     {
-      ref: F.innerRef,
-      ...F.draggableProps,
-      ...F.dragHandleProps,
+      ref: E.innerRef,
+      ...E.draggableProps,
+      ...E.dragHandleProps,
       mb: "4",
       children: /* @__PURE__ */ b(v, { gap: "3", justify: "between", align: "center", children: [
         /* @__PURE__ */ b(v, { direction: "column", gap: "2", grow: "1", children: [
           /* @__PURE__ */ b(v, { direction: "column", children: [
-            /* @__PURE__ */ r(ze, { as: "h3", size: "3", children: e.label }),
-            /* @__PURE__ */ r(k, { className: Ae.description, children: e.description })
+            /* @__PURE__ */ r(Pe, { as: "h3", size: "3", children: e.label }),
+            /* @__PURE__ */ r(D, { className: ke.description, children: e.description })
           ] }),
-          e.condition && /* @__PURE__ */ r(k, { size: "1", children: /* @__PURE__ */ b(ii, { children: [
+          e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(ai, { children: [
             "Display only if ",
-            /* @__PURE__ */ r(Ze, { children: I }),
+            /* @__PURE__ */ r(nt, { children: S }),
             " ",
-            w,
+            F,
             " ",
-            /* @__PURE__ */ r(Ze, { children: x })
+            /* @__PURE__ */ r(nt, { children: w })
           ] }) }),
-          /* @__PURE__ */ r(Ue, { droppableId: e.identifier, type: "SECTION", isDropDisabled: s, children: (C) => /* @__PURE__ */ b(
+          /* @__PURE__ */ r(Ke, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (y) => /* @__PURE__ */ b(
             v,
             {
-              ref: C.innerRef,
-              ...C.droppableProps,
+              ref: y.innerRef,
+              ...y.droppableProps,
               direction: "column",
               gap: "0",
               children: [
-                e.fields.map((M, D) => /* @__PURE__ */ r(
-                  Hi,
+                e.fields.map((P, k) => /* @__PURE__ */ r(
+                  on,
                   {
-                    field: M,
-                    index: D,
+                    field: P,
+                    index: k,
                     sectionIndex: t,
-                    remove: () => d(D)
+                    remove: () => u(k)
                   },
-                  M.identifier
+                  P.identifier
                 )),
-                C.placeholder,
-                /* @__PURE__ */ r(Fe, { ...y, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-                  /* @__PURE__ */ r(Se, {}),
+                y.placeholder,
+                /* @__PURE__ */ r(Ae, { ...I, children: /* @__PURE__ */ b(j, { type: "button", variant: "outline", children: [
+                  /* @__PURE__ */ r(Le, {}),
                   " Add a field"
                 ] }) })
               ]
@@ -1546,20 +1758,20 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
           ) })
         ] }),
         /* @__PURE__ */ r(
-          Ft,
+          Vt,
           {
             remove: h,
             insertAfterProps: g,
-            dragHandleProps: F.dragHandleProps,
-            editProps: m
+            dragHandleProps: E.dragHandleProps,
+            editProps: p
           }
         )
       ] })
     }
   ) });
-}), Gi = (o, i) => {
+}), ln = (s, i) => {
   var t;
-  const e = { ...o };
+  const e = { ...s };
   switch (i.type) {
     case "release":
       for (const n in e)
@@ -1572,95 +1784,95 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
     case "update":
       return i.state;
   }
-}, Ki = (o, i) => {
+}, an = (s, i) => {
   if (i)
-    for (let e = 0; e < o.length; e++) {
-      const t = o[e];
+    for (let e = 0; e < s.length; e++) {
+      const t = s[e];
       if (t) {
         for (const n of t.fields)
           if (n.identifier === i)
             return e;
       }
     }
-}, nt = (o) => {
+}, at = (s) => {
   var e, t, n;
   const i = {};
-  for (let s = 0; s < o.length; s++) {
-    const a = o[s];
+  for (let o = 0; o < s.length; o++) {
+    const a = s[o];
     if (!a)
       throw new Error("Field is undefined.");
-    const l = s > 0 ? (e = i[o[s - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, c = new Set(l);
+    const l = o > 0 ? (e = i[s[o - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, c = new Set(l);
     (t = a.condition) != null && t.identifier && c.add(a.condition.identifier), i[a.identifier] = {
       disabled: !1,
       conditionFields: c,
-      conditionIndex: Ki(o, (n = a.condition) == null ? void 0 : n.identifier),
-      index: s,
+      conditionIndex: an(s, (n = a.condition) == null ? void 0 : n.identifier),
+      index: o,
       label: a.label
     };
   }
   return i;
-}, rt = (o, i) => {
-  for (const [e, t] of Object.entries(o))
+}, ct = (s, i) => {
+  for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, Yi = z(function() {
-  const { values: i, setFieldValue: e } = ae(), [t, n] = oi(Gi, i.fields, nt), { showInfo: s } = ni();
-  Pe(() => {
-    n({ type: "update", state: nt(i.fields) });
+}, cn = T(function() {
+  const { values: i, setFieldValue: e } = ue(), [t, n] = fi(ln, i.fields, at), { showInfo: o } = ci();
+  be(() => {
+    n({ type: "update", state: at(i.fields) });
   }, [n, i.fields]);
-  const a = E((f) => {
+  const a = z((f) => {
     f.type === "SECTION" && n({ type: "hold", fieldId: f.draggableId });
-  }, []), l = E(
+  }, []), l = z(
     (f) => {
-      const { source: u, destination: d, type: h, reason: m, draggableId: g } = f;
-      if (n({ type: "release" }), !d || m === "CANCEL")
+      const { source: d, destination: u, type: h, reason: p, draggableId: g } = f;
+      if (n({ type: "release" }), !u || p === "CANCEL")
         return;
       if (h === "ROOT") {
-        const P = t[g];
-        if (!P)
+        const A = t[g];
+        if (!A)
           throw new Error("Could not find section context.");
-        let A = typeof P.conditionIndex < "u" ? (
+        let L = typeof A.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(P.conditionIndex + 1, d.index)
-        ) : d.index;
-        for (const L of Object.values(t))
-          L.conditionIndex === u.index && (A = Math.min(A, L.index - 1));
-        return A != d.index && s({
+          Math.max(A.conditionIndex + 1, u.index)
+        ) : u.index;
+        for (const x of Object.values(t))
+          x.conditionIndex === d.index && (L = Math.min(L, x.index - 1));
+        return L != u.index && o({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", Re(i.fields, u.index, A));
+        }), e("fields", Ne(i.fields, d.index, L));
       }
       if (h !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [y, I] = rt(i.fields, u.droppableId) ?? [], [w, x] = rt(i.fields, d.droppableId) ?? [];
-      if (!(y != null && y.fields) || !w)
+      const [I, S] = ct(i.fields, d.droppableId) ?? [], [F, w] = ct(i.fields, u.droppableId) ?? [];
+      if (!(I != null && I.fields) || !F)
         throw new Error("Could not find section with fields.");
-      if (y.identifier === w.identifier)
+      if (I.identifier === F.identifier)
         e(
-          `fields.${I}.fields`,
-          Re(y.fields, u.index, d.index)
+          `fields.${S}.fields`,
+          Ne(I.fields, d.index, u.index)
         ).then();
       else {
-        const P = y.fields[u.index];
-        if (!P)
+        const A = I.fields[d.index];
+        if (!A)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${I}.fields`, ve(y.fields, u.index)).then(), e(
-          `fields.${x}.fields`,
-          pt(w.fields, d.index, P)
+        e(`fields.${S}.fields`, Ie(I.fields, d.index)).then(), e(
+          `fields.${w}.fields`,
+          xt(F.fields, u.index, A)
         ).then();
       }
     },
-    [i.fields, e, t, s]
-  ), c = T(
+    [i.fields, e, t, o]
+  ), c = C(
     () => ({
       index: i.fields.length,
       parentPath: "fields",
-      initial: ye(),
-      conditionalSourceFields: qe(i.fields, i.fields.length)
+      initial: xe(),
+      conditionalSourceFields: Be(i.fields, i.fields.length)
     }),
     [i.fields]
   );
-  return /* @__PURE__ */ r(lt, { onDragStart: a, onDragEnd: l, children: /* @__PURE__ */ r(Ue, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ b(
+  return /* @__PURE__ */ r(ht, { onDragStart: a, onDragEnd: l, children: /* @__PURE__ */ r(Ke, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ b(
     v,
     {
       ref: f.innerRef,
@@ -1668,66 +1880,66 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
       direction: "column",
       gap: "0",
       children: [
-        i.fields.map((u, d) => /* @__PURE__ */ r(
-          Ui,
+        i.fields.map((d, u) => /* @__PURE__ */ r(
+          sn,
           {
-            field: u,
-            index: d,
+            field: d,
+            index: u,
             dropState: t
           },
-          u.label
+          d.label
         )),
         f.placeholder,
-        /* @__PURE__ */ r(Fe, { ...c, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ r(Se, {}),
+        /* @__PURE__ */ r(Ae, { ...c, children: /* @__PURE__ */ b(j, { type: "button", variant: "outline", children: [
+          /* @__PURE__ */ r(Le, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), Qi = {
+}), dn = {
   title: "",
   description: "",
   fields: []
-}, Xi = new fe({
+}, un = new he({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), Ji = { formId: ke, placeholder: "Give your form a title." }, Zi = new he({
+}), fn = { formId: _e, placeholder: "Give your form a title." }, mn = new pe({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), en = { formId: ke, placeholder: "Explain the purpose of this form." }, tn = () => {
+}), hn = { formId: _e, placeholder: "Explain the purpose of this form." }, pn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, bn = z(
-  me((o, i) => {
-    const { onCancel: e, onSave: t, revision: n } = o, s = n ? "Edit form" : "Create a new form", { heading: a = s } = o, l = E((m) => {
+}, Ln = T(
+  ye((s, i) => {
+    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, l = z((p) => {
       const g = {};
-      if (m.title || (g.title = "Title is required."), (!m.fields || m.fields.length === 0) && (g.fields = "At least one field is required."), Te(g))
+      if (p.title || (g.title = "Title is required."), (!p.fields || p.fields.length === 0) && (g.fields = "At least one field is required."), Ee(g))
         return g;
-    }, []), c = je({
-      initialValues: Ci(n) ?? Qi,
+    }, []), c = Ue({
+      initialValues: Pi(n) ?? dn,
       validate: l,
-      onSubmit: (m) => t(m),
+      onSubmit: (p) => t(p),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = T(() => yt(c.values), [c.values]), u = Ce(Xi, Ji), d = Ce(Zi, en), h = T(
-      () => typeof a == "object" ? a : /* @__PURE__ */ r(ze, { children: a }),
+    }), f = C(() => Tt(c.values), [c.values]), d = ze(un, fn), u = ze(mn, hn), h = C(
+      () => typeof a == "object" ? a : /* @__PURE__ */ r(Pe, { children: a }),
       [a]
     );
-    return /* @__PURE__ */ r(Q.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ b(Q.List, { children: [
-        /* @__PURE__ */ r(Q.Trigger, { value: "edit", children: "Edit" }),
-        /* @__PURE__ */ r(Q.Trigger, { value: "preview", children: "Preview" })
+    return /* @__PURE__ */ r(Y.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(Y.List, { children: [
+        /* @__PURE__ */ r(Y.Trigger, { value: "edit", children: "Edit" }),
+        /* @__PURE__ */ r(Y.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ b(Q.Content, { value: "edit", children: [
+      /* @__PURE__ */ b(Y.Content, { value: "edit", children: [
         h,
-        /* @__PURE__ */ b(k, { children: [
+        /* @__PURE__ */ b(D, { children: [
           "Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the",
           " ",
           /* @__PURE__ */ r("em", { children: "Preview" }),
@@ -1735,52 +1947,53 @@ const Ce = (o, i) => T(() => !i || !o ? null : o.getInput(i), [o, i]), wt = (o,
           " ",
           /* @__PURE__ */ r("strong", { children: "field values entered on this page will not be saved." })
         ] }),
-        /* @__PURE__ */ r(v, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: ke, onSubmit: c.handleSubmit, children: [
-          /* @__PURE__ */ b(He, { value: c, children: [
-            u,
+        /* @__PURE__ */ r(v, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: _e, onSubmit: c.handleSubmit, children: [
+          /* @__PURE__ */ b(Ge, { value: c, children: [
             d,
-            /* @__PURE__ */ r(Yi, {}),
-            /* @__PURE__ */ r(k, { severity: "danger", size: "1", children: typeof c.errors.fields == "string" && c.errors.fields })
+            u,
+            /* @__PURE__ */ r(cn, {}),
+            /* @__PURE__ */ r(D, { severity: "danger", size: "1", children: typeof c.errors.fields == "string" && c.errors.fields })
           ] }),
           /* @__PURE__ */ b(v, { justify: "end", gap: "2", children: [
-            /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ r(G, { type: "submit", disabled: !c.isValid, children: "Save" })
+            /* @__PURE__ */ r(j, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ r(j, { type: "submit", disabled: !c.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(Q.Content, { value: "preview", children: /* @__PURE__ */ r(Je, { schema: f, onSubmit: tn }) })
+      /* @__PURE__ */ r(Y.Content, { value: "preview", children: /* @__PURE__ */ r(tt, { schema: f, onSubmit: pn }) })
     ] }) });
   })
 );
 export {
-  le as BooleanField,
-  bi as BooleanInput,
-  $e as DateField,
-  vi as DateInput,
-  K as FieldSection,
-  hn as FormBrowser,
-  bn as FormBuilder,
-  Je as FormRenderer,
-  pn as FormSubmissionBrowser,
-  fn as FormSubmissionViewer,
-  Ne as MultiSelectField,
-  Ei as MultiSelectInput,
-  we as MultiStringField,
-  Si as MultiStringInput,
-  ue as NumberField,
-  yi as NumberInput,
-  mn as PatchField,
-  gn as PatchFormProvider,
-  Ie as SelectField,
-  xi as SelectInput,
-  fe as StringField,
-  wi as StringInput,
-  he as TextField,
-  Ii as TextInput,
+  ce as BooleanField,
+  Ti as BooleanInput,
+  Re as DateField,
+  zi as DateInput,
+  G as FieldSection,
+  Sn as FormBrowser,
+  Ln as FormBuilder,
+  tt as FormRenderer,
+  zn as FormSubmissionBrowser,
+  Tn as FormSubmissionViewer,
+  Te as MultiSelectField,
+  Mi as MultiSelectInput,
+  Ce as MultiStringField,
+  Di as MultiStringInput,
+  U as NumberField,
+  Si as NumberInput,
+  En as PatchField,
+  An as PatchFormProvider,
+  Fe as SelectField,
+  Li as SelectInput,
+  he as StringField,
+  Ei as StringInput,
+  pe as TextField,
+  Ai as TextInput,
   De as deserialize,
-  bt as deserializeField,
-  yt as formRevisionToSchema,
-  vt as isConditionMet,
-  Ce as useFieldInput,
-  wt as useFieldInputs
+  Ft as deserializeField,
+  Tt as formRevisionToSchema,
+  St as isConditionMet,
+  ze as useFieldInput,
+  zt as useFieldInputs,
+  We as valueIsFile
 };