@overmap-ai/forms 1.0.2 → 1.0.3-alpha.0

package/dist/forms.js

@@ -1,12 +1,12 @@
-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 kt = Object.defineProperty;
+var _t = (s, i, e) => i in s ? kt(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 { jsx as r, jsxs as y, Fragment as dt } from "react/jsx-runtime";
+import { Flex as v, Text as k, useSeverityColor as de, Checkbox as Mt, CheckCircledIcon as $t, TextField as se, FontFamilyIcon as Ot, CalendarIcon as Rt, InputIcon as Nt, TextArea as Bt, RowsIcon as qt, Select as ut, Box as me, IconButton as le, PlusIcon as De, Badge as Oe, Cross1Icon as ft, ListBulletIcon as Wt, DropdownMenuIcon as jt, MultiSelect as Ht, CheckboxIcon as Ut, Card as ge, Heading as Le, Button as H, UploadIcon as mt, ButtonList as Pe, divButtonProps as Gt, StarFilledIcon as Kt, StarIcon as Yt, QuestionMarkCircledIcon as Qt, PersonIcon as Xt, Tooltip as Jt, Avatar as Zt, Separator as ei, useDiscardAlertDialog as ti, Dialog as ii, Pencil1Icon as ni, TrashIcon as ri, DragHandleDots2Icon as oi, DropdownMenu as si, DotsVerticalIcon as li, useAlertDialog as ai, Em as ci, Strong as nt, useToast as di, Tabs as Q } 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 ui, { useMemo as C, memo as S, useCallback as E, useState as U, useEffect as be, useRef as fi, forwardRef as ye, useReducer as mi } 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 { slugify as hi, useAppSelector as M, selectFormRevision as pt, useSDK as gt, selectSubmissionAttachments as pi, selectFilteredUserForms as gi, selectUserFormMapping as bi, selectOrganization as bt, selectUser as Qe, selectNumberOfUserForms as yi, selectCurrentUser as yt, classNames as vt, isToday as vi, getLocalDateString as wi, selectLatestFormRevision as xi, useFileSrc as Ii, selectSubmissionsForForm as Ci } from "@overmap-ai/core";
 import ae from "lodash.get";
 import Xe from "lodash.set";
 class wt {
@@ -33,10 +33,10 @@ class wt {
     };
   }
 }
-class M extends wt {
+class $ extends wt {
   constructor(e) {
-    const { label: t, required: n, fieldValidators: o = [], formValidators: a = [], ...l } = e;
-    super(l);
+    const { label: t, required: n, fieldValidators: o = [], formValidators: l = [], ...a } = e;
+    super(a);
     m(this, "required");
     m(this, "formValidators");
     m(this, "fieldValidators");
@@ -48,7 +48,7 @@ class M extends wt {
      * 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;
+    this.label = t, this.required = n, this.fieldValidators = o, this.formValidators = l;
   }
   static getFieldCreationSchema() {
     return [];
@@ -89,72 +89,72 @@ class M extends wt {
     return [...this.formValidators];
   }
 }
-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(D, { severity: t, id: o, children: i }),
+m($, "fieldTypeName"), m($, "fieldTypeDescription");
+const Fi = "_description_17zed_1", Ve = {
+  description: Fi
+}, q = (s) => {
+  const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: l } = s;
+  return /* @__PURE__ */ r(v, { direction: "column", gap: "1", asChild: !0, ...l, children: /* @__PURE__ */ y("label", { htmlFor: n, children: [
+    /* @__PURE__ */ r(k, { severity: t, id: o, children: i }),
     e
   ] }) });
-}, q = (s) => {
+}, W = (s) => {
   const { helpText: i, children: e, severity: t } = s;
-  return /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ y(v, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(v, { direction: "column", children: /* @__PURE__ */ r(D, { size: "1", severity: t, className: ke.description, children: i }) })
+    /* @__PURE__ */ r(v, { direction: "column", children: /* @__PURE__ */ r(k, { size: "1", severity: t, className: Ve.description, children: i }) })
   ] });
-}, 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(() => ({
+}, j = (s) => {
+  const { id: i, field: e, formId: t, ...n } = s, [o, l, a] = He(e.getId()), { touched: c } = l, u = l.error ?? e.description, d = l.error ? "danger" : void 0, f = i ?? `${t}-${e.getId()}-input`, h = `${f}-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));
+    onChange: (I) => {
+      const w = e.getValueFromChangeEvent(I);
+      a.setValue(w, !1).then(), (c || !e.onlyValidateAfterTouched) && a.setError(e.getError(w));
     },
-    onBlur: (F) => {
-      l.setTouched(!0, !1).then(), l.setError(e.getError(e.getValueFromChangeEvent(F)));
+    onBlur: (I) => {
+      a.setTouched(!0, !1).then(), a.setError(e.getError(e.getValueFromChangeEvent(I)));
     }
-  }), [e, o, l, c]);
+  }), [e, o, a, c]);
   return [
     {
-      helpText: f,
+      helpText: u,
       severity: d,
-      inputId: u,
+      inputId: f,
       labelId: h,
       label: p,
       fieldProps: g,
-      helpers: l,
+      helpers: a,
       field: e
     },
     { ...n, "aria-labelledby": h }
   ];
-}, 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,
+}, Ti = [!0, "true"], Si = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a }, c] = j(i), u = de(n), d = Ti.includes(a.value);
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(
+    q,
     {
       severity: n,
       inputId: e,
       labelId: t,
-      label: a,
+      label: l,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
         Mt,
         {
           ...c,
-          ...l,
+          ...a,
           id: e,
-          color: f,
+          color: u,
           value: d.toString(),
           checked: d,
-          onCheckedChange: l.onChange,
+          onCheckedChange: a.onChange,
           onChange: void 0,
           onBlur: void 0
         }
       )
     }
   ) });
-}), Q = class Q extends M {
+}), X = class X extends $ {
   constructor(e) {
     super({ ...e, type: "boolean" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -172,21 +172,21 @@ const Ci = "_description_17zed_1", ke = {
   static deserialize(e) {
     if (e.type !== "boolean")
       throw new Error("Type mismatch.");
-    return new Q(e);
+    return new X(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ti, { ...e, field: this });
+    return /* @__PURE__ */ r(Si, { ...e, field: this });
   }
 };
-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,
+m(X, "fieldTypeName", "Checkbox"), m(X, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(X, "Icon", $t);
+let ce = X;
+const zi = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a, field: c }, u] = j(i), d = de(n);
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
+    se.Input,
     {
-      ...f,
-      ...l,
+      ...u,
+      ...a,
       type: "number",
       id: e,
       min: c.minimum,
@@ -195,15 +195,15 @@ const Si = T(function(i) {
       color: d
     }
   ) }) });
-}), O = class O extends M {
+}), R = class R extends $ {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
       maximum: n = Number.MAX_SAFE_INTEGER,
       integers: o = !1,
-      ...a
+      ...l
     } = e;
-    super({ ...a, type: "number" });
+    super({ ...l, type: "number" });
     m(this, "minimum");
     m(this, "maximum");
     m(this, "integers");
@@ -215,7 +215,7 @@ const Si = T(function(i) {
   }
   static getFieldCreationSchema() {
     return [
-      new O({
+      new R({
         label: "Minimum",
         description: "Minimum value",
         integers: !0,
@@ -223,7 +223,7 @@ const Si = T(function(i) {
         identifier: "minimum",
         formValidators: [this._validateMin]
       }),
-      new O({
+      new R({
         label: "Maximum",
         description: "Maximum value",
         integers: !0,
@@ -263,18 +263,18 @@ const Si = T(function(i) {
   static deserialize(e) {
     if (e.type !== "number")
       throw new Error("Type mismatch.");
-    return new O(e);
+    return new R(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Si, { field: this, ...e });
+    return /* @__PURE__ */ r(zi, { field: this, ...e });
   }
 };
-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 {
+m(R, "fieldTypeName", "Number"), m(R, "fieldTypeDescription", "Allows specifying a number within a given range."), m(R, "Icon", Ot), m(R, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(R, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
+let G = R;
+const Ei = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a }, c] = j(i), u = de(n), d = a.value ? a.value.split("T")[0] : "";
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(se.Input, { ...c, ...a, type: "date", id: e, color: u, value: d }) }) });
+}), J = class J extends $ {
   constructor(e) {
     super({ ...e, type: "date" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -288,15 +288,15 @@ const zi = T(function(i) {
   static deserialize(e) {
     if (e.type !== "date")
       throw new Error("Type mismatch.");
-    return new X(e);
+    return new J(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(zi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ei, { field: this, ...e });
   }
 };
-m(X, "fieldTypeName", "Date"), m(X, "fieldTypeDescription", "Allows specifying a date."), m(X, "Icon", Rt);
-let Re = X;
-class we extends M {
+m(J, "fieldTypeName", "Date"), m(J, "fieldTypeDescription", "Allows specifying a date."), m(J, "Icon", Rt);
+let Re = J;
+class we extends $ {
   constructor(e) {
     const { minLength: t, maxLength: n = 5e3, ...o } = e;
     super(o);
@@ -307,7 +307,7 @@ class we extends M {
   static getFieldCreationSchema() {
     return [
       // min, max
-      new U({
+      new G({
         label: "Minimum length",
         description: "Minimum number of characters",
         required: !1,
@@ -317,7 +317,7 @@ class we extends M {
         formValidators: [this._validateMin],
         integers: !0
       }),
-      new U({
+      new G({
         label: "Maximum length",
         description: "Maximum number of characters",
         required: !1,
@@ -365,13 +365,13 @@ m(we, "_validateMax", (e, t) => {
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-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 {
+const Ai = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a, field: c }, u] = j(i), d = de(n);
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(se.Input, { ...u, ...a, type: c.inputType, id: e, color: d }) }) });
+}), Z = class Z extends we {
   constructor(e) {
-    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" });
+    const { inputType: t = "text", ...n } = e, o = e.maxLength ? Math.min(500, e.maxLength) : 500, l = e.minLength ? Math.min(e.minLength, o) : void 0;
+    super({ ...n, maxLength: o, minLength: l, type: "string" });
     m(this, "inputType");
     this.inputType = t;
   }
@@ -381,19 +381,19 @@ const Ei = T(function(i) {
   static deserialize(e) {
     if (e.type !== "string")
       throw new Error("Type mismatch.");
-    const { maximum_length: t, minimum_length: n, input_type: o, ...a } = e;
-    return new J({ ...a, maxLength: t, minLength: n, inputType: o });
+    const { maximum_length: t, minimum_length: n, input_type: o, ...l } = e;
+    return new Z({ ...l, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ei, { field: this, ...e });
+    return /* @__PURE__ */ r(Ai, { field: this, ...e });
   }
 };
-m(J, "fieldTypeName", "Short Text"), m(J, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(J, "Icon", 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 {
+m(Z, "fieldTypeName", "Short Text"), m(Z, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(Z, "Icon", Nt);
+let he = Z;
+const Di = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a }, c] = j(i);
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(Bt, { ...c, ...a, resize: "vertical", id: e, severity: n }) }) });
+}), ee = class ee 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" });
@@ -405,34 +405,34 @@ const Ai = T(function(i) {
     if (i.type !== "text")
       throw new Error("Type mismatch.");
     const { maximum_length: e, minimum_length: t, ...n } = i;
-    return new Z({ ...n, maxLength: e, minLength: t });
+    return new ee({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ai, { field: this, ...i });
+    return /* @__PURE__ */ r(Di, { field: this, ...i });
   }
 };
-m(Z, "fieldTypeName", "Paragraph"), m(Z, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(Z, "Icon", 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(
+m(ee, "fieldTypeName", "Paragraph"), m(ee, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ee, "Icon", qt);
+let pe = ee;
+const Li = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a, field: c }, u] = j(i), { onChange: d, onBlur: f } = a, h = C(
     () => c.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [c.options]
-  ), p = z(
+  ), p = E(
     (g) => {
-      d(g), u(g);
+      d(g), f(g);
     },
-    [d, u]
+    [d, f]
   );
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
     ut,
     {
       items: h,
-      ...l,
+      ...a,
       onValueChange: p,
       placeholder: "Select one...",
       id: e,
       severity: n,
-      ...f
+      ...u
     }
   ) }) });
 }), xe = (s = "", i = []) => ({
@@ -474,7 +474,7 @@ const ki = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
-  return `${mi(i)}-${e.getTime()}`;
+  return `${hi(i)}-${e.getTime()}`;
 }, It = (s, i) => {
   if (!i)
     return null;
@@ -486,92 +486,92 @@ const ki = (s, i) => {
     } else if (e.identifier === i)
       return e;
   return null;
-}, 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);
+}, Be = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), _i = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a }, c] = j(i), u = de(n), d = C(() => Array.isArray(a.value) ? a.value : [], [a.value]), { onChange: f, onBlur: h } = a, p = `${e}-droppable`, { disabled: g } = c, [x, z] = U(""), [I, w] = U(""), L = I || o, P = I ? "red" : u, F = E(
+    (b) => {
+      f(b), h(b);
     },
-    [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);
+    [f, h]
+  ), V = E(
+    (b) => {
+      d.findIndex((A) => A.value === b.target.value.trim()) >= 0 ? w("All options must be unique") : b.target.value ? w("") : w("Option cannot be empty"), z(b.target.value);
     },
-    [S, d]
-  ), $ = z(() => {
-    if (F)
+    [z, d]
+  ), N = E(() => {
+    if (I)
       return;
-    if (!I.trim())
+    if (!x.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(), $());
+    const b = x.trim();
+    F([...d, { value: b, label: b }]), z("");
+  }, [x, I, F, d]), _ = E(
+    (b) => {
+      b.key === "Enter" && (b.preventDefault(), N());
     },
-    [$]
-  ), R = z(
-    (y) => {
-      x(Ie(d, y));
+    [N]
+  ), O = E(
+    (b) => {
+      F(Ie(d, b));
     },
-    [d, x]
-  ), E = z(
-    (y) => {
-      if (!y.destination)
+    [d, F]
+  ), T = E(
+    (b) => {
+      if (!b.destination)
         return;
-      const P = y.source.index, k = y.destination.index;
-      x(Ne(d, P, k));
+      const A = b.source.index, D = b.destination.index;
+      F(Ne(d, A, D));
     },
-    [x, d]
+    [F, d]
   );
-  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: [
+  return /* @__PURE__ */ r(ht, { onDragEnd: T, children: /* @__PURE__ */ y(v, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(W, { helpText: L, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: (!g || d.length === 0) && /* @__PURE__ */ y(v, { gap: "2", children: [
       /* @__PURE__ */ r(me, { grow: "1", children: /* @__PURE__ */ r(
-        oe.Input,
+        se.Input,
         {
           placeholder: "Press enter to add a new option",
           ...c,
-          ...l,
-          value: I,
+          ...a,
+          value: x,
           onChange: V,
-          onKeyDown: H,
+          onKeyDown: _,
           id: e,
-          color: L,
+          color: P,
           onBlur: void 0
         }
       ) }),
       /* @__PURE__ */ r(
-        se,
+        le,
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!F || g,
-          onClick: $,
-          children: /* @__PURE__ */ r(Le, {})
+          disabled: !!I || g,
+          onClick: N,
+          children: /* @__PURE__ */ r(De, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(Ke, { droppableId: p, children: (y) => /* @__PURE__ */ b(v, { ...y.droppableProps, ref: y.innerRef, direction: "column", children: [
-      d.map((P, k) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Ke, { droppableId: p, children: (b) => /* @__PURE__ */ y(v, { ...b.droppableProps, ref: b.innerRef, direction: "column", children: [
+      d.map((A, D) => /* @__PURE__ */ r(
         Ye,
         {
-          draggableId: `${P.value}-draggable`,
-          index: k,
+          draggableId: `${A.value}-draggable`,
+          index: D,
           isDragDisabled: g,
-          children: ({ draggableProps: N, dragHandleProps: fe, innerRef: K }) => /* @__PURE__ */ r(
+          children: ({ draggableProps: B, dragHandleProps: fe, innerRef: Y }) => /* @__PURE__ */ r(
             v,
             {
               ...fe,
-              ...N,
-              ref: K,
+              ...B,
+              ref: Y,
               gap: "2",
               align: "center",
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ b(Oe, { color: "gray", size: "2", children: [
-                /* @__PURE__ */ r("span", { children: P.label }),
+              children: /* @__PURE__ */ y(Oe, { color: "gray", size: "2", children: [
+                /* @__PURE__ */ r("span", { children: A.label }),
                 /* @__PURE__ */ r(
-                  se,
+                  le,
                   {
                     size: "small",
                     variant: "ghost",
@@ -579,7 +579,7 @@ const ki = (s, i) => {
                     "aria-label": "Delete option",
                     severity: "info",
                     disabled: g,
-                    onClick: () => R(k),
+                    onClick: () => O(D),
                     children: /* @__PURE__ */ r(ft, {})
                   }
                 )
@@ -587,12 +587,12 @@ const ki = (s, i) => {
             }
           )
         },
-        P.value
+        A.value
       )),
-      y.placeholder
+      b.placeholder
     ] }) })
   ] }) });
-}), ee = class ee extends M {
+}), te = class te extends $ {
   constructor(e) {
     const { minimum_length: t, maximum_length: n, ...o } = e;
     super({ ...o, type: "multi-string" });
@@ -607,7 +607,7 @@ const ki = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Di, { field: this, ...e });
+    return /* @__PURE__ */ r(_i, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -628,12 +628,12 @@ const ki = (s, i) => {
   static deserialize(e) {
     if (e.type !== "multi-string")
       throw new Error("Type mismatch.");
-    return new ee(e);
+    return new te(e);
   }
 };
-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 {
+m(te, "fieldTypeName", "Multi-string"), m(te, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(te, "Icon", Wt);
+let Ce = te;
+class Ct extends $ {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -663,7 +663,7 @@ class Ct extends M {
     ];
   }
 }
-const te = class te extends Ct {
+const ie = class ie extends Ct {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -676,35 +676,35 @@ const te = class te extends Ct {
   static deserialize(i) {
     if (i.type !== "select")
       throw new Error("Type mismatch.");
-    return new te(i);
+    return new ie(i);
   }
   getInput(i) {
     return /* @__PURE__ */ r(Li, { field: this, ...i });
   }
 };
-m(te, "fieldTypeName", "Dropdown"), m(te, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(te, "Icon", 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(
+m(ie, "fieldTypeName", "Dropdown"), m(ie, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(ie, "Icon", jt);
+let Fe = ie;
+const Mi = (s) => s ? Array.isArray(s) ? s : [s] : [], $i = S(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a, field: c }, u] = j(i), { onChange: d, onBlur: f } = a, h = C(() => Mi(a.value), [a.value]), p = E(
     (g) => {
-      d(g), u(g);
+      d(g), f(g);
     },
-    [d, u]
+    [d, f]
   );
-  return /* @__PURE__ */ r(q, { helpText: o, severity: n, children: /* @__PURE__ */ r(B, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
     Ht,
     {
       value: h,
       onValueChange: p,
       options: c.options,
-      name: l.name,
+      name: a.name,
       placeholder: "Select one or more...",
       id: e,
       severity: n,
-      ...f
+      ...u
     }
   ) }) });
-}), ie = class ie extends Ct {
+}), ne = class ne extends Ct {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -722,22 +722,22 @@ const _i = (s) => s ? Array.isArray(s) ? s : [s] : [], Mi = T(function(i) {
   static deserialize(i) {
     if (i.type !== "multi-select")
       throw new Error("Type mismatch.");
-    return new ie(i);
+    return new ne(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Mi, { field: this, ...i });
+    return /* @__PURE__ */ r($i, { field: this, ...i });
   }
 };
-m(ie, "fieldTypeName", "Multi-select"), m(ie, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(ie, "Icon", Ut);
-let Te = ie;
-const $i = T(function({ field: i, ...e }) {
+m(ne, "fieldTypeName", "Multi-select"), m(ne, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(ne, "Icon", Ut);
+let Te = ne;
+const Oi = S(function({ field: i, ...e }) {
   const [{ value: t }] = He(i.options.clonedFieldIdentifier), n = C(() => {
     const o = i.options.getFieldToClone(t);
-    return o ? De(o) : null;
+    return o ? ke(o) : null;
   }, [i.options, t]);
   return ze(n, e);
 });
-class Se extends M {
+class Se extends $ {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -754,34 +754,34 @@ class Se extends M {
   }
 }
 m(Se, "fieldTypeName", "Custom"), m(Se, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Oi extends Se {
+class Ri extends Se {
   constructor(i) {
-    super(i, $i);
+    super(i, Oi);
   }
 }
-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]);
+const Ni = S(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: a } = e, { values: c, setFieldValue: u } = ue(), d = a != null && a.identifier ? ae(c, a.identifier) : void 0, f = C(() => St(a, d), [a, 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(Pe, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(D, { className: ke.description, children: o })
+    if (!f)
+      for (const p of l)
+        u(p.getId(), "").then();
+  }, [f, l, u]);
+  const h = zt(l, t);
+  return f ? n ? /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ y(v, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ y(v, { direction: "column", children: [
+      /* @__PURE__ */ r(Le, { as: "h3", size: "3", children: n }),
+      /* @__PURE__ */ r(k, { className: Ve.description, children: o })
     ] }),
     h
   ] }) }) : h : null;
-}), ne = class ne extends wt {
+}), re = class re extends wt {
   constructor(e) {
-    const { label: t = null, fields: n, condition: o = null, conditional: a, ...l } = e;
-    super({ ...l, type: "section" });
+    const { label: t = null, fields: n, condition: o = null, conditional: l, ...a } = e;
+    super({ ...a, type: "section" });
     m(this, "label");
     m(this, "fields");
     m(this, "condition");
-    this.fields = n, this.condition = o, this.label = t, a === !1 && (this.condition = null);
+    this.fields = n, this.condition = o, this.label = t, l === !1 && (this.condition = null);
   }
   static getFieldCreationSchema(e) {
     return e.length === 0 ? [] : [
@@ -792,7 +792,7 @@ const Ri = T(function(i) {
         required: !1
       }),
       // Declare a section that will hold options for the condition (if any).
-      new ne({
+      new re({
         label: "Conditional settings",
         identifier: "conditional-settings",
         // This section will only be rendered if the above "Conditional" field is checked.
@@ -821,7 +821,7 @@ const Ri = T(function(i) {
           // Declare a custom field that will be used to input a value for the condition. The value of the
           // conditional field selected in the previous step must be equal to the value the user inputs into
           // this field for the section to be rendered.
-          new Oi({
+          new Ri({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -849,7 +849,7 @@ const Ri = T(function(i) {
     if (e.type !== "section")
       throw new Error("Invalid type");
     const t = ((n = e.fields) == null ? void 0 : n.map(Ft)) ?? [];
-    return new ne({ ...e, fields: t });
+    return new re({ ...e, fields: t });
   }
   conditional() {
     return this.condition !== null;
@@ -866,103 +866,103 @@ const Ri = T(function(i) {
   getErrors(e) {
     const t = {};
     for (const n of this.fields) {
-      const o = n.getId(), a = n.getError(ae(e, o), e);
-      a && Xe(t, n.getId(), a);
+      const o = n.getId(), l = n.getError(ae(e, o), e);
+      l && Xe(t, n.getId(), l);
     }
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ri, { field: this, ...e });
+    return /* @__PURE__ */ r(Ni, { 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
+m(re, "fieldTypeName", "Section"), m(re, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+let K = re;
+const Bi = "_previewImage_1ig84_1", qi = {
+  previewImage: Bi
 }, 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) => {
+}, Wi = S(function(i) {
+  var P;
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a, field: c }, u] = j(i), { onChange: d } = a, f = de(n), h = fi(null), { value: p } = a, g = C(() => o || (c.maxFileSize ? `Maximum file size: ${Je(c.maxFileSize)}` : null), [c.maxFileSize, o]), x = E(() => {
+    var F;
+    (F = h.current) == null || F.click();
+  }, []), z = E(
+    (F) => {
       const V = [...p];
-      V.splice(x, 1), d({ target: { files: V } });
+      V.splice(F, 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: [
+  ), I = p ? "Select new files" : "Select files", w = p ? "Select new file" : "Select a file", L = c.maxFiles > 1 ? I : w;
+  return /* @__PURE__ */ y(v, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(W, { helpText: g, severity: n, children: /* @__PURE__ */ y(q, { severity: n, inputId: e, labelId: t, label: l, children: [
+      /* @__PURE__ */ r(v, { direction: "row", gap: "2", children: /* @__PURE__ */ r(me, { width: "max-content", asChild: !0, children: /* @__PURE__ */ y(H, { ...u, onClick: x, children: [
         /* @__PURE__ */ r(mt, {}),
         " ",
-        A
+        L
       ] }) }) }),
       /* @__PURE__ */ r(
         "input",
         {
-          ...f,
+          ...u,
           type: "file",
           ref: h,
           id: e,
-          accept: (L = c.extensions) == null ? void 0 : L.join(","),
+          accept: (P = c.extensions) == null ? void 0 : P.join(","),
           multiple: c.maxFiles > 1,
-          color: u,
+          color: f,
           style: { display: "none" },
-          ...l,
+          ...a,
           value: ""
         }
       )
     ] }) }),
-    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: p.map((x, V) => /* @__PURE__ */ r(
-      Wi,
+    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: p.map((F, V) => /* @__PURE__ */ r(
+      ji,
       {
         field: c,
-        file: x,
-        onRemove: () => S(V),
-        disabled: f.disabled
+        file: F,
+        onRemove: () => z(V),
+        disabled: u.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 };
+}), ji = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
+  const [o, l] = U(null), a = C(() => o && e.getError([o]), [e, o]), { url: c, name: u, size: d } = C(() => {
+    let f = null, h, p;
+    return o != null && o.type.startsWith("image/") && (f = URL.createObjectURL(o)), o ? (h = o.name, p = Je(o.size)) : (h = "Downloading...", p = "..."), { url: f, 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: [
+    i instanceof Promise ? i.then(l) : l(i);
+  }, [i]), /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ y(v, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+    /* @__PURE__ */ y(v, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
       /* @__PURE__ */ r(
-        se,
+        le,
         {
           severity: "info",
           variant: "outline",
-          "aria-label": `Remove ${f}`,
+          "aria-label": `Remove ${u}`,
           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 })
+      /* @__PURE__ */ y(v, { direction: "column", gap: "1", children: [
+        /* @__PURE__ */ r(k, { children: u }),
+        /* @__PURE__ */ r(k, { size: "1", children: d }),
+        a && /* @__PURE__ */ r(k, { size: "1", severity: "danger", children: a })
       ] })
     ] }),
-    c && /* @__PURE__ */ r("img", { className: Bi.previewImage, src: c, alt: f })
+    c && /* @__PURE__ */ r("img", { className: qi.previewImage, src: c, alt: u })
   ] }) });
-}), rt = 50 * 1024 * 1024, re = class re extends M {
+}), rt = 50 * 1024 * 1024, oe = class oe extends $ {
   constructor(e) {
-    const { extensions: t, maximum_files: n, maximum_size: o, ...a } = e;
-    super({ ...a, type: "upload" });
+    const { extensions: t, maximum_files: n, maximum_size: o, ...l } = e;
+    super({ ...l, type: "upload" });
     m(this, "extensions");
     m(this, "maxFileSize");
     m(this, "maxFiles");
@@ -977,7 +977,7 @@ const Ni = "_previewImage_1ig84_1", Bi = {
   }
   static getFieldCreationSchema() {
     return [
-      new U({
+      new G({
         label: "How many files can be uploaded?",
         description: "By default, only one file can be uploaded.",
         required: !1,
@@ -985,7 +985,7 @@ const Ni = "_previewImage_1ig84_1", Bi = {
         maximum: 10,
         identifier: "maximum_files"
       }),
-      new U({
+      new G({
         label: "What is the maximum size of each file?",
         description: "Maximum file size in bytes.",
         required: !1,
@@ -1027,7 +1027,7 @@ const Ni = "_previewImage_1ig84_1", Bi = {
   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))
+      if (o && o.some((l) => l.size > t))
         return `Files must be at most ${Je(t)}.`;
     }), e.push((o) => {
       if (o && o.length > n)
@@ -1045,17 +1045,17 @@ const Ni = "_previewImage_1ig84_1", Bi = {
   static deserialize(e) {
     if (e.type !== "upload")
       throw new Error("Type mismatch.");
-    return new re(e);
+    return new oe(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(qi, { field: this, ...e });
+    return /* @__PURE__ */ r(Wi, { field: this, ...e });
   }
 };
-m(re, "fieldTypeName", "Upload"), m(re, "fieldTypeDescription", "Allows a file to be uploaded."), m(re, "Icon", mt);
-let qe = re;
+m(oe, "fieldTypeName", "Upload"), m(oe, "fieldTypeDescription", "Allows a file to be uploaded."), m(oe, "Icon", mt);
+let qe = oe;
 const Ze = {
   date: Re,
-  number: U,
+  number: G,
   boolean: ce,
   select: Fe,
   string: he,
@@ -1068,13 +1068,13 @@ const Ze = {
 }, Ft = (s) => {
   const i = s.type;
   return Ze[i].deserialize(s);
-}, De = (s) => s.type === "section" ? G.deserialize(s) : Ft(s);
+}, ke = (s) => s.type === "section" ? K.deserialize(s) : Ft(s);
 function Tt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
     title: s.title,
     description: s.description,
-    fields: s.fields.map((t) => De(t)),
+    fields: s.fields.map((t) => ke(t)),
     meta: { readonly: e }
   };
 }
@@ -1101,7 +1101,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
 }, Ee = (s) => Object.keys(s).length > 0, Et = async (s, i) => {
   const e = {};
   for (const t of s.fields)
-    if (t instanceof G) {
+    if (t instanceof K) {
       if (t.condition) {
         const { identifier: n } = t.condition;
         if (!St(t.condition, ae(i, n)))
@@ -1109,128 +1109,128 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       }
       Object.assign(e, t.getErrors(i));
     } else {
-      if (!(t instanceof M))
+      if (!(t instanceof $))
         throw new Error("Invalid field type");
       const n = t.getId(), o = t.getError(ae(i, n), i);
       o && Xe(e, n, o);
     }
   if (Ee(e))
     return e;
-}, 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 = () => {
+}, Hi = [null, void 0], et = (s, i) => s.reduce((e, t) => t instanceof K ? { ...e, ...et(t.fields, i) } : (Hi.includes(ae(e, t.getId())) && Xe(e, t.getId(), ""), e), i), Ui = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, tt = T(
+}, tt = S(
   ye((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Hi,
+      onSubmit: n = Ui,
       submitText: o = "Submit",
-      cancelText: a,
-      onCancel: l,
+      cancelText: l,
+      onCancel: a,
       onDirty: c,
       // if the title isn't provided, hide it by default
-      hideTitle: f = !e.title,
+      hideTitle: u = !e.title,
       hideDescription: d,
-      className: u
+      className: f
     } = s, { readonly: h } = e.meta, p = C(() => crypto.randomUUID(), []), g = Ue({
       initialValues: et(e.fields, t),
       onSubmit: n,
-      validate: (A) => Et(e, A),
+      validate: (L) => Et(e, L),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: I } = g, S = C(
-      () => typeof e.title == "string" ? /* @__PURE__ */ r(Pe, { children: e.title }) : e.title,
+    }), { dirty: x } = g, z = C(
+      () => typeof e.title == "string" ? /* @__PURE__ */ r(Le, { children: e.title }) : e.title,
       [e.title]
-    ), F = C(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: ke.description, children: e.description }) : e.description,
+    ), I = C(
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(k, { className: Ve.description, children: e.description }) : e.description,
       [e.description]
     ), 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 && c && c();
+    }, [x, c]), /* @__PURE__ */ r(Ge, { value: g, children: /* @__PURE__ */ r(v, { ref: i, direction: "column", gap: "2", className: f, asChild: !0, children: /* @__PURE__ */ y("form", { id: p, onSubmit: g.handleSubmit, children: [
+      !u && /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ y(v, { direction: "column", gap: "1", children: [
+        z,
+        !d && I
       ] }) }),
       w,
-      !h && /* @__PURE__ */ b(v, { justify: "end", gap: "2", children: [
-        a && /* @__PURE__ */ r(j, { type: "button", variant: "soft", onClick: l, children: a }),
-        /* @__PURE__ */ r(j, { type: "submit", disabled: !g.isValid, children: o })
+      !h && /* @__PURE__ */ y(v, { justify: "end", gap: "2", children: [
+        l && /* @__PURE__ */ r(H, { type: "button", variant: "soft", onClick: a, children: l }),
+        /* @__PURE__ */ r(H, { type: "submit", disabled: !g.isValid, children: o })
       ] })
     ] }) }) });
   })
-), Tn = T(
+), Sn = S(
   ye((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = _(pt(e.form_revision)), { sdk: a } = gt();
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = M(pt(e.form_revision)), { sdk: l } = gt();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    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) => {
+    const a = C(() => Tt(o, { readonly: !0 }), [o]), c = C(() => {
+      const u = pi(e.offline_id)(l.store.getState()) ?? [], d = {};
+      for (const f of u) {
+        const h = l.files.fetchFileFromUrl(f.file, f.file_sha1, f.file_name).then((g) => {
           if (!g.success)
-            throw new Error(`Failed to download attachment ${u.file_name}.`);
+            throw new Error(`Failed to download attachment ${f.file_name}.`);
           return g.body;
-        }), p = d[u.field_identifier];
-        p ? p.push(h) : d[u.field_identifier] = [h];
+        }), p = d[f.field_identifier];
+        p ? p.push(h) : d[f.field_identifier] = [h];
       }
       return { ...e.values, ...d };
-    }, [a.files, a.store, e.offline_id, e.values]);
+    }, [l.files, l.store, e.offline_id, e.values]);
     return /* @__PURE__ */ r(
       tt,
       {
         ref: i,
-        schema: l,
+        schema: a,
         values: c,
         hideDescription: !t,
         hideTitle: !n
       }
     );
   })
-), Ui = "_favoriteIcon_1bixi_1", Gi = "_regularIcon_1bixi_9", ot = {
-  favoriteIcon: Ui,
-  regularIcon: Gi
-}, Me = "organization:", $e = "user:", Sn = T(
+), Gi = "_favoriteIcon_1bixi_1", Ki = "_regularIcon_1bixi_9", ot = {
+  favoriteIcon: Gi,
+  regularIcon: Ki
+}, Me = "organization:", $e = "user:", zn = S(
   ye((s, i) => {
-    const { maxResults: e = 20, ...t } = s, [n, o] = le(""), [a, l] = le(""), { sdk: c } = gt(), f = C(() => {
+    const { maxResults: e = 20, ...t } = s, [n, o] = U(""), [l, a] = U(""), { sdk: c } = gt(), u = 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(
+      return l && (l.startsWith(Me) ? w.owner_organization = parseInt(l.slice(Me.length)) : l.startsWith($e) && (w.owner_user = parseInt(l.slice($e.length)))), w;
+    }, [n, e, l]), d = M(gi(u)) ?? [], f = M(bi), h = E(
       (w) => {
         w.favorite ? c.userForms.unfavorite(w.offline_id).then() : c.userForms.favorite(w.offline_id).then();
       },
       [c]
     ), 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);
+      const w = c.store.getState(), L = {};
+      for (const P of Object.values(f)) {
+        const F = bt(P.owner_organization || -1)(w);
+        F && (L[`${Me}${F.id}`] = F.name);
+        const V = Qe(P.owner_user || -1)(w);
+        V && (L[`${$e}${V.id}`] = V.username);
       }
-      return Object.entries(A).map(([L, x]) => ({ itemContent: x, value: L }));
-    }, [u, c.store]), g = z((w) => {
+      return Object.entries(L).map(([P, F]) => ({ itemContent: F, value: P }));
+    }, [f, c.store]), g = E((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(me, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(oe.Root, { size: "3", children: /* @__PURE__ */ r(oe.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
+    }, []), z = (M(yi) || 0) - d.length, I = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
+    return /* @__PURE__ */ y(v, { ref: i, direction: "column", gap: "2", children: [
+      /* @__PURE__ */ y(v, { gap: "2", grow: "1", children: [
+        /* @__PURE__ */ r(me, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(se.Root, { size: "3", children: /* @__PURE__ */ r(se.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
         /* @__PURE__ */ r(
           ut,
           {
             items: p,
-            value: a,
-            onValueChange: l,
+            value: l,
+            onValueChange: a,
             placeholder: "Owner",
             size: "large"
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(Ve.Root, { children: d.map((w) => /* @__PURE__ */ r(
-        Ki,
+      d.length > 0 && /* @__PURE__ */ r(Pe.Root, { children: d.map((w) => /* @__PURE__ */ r(
+        Yi,
         {
           ...t,
           form: w,
@@ -1238,20 +1238,20 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
         },
         w.offline_id
       )) }),
-      /* @__PURE__ */ r(me, { px: "3", children: /* @__PURE__ */ r(D, { size: "2", severity: "info", children: F }) })
+      /* @__PURE__ */ r(me, { px: "3", children: /* @__PURE__ */ r(k, { size: "2", severity: "info", children: I }) })
     ] });
   })
-), Ki = (s) => {
+), Yi = (s) => {
   var h;
-  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(
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = M(bt(i.owner_organization || -1))) == null ? void 0 : h.name, l = M(Qe(i.owner_user || -1)), a = M(yt).id, c = !!l && l.id === a, u = o ?? (c ? "You" : l == null ? void 0 : l.username) ?? "Unknown", d = E(
     (p) => {
       p.stopPropagation(), n();
     },
     [n]
-  ), 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: [
+  ), f = /* @__PURE__ */ r(Pe.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ y(v, { justify: "between", gap: "2", py: "2", px: "3", ...Gt, children: [
+    /* @__PURE__ */ y(v, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
-        se,
+        le,
         {
           className: vt(i.favorite ? ot.favoriteIcon : ot.regularIcon),
           variant: "ghost",
@@ -1261,80 +1261,80 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           children: i.favorite ? /* @__PURE__ */ r(Kt, {}) : /* @__PURE__ */ r(Yt, {})
         }
       ),
-      /* @__PURE__ */ r(D, { noWrap: !0, children: i.latestRevision.title }),
+      /* @__PURE__ */ r(k, { noWrap: !0, children: i.latestRevision.title }),
       i.latestRevision.description && /* @__PURE__ */ r(Qt, {})
     ] }),
-    f && /* @__PURE__ */ b(v, { align: "center", gap: "2", children: [
+    u && /* @__PURE__ */ y(v, { align: "center", gap: "2", children: [
       /* @__PURE__ */ r(Xt, {}),
       " ",
-      f
+      u
     ] })
   ] }) });
-  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) {
+  return i.latestRevision.description ? /* @__PURE__ */ r(Jt, { content: i.latestRevision.description, children: f }, i.offline_id) : f;
+}, Qi = "_submissionsContainer_9iirt_1", Xi = "_stopHorizontalOverflow_9iirt_6", At = {
+  submissionsContainer: Qi,
+  stopHorizontalOverflow: Xi
+}, Ji = S(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([], {
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, a = M(yt), c = M(Qe("created_by" in e ? e.created_by : a.id)), u = je(e), d = vi(u) ? u.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : vi(f), u = _(pt(e.form_revision));
-  if (!u)
+  }) : wi(u), f = M(pt(e.form_revision));
+  if (!f)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const h = (w = _(wi(u.form))) == null ? void 0 : w.revision, p = xi({
+  const h = (w = M(xi(f.form))) == null ? void 0 : w.revision, p = Ii({
     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()) ?? "?", I = u.revision === h, S = di.useCallback(() => {
+  }), g = (c == null ? void 0 : c.username.charAt(0).toUpperCase()) ?? "?", x = f.revision === h, z = ui.useCallback(() => {
     t && t({ submission: e });
-  }, [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: [
+  }, [e, t]), I = /* @__PURE__ */ r(Pe.Item, { onClick: z, asChild: !0, children: /* @__PURE__ */ y(v, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
+    /* @__PURE__ */ y(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__ */ r(k, { size: "2", noWrap: !0, children: o === "creator" ? (c || a).username : f.title })
     ] }),
-    /* @__PURE__ */ b(v, { gap: "2", align: "center", children: [
-      !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 })
+    /* @__PURE__ */ y(v, { gap: "2", align: "center", children: [
+      !n && (f.revision ? /* @__PURE__ */ r(Oe, { variant: "soft", severity: x ? "primary" : "info", children: n ? f.revision.toString() : `Revision #${f.revision}` }) : !!h && /* @__PURE__ */ r(Oe, { children: "Original" })),
+      /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
-  return a ? a(e, F) : F;
+  return l ? l(e, I) : I;
 }), je = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, zn = T(function(i) {
+}, En = S(function(i) {
   const {
     formId: e,
     submissions: t,
     compact: n = !1,
     className: o,
-    after: a,
-    variant: l = "outline",
+    after: l,
+    variant: a = "outline",
     ...c
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const f = _(
-    t ? () => t : Ii(e)
+  const u = M(
+    t ? () => t : Ci(e)
   ), d = C(
-    () => f == null ? void 0 : f.sort((u, h) => je(h).getTime() - je(u).getTime()),
-    [f]
+    () => u == null ? void 0 : u.sort((f, h) => je(h).getTime() - je(f).getTime()),
+    [u]
   );
   return /* @__PURE__ */ r(
-    Ve.Root,
+    Pe.Root,
     {
       className: vt(At.submissionsContainer, o),
       size: "small",
-      variant: l,
-      before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
+      variant: a,
+      before: !n && /* @__PURE__ */ y(k, { severity: "info", children: [
         "There are ",
-        ((f == null ? void 0 : f.length) || 0).toString(),
+        ((u == null ? void 0 : u.length) || 0).toString(),
         " submissions of this form."
       ] }),
-      after: a,
-      children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
-        Xi,
+      after: l,
+      children: d == null ? void 0 : d.map((f, h) => /* @__PURE__ */ r(
+        Ji,
         {
-          submission: u,
+          submission: f,
           compact: n,
           ...c
         },
@@ -1342,86 +1342,86 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       ))
     }
   );
-}), En = T(function(i) {
-  const { name: e, render: t } = i, { submitForm: n } = ue(), [o, a, l] = He(e);
+}), An = S(function(i) {
+  const { name: e, render: t } = i, { submitForm: n } = ue(), [o, l, a] = He(e);
   return C(() => {
-    const c = (f) => l.setValue(f, !1);
+    const c = (u) => a.setValue(u, !1);
     return t({
       value: o.value,
       setValue: c,
       patchValue: n
     });
-  }, [n, l, o.value, t]);
-}), An = T(
+  }, [n, a, o.value, t]);
+}), Dn = S(
   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(
+    const { children: e, schema: t, values: n, onPatch: o, onError: l, ...a } = s, c = C(() => et(t.fields, n), [t.fields, n]), u = E(
       (g) => {
-        const I = {};
-        for (const S in g) {
-          const F = g[S];
-          F !== c[S] && F !== void 0 && (I[S] = F);
+        const x = {};
+        for (const z in g) {
+          const I = g[z];
+          I !== c[z] && I !== void 0 && (x[z] = I);
         }
-        Ee(I) && o(I);
+        Ee(x) && o(x);
       },
       [c, o]
-    ), d = z(
+    ), d = E(
       async (g) => {
-        const I = await Et(t, g);
-        return I && a(I), I;
+        const x = await Et(t, g);
+        return x && l(x), x;
       },
-      [t, a]
-    ), u = Ue({
+      [t, l]
+    ), f = Ue({
       initialValues: c,
-      onSubmit: f,
+      onSubmit: u,
       validate: d,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: h, resetForm: p } = u;
+    }), { errors: h, resetForm: p } = f;
     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 }) });
+    }, [h, c, p]), /* @__PURE__ */ r(Ge, { value: f, children: /* @__PURE__ */ r("form", { ...a, ref: i, onSubmit: f.handleSubmit, children: e }) });
   })
-), Lt = {
+), Dt = {
   ...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(j, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(v, { gap: "3", align: "center", grow: "1", children: [
-      /* @__PURE__ */ r(a, {}),
+  section: K
+}, Zi = S(function(i) {
+  const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, l = e.Icon;
+  return /* @__PURE__ */ y(v, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ r(H, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ y(v, { gap: "3", align: "center", grow: "1", children: [
+      /* @__PURE__ */ r(l, {}),
       n
     ] }) }),
-    /* @__PURE__ */ r(D, { children: o })
+    /* @__PURE__ */ r(k, { children: o })
   ] });
-}), Pt = [
+}), Lt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], Zi = Pt.length - 1, en = T(function(i) {
+], en = Lt.length - 1, tn = S(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(v, { direction: "column", gap: "3", children: Pt.map((t, n) => /* @__PURE__ */ b(v, { direction: "column", gap: "3", children: [
+  return /* @__PURE__ */ r(v, { direction: "column", gap: "3", children: Lt.map((t, n) => /* @__PURE__ */ y(v, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
-      Ji,
+      Zi,
       {
         field: Ze[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < Zi && /* @__PURE__ */ r(ei, { size: "4" })
+    n < en && /* @__PURE__ */ r(ei, { size: "4" })
   ] }, n)) });
-}), tn = (s) => (i) => {
+}), nn = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, nn = (s, i) => {
+}, rn = (s, i) => {
   const e = [
     new he({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [tn(s)]
+      fieldValidators: [nn(s)]
     }),
     new pe({
       label: "Description",
@@ -1434,92 +1434,112 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     ...e,
     new ce({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, 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) {
+}, on = S(function(i) {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, handleDirty: o, defaultField: l, conditionalSourceFields: a } = i, c = Dt[e], u = ue(), d = C(() => {
+    const f = u.values.fields.flatMap(
+      (p) => p.type === "section" ? [...p.fields.map((g) => g.label), p.label] : p.label
+    ).filter((p) => p !== (l == null ? void 0 : l.label) && p !== null);
+    let h = rn(f, e);
+    if (c === K) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      u = u.concat(l.getFieldCreationSchema(a));
+      h = h.concat(c.getFieldCreationSchema(a));
     } else {
-      if (!(l.prototype instanceof M))
-        throw new Error(`Field must be an instance of BaseField. Got ${l}.`);
-      u = [...u, ...l.getFieldCreationSchema()];
+      if (!(c.prototype instanceof $))
+        throw new Error(`Field must be an instance of BaseField. Got ${c}.`);
+      h = [...h, ...c.getFieldCreationSchema()];
     }
     return {
-      fields: u,
+      fields: h,
       meta: { readonly: !1 },
       // using the dialog title as the form title
       title: null
     };
-  }, [c.values.fields, e, l, o == null ? void 0 : o.label, a]);
+  }, [u.values.fields, e, c, l == null ? void 0 : l.label, a]);
   return /* @__PURE__ */ r(
     tt,
     {
-      schema: f,
-      values: o,
+      schema: d,
+      values: l,
       onSubmit: n,
-      cancelText: o ? void 0 : "Back",
-      onCancel: t
+      cancelText: l ? void 0 : "Back",
+      onCancel: t,
+      onDirty: o
     }
   );
-}), 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)
+}), Ae = S(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: a } = i, [c, u] = U(), [d, f] = U(!1), h = (o == null ? void 0 : o.type) ?? c, p = h ? Dt[h].fieldTypeName : void 0, { setFieldValue: g, values: x } = ue();
+  if (l && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  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)
+  const z = ti(), I = !h && !l && !o, w = I ? "Choose a field type" : `${p} settings`, L = I ? "Select a field type to add to this section." : (p == null ? void 0 : p.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${p == null ? void 0 : p.toLowerCase()} field.`, P = E(() => {
+    console.log("handlecancel ran", d), u(void 0), f(!1);
+  }, []), F = E(
+    (_, O) => (T) => {
+      console.log("closeinterrupt ran", _), _ ? z({
+        onDiscard: () => {
+          O(!1), u(void 0), T();
+        }
+      }) : (u(void 0), T());
+    },
+    [z]
+  ), V = E(
+    (_, O) => {
+      const { label: T } = _;
+      if (!h)
         throw new Error("Field type must be selected before creating a field.");
-      if (!$ || typeof $ != "string")
+      if (!T || typeof T != "string")
         throw new Error("Label must be provided before creating a field.");
-      const H = De({
-        type: d,
-        ...x,
-        identifier: ki(x.identifier, $)
-      }).serialize(), R = ae(p, e);
-      if (R === void 0)
+      const b = ke({
+        type: h,
+        ..._,
+        identifier: ki(_.identifier, T)
+      }).serialize(), A = ae(x, e);
+      if (A === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let E;
-      if (!Array.isArray(R))
+      let D;
+      if (!Array.isArray(A))
         throw new Error("Parent path must point to an array.");
-      a ? E = Vi(R, t, H) : E = xt(R, t, H), h(e, E).then(), V();
+      l ? D = Vi(A, t, b) : D = xt(A, t, b), g(e, D).then(), f(!1), O();
     },
-    [a, d, p, e, h, t]
-  ), L = z(
-    (x) => g ? /* @__PURE__ */ r(en, { setFieldType: f }) : /* @__PURE__ */ r(
-      rn,
+    [l, h, x, e, g, t]
+  ), N = E(
+    (_) => I ? /* @__PURE__ */ r(tn, { setFieldType: u }) : /* @__PURE__ */ r(
+      on,
       {
-        conditionalSourceFields: l,
-        handleCancel: F,
-        handleCreateField: (V) => A(V, x),
-        fieldType: d,
-        defaultField: o
+        conditionalSourceFields: a,
+        handleCancel: P,
+        handleCreateField: (O) => V(O, _),
+        fieldType: h,
+        defaultField: o,
+        handleDirty: () => f(!0)
       }
     ),
-    [l, F, A, o, g, d]
+    [a, P, V, o, I, h]
+  );
+  return /* @__PURE__ */ r(
+    ii,
+    {
+      onCloseInterrupt: F(d, f),
+      title: w,
+      description: L,
+      content: N,
+      children: n
+    }
   );
-  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(
+}), Pt = S(function(i) {
+  const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o } = i, l = C(
     () => [
       {
         Wrapper: Ae,
         wrapperProps: n,
-        Icon: ii,
+        Icon: ni,
         text: "Edit"
       },
       {
-        Icon: ni,
+        Icon: ri,
         buttonProps: {
           onClick: e
         },
@@ -1528,14 +1548,14 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       {
         Wrapper: Ae,
         wrapperProps: o,
-        Icon: Le,
+        Icon: De,
         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(ri, {}) }),
+        Icon: (a) => /* @__PURE__ */ r("div", { ...a, children: /* @__PURE__ */ r(oi, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
@@ -1543,35 +1563,35 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     ],
     [t, n, o, e]
   );
-  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);
+  return /* @__PURE__ */ y(dt, { children: [
+    /* @__PURE__ */ r(v, { gap: "4", display: lt(!1, "flex"), children: l.map((a) => {
+      const c = a.Wrapper ?? st;
+      return /* @__PURE__ */ r(c, { ...a.wrapperProps, children: /* @__PURE__ */ r(le, { type: "button", variant: "ghost", "aria-label": a.text, ...a.buttonProps, children: /* @__PURE__ */ r(a.Icon, {}) }) }, a.text);
     }) }),
     /* @__PURE__ */ r(me, { display: lt(!0, "block"), children: /* @__PURE__ */ r(
-      oi,
+      si,
       {
-        trigger: /* @__PURE__ */ r(se, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(si, {}) }),
+        trigger: /* @__PURE__ */ r(le, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(li, {}) }),
         closeOnSelect: !1,
-        items: a.map((l) => {
-          var f;
-          if (l.disableOnMobile)
+        items: l.map((a) => {
+          var u;
+          if (a.disableOnMobile)
             return null;
-          const c = l.Wrapper ?? st;
+          const c = a.Wrapper ?? st;
           return {
-            ...l.buttonProps,
-            onSelect: (f = l.buttonProps) == null ? void 0 : f.onClick,
-            content: /* @__PURE__ */ r(c, { ...l.wrapperProps, children: /* @__PURE__ */ b(v, { gap: "2", align: "center", children: [
-              /* @__PURE__ */ r(l.Icon, {}),
-              l.text
+            ...a.buttonProps,
+            onSelect: (u = a.buttonProps) == null ? void 0 : u.onClick,
+            content: /* @__PURE__ */ r(c, { ...a.wrapperProps, children: /* @__PURE__ */ y(v, { gap: "2", align: "center", children: [
+              /* @__PURE__ */ r(a.Icon, {}),
+              a.text
             ] }) })
           };
-        }).filter((l) => l !== null)
+        }).filter((a) => a !== null)
       }
     ) })
   ] });
-}), _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(
+}), _e = "form-builder", sn = S(function(i) {
+  const { field: e, index: t, sectionIndex: n, remove: o } = i, l = C(() => ke(e), [e]), a = ze(l, { formId: _e, disabled: !0 }), c = C(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1579,7 +1599,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       editing: !0
     }),
     [e, t, n]
-  ), f = C(
+  ), u = C(
     () => ({
       parentPath: `fields.${n}.fields`,
       index: t + 1,
@@ -1594,163 +1614,163 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       ...d.draggableProps,
       ...d.dragHandleProps,
       mb: "4",
-      children: /* @__PURE__ */ b(v, { gap: "4", justify: "between", align: "center", children: [
-        l,
+      children: /* @__PURE__ */ y(v, { gap: "4", justify: "between", align: "center", children: [
+        a,
         /* @__PURE__ */ r(
-          Vt,
+          Pt,
           {
             remove: o,
             editProps: c,
-            insertAfterProps: f,
+            insertAfterProps: u,
             dragHandleProps: d.dragHandleProps
           }
         )
       ] })
     }
   ) });
-}), 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();
+}), ln = S(function(i) {
+  var L, P, F, V, N, _, O;
+  const { field: e, index: t, dropState: n } = i, o = (L = n[e.identifier]) == null ? void 0 : L.disabled, { setFieldValue: l, values: a } = ue(), c = ai(), u = E(
+    (T, b) => {
+      for (const A of T) {
+        const D = b.indexOf(A);
+        l(`fields.${D}.condition`, null).then(), l(`fields.${D}.conditional`, !1).then();
       }
     },
-    [a]
-  ), d = z(
-    (E) => {
-      var k;
-      const y = e.fields[E];
-      if (!y)
+    [l]
+  ), d = E(
+    (T) => {
+      var D;
+      const b = e.fields[T];
+      if (!b)
         throw new Error("Could not find field to remove.");
-      const P = [];
-      for (const N of l.fields)
-        ((k = N.condition) == null ? void 0 : k.identifier) === y.identifier && P.push(N);
+      const A = [];
+      for (const B of a.fields)
+        ((D = B.condition) == null ? void 0 : D.identifier) === b.identifier && A.push(B);
       return {
-        removing: y,
-        affectedSections: P,
-        action: () => a(`fields.${t}.fields`, Ie(e.fields, E))
+        removing: b,
+        affectedSections: A,
+        action: () => l(`fields.${t}.fields`, Ie(e.fields, T))
       };
     },
-    [e.fields, l.fields, a, t]
-  ), u = z(
-    (E) => {
-      const { affectedSections: y, action: P, removing: k } = d(E), N = () => {
-        P().then(), f(y, l.fields);
+    [e.fields, a.fields, l, t]
+  ), f = E(
+    (T) => {
+      const { affectedSections: b, action: A, removing: D } = d(T), B = () => {
+        A().then(), u(b, a.fields);
       };
-      if (y.length > 0) {
-        const fe = y.map((K) => K.label).join(", ");
+      if (b.length > 0) {
+        const fe = b.map((Y) => Y.label).join(", ");
         return c({
           title: "Remove condition?",
-          description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${fe} section(s).`,
+          description: `${D.label} is being used as a condition, deleting it will remove the condition from the ${fe} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: N
+          onAction: B
         });
       }
-      N();
+      B();
     },
-    [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)
+    [d, u, a.fields, c]
+  ), h = E(() => {
+    const b = e.fields.map((ve, Vt) => d(Vt)).flatMap((ve) => ve.affectedSections), A = b.length ? "Remove fields and conditions?" : "Remove fields?", D = e.fields.length, B = b.map((ve) => ve.label).join(", "), fe = b.length ? `Deleting this section will remove the ${D} field(s) it contains and will remove the conditions from following sections: ${B}` : `Deleting this section will remove the ${D} field(s) it contains.`, Y = Ie(a.fields, t), it = () => l("fields", Y);
+    if (b.length > 0)
       return c({
-        title: P,
+        title: A,
         description: fe,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
           it().then(() => {
-            f(y, K);
+            u(b, Y);
           });
         }
       });
     it().then();
   }, [
     e.fields,
-    l.fields,
+    a.fields,
     t,
     d,
-    a,
+    l,
     c,
-    f
+    u
   ]), p = C(
     () => ({
       index: t,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: Be(l.fields, t)
+      conditionalSourceFields: Be(a.fields, t)
     }),
-    [e, t, l.fields]
+    [e, t, a.fields]
   ), g = C(
     () => ({
       index: t + 1,
       parentPath: "fields",
       initial: xe(),
-      conditionalSourceFields: Be(l.fields, t + 1)
+      conditionalSourceFields: Be(a.fields, t + 1)
     }),
-    [t, l.fields]
-  ), I = C(
+    [t, a.fields]
+  ), x = C(
     () => ({
       parentPath: `fields.${t}.fields`,
       index: e.fields.length,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), S = C(
+  ), z = C(
     () => {
-      var E, y;
-      return (y = It(l.fields, (E = e.condition) == null ? void 0 : E.identifier)) == null ? void 0 : y.label;
+      var T, b;
+      return (b = It(a.fields, (T = e.condition) == null ? void 0 : T.identifier)) == null ? void 0 : b.label;
     },
-    [(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";
+    [(P = e.condition) == null ? void 0 : P.identifier, a.fields]
+  ), I = Array.isArray((F = e.condition) == null ? void 0 : F.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(
+  const w = Array.isArray((N = e.condition) == null ? void 0 : N.value) ? (_ = e.condition) == null ? void 0 : _.value.map((T) => typeof T == "string" ? T : T.label).join(", ") : (O = e.condition) == null ? void 0 : O.value.toString();
+  return /* @__PURE__ */ r(Ye, { draggableId: e.identifier, index: t, children: (T) => /* @__PURE__ */ r(
     ge,
     {
-      ref: E.innerRef,
-      ...E.draggableProps,
-      ...E.dragHandleProps,
+      ref: T.innerRef,
+      ...T.draggableProps,
+      ...T.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(Pe, { as: "h3", size: "3", children: e.label }),
-            /* @__PURE__ */ r(D, { className: ke.description, children: e.description })
+      children: /* @__PURE__ */ y(v, { gap: "3", justify: "between", align: "center", children: [
+        /* @__PURE__ */ y(v, { direction: "column", gap: "2", grow: "1", children: [
+          /* @__PURE__ */ y(v, { direction: "column", children: [
+            /* @__PURE__ */ r(Le, { as: "h3", size: "3", children: e.label }),
+            /* @__PURE__ */ r(k, { className: Ve.description, children: e.description })
           ] }),
-          e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(ai, { children: [
+          e.condition && /* @__PURE__ */ r(k, { size: "1", children: /* @__PURE__ */ y(ci, { children: [
             "Display only if ",
-            /* @__PURE__ */ r(nt, { children: S }),
+            /* @__PURE__ */ r(nt, { children: z }),
             " ",
-            F,
+            I,
             " ",
             /* @__PURE__ */ r(nt, { children: w })
           ] }) }),
-          /* @__PURE__ */ r(Ke, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (y) => /* @__PURE__ */ b(
+          /* @__PURE__ */ r(Ke, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (b) => /* @__PURE__ */ y(
             v,
             {
-              ref: y.innerRef,
-              ...y.droppableProps,
+              ref: b.innerRef,
+              ...b.droppableProps,
               direction: "column",
               gap: "0",
               children: [
-                e.fields.map((P, k) => /* @__PURE__ */ r(
-                  on,
+                e.fields.map((A, D) => /* @__PURE__ */ r(
+                  sn,
                   {
-                    field: P,
-                    index: k,
+                    field: A,
+                    index: D,
                     sectionIndex: t,
-                    remove: () => u(k)
+                    remove: () => f(D)
                   },
-                  P.identifier
+                  A.identifier
                 )),
-                y.placeholder,
-                /* @__PURE__ */ r(Ae, { ...I, children: /* @__PURE__ */ b(j, { type: "button", variant: "outline", children: [
-                  /* @__PURE__ */ r(Le, {}),
+                b.placeholder,
+                /* @__PURE__ */ r(Ae, { ...x, children: /* @__PURE__ */ y(H, { type: "button", variant: "outline", children: [
+                  /* @__PURE__ */ r(De, {}),
                   " Add a field"
                 ] }) })
               ]
@@ -1758,18 +1778,18 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           ) })
         ] }),
         /* @__PURE__ */ r(
-          Vt,
+          Pt,
           {
             remove: h,
             insertAfterProps: g,
-            dragHandleProps: E.dragHandleProps,
+            dragHandleProps: T.dragHandleProps,
             editProps: p
           }
         )
       ] })
     }
   ) });
-}), ln = (s, i) => {
+}), an = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1784,7 +1804,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     case "update":
       return i.state;
   }
-}, an = (s, i) => {
+}, cn = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1798,16 +1818,16 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
   var e, t, n;
   const i = {};
   for (let o = 0; o < s.length; o++) {
-    const a = s[o];
-    if (!a)
+    const l = s[o];
+    if (!l)
       throw new Error("Field is undefined.");
-    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] = {
+    const a = o > 0 ? (e = i[s[o - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, c = new Set(a);
+    (t = l.condition) != null && t.identifier && c.add(l.condition.identifier), i[l.identifier] = {
       disabled: !1,
       conditionFields: c,
-      conditionIndex: an(s, (n = a.condition) == null ? void 0 : n.identifier),
+      conditionIndex: cn(s, (n = l.condition) == null ? void 0 : n.identifier),
       index: o,
-      label: a.label
+      label: l.label
     };
   }
   return i;
@@ -1815,50 +1835,50 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, cn = T(function() {
-  const { values: i, setFieldValue: e } = ue(), [t, n] = fi(ln, i.fields, at), { showInfo: o } = ci();
+}, dn = S(function() {
+  const { values: i, setFieldValue: e } = ue(), [t, n] = mi(an, i.fields, at), { showInfo: o } = di();
   be(() => {
     n({ type: "update", state: at(i.fields) });
   }, [n, i.fields]);
-  const a = z((f) => {
-    f.type === "SECTION" && n({ type: "hold", fieldId: f.draggableId });
-  }, []), l = z(
-    (f) => {
-      const { source: d, destination: u, type: h, reason: p, draggableId: g } = f;
-      if (n({ type: "release" }), !u || p === "CANCEL")
+  const l = E((u) => {
+    u.type === "SECTION" && n({ type: "hold", fieldId: u.draggableId });
+  }, []), a = E(
+    (u) => {
+      const { source: d, destination: f, type: h, reason: p, draggableId: g } = u;
+      if (n({ type: "release" }), !f || p === "CANCEL")
         return;
       if (h === "ROOT") {
-        const A = t[g];
-        if (!A)
+        const L = t[g];
+        if (!L)
           throw new Error("Could not find section context.");
-        let L = typeof A.conditionIndex < "u" ? (
+        let P = typeof L.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          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({
+          Math.max(L.conditionIndex + 1, f.index)
+        ) : f.index;
+        for (const F of Object.values(t))
+          F.conditionIndex === d.index && (P = Math.min(P, F.index - 1));
+        return P != f.index && o({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", Ne(i.fields, d.index, L));
+        }), e("fields", Ne(i.fields, d.index, P));
       }
       if (h !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [I, S] = ct(i.fields, d.droppableId) ?? [], [F, w] = ct(i.fields, u.droppableId) ?? [];
-      if (!(I != null && I.fields) || !F)
+      const [x, z] = ct(i.fields, d.droppableId) ?? [], [I, w] = ct(i.fields, f.droppableId) ?? [];
+      if (!(x != null && x.fields) || !I)
         throw new Error("Could not find section with fields.");
-      if (I.identifier === F.identifier)
+      if (x.identifier === I.identifier)
         e(
-          `fields.${S}.fields`,
-          Ne(I.fields, d.index, u.index)
+          `fields.${z}.fields`,
+          Ne(x.fields, d.index, f.index)
         ).then();
       else {
-        const A = I.fields[d.index];
-        if (!A)
+        const L = x.fields[d.index];
+        if (!L)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${S}.fields`, Ie(I.fields, d.index)).then(), e(
+        e(`fields.${z}.fields`, Ie(x.fields, d.index)).then(), e(
           `fields.${w}.fields`,
-          xt(F.fields, u.index, A)
+          xt(I.fields, f.index, L)
         ).then();
       }
     },
@@ -1872,74 +1892,74 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     }),
     [i.fields]
   );
-  return /* @__PURE__ */ r(ht, { onDragStart: a, onDragEnd: l, children: /* @__PURE__ */ r(Ke, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ b(
+  return /* @__PURE__ */ r(ht, { onDragStart: l, onDragEnd: a, children: /* @__PURE__ */ r(Ke, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ y(
     v,
     {
-      ref: f.innerRef,
-      ...f.droppableProps,
+      ref: u.innerRef,
+      ...u.droppableProps,
       direction: "column",
       gap: "0",
       children: [
-        i.fields.map((d, u) => /* @__PURE__ */ r(
-          sn,
+        i.fields.map((d, f) => /* @__PURE__ */ r(
+          ln,
           {
             field: d,
-            index: u,
+            index: f,
             dropState: t
           },
           d.label
         )),
-        f.placeholder,
-        /* @__PURE__ */ r(Ae, { ...c, children: /* @__PURE__ */ b(j, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ r(Le, {}),
+        u.placeholder,
+        /* @__PURE__ */ r(Ae, { ...c, children: /* @__PURE__ */ y(H, { type: "button", variant: "outline", children: [
+          /* @__PURE__ */ r(De, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), dn = {
+}), un = {
   title: "",
   description: "",
   fields: []
-}, un = new he({
+}, fn = new he({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), fn = { formId: _e, placeholder: "Give your form a title." }, mn = new pe({
+}), mn = { formId: _e, placeholder: "Give your form a title." }, hn = new pe({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), hn = { formId: _e, placeholder: "Explain the purpose of this form." }, pn = () => {
+}), pn = { formId: _e, placeholder: "Explain the purpose of this form." }, gn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Ln = T(
+}, Ln = S(
   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 { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: l = o } = s, a = E((p) => {
       const 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 = Ue({
-      initialValues: Pi(n) ?? dn,
-      validate: l,
+      initialValues: Pi(n) ?? un,
+      validate: a,
       onSubmit: (p) => t(p),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), 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]
+    }), u = C(() => Tt(c.values), [c.values]), d = ze(fn, mn), f = ze(hn, pn), h = C(
+      () => typeof l == "object" ? l : /* @__PURE__ */ r(Le, { children: l }),
+      [l]
     );
-    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" })
+    return /* @__PURE__ */ r(Q.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ y(v, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ y(Q.List, { children: [
+        /* @__PURE__ */ r(Q.Trigger, { value: "edit", children: "Edit" }),
+        /* @__PURE__ */ r(Q.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ b(Y.Content, { value: "edit", children: [
+      /* @__PURE__ */ y(Q.Content, { value: "edit", children: [
         h,
-        /* @__PURE__ */ b(D, { children: [
+        /* @__PURE__ */ y(k, { 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" }),
@@ -1947,49 +1967,49 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           " ",
           /* @__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: _e, onSubmit: c.handleSubmit, children: [
-          /* @__PURE__ */ b(Ge, { value: c, children: [
+        /* @__PURE__ */ r(v, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ y("form", { id: _e, onSubmit: c.handleSubmit, children: [
+          /* @__PURE__ */ y(Ge, { value: c, children: [
             d,
-            u,
-            /* @__PURE__ */ r(cn, {}),
-            /* @__PURE__ */ r(D, { severity: "danger", size: "1", children: typeof c.errors.fields == "string" && c.errors.fields })
+            f,
+            /* @__PURE__ */ r(dn, {}),
+            /* @__PURE__ */ r(k, { severity: "danger", size: "1", children: typeof c.errors.fields == "string" && c.errors.fields })
           ] }),
-          /* @__PURE__ */ b(v, { justify: "end", gap: "2", children: [
-            /* @__PURE__ */ r(j, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ r(j, { type: "submit", disabled: !c.isValid, children: "Save" })
+          /* @__PURE__ */ y(v, { justify: "end", gap: "2", children: [
+            /* @__PURE__ */ r(H, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ r(H, { type: "submit", disabled: !c.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(Y.Content, { value: "preview", children: /* @__PURE__ */ r(tt, { schema: f, onSubmit: pn }) })
+      /* @__PURE__ */ r(Q.Content, { value: "preview", children: /* @__PURE__ */ r(tt, { schema: u, onSubmit: gn }) })
     ] }) });
   })
 );
 export {
   ce as BooleanField,
-  Ti as BooleanInput,
+  Si as BooleanInput,
   Re as DateField,
-  zi as DateInput,
-  G as FieldSection,
-  Sn as FormBrowser,
+  Ei as DateInput,
+  K as FieldSection,
+  zn as FormBrowser,
   Ln as FormBuilder,
   tt as FormRenderer,
-  zn as FormSubmissionBrowser,
-  Tn as FormSubmissionViewer,
+  En as FormSubmissionBrowser,
+  Sn as FormSubmissionViewer,
   Te as MultiSelectField,
-  Mi as MultiSelectInput,
+  $i as MultiSelectInput,
   Ce as MultiStringField,
-  Di as MultiStringInput,
-  U as NumberField,
-  Si as NumberInput,
-  En as PatchField,
-  An as PatchFormProvider,
+  _i as MultiStringInput,
+  G as NumberField,
+  zi as NumberInput,
+  An as PatchField,
+  Dn as PatchFormProvider,
   Fe as SelectField,
   Li as SelectInput,
   he as StringField,
-  Ei as StringInput,
+  Ai as StringInput,
   pe as TextField,
-  Ai as TextInput,
-  De as deserialize,
+  Di as TextInput,
+  ke as deserialize,
   Ft as deserializeField,
   Tt as formRevisionToSchema,
   St as isConditionMet,