@overmap-ai/forms 1.0.3-alpha.0 → 1.0.3-draggability-and-dirty-check.0

package/dist/forms.js

@@ -1,14 +1,15 @@
 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 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 { jsx as r, jsxs as b, Fragment as dt } from "react/jsx-runtime";
+import { Flex as v, Text as k, useSeverityColor as de, Checkbox as $t, CheckCircledIcon as Mt, 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 Pe, Button as H, UploadIcon as mt, ButtonList as Le, 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 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 ui, { useMemo as C, memo as z, 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 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 { slugify as hi, useAppSelector as $, 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";
+import Fi from "react-draggable";
 class wt {
   constructor(i) {
     m(this, "type");
@@ -33,7 +34,7 @@ class wt {
     };
   }
 }
-class $ extends wt {
+class M extends wt {
   constructor(e) {
     const { label: t, required: n, fieldValidators: o = [], formValidators: l = [], ...a } = e;
     super(a);
@@ -89,23 +90,23 @@ class $ extends wt {
     return [...this.formValidators];
   }
 }
-m($, "fieldTypeName"), m($, "fieldTypeDescription");
-const Fi = "_description_17zed_1", Ve = {
-  description: Fi
+m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
+const Ti = "_description_17zed_1", Ve = {
+  description: Ti
 }, 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: [
+  return /* @__PURE__ */ r(v, { direction: "column", gap: "1", asChild: !0, ...l, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
     /* @__PURE__ */ r(k, { severity: t, id: o, children: i }),
     e
   ] }) });
 }, W = (s) => {
   const { helpText: i, children: e, severity: t } = s;
-  return /* @__PURE__ */ y(v, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
     e,
     /* @__PURE__ */ r(v, { direction: "column", children: /* @__PURE__ */ r(k, { size: "1", severity: t, className: Ve.description, children: i }) })
   ] });
 }, 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(() => ({
+  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`, p = `${f}-label`, h = e.required ? `${e.label} *` : e.label, y = C(() => ({
     ...o,
     onChange: (I) => {
       const w = e.getValueFromChangeEvent(I);
@@ -120,16 +121,16 @@ const Fi = "_description_17zed_1", Ve = {
       helpText: u,
       severity: d,
       inputId: f,
-      labelId: h,
-      label: p,
-      fieldProps: g,
+      labelId: p,
+      label: h,
+      fieldProps: y,
       helpers: a,
       field: e
     },
-    { ...n, "aria-labelledby": h }
+    { ...n, "aria-labelledby": p }
   ];
-}, 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);
+}, Si = [!0, "true"], zi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a }, c] = j(i), u = de(n), d = Si.includes(a.value);
   return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(
     q,
     {
@@ -139,7 +140,7 @@ const Fi = "_description_17zed_1", Ve = {
       label: l,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
-        Mt,
+        $t,
         {
           ...c,
           ...a,
@@ -154,7 +155,7 @@ const Fi = "_description_17zed_1", Ve = {
       )
     }
   ) });
-}), X = class X extends $ {
+}), X = class X extends M {
   constructor(e) {
     super({ ...e, type: "boolean" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -175,12 +176,12 @@ const Fi = "_description_17zed_1", Ve = {
     return new X(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Si, { ...e, field: this });
+    return /* @__PURE__ */ r(zi, { ...e, field: this });
   }
 };
-m(X, "fieldTypeName", "Checkbox"), m(X, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(X, "Icon", $t);
+m(X, "fieldTypeName", "Checkbox"), m(X, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(X, "Icon", Mt);
 let ce = X;
-const zi = S(function(i) {
+const Ei = z(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,
@@ -195,7 +196,7 @@ const zi = S(function(i) {
       color: d
     }
   ) }) });
-}), R = class R extends $ {
+}), R = class R extends M {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
@@ -266,15 +267,15 @@ const zi = S(function(i) {
     return new R(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(zi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ei, { field: this, ...e });
   }
 };
 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 Ai = z(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 $ {
+}), J = class J extends M {
   constructor(e) {
     super({ ...e, type: "date" });
     m(this, "onlyValidateAfterTouched", !1);
@@ -291,12 +292,12 @@ const Ei = S(function(i) {
     return new J(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ei, { field: this, ...e });
+    return /* @__PURE__ */ r(Ai, { field: this, ...e });
   }
 };
 m(J, "fieldTypeName", "Date"), m(J, "fieldTypeDescription", "Allows specifying a date."), m(J, "Icon", Rt);
 let Re = J;
-class we extends $ {
+class we extends M {
   constructor(e) {
     const { minLength: t, maxLength: n = 5e3, ...o } = e;
     super(o);
@@ -365,7 +366,7 @@ 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 Ai = S(function(i) {
+const Di = z(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 {
@@ -385,12 +386,12 @@ const Ai = S(function(i) {
     return new Z({ ...l, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ai, { field: this, ...e });
+    return /* @__PURE__ */ r(Di, { field: this, ...e });
   }
 };
 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 Pi = z(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 {
@@ -408,27 +409,27 @@ const Di = S(function(i) {
     return new ee({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Di, { field: this, ...i });
+    return /* @__PURE__ */ r(Pi, { field: this, ...i });
   }
 };
 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 })),
+const Li = z(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, p = C(
+    () => c.options.map((y) => ({ value: y.value, itemContent: y.label })),
     [c.options]
-  ), p = E(
-    (g) => {
-      d(g), f(g);
+  ), h = E(
+    (y) => {
+      d(y), f(y);
     },
     [d, f]
   );
   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,
+      items: p,
       ...a,
-      onValueChange: p,
+      onValueChange: h,
       placeholder: "Select one...",
       id: e,
       severity: n,
@@ -442,7 +443,7 @@ const Li = S(function(i) {
   label: null,
   condition: null,
   conditional: !1
-}), Pi = (s) => {
+}), Vi = (s) => {
   if (!s)
     return;
   const i = s.fields;
@@ -458,7 +459,7 @@ function Ne(s, i, e) {
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function Vi(s, i, e) {
+function ki(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
@@ -470,7 +471,7 @@ function Ie(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const ki = (s, i) => {
+const _i = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
@@ -486,45 +487,45 @@ 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), _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);
+}, Be = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), $i = z(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: p } = a, h = `${e}-droppable`, { disabled: y } = c, [x, F] = U(""), [I, w] = U(""), L = I || o, D = I ? "red" : u, T = E(
+    (g) => {
+      f(g), p(g);
     },
-    [f, h]
+    [f, p]
   ), 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);
+    (g) => {
+      d.findIndex((A) => A.value === g.target.value.trim()) >= 0 ? w("All options must be unique") : g.target.value ? w("") : w("Option cannot be empty"), F(g.target.value);
     },
-    [z, d]
+    [F, d]
   ), N = E(() => {
     if (I)
       return;
     if (!x.trim())
       return w("Option cannot be empty");
-    const b = x.trim();
-    F([...d, { value: b, label: b }]), z("");
-  }, [x, I, F, d]), _ = E(
-    (b) => {
-      b.key === "Enter" && (b.preventDefault(), N());
+    const g = x.trim();
+    T([...d, { value: g, label: g }]), F("");
+  }, [x, I, T, d]), _ = E(
+    (g) => {
+      g.key === "Enter" && (g.preventDefault(), N());
     },
     [N]
   ), O = E(
-    (b) => {
-      F(Ie(d, b));
+    (g) => {
+      T(Ie(d, g));
     },
-    [d, F]
-  ), T = E(
-    (b) => {
-      if (!b.destination)
+    [d, T]
+  ), S = E(
+    (g) => {
+      if (!g.destination)
         return;
-      const A = b.source.index, D = b.destination.index;
-      F(Ne(d, A, D));
+      const A = g.source.index, P = g.destination.index;
+      T(Ne(d, A, P));
     },
-    [F, d]
+    [T, d]
   );
-  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: [
+  return /* @__PURE__ */ r(ht, { onDragEnd: S, children: /* @__PURE__ */ b(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: (!y || d.length === 0) && /* @__PURE__ */ b(v, { gap: "2", children: [
       /* @__PURE__ */ r(me, { grow: "1", children: /* @__PURE__ */ r(
         se.Input,
         {
@@ -535,7 +536,7 @@ const ki = (s, i) => {
           onChange: V,
           onKeyDown: _,
           id: e,
-          color: P,
+          color: D,
           onBlur: void 0
         }
       ) }),
@@ -544,19 +545,19 @@ const ki = (s, i) => {
         {
           type: "button",
           "aria-label": "Add option",
-          disabled: !!I || g,
+          disabled: !!I || y,
           onClick: N,
           children: /* @__PURE__ */ r(De, {})
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ r(Ke, { droppableId: p, children: (b) => /* @__PURE__ */ y(v, { ...b.droppableProps, ref: b.innerRef, direction: "column", children: [
-      d.map((A, D) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Ke, { droppableId: h, children: (g) => /* @__PURE__ */ b(v, { ...g.droppableProps, ref: g.innerRef, direction: "column", children: [
+      d.map((A, P) => /* @__PURE__ */ r(
         Ye,
         {
           draggableId: `${A.value}-draggable`,
-          index: D,
-          isDragDisabled: g,
+          index: P,
+          isDragDisabled: y,
           children: ({ draggableProps: B, dragHandleProps: fe, innerRef: Y }) => /* @__PURE__ */ r(
             v,
             {
@@ -568,7 +569,7 @@ const ki = (s, i) => {
               justify: "between",
               mb: "1",
               asChild: !0,
-              children: /* @__PURE__ */ y(Oe, { color: "gray", size: "2", children: [
+              children: /* @__PURE__ */ b(Oe, { color: "gray", size: "2", children: [
                 /* @__PURE__ */ r("span", { children: A.label }),
                 /* @__PURE__ */ r(
                   le,
@@ -578,8 +579,8 @@ const ki = (s, i) => {
                     type: "button",
                     "aria-label": "Delete option",
                     severity: "info",
-                    disabled: g,
-                    onClick: () => O(D),
+                    disabled: y,
+                    onClick: () => O(P),
                     children: /* @__PURE__ */ r(ft, {})
                   }
                 )
@@ -589,10 +590,10 @@ const ki = (s, i) => {
         },
         A.value
       )),
-      b.placeholder
+      g.placeholder
     ] }) })
   ] }) });
-}), te = class te extends $ {
+}), te = class te extends M {
   constructor(e) {
     const { minimum_length: t, maximum_length: n, ...o } = e;
     super({ ...o, type: "multi-string" });
@@ -607,7 +608,7 @@ const ki = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(_i, { field: this, ...e });
+    return /* @__PURE__ */ r($i, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -633,7 +634,7 @@ const ki = (s, i) => {
 };
 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 $ {
+class Ct extends M {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -684,18 +685,18 @@ const ie = class ie extends Ct {
 };
 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), f(g);
+const Mi = (s) => s ? Array.isArray(s) ? s : [s] : [], Oi = z(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, p = C(() => Mi(a.value), [a.value]), h = E(
+    (y) => {
+      d(y), f(y);
     },
     [d, f]
   );
   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,
+      value: p,
+      onValueChange: h,
       options: c.options,
       name: a.name,
       placeholder: "Select one or more...",
@@ -725,19 +726,19 @@ const Mi = (s) => s ? Array.isArray(s) ? s : [s] : [], $i = S(function(i) {
     return new ne(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r($i, { field: this, ...i });
+    return /* @__PURE__ */ r(Oi, { field: this, ...i });
   }
 };
 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 Ri = z(function({ field: i, ...e }) {
   const [{ value: t }] = He(i.options.clonedFieldIdentifier), n = C(() => {
     const o = i.options.getFieldToClone(t);
     return o ? ke(o) : null;
   }, [i.options, t]);
   return ze(n, e);
 });
-class Se extends $ {
+class Se extends M {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -754,26 +755,26 @@ class Se extends $ {
   }
 }
 m(Se, "fieldTypeName", "Custom"), m(Se, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Ri extends Se {
+class Ni extends Se {
   constructor(i) {
-    super(i, Oi);
+    super(i, Ri);
   }
 }
-const Ni = S(function(i) {
+const Bi = z(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 (!f)
-      for (const p of l)
-        u(p.getId(), "").then();
+      for (const h of l)
+        u(h.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 }),
+  const p = zt(l, t);
+  return f ? 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(k, { className: Ve.description, children: o })
     ] }),
-    h
-  ] }) }) : h : null;
+    p
+  ] }) }) : p : null;
 }), re = class re extends wt {
   constructor(e) {
     const { label: t = null, fields: n, condition: o = null, conditional: l, ...a } = e;
@@ -821,7 +822,7 @@ const Ni = S(function(i) {
           // Declare a custom field that will be used to input a value for the condition. The value of the
           // conditional field selected in the previous step must be equal to the value the user inputs into
           // this field for the section to be rendered.
-          new Ri({
+          new Ni({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -872,34 +873,34 @@ const Ni = S(function(i) {
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Ni, { field: this, ...e });
+    return /* @__PURE__ */ r(Bi, { field: this, ...e });
   }
 };
 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
+const qi = "_previewImage_1ig84_1", Wi = {
+  previewImage: qi
 }, 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);
-}, 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(F, 1), d({ target: { files: V } });
+}, ji = z(function(i) {
+  var D;
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: a, field: c }, u] = j(i), { onChange: d } = a, f = de(n), p = fi(null), { value: h } = a, y = C(() => o || (c.maxFileSize ? `Maximum file size: ${Je(c.maxFileSize)}` : null), [c.maxFileSize, o]), x = E(() => {
+    var T;
+    (T = p.current) == null || T.click();
+  }, []), F = E(
+    (T) => {
+      const V = [...h];
+      V.splice(T, 1), d({ target: { files: V } });
     },
-    [p, d]
-  ), 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: [
+    [h, d]
+  ), I = h ? "Select new files" : "Select files", w = h ? "Select new file" : "Select a file", L = c.maxFiles > 1 ? I : w;
+  return /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ r(W, { helpText: y, severity: n, children: /* @__PURE__ */ b(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__ */ b(H, { ...u, onClick: x, children: [
         /* @__PURE__ */ r(mt, {}),
         " ",
         L
@@ -909,9 +910,9 @@ const Bi = "_previewImage_1ig84_1", qi = {
         {
           ...u,
           type: "file",
-          ref: h,
+          ref: p,
           id: e,
-          accept: (P = c.extensions) == null ? void 0 : P.join(","),
+          accept: (D = c.extensions) == null ? void 0 : D.join(","),
           multiple: c.maxFiles > 1,
           color: f,
           style: { display: "none" },
@@ -920,26 +921,26 @@ const Bi = "_previewImage_1ig84_1", qi = {
         }
       )
     ] }) }),
-    Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: p.map((F, V) => /* @__PURE__ */ r(
-      ji,
+    Array.isArray(h) && h.length > 0 && /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: h.map((T, V) => /* @__PURE__ */ r(
+      Hi,
       {
         field: c,
-        file: F,
-        onRemove: () => z(V),
+        file: T,
+        onRemove: () => F(V),
         disabled: u.disabled
       },
       V
     )) })
   ] });
-}), ji = S(function({ file: i, field: e, onRemove: t, disabled: n }) {
+}), Hi = z(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 };
+    let f = null, p, h;
+    return o != null && o.type.startsWith("image/") && (f = URL.createObjectURL(o)), o ? (p = o.name, h = Je(o.size)) : (p = "Downloading...", h = "..."), { url: f, name: p, size: h };
   }, [o]);
   return be(() => {
     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: [
+  }, [i]), /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ b(v, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+    /* @__PURE__ */ b(v, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
       /* @__PURE__ */ r(
         le,
         {
@@ -951,15 +952,15 @@ const Bi = "_previewImage_1ig84_1", qi = {
           children: /* @__PURE__ */ r(ft, {})
         }
       ),
-      /* @__PURE__ */ y(v, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ b(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: qi.previewImage, src: c, alt: u })
+    c && /* @__PURE__ */ r("img", { className: Wi.previewImage, src: c, alt: u })
   ] }) });
-}), rt = 50 * 1024 * 1024, oe = class oe extends $ {
+}), rt = 50 * 1024 * 1024, oe = class oe extends M {
   constructor(e) {
     const { extensions: t, maximum_files: n, maximum_size: o, ...l } = e;
     super({ ...l, type: "upload" });
@@ -1048,7 +1049,7 @@ const Bi = "_previewImage_1ig84_1", qi = {
     return new oe(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Wi, { field: this, ...e });
+    return /* @__PURE__ */ r(ji, { field: this, ...e });
   }
 };
 m(oe, "fieldTypeName", "Upload"), m(oe, "fieldTypeDescription", "Allows a file to be uploaded."), m(oe, "Icon", mt);
@@ -1109,60 +1110,61 @@ 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 $))
+      if (!(t instanceof M))
         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;
-}, 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 = () => {
+}, Ui = [null, void 0], et = (s, i) => s.reduce((e, t) => t instanceof K ? { ...e, ...et(t.fields, i) } : (Ui.includes(ae(e, t.getId())) && Xe(e, t.getId(), ""), e), i), Gi = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, tt = S(
+}, tt = z(
   ye((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Ui,
+      onSubmit: n = Gi,
       submitText: o = "Submit",
       cancelText: l,
       onCancel: a,
       onDirty: c,
+      onDirtyChange: u,
       // if the title isn't provided, hide it by default
-      hideTitle: u = !e.title,
-      hideDescription: d,
-      className: f
-    } = s, { readonly: h } = e.meta, p = C(() => crypto.randomUUID(), []), g = Ue({
+      hideTitle: d = !e.title,
+      hideDescription: f,
+      className: p
+    } = s, { readonly: h } = e.meta, y = C(() => crypto.randomUUID(), []), x = Ue({
       initialValues: et(e.fields, t),
       onSubmit: n,
-      validate: (L) => Et(e, L),
+      validate: (D) => Et(e, D),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { dirty: x } = g, z = C(
-      () => typeof e.title == "string" ? /* @__PURE__ */ r(Le, { children: e.title }) : e.title,
+    }), { dirty: F } = x, I = C(
+      () => typeof e.title == "string" ? /* @__PURE__ */ r(Pe, { children: e.title }) : e.title,
       [e.title]
-    ), I = C(
+    ), w = 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 });
+    ), L = zt(e.fields, { formId: y, disabled: h });
     return be(() => {
-      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
+      F && c && c(), u && u(F);
+    }, [F, c, u]), /* @__PURE__ */ r(Ge, { value: x, children: /* @__PURE__ */ r(v, { ref: i, direction: "column", gap: "2", className: p, asChild: !0, children: /* @__PURE__ */ b("form", { id: y, onSubmit: x.handleSubmit, children: [
+      !d && /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "1", children: [
+        I,
+        !f && w
       ] }) }),
-      w,
-      !h && /* @__PURE__ */ y(v, { justify: "end", gap: "2", children: [
+      L,
+      !h && /* @__PURE__ */ b(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 })
+        /* @__PURE__ */ r(H, { type: "submit", disabled: !x.isValid, children: o })
       ] })
     ] }) }) });
   })
-), Sn = S(
+), En = z(
   ye((s, i) => {
-    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = M(pt(e.form_revision)), { sdk: l } = gt();
+    const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = $(pt(e.form_revision)), { sdk: l } = gt();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
@@ -1170,12 +1172,12 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     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)
+        const p = l.files.fetchFileFromUrl(f.file, f.file_sha1, f.file_name).then((y) => {
+          if (!y.success)
             throw new Error(`Failed to download attachment ${f.file_name}.`);
-          return g.body;
-        }), p = d[f.field_identifier];
-        p ? p.push(h) : d[f.field_identifier] = [h];
+          return y.body;
+        }), h = d[f.field_identifier];
+        h ? h.push(p) : d[f.field_identifier] = [p];
       }
       return { ...e.values, ...d };
     }, [l.files, l.store, e.offline_id, e.values]);
@@ -1190,38 +1192,38 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       }
     );
   })
-), Gi = "_favoriteIcon_1bixi_1", Ki = "_regularIcon_1bixi_9", ot = {
-  favoriteIcon: Gi,
-  regularIcon: Ki
-}, Me = "organization:", $e = "user:", zn = S(
+), Ki = "_favoriteIcon_1bixi_1", Yi = "_regularIcon_1bixi_9", ot = {
+  favoriteIcon: Ki,
+  regularIcon: Yi
+}, $e = "organization:", Me = "user:", An = z(
   ye((s, i) => {
     const { maxResults: e = 20, ...t } = s, [n, o] = U(""), [l, a] = U(""), { sdk: c } = gt(), u = C(() => {
       const w = { maxResults: e, searchTerm: n };
-      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(
+      return l && (l.startsWith($e) ? w.owner_organization = parseInt(l.slice($e.length)) : l.startsWith(Me) && (w.owner_user = parseInt(l.slice(Me.length)))), w;
+    }, [n, e, l]), d = $(gi(u)) ?? [], f = $(bi), p = E(
       (w) => {
         w.favorite ? c.userForms.unfavorite(w.offline_id).then() : c.userForms.favorite(w.offline_id).then();
       },
       [c]
-    ), p = C(() => {
+    ), h = C(() => {
       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);
+      for (const D of Object.values(f)) {
+        const T = bt(D.owner_organization || -1)(w);
+        T && (L[`${$e}${T.id}`] = T.name);
+        const V = Qe(D.owner_user || -1)(w);
+        V && (L[`${Me}${V.id}`] = V.username);
       }
-      return Object.entries(L).map(([P, F]) => ({ itemContent: F, value: P }));
-    }, [f, c.store]), g = E((w) => {
+      return Object.entries(L).map(([D, T]) => ({ itemContent: T, value: D }));
+    }, [f, c.store]), y = E((w) => {
       o(w.currentTarget.value);
-    }, []), 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 }) }) }),
+    }, []), F = ($(yi) || 0) - d.length, I = d.length == e && F > 0 ? `Only the first ${e} results are shown (${F} hidden)` : F > 0 && `${F} 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(se.Root, { size: "3", children: /* @__PURE__ */ r(se.Input, { placeholder: "Filter", value: n, onChange: y }) }) }),
         /* @__PURE__ */ r(
           ut,
           {
-            items: p,
+            items: h,
             value: l,
             onValueChange: a,
             placeholder: "Owner",
@@ -1229,27 +1231,27 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(Pe.Root, { children: d.map((w) => /* @__PURE__ */ r(
-        Yi,
+      d.length > 0 && /* @__PURE__ */ r(Le.Root, { children: d.map((w) => /* @__PURE__ */ r(
+        Qi,
         {
           ...t,
           form: w,
-          handleToggleFavorite: () => h(w)
+          handleToggleFavorite: () => p(w)
         },
         w.offline_id
       )) }),
       /* @__PURE__ */ r(me, { px: "3", children: /* @__PURE__ */ r(k, { size: "2", severity: "info", children: I }) })
     ] });
   })
-), Yi = (s) => {
-  var h;
-  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();
+), Qi = (s) => {
+  var p;
+  const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (p = $(bt(i.owner_organization || -1))) == null ? void 0 : p.name, l = $(Qe(i.owner_user || -1)), a = $(yt).id, c = !!l && l.id === a, u = o ?? (c ? "You" : l == null ? void 0 : l.username) ?? "Unknown", d = E(
+    (h) => {
+      h.stopPropagation(), n();
     },
     [n]
-  ), 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: [
+  ), f = /* @__PURE__ */ r(Le.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(v, { justify: "between", gap: "2", py: "2", px: "3", ...Gt, children: [
+    /* @__PURE__ */ b(v, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
         le,
         {
@@ -1264,36 +1266,36 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       /* @__PURE__ */ r(k, { noWrap: !0, children: i.latestRevision.title }),
       i.latestRevision.description && /* @__PURE__ */ r(Qt, {})
     ] }),
-    u && /* @__PURE__ */ y(v, { align: "center", gap: "2", children: [
+    u && /* @__PURE__ */ b(v, { align: "center", gap: "2", children: [
       /* @__PURE__ */ r(Xt, {}),
       " ",
       u
     ] })
   ] }) });
   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) {
+}, Xi = "_submissionsContainer_9iirt_1", Ji = "_stopHorizontalOverflow_9iirt_6", At = {
+  submissionsContainer: Xi,
+  stopHorizontalOverflow: Ji
+}, Zi = z(function(i) {
   var w;
-  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([], {
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, a = $(yt), c = $(Qe("created_by" in e ? e.created_by : a.id)), u = je(e), d = vi(u) ? u.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : wi(u), f = M(pt(e.form_revision));
+  }) : wi(u), f = $(pt(e.form_revision));
   if (!f)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const h = (w = M(xi(f.form))) == null ? void 0 : w.revision, p = Ii({
+  const p = (w = $(xi(f.form))) == null ? void 0 : w.revision, h = 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()) ?? "?", x = f.revision === h, z = ui.useCallback(() => {
+  }), y = (c == null ? void 0 : c.username.charAt(0).toUpperCase()) ?? "?", x = f.revision === p, F = ui.useCallback(() => {
     t && t({ submission: e });
-  }, [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 }),
+  }, [e, t]), I = /* @__PURE__ */ r(Le.Item, { onClick: F, asChild: !0, children: /* @__PURE__ */ b(v, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
+    /* @__PURE__ */ b(v, { gap: "2", align: "center", className: At.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(Zt, { src: h, size: "1", fallback: y }),
       /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: o === "creator" ? (c || a).username : f.title })
     ] }),
-    /* @__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__ */ b(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}` }) : !!p && /* @__PURE__ */ r(Oe, { children: "Original" })),
       /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: d })
     ] })
   ] }) });
@@ -1301,7 +1303,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
 }), je = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, En = S(function(i) {
+}, Dn = z(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1313,36 +1315,36 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
   } = i;
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
-  const u = M(
+  const u = $(
     t ? () => t : Ci(e)
   ), d = C(
-    () => u == null ? void 0 : u.sort((f, h) => je(h).getTime() - je(f).getTime()),
+    () => u == null ? void 0 : u.sort((f, p) => je(p).getTime() - je(f).getTime()),
     [u]
   );
   return /* @__PURE__ */ r(
-    Pe.Root,
+    Le.Root,
     {
       className: vt(At.submissionsContainer, o),
       size: "small",
       variant: a,
-      before: !n && /* @__PURE__ */ y(k, { severity: "info", children: [
+      before: !n && /* @__PURE__ */ b(k, { severity: "info", children: [
         "There are ",
         ((u == null ? void 0 : u.length) || 0).toString(),
         " submissions of this form."
       ] }),
       after: l,
-      children: d == null ? void 0 : d.map((f, h) => /* @__PURE__ */ r(
-        Ji,
+      children: d == null ? void 0 : d.map((f, p) => /* @__PURE__ */ r(
+        Zi,
         {
           submission: f,
           compact: n,
           ...c
         },
-        h
+        p
       ))
     }
   );
-}), An = S(function(i) {
+}), Pn = z(function(i) {
   const { name: e, render: t } = i, { submitForm: n } = ue(), [o, l, a] = He(e);
   return C(() => {
     const c = (u) => a.setValue(u, !1);
@@ -1352,21 +1354,21 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       patchValue: n
     });
   }, [n, a, o.value, t]);
-}), Dn = S(
+}), Ln = z(
   ye((s, i) => {
     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) => {
+      (y) => {
         const x = {};
-        for (const z in g) {
-          const I = g[z];
-          I !== c[z] && I !== void 0 && (x[z] = I);
+        for (const F in y) {
+          const I = y[F];
+          I !== c[F] && I !== void 0 && (x[F] = I);
         }
         Ee(x) && o(x);
       },
       [c, o]
     ), d = E(
-      async (g) => {
-        const x = await Et(t, g);
+      async (y) => {
+        const x = await Et(t, y);
         return x && l(x), x;
       },
       [t, l]
@@ -1377,51 +1379,51 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), { errors: h, resetForm: p } = f;
+    }), { errors: p, resetForm: h } = f;
     return be(() => {
-      Ee(h) && p({ values: c, errors: {} });
-    }, [h, c, p]), /* @__PURE__ */ r(Ge, { value: f, children: /* @__PURE__ */ r("form", { ...a, ref: i, onSubmit: f.handleSubmit, children: e }) });
+      Ee(p) && h({ values: c, errors: {} });
+    }, [p, c, h]), /* @__PURE__ */ r(Ge, { value: f, children: /* @__PURE__ */ r("form", { ...a, ref: i, onSubmit: f.handleSubmit, children: e }) });
   })
 ), Dt = {
   ...Ze,
   section: K
-}, Zi = S(function(i) {
+}, en = z(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: [
+  return /* @__PURE__ */ b(v, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ r(H, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(v, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ r(l, {}),
       n
     ] }) }),
     /* @__PURE__ */ r(k, { children: o })
   ] });
-}), Lt = [
+}), Pt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], en = Lt.length - 1, tn = S(function(i) {
+], tn = Pt.length - 1, nn = z(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(v, { direction: "column", gap: "3", children: Lt.map((t, n) => /* @__PURE__ */ y(v, { direction: "column", gap: "3", children: [
+  return /* @__PURE__ */ r(v, { direction: "column", gap: "3", children: Pt.map((t, n) => /* @__PURE__ */ b(v, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ r(v, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
-      Zi,
+      en,
       {
         field: Ze[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < en && /* @__PURE__ */ r(ei, { size: "4" })
+    n < tn && /* @__PURE__ */ r(ei, { size: "4" })
   ] }, n)) });
-}), nn = (s) => (i) => {
+}), rn = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, rn = (s, i) => {
+}, on = (s, i) => {
   const e = [
     new he({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [nn(s)]
+      fieldValidators: [rn(s)]
     }),
     new pe({
       label: "Description",
@@ -1434,23 +1436,23 @@ 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" })
   ];
-}, on = S(function(i) {
+}, sn = z(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);
+      (h) => h.type === "section" ? [...h.fields.map((y) => y.label), h.label] : h.label
+    ).filter((h) => h !== (l == null ? void 0 : l.label) && h !== null);
+    let p = on(f, e);
     if (c === K) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      h = h.concat(c.getFieldCreationSchema(a));
+      p = p.concat(c.getFieldCreationSchema(a));
     } else {
-      if (!(c.prototype instanceof $))
+      if (!(c.prototype instanceof M))
         throw new Error(`Field must be an instance of BaseField. Got ${c}.`);
-      h = [...h, ...c.getFieldCreationSchema()];
+      p = [...p, ...c.getFieldCreationSchema()];
     }
     return {
-      fields: h,
+      fields: p,
       meta: { readonly: !1 },
       // using the dialog title as the form title
       title: null
@@ -1464,72 +1466,73 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       onSubmit: n,
       cancelText: l ? void 0 : "Back",
       onCancel: t,
-      onDirty: o
+      onDirtyChange: 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();
+}), Ae = z(function(i) {
+  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: a } = i, [c, u] = U(), [d, f] = U(!1), p = (o == null ? void 0 : o.type) ?? c, h = p ? Dt[p].fieldTypeName : void 0, { setFieldValue: y, values: x } = ue();
   if (l && !o)
     throw new Error("Initial field must be provided if editing is true.");
-  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(() => {
+  const F = ti(), I = !p && !l && !o, w = I ? "Choose a field type" : `${h} settings`, L = I ? "Select a field type to add to this section." : (h == null ? void 0 : h.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${h == null ? void 0 : h.toLowerCase()} field.`, D = E(() => {
     console.log("handlecancel ran", d), u(void 0), f(!1);
-  }, []), F = E(
-    (_, O) => (T) => {
-      console.log("closeinterrupt ran", _), _ ? z({
+  }, []), T = E(
+    (_, O) => (S) => {
+      console.log("closeinterrupt ran", _, d), _ ? F({
         onDiscard: () => {
-          O(!1), u(void 0), T();
+          O(!1), u(void 0), S();
         }
-      }) : (u(void 0), T());
+      }) : (u(void 0), S());
     },
-    [z]
+    [F]
   ), V = E(
     (_, O) => {
-      const { label: T } = _;
-      if (!h)
+      const { label: S } = _;
+      if (!p)
         throw new Error("Field type must be selected before creating a field.");
-      if (!T || typeof T != "string")
+      if (!S || typeof S != "string")
         throw new Error("Label must be provided before creating a field.");
-      const b = ke({
-        type: h,
+      const g = ke({
+        type: p,
         ..._,
-        identifier: ki(_.identifier, T)
+        identifier: _i(_.identifier, S)
       }).serialize(), A = ae(x, e);
       if (A === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let D;
+      let P;
       if (!Array.isArray(A))
         throw new Error("Parent path must point to an array.");
-      l ? D = Vi(A, t, b) : D = xt(A, t, b), g(e, D).then(), f(!1), O();
+      l ? P = ki(A, t, g) : P = xt(A, t, g), y(e, P).then(), f(!1), O();
     },
-    [l, h, x, e, g, t]
+    [l, p, x, e, y, t]
   ), N = E(
-    (_) => I ? /* @__PURE__ */ r(tn, { setFieldType: u }) : /* @__PURE__ */ r(
-      on,
+    (_) => I ? /* @__PURE__ */ r(nn, { setFieldType: u }) : /* @__PURE__ */ r(
+      sn,
       {
         conditionalSourceFields: a,
-        handleCancel: P,
+        handleCancel: D,
         handleCreateField: (O) => V(O, _),
-        fieldType: h,
+        fieldType: p,
         defaultField: o,
         handleDirty: () => f(!0)
       }
     ),
-    [a, P, V, o, I, h]
+    [a, D, V, o, I, p]
   );
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(Fi, { children: /* @__PURE__ */ r(
     ii,
     {
-      onCloseInterrupt: F(d, f),
+      onCloseInterrupt: T(d, f),
       title: w,
       description: L,
       content: N,
+      onPointerDownOutside: (_) => _.preventDefault(),
       children: n
     }
-  );
+  ) });
 }), st = ({ children: s }) => /* @__PURE__ */ r(dt, { children: s }), lt = (s, i) => ({
   initial: s ? i : "none",
   sm: s ? "none" : i
-}), Pt = S(function(i) {
+}), Lt = z(function(i) {
   const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o } = i, l = C(
     () => [
       {
@@ -1563,7 +1566,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     ],
     [t, n, o, e]
   );
-  return /* @__PURE__ */ y(dt, { children: [
+  return /* @__PURE__ */ b(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);
@@ -1581,7 +1584,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           return {
             ...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: [
+            content: /* @__PURE__ */ r(c, { ...a.wrapperProps, children: /* @__PURE__ */ b(v, { gap: "2", align: "center", children: [
               /* @__PURE__ */ r(a.Icon, {}),
               a.text
             ] }) })
@@ -1590,7 +1593,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       }
     ) })
   ] });
-}), _e = "form-builder", sn = S(function(i) {
+}), _e = "form-builder", ln = z(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,
@@ -1614,10 +1617,10 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       ...d.draggableProps,
       ...d.dragHandleProps,
       mb: "4",
-      children: /* @__PURE__ */ y(v, { gap: "4", justify: "between", align: "center", children: [
+      children: /* @__PURE__ */ b(v, { gap: "4", justify: "between", align: "center", children: [
         a,
         /* @__PURE__ */ r(
-          Pt,
+          Lt,
           {
             remove: o,
             editProps: c,
@@ -1628,42 +1631,42 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       ] })
     }
   ) });
-}), ln = S(function(i) {
-  var L, P, F, V, N, _, O;
+}), an = z(function(i) {
+  var L, D, T, 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();
+    (S, g) => {
+      for (const A of S) {
+        const P = g.indexOf(A);
+        l(`fields.${P}.condition`, null).then(), l(`fields.${P}.conditional`, !1).then();
       }
     },
     [l]
   ), d = E(
-    (T) => {
-      var D;
-      const b = e.fields[T];
-      if (!b)
+    (S) => {
+      var P;
+      const g = e.fields[S];
+      if (!g)
         throw new Error("Could not find field to remove.");
       const A = [];
       for (const B of a.fields)
-        ((D = B.condition) == null ? void 0 : D.identifier) === b.identifier && A.push(B);
+        ((P = B.condition) == null ? void 0 : P.identifier) === g.identifier && A.push(B);
       return {
-        removing: b,
+        removing: g,
         affectedSections: A,
-        action: () => l(`fields.${t}.fields`, Ie(e.fields, T))
+        action: () => l(`fields.${t}.fields`, Ie(e.fields, S))
       };
     },
     [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);
+    (S) => {
+      const { affectedSections: g, action: A, removing: P } = d(S), B = () => {
+        A().then(), u(g, a.fields);
       };
-      if (b.length > 0) {
-        const fe = b.map((Y) => Y.label).join(", ");
+      if (g.length > 0) {
+        const fe = g.map((Y) => Y.label).join(", ");
         return c({
           title: "Remove condition?",
-          description: `${D.label} is being used as a condition, deleting it will remove the condition from the ${fe} section(s).`,
+          description: `${P.label} is being used as a condition, deleting it will remove the condition from the ${fe} section(s).`,
           severity: "danger",
           actionText: "Remove",
           onAction: B
@@ -1672,9 +1675,9 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       B();
     },
     [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)
+  ), p = E(() => {
+    const g = e.fields.map((ve, Vt) => d(Vt)).flatMap((ve) => ve.affectedSections), A = g.length ? "Remove fields and conditions?" : "Remove fields?", P = e.fields.length, B = g.map((ve) => ve.label).join(", "), fe = g.length ? `Deleting this section will remove the ${P} field(s) it contains and will remove the conditions from following sections: ${B}` : `Deleting this section will remove the ${P} field(s) it contains.`, Y = Ie(a.fields, t), it = () => l("fields", Y);
+    if (g.length > 0)
       return c({
         title: A,
         description: fe,
@@ -1682,7 +1685,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
         actionText: "Remove",
         onAction: () => {
           it().then(() => {
-            u(b, Y);
+            u(g, Y);
           });
         }
       });
@@ -1695,7 +1698,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     l,
     c,
     u
-  ]), p = C(
+  ]), h = C(
     () => ({
       index: t,
       parentPath: "fields",
@@ -1704,7 +1707,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       conditionalSourceFields: Be(a.fields, t)
     }),
     [e, t, a.fields]
-  ), g = C(
+  ), y = C(
     () => ({
       index: t + 1,
       parentPath: "fields",
@@ -1719,57 +1722,57 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       initial: void 0
     }),
     [e.fields.length, t]
-  ), z = C(
+  ), F = C(
     () => {
-      var T, b;
-      return (b = It(a.fields, (T = e.condition) == null ? void 0 : T.identifier)) == null ? void 0 : b.label;
+      var S, g;
+      return (g = It(a.fields, (S = e.condition) == null ? void 0 : S.identifier)) == null ? void 0 : g.label;
     },
-    [(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";
+    [(D = e.condition) == null ? void 0 : D.identifier, a.fields]
+  ), I = Array.isArray((T = e.condition) == null ? void 0 : T.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((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(
+  const w = Array.isArray((N = e.condition) == null ? void 0 : N.value) ? (_ = e.condition) == null ? void 0 : _.value.map((S) => typeof S == "string" ? S : S.label).join(", ") : (O = e.condition) == null ? void 0 : O.value.toString();
+  return /* @__PURE__ */ r(Ye, { draggableId: e.identifier, index: t, children: (S) => /* @__PURE__ */ r(
     ge,
     {
-      ref: T.innerRef,
-      ...T.draggableProps,
-      ...T.dragHandleProps,
+      ref: S.innerRef,
+      ...S.draggableProps,
+      ...S.dragHandleProps,
       mb: "4",
-      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 }),
+      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(k, { className: Ve.description, children: e.description })
           ] }),
-          e.condition && /* @__PURE__ */ r(k, { size: "1", children: /* @__PURE__ */ y(ci, { children: [
+          e.condition && /* @__PURE__ */ r(k, { size: "1", children: /* @__PURE__ */ b(ci, { children: [
             "Display only if ",
-            /* @__PURE__ */ r(nt, { children: z }),
+            /* @__PURE__ */ r(nt, { children: F }),
             " ",
             I,
             " ",
             /* @__PURE__ */ r(nt, { children: w })
           ] }) }),
-          /* @__PURE__ */ r(Ke, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (b) => /* @__PURE__ */ y(
+          /* @__PURE__ */ r(Ke, { droppableId: e.identifier, type: "SECTION", isDropDisabled: o, children: (g) => /* @__PURE__ */ b(
             v,
             {
-              ref: b.innerRef,
-              ...b.droppableProps,
+              ref: g.innerRef,
+              ...g.droppableProps,
               direction: "column",
               gap: "0",
               children: [
-                e.fields.map((A, D) => /* @__PURE__ */ r(
-                  sn,
+                e.fields.map((A, P) => /* @__PURE__ */ r(
+                  ln,
                   {
                     field: A,
-                    index: D,
+                    index: P,
                     sectionIndex: t,
-                    remove: () => f(D)
+                    remove: () => f(P)
                   },
                   A.identifier
                 )),
-                b.placeholder,
-                /* @__PURE__ */ r(Ae, { ...x, children: /* @__PURE__ */ y(H, { type: "button", variant: "outline", children: [
+                g.placeholder,
+                /* @__PURE__ */ r(Ae, { ...x, children: /* @__PURE__ */ b(H, { type: "button", variant: "outline", children: [
                   /* @__PURE__ */ r(De, {}),
                   " Add a field"
                 ] }) })
@@ -1778,18 +1781,18 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           ) })
         ] }),
         /* @__PURE__ */ r(
-          Pt,
+          Lt,
           {
-            remove: h,
-            insertAfterProps: g,
-            dragHandleProps: T.dragHandleProps,
-            editProps: p
+            remove: p,
+            insertAfterProps: y,
+            dragHandleProps: S.dragHandleProps,
+            editProps: h
           }
         )
       ] })
     }
   ) });
-}), an = (s, i) => {
+}), cn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1804,7 +1807,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     case "update":
       return i.state;
   }
-}, cn = (s, i) => {
+}, dn = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1825,7 +1828,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     (t = l.condition) != null && t.identifier && c.add(l.condition.identifier), i[l.identifier] = {
       disabled: !1,
       conditionFields: c,
-      conditionIndex: cn(s, (n = l.condition) == null ? void 0 : n.identifier),
+      conditionIndex: dn(s, (n = l.condition) == null ? void 0 : n.identifier),
       index: o,
       label: l.label
     };
@@ -1835,8 +1838,8 @@ 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];
-}, dn = S(function() {
-  const { values: i, setFieldValue: e } = ue(), [t, n] = mi(an, i.fields, at), { showInfo: o } = di();
+}, un = z(function() {
+  const { values: i, setFieldValue: e } = ue(), [t, n] = mi(cn, i.fields, at), { showInfo: o } = di();
   be(() => {
     n({ type: "update", state: at(i.fields) });
   }, [n, i.fields]);
@@ -1844,39 +1847,39 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     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")
+      const { source: d, destination: f, type: p, reason: h, draggableId: y } = u;
+      if (n({ type: "release" }), !f || h === "CANCEL")
         return;
-      if (h === "ROOT") {
-        const L = t[g];
+      if (p === "ROOT") {
+        const L = t[y];
         if (!L)
           throw new Error("Could not find section context.");
-        let P = typeof L.conditionIndex < "u" ? (
+        let D = typeof L.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
           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({
+        for (const T of Object.values(t))
+          T.conditionIndex === d.index && (D = Math.min(D, T.index - 1));
+        return D != f.index && o({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", Ne(i.fields, d.index, P));
+        }), e("fields", Ne(i.fields, d.index, D));
       }
-      if (h !== "SECTION")
+      if (p !== "SECTION")
         throw new Error("Unexpected droppable type.");
-      const [x, z] = ct(i.fields, d.droppableId) ?? [], [I, w] = ct(i.fields, f.droppableId) ?? [];
+      const [x, F] = 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 (x.identifier === I.identifier)
         e(
-          `fields.${z}.fields`,
+          `fields.${F}.fields`,
           Ne(x.fields, d.index, f.index)
         ).then();
       else {
         const L = x.fields[d.index];
         if (!L)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${z}.fields`, Ie(x.fields, d.index)).then(), e(
+        e(`fields.${F}.fields`, Ie(x.fields, d.index)).then(), e(
           `fields.${w}.fields`,
           xt(I.fields, f.index, L)
         ).then();
@@ -1892,7 +1895,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
     }),
     [i.fields]
   );
-  return /* @__PURE__ */ r(ht, { onDragStart: l, onDragEnd: a, children: /* @__PURE__ */ r(Ke, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ y(
+  return /* @__PURE__ */ r(ht, { onDragStart: l, onDragEnd: a, children: /* @__PURE__ */ r(Ke, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ b(
     v,
     {
       ref: u.innerRef,
@@ -1901,7 +1904,7 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
       gap: "0",
       children: [
         i.fields.map((d, f) => /* @__PURE__ */ r(
-          ln,
+          an,
           {
             field: d,
             index: f,
@@ -1910,56 +1913,56 @@ const ze = (s, i) => C(() => !i || !s ? null : s.getInput(i), [s, i]), zt = (s,
           d.label
         )),
         u.placeholder,
-        /* @__PURE__ */ r(Ae, { ...c, children: /* @__PURE__ */ y(H, { type: "button", variant: "outline", children: [
+        /* @__PURE__ */ r(Ae, { ...c, children: /* @__PURE__ */ b(H, { type: "button", variant: "outline", children: [
           /* @__PURE__ */ r(De, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), un = {
+}), fn = {
   title: "",
   description: "",
   fields: []
-}, fn = new he({
+}, mn = new he({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), mn = { formId: _e, placeholder: "Give your form a title." }, hn = new pe({
+}), hn = { formId: _e, placeholder: "Give your form a title." }, pn = new pe({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), pn = { formId: _e, placeholder: "Explain the purpose of this form." }, gn = () => {
+}), gn = { formId: _e, placeholder: "Explain the purpose of this form." }, bn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Ln = S(
+}, Vn = z(
   ye((s, i) => {
-    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;
+    const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: l = o } = s, a = E((h) => {
+      const y = {};
+      if (h.title || (y.title = "Title is required."), (!h.fields || h.fields.length === 0) && (y.fields = "At least one field is required."), Ee(y))
+        return y;
     }, []), c = Ue({
-      initialValues: Pi(n) ?? un,
+      initialValues: Vi(n) ?? fn,
       validate: a,
-      onSubmit: (p) => t(p),
+      onSubmit: (h) => t(h),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), 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 }),
+    }), u = C(() => Tt(c.values), [c.values]), d = ze(mn, hn), f = ze(pn, gn), p = C(
+      () => typeof l == "object" ? l : /* @__PURE__ */ r(Pe, { children: l }),
       [l]
     );
-    return /* @__PURE__ */ r(Q.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ y(v, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ y(Q.List, { children: [
+    return /* @__PURE__ */ r(Q.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(v, { direction: "column", gap: "2", children: [
+      /* @__PURE__ */ b(Q.List, { children: [
         /* @__PURE__ */ r(Q.Trigger, { value: "edit", children: "Edit" }),
         /* @__PURE__ */ r(Q.Trigger, { value: "preview", children: "Preview" })
       ] }),
-      /* @__PURE__ */ y(Q.Content, { value: "edit", children: [
-        h,
-        /* @__PURE__ */ y(k, { children: [
+      /* @__PURE__ */ b(Q.Content, { value: "edit", children: [
+        p,
+        /* @__PURE__ */ b(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" }),
@@ -1967,48 +1970,48 @@ 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__ */ y("form", { id: _e, onSubmit: c.handleSubmit, children: [
-          /* @__PURE__ */ y(Ge, { value: c, children: [
+        /* @__PURE__ */ r(v, { asChild: !0, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ b("form", { id: _e, onSubmit: c.handleSubmit, children: [
+          /* @__PURE__ */ b(Ge, { value: c, children: [
             d,
             f,
-            /* @__PURE__ */ r(dn, {}),
+            /* @__PURE__ */ r(un, {}),
             /* @__PURE__ */ r(k, { severity: "danger", size: "1", children: typeof c.errors.fields == "string" && c.errors.fields })
           ] }),
-          /* @__PURE__ */ y(v, { justify: "end", gap: "2", children: [
+          /* @__PURE__ */ b(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(Q.Content, { value: "preview", children: /* @__PURE__ */ r(tt, { schema: u, onSubmit: gn }) })
+      /* @__PURE__ */ r(Q.Content, { value: "preview", children: /* @__PURE__ */ r(tt, { schema: u, onSubmit: bn }) })
     ] }) });
   })
 );
 export {
   ce as BooleanField,
-  Si as BooleanInput,
+  zi as BooleanInput,
   Re as DateField,
-  Ei as DateInput,
+  Ai as DateInput,
   K as FieldSection,
-  zn as FormBrowser,
-  Ln as FormBuilder,
+  An as FormBrowser,
+  Vn as FormBuilder,
   tt as FormRenderer,
-  En as FormSubmissionBrowser,
-  Sn as FormSubmissionViewer,
+  Dn as FormSubmissionBrowser,
+  En as FormSubmissionViewer,
   Te as MultiSelectField,
-  $i as MultiSelectInput,
+  Oi as MultiSelectInput,
   Ce as MultiStringField,
-  _i as MultiStringInput,
+  $i as MultiStringInput,
   G as NumberField,
-  zi as NumberInput,
-  An as PatchField,
-  Dn as PatchFormProvider,
+  Ei as NumberInput,
+  Pn as PatchField,
+  Ln as PatchFormProvider,
   Fe as SelectField,
   Li as SelectInput,
   he as StringField,
-  Ai as StringInput,
+  Di as StringInput,
   pe as TextField,
-  Di as TextInput,
+  Pi as TextInput,
   ke as deserialize,
   Ft as deserializeField,
   Tt as formRevisionToSchema,