@overmap-ai/forms 1.0.17-radio-field.18 → 1.0.17

package/dist/forms.js

@@ -1,15 +1,15 @@
 var dr = Object.defineProperty;
 var ur = (t, n, e) => n in t ? dr(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
 var I = (t, n, e) => ur(t, typeof n != "symbol" ? n + "" : n, e);
-import { jsx as l, jsxs as x, Fragment as pe } from "react/jsx-runtime";
-import { RiIcon as L, Text as le, Spinner as Kt, useToast as bt, ButtonGroup as Xt, Tooltip as Ee, IconButton as Q, Separator as jn, Input as fe, Badge as Ot, Checkbox as at, Popover as $e, Button as H, DayPicker as fr, Menu as z, Card as qe, RadioGroup as It, TextArea as qn, Heading as Hn, HoverCard as St, useAlertDialog as mr, Tabs as Ie } from "@overmap-ai/blocks";
+import { jsx as l, jsxs as E, Fragment as pe } from "react/jsx-runtime";
+import { RiIcon as L, Text as ae, Spinner as Kt, useToast as bt, ButtonGroup as Xt, Tooltip as Ee, IconButton as Q, Separator as jn, Input as ee, Badge as Ot, Checkbox as at, Popover as Be, Button as K, DayPicker as fr, Menu as B, RadioGroup as It, TextArea as qn, Card as Ge, Heading as Hn, HoverCard as St, useAlertDialog as mr, Tabs as Ie } from "@overmap-ai/blocks";
 import { cx as je } from "class-variance-authority";
 import * as h from "react";
-import { memo as P, useMemo as O, forwardRef as Ke, useCallback as T, createContext as Gn, useContext as hr, useState as G, useRef as Xe, useEffect as q, Fragment as Kn, useId as pr, use as Yt, useReducer as gr } from "react";
+import { memo as P, useMemo as O, forwardRef as Ke, useCallback as R, createContext as Gn, useContext as hr, useState as G, useRef as Xe, useEffect as H, Fragment as Kn, useId as pr, use as Yt, useReducer as gr } from "react";
 import { useField as Qt, useFormikContext as xe, useFormik as Jt, FormikProvider as Zt } from "formik";
-import { RiListCheck as vr, RiCheckboxCircleLine as yr, RiCalendarLine as br, RiCheckboxLine as xr, RiHashtag as wr, RiQrCodeLine as Cr, RiRadioButtonFill as Er, RiMenuFoldLine as Ir, RiInputField as Sr, RiAlignJustify as Nr, RiUpload2Line as Rr, RiFileCopyLine as Tr, RiDeleteBin7Fill as Fr, RiImageLine as Lr, RiArrowDownLine as Dr, RiArrowUpLine as Ar } from "react-icons/ri";
+import { RiListCheck as vr, RiCheckboxCircleLine as yr, RiCalendarLine as br, RiCheckboxLine as xr, RiHashtag as wr, RiQrCodeLine as Cr, RiRadioButtonFill as Er, RiMenuFoldLine as Ir, RiInputField as Sr, RiAlignJustify as Nr, RiUpload2Line as Tr, RiFileCopyLine as Rr, RiDeleteBin7Fill as Fr, RiImageLine as Lr, RiArrowDownLine as Dr, RiArrowUpLine as Ar } from "react-icons/ri";
 import { DragDropContext as Xn, Droppable as en, Draggable as tn } from "@hello-pangea/dnd";
-import oe from "lodash.get";
+import se from "lodash.get";
 import * as Pr from "react-dom";
 import Or from "react-dom";
 import { saveAs as Yn } from "file-saver";
@@ -23,15 +23,15 @@ const zr = ["image/jpeg", "image/png", "image/svg+xml"], _r = [
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
   // .xls
   "application/vnd.ms-excel"
-], $r = ["application/pdf"], nn = P((t) => {
-  const { fileType: n } = t, e = O(() => _r.includes(n) ? /* @__PURE__ */ l(L, { icon: "RiFileExcelLine" }) : $r.includes(n) ? /* @__PURE__ */ l(L, { icon: "RiFilePdfLine" }) : zr.includes(n) ? /* @__PURE__ */ l(L, { icon: "RiFileImageLine" }) : /* @__PURE__ */ l(L, { icon: "RiFileLine" }), [n]);
+], Br = ["application/pdf"], nn = P((t) => {
+  const { fileType: n } = t, e = O(() => _r.includes(n) ? /* @__PURE__ */ l(L, { icon: "RiFileExcelLine" }) : Br.includes(n) ? /* @__PURE__ */ l(L, { icon: "RiFilePdfLine" }) : zr.includes(n) ? /* @__PURE__ */ l(L, { icon: "RiFileImageLine" }) : /* @__PURE__ */ l(L, { icon: "RiFileLine" }), [n]);
   return /* @__PURE__ */ l("div", { className: "h-max w-max", children: e });
 });
 nn.displayName = "FileIcon";
 const Qn = P(
   Ke((t, n) => {
     const { file: e, className: i, error: r, rightSlot: o, ...s } = t;
-    return /* @__PURE__ */ x(
+    return /* @__PURE__ */ E(
       "div",
       {
         className: je(
@@ -45,7 +45,7 @@ const Qn = P(
         ...s,
         children: [
           r ? /* @__PURE__ */ l(L, { icon: "RiFileWarningLine" }) : /* @__PURE__ */ l(nn, { fileType: (e == null ? void 0 : e.type) ?? "" }),
-          r || (e ? /* @__PURE__ */ l(le, { className: "truncate", children: e.name }) : /* @__PURE__ */ l("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ l(Kt, {}) })),
+          r || (e ? /* @__PURE__ */ l(ae, { className: "truncate", children: e.name }) : /* @__PURE__ */ l("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ l(Kt, {}) })),
           o
         ]
       }
@@ -88,10 +88,10 @@ const Z = {
   description: "",
   required: !1
 };
-class U extends Jn {
+class W extends Jn {
   constructor(e) {
-    const { label: i, required: r, image: o, fieldValidators: s = [], formValidators: a = [], ...m } = e;
-    super(m);
+    const { label: i, required: r, image: o, fieldValidators: s = [], formValidators: a = [], ...u } = e;
+    super(u);
     I(this, "required");
     I(this, "formValidators");
     I(this, "fieldValidators");
@@ -150,18 +150,18 @@ class U extends Jn {
     return JSON.parse(e);
   }
 }
-I(U, "fieldTypeName"), I(U, "fieldTypeDescription");
+I(W, "fieldTypeName"), I(W, "fieldTypeDescription");
 const J = (t) => {
-  const { id: n, field: e, formId: i, size: r, showInputOnly: o, onValuesChange: s, ...a } = t, [m, d, f] = Qt(e.getId()), { touched: u } = d, p = d.error ?? e.description, b = d.error ? "danger" : void 0, y = n ?? `${i}-${e.getId()}-input`, c = `${y}-label`, v = e.required ? `${e.label} *` : e.label, w = O(() => ({
-    ...m,
+  const { id: n, field: e, formId: i, size: r, showInputOnly: o, onValuesChange: s, ...a } = t, [u, f, m] = Qt(e.getId()), { touched: d } = f, p = f.error ?? e.description, b = f.error ? "danger" : void 0, y = n ?? `${i}-${e.getId()}-input`, c = `${y}-label`, v = e.required ? `${e.label} *` : e.label, w = O(() => ({
+    ...u,
     // name and value not being overridden
     onChange: (S) => {
-      f.setValue(S, !1).then(), s == null || s(e.getId(), S), (u || !e.onlyValidateAfterTouched) && f.setError(e.getError(S));
+      m.setValue(S, !1).then(), s == null || s(e.getId(), S), (d || !e.onlyValidateAfterTouched) && m.setError(e.getError(S));
     },
     onBlur: (S) => {
-      f.setTouched(!0, !1).then(), f.setError(e.getError(S));
+      m.setTouched(!0, !1).then(), m.setError(e.getError(S));
     }
-  }), [e, m, f, s, u]);
+  }), [e, u, m, s, d]);
   return [
     {
       helpText: p,
@@ -172,9 +172,9 @@ const J = (t) => {
       label: v,
       showInputOnly: o,
       fieldProps: w,
-      helpers: f,
+      helpers: m,
       field: e,
-      touched: u
+      touched: d
     },
     /* Props that should be spread on the html element representing the field */
     { ...a, "aria-labelledby": c }
@@ -182,16 +182,16 @@ const J = (t) => {
 }, rn = [];
 let Qe;
 const Vr = new Uint8Array(16);
-function Br() {
+function $r() {
   if (!Qe && (Qe = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Qe))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return Qe(Vr);
 }
-const B = [];
+const U = [];
 for (let t = 0; t < 256; ++t)
-  B.push((t + 256).toString(16).slice(1));
+  U.push((t + 256).toString(16).slice(1));
 function Ur(t, n = 0) {
-  return B[t[n + 0]] + B[t[n + 1]] + B[t[n + 2]] + B[t[n + 3]] + "-" + B[t[n + 4]] + B[t[n + 5]] + "-" + B[t[n + 6]] + B[t[n + 7]] + "-" + B[t[n + 8]] + B[t[n + 9]] + "-" + B[t[n + 10]] + B[t[n + 11]] + B[t[n + 12]] + B[t[n + 13]] + B[t[n + 14]] + B[t[n + 15]];
+  return U[t[n + 0]] + U[t[n + 1]] + U[t[n + 2]] + U[t[n + 3]] + "-" + U[t[n + 4]] + U[t[n + 5]] + "-" + U[t[n + 6]] + U[t[n + 7]] + "-" + U[t[n + 8]] + U[t[n + 9]] + "-" + U[t[n + 10]] + U[t[n + 11]] + U[t[n + 12]] + U[t[n + 13]] + U[t[n + 14]] + U[t[n + 15]];
 }
 const Wr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), In = {
   randomUUID: Wr
@@ -200,7 +200,7 @@ function jr(t, n, e) {
   if (In.randomUUID && !t)
     return In.randomUUID();
   t = t || {};
-  const i = t.random || (t.rng || Br)();
+  const i = t.random || (t.rng || $r)();
   return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, Ur(i);
 }
 const me = (t) => t.type === "section", ct = (t = "", n = []) => ({
@@ -243,7 +243,7 @@ const on = () => jr(), ei = (t, n) => {
   const o = {
     ...e,
     identifier: on()
-  }, s = oe(i, t);
+  }, s = se(i, t);
   if (s === void 0)
     throw new Error("Parent path must point to an existing field.");
   if (!Array.isArray(s))
@@ -257,48 +257,48 @@ const on = () => jr(), ei = (t, n) => {
   };
   ut("fields", t, i, n, e);
 }, sn = () => {
-  const { showError: t } = bt(), n = T(
-    (i, r, o, s, a, m) => {
-      const d = i[r];
-      if (!d) throw new Error("Could not find section context.");
-      let f = typeof d.conditionIndex < "u" ? (
+  const { showError: t } = bt(), n = R(
+    (i, r, o, s, a, u) => {
+      const f = i[r];
+      if (!f) throw new Error("Could not find section context.");
+      let m = typeof f.conditionIndex < "u" ? (
         // cannot move a section with a condition before the condition's field
-        Math.max(d.conditionIndex + 1, s)
+        Math.max(f.conditionIndex + 1, s)
       ) : s;
-      for (const u of Object.values(i))
-        u.conditionIndex === o && (f = Math.min(f, u.index - 1));
-      if (f !== s) {
+      for (const d of Object.values(i))
+        d.conditionIndex === o && (m = Math.min(m, d.index - 1));
+      if (m !== s) {
         t({
           title: "Could not reorder sections",
           description: "Sections with conditions must be below the fields they reference."
         });
         return;
       }
-      m("fields", Mt(a.fields, o, f));
+      u("fields", Mt(a.fields, o, m));
     },
     [t]
-  ), e = T(
-    (i, r, o, s, a, m, d) => {
-      var f;
+  ), e = R(
+    (i, r, o, s, a, u, f) => {
+      var m;
       if (!(i != null && i.fields) || !s) throw new Error("Could not find section with fields.");
       if (i.identifier === s.identifier)
-        d(
+        f(
           `fields.${r}.fields`,
-          Mt(i.fields, o, m)
+          Mt(i.fields, o, u)
         ).then();
       else {
-        const u = i.fields[o];
-        if (!u) throw new Error("Could not find field to reorder.");
-        if (((f = s.condition) == null ? void 0 : f.identifier) === u.identifier) {
+        const d = i.fields[o];
+        if (!d) throw new Error("Could not find field to reorder.");
+        if (((m = s.condition) == null ? void 0 : m.identifier) === d.identifier) {
           t({
             title: "Could not reorder field",
             description: "Field must be above the section whose condition references it."
           });
           return;
         }
-        d(`fields.${r}.fields`, dt(i.fields, o)).then(), d(
+        f(`fields.${r}.fields`, dt(i.fields, o)).then(), f(
           `fields.${a}.fields`,
-          Zn(s.fields, m, u)
+          Zn(s.fields, u, d)
         ).then();
       }
     },
@@ -307,14 +307,14 @@ const on = () => jr(), ei = (t, n) => {
   return { reorderSection: n, reorderField: e };
 }, ni = (t) => {
   const { helpText: n, children: e, severity: i } = t, r = i ? ge[i] : "base";
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
     e,
-    !!n && /* @__PURE__ */ l("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ l(le, { accentColor: r, size: "xs", children: n }) })
+    !!n && /* @__PURE__ */ l("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ l(ae, { accentColor: r, size: "xs", children: n }) })
   ] });
 }, ii = Gn(() => {
   throw new Error("No ImageViewerProvider found");
 }), ln = () => hr(ii);
-function ue(t, n, { checkForDefaultPrevented: e = !0 } = {}) {
+function fe(t, n, { checkForDefaultPrevented: e = !0 } = {}) {
   return function(r) {
     if (t == null || t(r), e === !1 || !r.defaultPrevented)
       return n == null ? void 0 : n(r);
@@ -346,8 +346,8 @@ function we(...t) {
 }
 function Gr(t, n) {
   const e = h.createContext(n), i = (o) => {
-    const { children: s, ...a } = o, m = h.useMemo(() => a, Object.values(a));
-    return /* @__PURE__ */ l(e.Provider, { value: m, children: s });
+    const { children: s, ...a } = o, u = h.useMemo(() => a, Object.values(a));
+    return /* @__PURE__ */ l(e.Provider, { value: u, children: s });
   };
   i.displayName = t + "Provider";
   function r(o) {
@@ -361,30 +361,30 @@ function Gr(t, n) {
 function Kr(t, n = []) {
   let e = [];
   function i(o, s) {
-    const a = h.createContext(s), m = e.length;
+    const a = h.createContext(s), u = e.length;
     e = [...e, s];
-    const d = (u) => {
+    const f = (d) => {
       var w;
-      const { scope: p, children: b, ...y } = u, c = ((w = p == null ? void 0 : p[t]) == null ? void 0 : w[m]) || a, v = h.useMemo(() => y, Object.values(y));
+      const { scope: p, children: b, ...y } = d, c = ((w = p == null ? void 0 : p[t]) == null ? void 0 : w[u]) || a, v = h.useMemo(() => y, Object.values(y));
       return /* @__PURE__ */ l(c.Provider, { value: v, children: b });
     };
-    d.displayName = o + "Provider";
-    function f(u, p) {
+    f.displayName = o + "Provider";
+    function m(d, p) {
       var c;
-      const b = ((c = p == null ? void 0 : p[t]) == null ? void 0 : c[m]) || a, y = h.useContext(b);
+      const b = ((c = p == null ? void 0 : p[t]) == null ? void 0 : c[u]) || a, y = h.useContext(b);
       if (y) return y;
       if (s !== void 0) return s;
-      throw new Error(`\`${u}\` must be used within \`${o}\``);
+      throw new Error(`\`${d}\` must be used within \`${o}\``);
     }
-    return [d, f];
+    return [f, m];
   }
   const r = () => {
     const o = e.map((s) => h.createContext(s));
     return function(a) {
-      const m = (a == null ? void 0 : a[t]) || o;
+      const u = (a == null ? void 0 : a[t]) || o;
       return h.useMemo(
-        () => ({ [`__scope${t}`]: { ...a, [t]: m } }),
-        [a, m]
+        () => ({ [`__scope${t}`]: { ...a, [t]: u } }),
+        [a, u]
       );
     };
   };
@@ -399,9 +399,9 @@ function Xr(...t) {
       scopeName: r.scopeName
     }));
     return function(o) {
-      const s = i.reduce((a, { useScope: m, scopeName: d }) => {
-        const u = m(o)[`__scope${d}`];
-        return { ...a, ...u };
+      const s = i.reduce((a, { useScope: u, scopeName: f }) => {
+        const d = u(o)[`__scope${f}`];
+        return { ...a, ...d };
       }, {});
       return h.useMemo(() => ({ [`__scope${n.scopeName}`]: s }), [s]);
     };
@@ -432,17 +432,17 @@ function Jr({
   onChange: e = () => {
   }
 }) {
-  const [i, r] = Zr({ defaultProp: n, onChange: e }), o = t !== void 0, s = o ? t : i, a = ve(e), m = h.useCallback(
-    (d) => {
+  const [i, r] = Zr({ defaultProp: n, onChange: e }), o = t !== void 0, s = o ? t : i, a = ve(e), u = h.useCallback(
+    (f) => {
       if (o) {
-        const u = typeof d == "function" ? d(t) : d;
-        u !== t && a(u);
+        const d = typeof f == "function" ? f(t) : f;
+        d !== t && a(d);
       } else
-        r(d);
+        r(f);
     },
     [o, t, r, a]
   );
-  return [s, m];
+  return [s, u];
 }
 function Zr({
   defaultProp: t,
@@ -456,7 +456,7 @@ function Zr({
 var an = h.forwardRef((t, n) => {
   const { children: e, ...i } = t, r = h.Children.toArray(e), o = r.find(to);
   if (o) {
-    const s = o.props.children, a = r.map((m) => m === o ? h.Children.count(s) > 1 ? h.Children.only(null) : h.isValidElement(s) ? s.props.children : null : m);
+    const s = o.props.children, a = r.map((u) => u === o ? h.Children.count(s) > 1 ? h.Children.only(null) : h.isValidElement(s) ? s.props.children : null : u);
     return /* @__PURE__ */ l(kt, { ...i, ref: n, children: h.isValidElement(s) ? h.cloneElement(s, void 0, a) : null });
   }
   return /* @__PURE__ */ l(kt, { ...i, ref: n, children: e });
@@ -511,7 +511,7 @@ var ro = [
   "span",
   "svg",
   "ul"
-], ae = ro.reduce((t, n) => {
+], ce = ro.reduce((t, n) => {
   const e = h.forwardRef((i, r) => {
     const { asChild: o, ...s } = i, a = o ? an : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(a, { ...s, ref: r });
@@ -543,40 +543,40 @@ var lo = "DismissableLayer", zt = "dismissableLayer.update", ao = "dismissableLa
       onFocusOutside: o,
       onInteractOutside: s,
       onDismiss: a,
-      ...m
-    } = t, d = h.useContext(oi), [f, u] = h.useState(null), p = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, b] = h.useState({}), y = we(n, (N) => u(N)), c = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), w = c.indexOf(v), E = f ? c.indexOf(f) : -1, g = d.layersWithOutsidePointerEventsDisabled.size > 0, S = E >= w, C = mo((N) => {
-      const R = N.target, A = [...d.branches].some((_) => _.contains(R));
-      !S || A || (r == null || r(N), s == null || s(N), N.defaultPrevented || a == null || a());
+      ...u
+    } = t, f = h.useContext(oi), [m, d] = h.useState(null), p = (m == null ? void 0 : m.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, b] = h.useState({}), y = we(n, (N) => d(N)), c = Array.from(f.layers), [v] = [...f.layersWithOutsidePointerEventsDisabled].slice(-1), w = c.indexOf(v), C = m ? c.indexOf(m) : -1, g = f.layersWithOutsidePointerEventsDisabled.size > 0, S = C >= w, x = mo((N) => {
+      const T = N.target, D = [...f.branches].some((M) => M.contains(T));
+      !S || D || (r == null || r(N), s == null || s(N), N.defaultPrevented || a == null || a());
     }, p), F = ho((N) => {
-      const R = N.target;
-      [...d.branches].some((_) => _.contains(R)) || (o == null || o(N), s == null || s(N), N.defaultPrevented || a == null || a());
+      const T = N.target;
+      [...f.branches].some((M) => M.contains(T)) || (o == null || o(N), s == null || s(N), N.defaultPrevented || a == null || a());
     }, p);
     return so((N) => {
-      E === d.layers.size - 1 && (i == null || i(N), !N.defaultPrevented && a && (N.preventDefault(), a()));
+      C === f.layers.size - 1 && (i == null || i(N), !N.defaultPrevented && a && (N.preventDefault(), a()));
     }, p), h.useEffect(() => {
-      if (f)
-        return e && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (Nn = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(f)), d.layers.add(f), Rn(), () => {
-          e && d.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Nn);
+      if (m)
+        return e && (f.layersWithOutsidePointerEventsDisabled.size === 0 && (Nn = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), f.layersWithOutsidePointerEventsDisabled.add(m)), f.layers.add(m), Tn(), () => {
+          e && f.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Nn);
         };
-    }, [f, p, e, d]), h.useEffect(() => () => {
-      f && (d.layers.delete(f), d.layersWithOutsidePointerEventsDisabled.delete(f), Rn());
-    }, [f, d]), h.useEffect(() => {
+    }, [m, p, e, f]), h.useEffect(() => () => {
+      m && (f.layers.delete(m), f.layersWithOutsidePointerEventsDisabled.delete(m), Tn());
+    }, [m, f]), h.useEffect(() => {
       const N = () => b({});
       return document.addEventListener(zt, N), () => document.removeEventListener(zt, N);
     }, []), /* @__PURE__ */ l(
-      ae.div,
+      ce.div,
       {
-        ...m,
+        ...u,
         ref: y,
         style: {
           pointerEvents: g ? S ? "auto" : "none" : void 0,
           ...t.style
         },
-        onFocusCapture: ue(t.onFocusCapture, F.onFocusCapture),
-        onBlurCapture: ue(t.onBlurCapture, F.onBlurCapture),
-        onPointerDownCapture: ue(
+        onFocusCapture: fe(t.onFocusCapture, F.onFocusCapture),
+        onBlurCapture: fe(t.onBlurCapture, F.onBlurCapture),
+        onPointerDownCapture: fe(
           t.onPointerDownCapture,
-          C.onPointerDownCapture
+          x.onPointerDownCapture
         )
       }
     );
@@ -591,7 +591,7 @@ var uo = "DismissableLayerBranch", fo = h.forwardRef((t, n) => {
       return e.branches.add(o), () => {
         e.branches.delete(o);
       };
-  }, [e.branches]), /* @__PURE__ */ l(ae.div, { ...t, ref: r });
+  }, [e.branches]), /* @__PURE__ */ l(ce.div, { ...t, ref: r });
 });
 fo.displayName = uo;
 function mo(t, n = globalThis == null ? void 0 : globalThis.document) {
@@ -600,16 +600,16 @@ function mo(t, n = globalThis == null ? void 0 : globalThis.document) {
   return h.useEffect(() => {
     const o = (a) => {
       if (a.target && !i.current) {
-        let m = function() {
+        let u = function() {
           li(
             ao,
             e,
-            d,
+            f,
             { discrete: !0 }
           );
         };
-        const d = { originalEvent: a };
-        a.pointerType === "touch" ? (n.removeEventListener("click", r.current), r.current = m, n.addEventListener("click", r.current, { once: !0 })) : m();
+        const f = { originalEvent: a };
+        a.pointerType === "touch" ? (n.removeEventListener("click", r.current), r.current = u, n.addEventListener("click", r.current, { once: !0 })) : u();
       } else
         n.removeEventListener("click", r.current);
       i.current = !1;
@@ -638,7 +638,7 @@ function ho(t, n = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => i.current = !1
   };
 }
-function Rn() {
+function Tn() {
   const t = new CustomEvent(zt);
   document.dispatchEvent(t);
 }
@@ -646,14 +646,14 @@ function li(t, n, e, { discrete: i }) {
   const r = e.originalEvent.target, o = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: e });
   n && r.addEventListener(t, n, { once: !0 }), i ? oo(r, o) : r.dispatchEvent(o);
 }
-var Rt = "focusScope.autoFocusOnMount", Tt = "focusScope.autoFocusOnUnmount", Tn = { bubbles: !1, cancelable: !0 }, po = "FocusScope", ai = h.forwardRef((t, n) => {
+var Tt = "focusScope.autoFocusOnMount", Rt = "focusScope.autoFocusOnUnmount", Rn = { bubbles: !1, cancelable: !0 }, po = "FocusScope", ai = h.forwardRef((t, n) => {
   const {
     loop: e = !1,
     trapped: i = !1,
     onMountAutoFocus: r,
     onUnmountAutoFocus: o,
     ...s
-  } = t, [a, m] = h.useState(null), d = ve(r), f = ve(o), u = h.useRef(null), p = we(n, (c) => m(c)), b = h.useRef({
+  } = t, [a, u] = h.useState(null), f = ve(r), m = ve(o), d = h.useRef(null), p = we(n, (c) => u(c)), b = h.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -667,20 +667,20 @@ var Rt = "focusScope.autoFocusOnMount", Tt = "focusScope.autoFocusOnUnmount", Tn
       let c = function(g) {
         if (b.paused || !a) return;
         const S = g.target;
-        a.contains(S) ? u.current = S : de(u.current, { select: !0 });
+        a.contains(S) ? d.current = S : ue(d.current, { select: !0 });
       }, v = function(g) {
         if (b.paused || !a) return;
         const S = g.relatedTarget;
-        S !== null && (a.contains(S) || de(u.current, { select: !0 }));
+        S !== null && (a.contains(S) || ue(d.current, { select: !0 }));
       }, w = function(g) {
         if (document.activeElement === document.body)
-          for (const C of g)
-            C.removedNodes.length > 0 && de(a);
+          for (const x of g)
+            x.removedNodes.length > 0 && ue(a);
       };
       document.addEventListener("focusin", c), document.addEventListener("focusout", v);
-      const E = new MutationObserver(w);
-      return a && E.observe(a, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", c), document.removeEventListener("focusout", v), E.disconnect();
+      const C = new MutationObserver(w);
+      return a && C.observe(a, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", c), document.removeEventListener("focusout", v), C.disconnect();
       };
     }
   }, [i, a, b.paused]), h.useEffect(() => {
@@ -688,35 +688,35 @@ var Rt = "focusScope.autoFocusOnMount", Tt = "focusScope.autoFocusOnUnmount", Tn
       Ln.add(b);
       const c = document.activeElement;
       if (!a.contains(c)) {
-        const w = new CustomEvent(Rt, Tn);
-        a.addEventListener(Rt, d), a.dispatchEvent(w), w.defaultPrevented || (go(wo(ci(a)), { select: !0 }), document.activeElement === c && de(a));
+        const w = new CustomEvent(Tt, Rn);
+        a.addEventListener(Tt, f), a.dispatchEvent(w), w.defaultPrevented || (go(wo(ci(a)), { select: !0 }), document.activeElement === c && ue(a));
       }
       return () => {
-        a.removeEventListener(Rt, d), setTimeout(() => {
-          const w = new CustomEvent(Tt, Tn);
-          a.addEventListener(Tt, f), a.dispatchEvent(w), w.defaultPrevented || de(c ?? document.body, { select: !0 }), a.removeEventListener(Tt, f), Ln.remove(b);
+        a.removeEventListener(Tt, f), setTimeout(() => {
+          const w = new CustomEvent(Rt, Rn);
+          a.addEventListener(Rt, m), a.dispatchEvent(w), w.defaultPrevented || ue(c ?? document.body, { select: !0 }), a.removeEventListener(Rt, m), Ln.remove(b);
         }, 0);
       };
     }
-  }, [a, d, f, b]);
+  }, [a, f, m, b]);
   const y = h.useCallback(
     (c) => {
       if (!e && !i || b.paused) return;
       const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, w = document.activeElement;
       if (v && w) {
-        const E = c.currentTarget, [g, S] = vo(E);
-        g && S ? !c.shiftKey && w === S ? (c.preventDefault(), e && de(g, { select: !0 })) : c.shiftKey && w === g && (c.preventDefault(), e && de(S, { select: !0 })) : w === E && c.preventDefault();
+        const C = c.currentTarget, [g, S] = vo(C);
+        g && S ? !c.shiftKey && w === S ? (c.preventDefault(), e && ue(g, { select: !0 })) : c.shiftKey && w === g && (c.preventDefault(), e && ue(S, { select: !0 })) : w === C && c.preventDefault();
       }
     },
     [e, i, b.paused]
   );
-  return /* @__PURE__ */ l(ae.div, { tabIndex: -1, ...s, ref: p, onKeyDown: y });
+  return /* @__PURE__ */ l(ce.div, { tabIndex: -1, ...s, ref: p, onKeyDown: y });
 });
 ai.displayName = po;
 function go(t, { select: n = !1 } = {}) {
   const e = document.activeElement;
   for (const i of t)
-    if (de(i, { select: n }), document.activeElement !== e) return;
+    if (ue(i, { select: n }), document.activeElement !== e) return;
 }
 function vo(t) {
   const n = ci(t), e = Fn(n, t), i = Fn(n.reverse(), t);
@@ -748,7 +748,7 @@ function yo(t, { upTo: n }) {
 function bo(t) {
   return t instanceof HTMLInputElement && "select" in t;
 }
-function de(t, { select: n = !1 } = {}) {
+function ue(t, { select: n = !1 } = {}) {
   if (t && t.focus) {
     const e = document.activeElement;
     t.focus({ preventScroll: !0 }), t !== e && bo(t) && n && t.select();
@@ -780,7 +780,7 @@ var Co = "Portal", di = h.forwardRef((t, n) => {
   const { container: e, ...i } = t, [r, o] = h.useState(!1);
   ft(() => o(!0), []);
   const s = e || r && ((a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : a.body);
-  return s ? Or.createPortal(/* @__PURE__ */ l(ae.div, { ...i, ref: n }), s) : null;
+  return s ? Or.createPortal(/* @__PURE__ */ l(ce.div, { ...i, ref: n }), s) : null;
 });
 di.displayName = Co;
 function Eo(t, n) {
@@ -792,7 +792,7 @@ var xt = (t) => {
 };
 xt.displayName = "Presence";
 function Io(t) {
-  const [n, e] = h.useState(), i = h.useRef({}), r = h.useRef(t), o = h.useRef("none"), s = t ? "mounted" : "unmounted", [a, m] = Eo(s, {
+  const [n, e] = h.useState(), i = h.useRef({}), r = h.useRef(t), o = h.useRef("none"), s = t ? "mounted" : "unmounted", [a, u] = Eo(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -806,37 +806,37 @@ function Io(t) {
     }
   });
   return h.useEffect(() => {
-    const d = Je(i.current);
-    o.current = a === "mounted" ? d : "none";
+    const f = Je(i.current);
+    o.current = a === "mounted" ? f : "none";
   }, [a]), ft(() => {
-    const d = i.current, f = r.current;
-    if (f !== t) {
-      const p = o.current, b = Je(d);
-      t ? m("MOUNT") : b === "none" || (d == null ? void 0 : d.display) === "none" ? m("UNMOUNT") : m(f && p !== b ? "ANIMATION_OUT" : "UNMOUNT"), r.current = t;
+    const f = i.current, m = r.current;
+    if (m !== t) {
+      const p = o.current, b = Je(f);
+      t ? u("MOUNT") : b === "none" || (f == null ? void 0 : f.display) === "none" ? u("UNMOUNT") : u(m && p !== b ? "ANIMATION_OUT" : "UNMOUNT"), r.current = t;
     }
-  }, [t, m]), ft(() => {
+  }, [t, u]), ft(() => {
     if (n) {
-      let d;
-      const f = n.ownerDocument.defaultView ?? window, u = (b) => {
+      let f;
+      const m = n.ownerDocument.defaultView ?? window, d = (b) => {
         const c = Je(i.current).includes(b.animationName);
-        if (b.target === n && c && (m("ANIMATION_END"), !r.current)) {
+        if (b.target === n && c && (u("ANIMATION_END"), !r.current)) {
           const v = n.style.animationFillMode;
-          n.style.animationFillMode = "forwards", d = f.setTimeout(() => {
+          n.style.animationFillMode = "forwards", f = m.setTimeout(() => {
             n.style.animationFillMode === "forwards" && (n.style.animationFillMode = v);
           });
         }
       }, p = (b) => {
         b.target === n && (o.current = Je(i.current));
       };
-      return n.addEventListener("animationstart", p), n.addEventListener("animationcancel", u), n.addEventListener("animationend", u), () => {
-        f.clearTimeout(d), n.removeEventListener("animationstart", p), n.removeEventListener("animationcancel", u), n.removeEventListener("animationend", u);
+      return n.addEventListener("animationstart", p), n.addEventListener("animationcancel", d), n.addEventListener("animationend", d), () => {
+        m.clearTimeout(f), n.removeEventListener("animationstart", p), n.removeEventListener("animationcancel", d), n.removeEventListener("animationend", d);
       };
     } else
-      m("ANIMATION_END");
-  }, [n, m]), {
+      u("ANIMATION_END");
+  }, [n, u]), {
     isPresent: ["mounted", "unmountSuspended"].includes(a),
-    ref: h.useCallback((d) => {
-      d && (i.current = getComputedStyle(d)), e(d);
+    ref: h.useCallback((f) => {
+      f && (i.current = getComputedStyle(f)), e(f);
     }, [])
   };
 }
@@ -861,14 +861,14 @@ function An() {
   const t = document.createElement("span");
   return t.setAttribute("data-radix-focus-guard", ""), t.tabIndex = 0, t.style.outline = "none", t.style.opacity = "0", t.style.position = "fixed", t.style.pointerEvents = "none", t;
 }
-var re = function() {
-  return re = Object.assign || function(n) {
+var oe = function() {
+  return oe = Object.assign || function(n) {
     for (var e, i = 1, r = arguments.length; i < r; i++) {
       e = arguments[i];
       for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && (n[o] = e[o]);
     }
     return n;
-  }, re.apply(this, arguments);
+  }, oe.apply(this, arguments);
 };
 function ui(t, n) {
   var e = {};
@@ -878,12 +878,12 @@ function ui(t, n) {
       n.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[r]) && (e[i[r]] = t[i[r]]);
   return e;
 }
-function Ro(t, n, e) {
+function To(t, n, e) {
   if (e || arguments.length === 2) for (var i = 0, r = n.length, o; i < r; i++)
     (o || !(i in n)) && (o || (o = Array.prototype.slice.call(n, 0, i)), o[i] = n[i]);
   return t.concat(o || Array.prototype.slice.call(n));
 }
-var it = "right-scroll-bar-position", rt = "width-before-scroll-bar", To = "with-scroll-bars-hidden", Fo = "--removed-body-scroll-bar-size";
+var it = "right-scroll-bar-position", rt = "width-before-scroll-bar", Ro = "with-scroll-bars-hidden", Fo = "--removed-body-scroll-bar-size";
 function Lt(t, n) {
   return typeof t == "function" ? t(n) : t && (t.current = n), t;
 }
@@ -968,18 +968,18 @@ function Oo(t, n) {
         var a = e;
         e = [], a.forEach(o), s = e;
       }
-      var m = function() {
-        var f = s;
-        s = [], f.forEach(o);
-      }, d = function() {
-        return Promise.resolve().then(m);
+      var u = function() {
+        var m = s;
+        s = [], m.forEach(o);
+      }, f = function() {
+        return Promise.resolve().then(u);
       };
-      d(), e = {
-        push: function(f) {
-          s.push(f), d();
+      f(), e = {
+        push: function(m) {
+          s.push(m), f();
         },
-        filter: function(f) {
-          return s = s.filter(f), e;
+        filter: function(m) {
+          return s = s.filter(m), e;
         }
       };
     }
@@ -989,7 +989,7 @@ function Oo(t, n) {
 function Mo(t) {
   t === void 0 && (t = {});
   var n = Oo(null);
-  return n.options = re({ async: !0, ssr: !1 }, t), n;
+  return n.options = oe({ async: !0, ssr: !1 }, t), n;
 }
 var fi = function(t) {
   var n = t.sideCar, e = ui(t, ["sideCar"]);
@@ -998,7 +998,7 @@ var fi = function(t) {
   var i = n.read();
   if (!i)
     throw new Error("Sidecar medium not found");
-  return h.createElement(i, re({}, e));
+  return h.createElement(i, oe({}, e));
 };
 fi.isSideCarExport = !0;
 function ko(t, n) {
@@ -1010,12 +1010,12 @@ var mi = Mo(), Dt = function() {
     onScrollCapture: Dt,
     onWheelCapture: Dt,
     onTouchMoveCapture: Dt
-  }), r = i[0], o = i[1], s = t.forwardProps, a = t.children, m = t.className, d = t.removeScrollBar, f = t.enabled, u = t.shards, p = t.sideCar, b = t.noIsolation, y = t.inert, c = t.allowPinchZoom, v = t.as, w = v === void 0 ? "div" : v, E = t.gapMode, g = ui(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = p, C = Ao([e, n]), F = re(re({}, g), r);
+  }), r = i[0], o = i[1], s = t.forwardProps, a = t.children, u = t.className, f = t.removeScrollBar, m = t.enabled, d = t.shards, p = t.sideCar, b = t.noIsolation, y = t.inert, c = t.allowPinchZoom, v = t.as, w = v === void 0 ? "div" : v, C = t.gapMode, g = ui(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = p, x = Ao([e, n]), F = oe(oe({}, g), r);
   return h.createElement(
     h.Fragment,
     null,
-    f && h.createElement(S, { sideCar: mi, removeScrollBar: d, shards: u, noIsolation: b, inert: y, setCallbacks: o, allowPinchZoom: !!c, lockRef: e, gapMode: E }),
-    s ? h.cloneElement(h.Children.only(a), re(re({}, F), { ref: C })) : h.createElement(w, re({}, F, { className: m, ref: C }), a)
+    m && h.createElement(S, { sideCar: mi, removeScrollBar: f, shards: d, noIsolation: b, inert: y, setCallbacks: o, allowPinchZoom: !!c, lockRef: e, gapMode: C }),
+    s ? h.cloneElement(h.Children.only(a), oe(oe({}, F), { ref: x })) : h.createElement(w, oe({}, F, { className: u, ref: x }), a)
   );
 });
 wt.defaultProps = {
@@ -1039,25 +1039,25 @@ function _o() {
   var n = zo();
   return n && t.setAttribute("nonce", n), t;
 }
-function $o(t, n) {
+function Bo(t, n) {
   t.styleSheet ? t.styleSheet.cssText = n : t.appendChild(document.createTextNode(n));
 }
 function Vo(t) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(t);
 }
-var Bo = function() {
+var $o = function() {
   var t = 0, n = null;
   return {
     add: function(e) {
-      t == 0 && (n = _o()) && ($o(n, e), Vo(n)), t++;
+      t == 0 && (n = _o()) && (Bo(n, e), Vo(n)), t++;
     },
     remove: function() {
       t--, !t && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
 }, Uo = function() {
-  var t = Bo();
+  var t = $o();
   return function(n, e) {
     h.useEffect(function() {
       return t.add(n), function() {
@@ -1091,14 +1091,14 @@ var Bo = function() {
     right: n[2],
     gap: Math.max(0, i - e + n[2] - n[0])
   };
-}, Ho = hi(), Be = "data-scroll-locked", Go = function(t, n, e, i) {
+}, Ho = hi(), $e = "data-scroll-locked", Go = function(t, n, e, i) {
   var r = t.left, o = t.top, s = t.right, a = t.gap;
   return e === void 0 && (e = "margin"), `
-  .`.concat(To, ` {
+  .`.concat(Ro, ` {
    overflow: hidden `).concat(i, `;
    padding-right: `).concat(a, "px ").concat(i, `;
   }
-  body[`).concat(Be, `] {
+  body[`).concat($e, `] {
     overflow: hidden `).concat(i, `;
     overscroll-behavior: contain;
     `).concat([
@@ -1131,18 +1131,18 @@ var Bo = function() {
     margin-right: 0 `).concat(i, `;
   }
   
-  body[`).concat(Be, `] {
+  body[`).concat($e, `] {
     `).concat(Fo, ": ").concat(a, `px;
   }
 `);
 }, On = function() {
-  var t = parseInt(document.body.getAttribute(Be) || "0", 10);
+  var t = parseInt(document.body.getAttribute($e) || "0", 10);
   return isFinite(t) ? t : 0;
 }, Ko = function() {
   h.useEffect(function() {
-    return document.body.setAttribute(Be, (On() + 1).toString()), function() {
+    return document.body.setAttribute($e, (On() + 1).toString()), function() {
       var t = On() - 1;
-      t <= 0 ? document.body.removeAttribute(Be) : document.body.setAttribute(Be, t.toString());
+      t <= 0 ? document.body.removeAttribute($e) : document.body.setAttribute($e, t.toString());
     };
   }, []);
 }, Xo = function(t) {
@@ -1213,16 +1213,16 @@ var Se = _t ? { passive: !1 } : !1, Yo = function(t) {
 }, ts = function(t, n) {
   return t === "h" && n === "rtl" ? -1 : 1;
 }, ns = function(t, n, e, i, r) {
-  var o = ts(t, window.getComputedStyle(n).direction), s = o * i, a = e.target, m = n.contains(a), d = !1, f = s > 0, u = 0, p = 0;
+  var o = ts(t, window.getComputedStyle(n).direction), s = o * i, a = e.target, u = n.contains(a), f = !1, m = s > 0, d = 0, p = 0;
   do {
     var b = vi(t, a), y = b[0], c = b[1], v = b[2], w = c - v - o * y;
-    (y || w) && gi(t, a) && (u += w, p += y), a instanceof ShadowRoot ? a = a.host : a = a.parentNode;
+    (y || w) && gi(t, a) && (d += w, p += y), a instanceof ShadowRoot ? a = a.host : a = a.parentNode;
   } while (
     // portaled content
-    !m && a !== document.body || // self content
-    m && (n.contains(a) || n === a)
+    !u && a !== document.body || // self content
+    u && (n.contains(a) || n === a)
   );
-  return (f && Math.abs(u) < 1 || !f && Math.abs(p) < 1) && (d = !0), d;
+  return (m && Math.abs(d) < 1 || !m && Math.abs(p) < 1) && (f = !0), f;
 }, et = function(t) {
   return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
 }, kn = function(t) {
@@ -1244,7 +1244,7 @@ function ss(t) {
   }, [t]), h.useEffect(function() {
     if (t.inert) {
       document.body.classList.add("block-interactivity-".concat(r));
-      var c = Ro([t.lockRef.current], (t.shards || []).map(zn), !0).filter(Boolean);
+      var c = To([t.lockRef.current], (t.shards || []).map(zn), !0).filter(Boolean);
       return c.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(r));
       }), function() {
@@ -1257,58 +1257,58 @@ function ss(t) {
   var a = h.useCallback(function(c, v) {
     if ("touches" in c && c.touches.length === 2 || c.type === "wheel" && c.ctrlKey)
       return !s.current.allowPinchZoom;
-    var w = et(c), E = e.current, g = "deltaX" in c ? c.deltaX : E[0] - w[0], S = "deltaY" in c ? c.deltaY : E[1] - w[1], C, F = c.target, N = Math.abs(g) > Math.abs(S) ? "h" : "v";
+    var w = et(c), C = e.current, g = "deltaX" in c ? c.deltaX : C[0] - w[0], S = "deltaY" in c ? c.deltaY : C[1] - w[1], x, F = c.target, N = Math.abs(g) > Math.abs(S) ? "h" : "v";
     if ("touches" in c && N === "h" && F.type === "range")
       return !1;
-    var R = Mn(N, F);
-    if (!R)
+    var T = Mn(N, F);
+    if (!T)
       return !0;
-    if (R ? C = N : (C = N === "v" ? "h" : "v", R = Mn(N, F)), !R)
+    if (T ? x = N : (x = N === "v" ? "h" : "v", T = Mn(N, F)), !T)
       return !1;
-    if (!i.current && "changedTouches" in c && (g || S) && (i.current = C), !C)
+    if (!i.current && "changedTouches" in c && (g || S) && (i.current = x), !x)
       return !0;
-    var A = i.current || C;
-    return ns(A, v, c, A === "h" ? g : S);
-  }, []), m = h.useCallback(function(c) {
+    var D = i.current || x;
+    return ns(D, v, c, D === "h" ? g : S);
+  }, []), u = h.useCallback(function(c) {
     var v = c;
     if (!(!Ne.length || Ne[Ne.length - 1] !== o)) {
-      var w = "deltaY" in v ? kn(v) : et(v), E = n.current.filter(function(C) {
-        return C.name === v.type && (C.target === v.target || v.target === C.shadowParent) && is(C.delta, w);
+      var w = "deltaY" in v ? kn(v) : et(v), C = n.current.filter(function(x) {
+        return x.name === v.type && (x.target === v.target || v.target === x.shadowParent) && is(x.delta, w);
       })[0];
-      if (E && E.should) {
+      if (C && C.should) {
         v.cancelable && v.preventDefault();
         return;
       }
-      if (!E) {
-        var g = (s.current.shards || []).map(zn).filter(Boolean).filter(function(C) {
-          return C.contains(v.target);
+      if (!C) {
+        var g = (s.current.shards || []).map(zn).filter(Boolean).filter(function(x) {
+          return x.contains(v.target);
         }), S = g.length > 0 ? a(v, g[0]) : !s.current.noIsolation;
         S && v.cancelable && v.preventDefault();
       }
     }
-  }, []), d = h.useCallback(function(c, v, w, E) {
-    var g = { name: c, delta: v, target: w, should: E, shadowParent: ls(w) };
+  }, []), f = h.useCallback(function(c, v, w, C) {
+    var g = { name: c, delta: v, target: w, should: C, shadowParent: ls(w) };
     n.current.push(g), setTimeout(function() {
       n.current = n.current.filter(function(S) {
         return S !== g;
       });
     }, 1);
-  }, []), f = h.useCallback(function(c) {
+  }, []), m = h.useCallback(function(c) {
     e.current = et(c), i.current = void 0;
-  }, []), u = h.useCallback(function(c) {
-    d(c.type, kn(c), c.target, a(c, t.lockRef.current));
+  }, []), d = h.useCallback(function(c) {
+    f(c.type, kn(c), c.target, a(c, t.lockRef.current));
   }, []), p = h.useCallback(function(c) {
-    d(c.type, et(c), c.target, a(c, t.lockRef.current));
+    f(c.type, et(c), c.target, a(c, t.lockRef.current));
   }, []);
   h.useEffect(function() {
     return Ne.push(o), t.setCallbacks({
-      onScrollCapture: u,
-      onWheelCapture: u,
+      onScrollCapture: d,
+      onWheelCapture: d,
       onTouchMoveCapture: p
-    }), document.addEventListener("wheel", m, Se), document.addEventListener("touchmove", m, Se), document.addEventListener("touchstart", f, Se), function() {
+    }), document.addEventListener("wheel", u, Se), document.addEventListener("touchmove", u, Se), document.addEventListener("touchstart", m, Se), function() {
       Ne = Ne.filter(function(c) {
         return c !== o;
-      }), document.removeEventListener("wheel", m, Se), document.removeEventListener("touchmove", m, Se), document.removeEventListener("touchstart", f, Se);
+      }), document.removeEventListener("wheel", u, Se), document.removeEventListener("touchmove", u, Se), document.removeEventListener("touchstart", m, Se);
     };
   }, []);
   var b = t.removeScrollBar, y = t.inert;
@@ -1326,7 +1326,7 @@ function ls(t) {
 }
 const as = ko(mi, ss);
 var yi = h.forwardRef(function(t, n) {
-  return h.createElement(wt, re({}, t, { ref: n, sideCar: as }));
+  return h.createElement(wt, oe({}, t, { ref: n, sideCar: as }));
 });
 yi.classNames = wt.classNames;
 var cs = function(t) {
@@ -1334,7 +1334,7 @@ var cs = function(t) {
     return null;
   var n = Array.isArray(t) ? t[0] : t;
   return n.ownerDocument.body;
-}, Re = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = {}, Pt = 0, bi = function(t) {
+}, Te = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = {}, Pt = 0, bi = function(t) {
   return t && (t.host || bi(t.parentNode));
 }, ds = function(t, n) {
   return n.map(function(e) {
@@ -1348,28 +1348,28 @@ var cs = function(t) {
 }, us = function(t, n, e, i) {
   var r = ds(n, Array.isArray(t) ? t : [t]);
   nt[e] || (nt[e] = /* @__PURE__ */ new WeakMap());
-  var o = nt[e], s = [], a = /* @__PURE__ */ new Set(), m = new Set(r), d = function(u) {
-    !u || a.has(u) || (a.add(u), d(u.parentNode));
+  var o = nt[e], s = [], a = /* @__PURE__ */ new Set(), u = new Set(r), f = function(d) {
+    !d || a.has(d) || (a.add(d), f(d.parentNode));
   };
-  r.forEach(d);
-  var f = function(u) {
-    !u || m.has(u) || Array.prototype.forEach.call(u.children, function(p) {
+  r.forEach(f);
+  var m = function(d) {
+    !d || u.has(d) || Array.prototype.forEach.call(d.children, function(p) {
       if (a.has(p))
-        f(p);
+        m(p);
       else
         try {
-          var b = p.getAttribute(i), y = b !== null && b !== "false", c = (Re.get(p) || 0) + 1, v = (o.get(p) || 0) + 1;
-          Re.set(p, c), o.set(p, v), s.push(p), c === 1 && y && tt.set(p, !0), v === 1 && p.setAttribute(e, "true"), y || p.setAttribute(i, "true");
+          var b = p.getAttribute(i), y = b !== null && b !== "false", c = (Te.get(p) || 0) + 1, v = (o.get(p) || 0) + 1;
+          Te.set(p, c), o.set(p, v), s.push(p), c === 1 && y && tt.set(p, !0), v === 1 && p.setAttribute(e, "true"), y || p.setAttribute(i, "true");
         } catch (w) {
           console.error("aria-hidden: cannot operate on ", p, w);
         }
     });
   };
-  return f(n), a.clear(), Pt++, function() {
-    s.forEach(function(u) {
-      var p = Re.get(u) - 1, b = o.get(u) - 1;
-      Re.set(u, p), o.set(u, b), p || (tt.has(u) || u.removeAttribute(i), tt.delete(u)), b || u.removeAttribute(e);
-    }), Pt--, Pt || (Re = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = {});
+  return m(n), a.clear(), Pt++, function() {
+    s.forEach(function(d) {
+      var p = Te.get(d) - 1, b = o.get(d) - 1;
+      Te.set(d, p), o.set(d, b), p || (tt.has(d) || d.removeAttribute(i), tt.delete(d)), b || d.removeAttribute(e);
+    }), Pt--, Pt || (Te = /* @__PURE__ */ new WeakMap(), Te = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = {});
   };
 }, fs = function(t, n, e) {
   e === void 0 && (e = "data-aria-hidden");
@@ -1377,7 +1377,7 @@ var cs = function(t) {
   return r ? (i.push.apply(i, Array.from(r.querySelectorAll("[aria-live]"))), us(i, r, e, "aria-hidden")) : function() {
     return null;
   };
-}, cn = "Dialog", [xi, cl] = Kr(cn), [ms, ee] = xi(cn), wi = (t) => {
+}, cn = "Dialog", [xi, cl] = Kr(cn), [ms, te] = xi(cn), wi = (t) => {
   const {
     __scopeDialog: n,
     children: e,
@@ -1385,7 +1385,7 @@ var cs = function(t) {
     defaultOpen: r,
     onOpenChange: o,
     modal: s = !0
-  } = t, a = h.useRef(null), m = h.useRef(null), [d = !1, f] = Jr({
+  } = t, a = h.useRef(null), u = h.useRef(null), [f = !1, m] = Jr({
     prop: i,
     defaultProp: r,
     onChange: o
@@ -1395,13 +1395,13 @@ var cs = function(t) {
     {
       scope: n,
       triggerRef: a,
-      contentRef: m,
+      contentRef: u,
       contentId: Nt(),
       titleId: Nt(),
       descriptionId: Nt(),
-      open: d,
-      onOpenChange: f,
-      onOpenToggle: h.useCallback(() => f((u) => !u), [f]),
+      open: f,
+      onOpenChange: m,
+      onOpenToggle: h.useCallback(() => m((d) => !d), [m]),
       modal: s,
       children: e
     }
@@ -1410,9 +1410,9 @@ var cs = function(t) {
 wi.displayName = cn;
 var Ci = "DialogTrigger", Ei = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = ee(Ci, e), o = we(n, r.triggerRef);
+    const { __scopeDialog: e, ...i } = t, r = te(Ci, e), o = we(n, r.triggerRef);
     return /* @__PURE__ */ l(
-      ae.button,
+      ce.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -1421,7 +1421,7 @@ var Ci = "DialogTrigger", Ei = h.forwardRef(
         "data-state": fn(r.open),
         ...i,
         ref: o,
-        onClick: ue(t.onClick, r.onOpenToggle)
+        onClick: fe(t.onClick, r.onOpenToggle)
       }
     );
   }
@@ -1430,25 +1430,25 @@ Ei.displayName = Ci;
 var dn = "DialogPortal", [hs, Ii] = xi(dn, {
   forceMount: void 0
 }), Si = (t) => {
-  const { __scopeDialog: n, forceMount: e, children: i, container: r } = t, o = ee(dn, n);
+  const { __scopeDialog: n, forceMount: e, children: i, container: r } = t, o = te(dn, n);
   return /* @__PURE__ */ l(hs, { scope: n, forceMount: e, children: h.Children.map(i, (s) => /* @__PURE__ */ l(xt, { present: e || o.open, children: /* @__PURE__ */ l(di, { asChild: !0, container: r, children: s }) })) });
 };
 Si.displayName = dn;
 var mt = "DialogOverlay", Ni = h.forwardRef(
   (t, n) => {
-    const e = Ii(mt, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = ee(mt, t.__scopeDialog);
+    const e = Ii(mt, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = te(mt, t.__scopeDialog);
     return o.modal ? /* @__PURE__ */ l(xt, { present: i || o.open, children: /* @__PURE__ */ l(ps, { ...r, ref: n }) }) : null;
   }
 );
 Ni.displayName = mt;
 var ps = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = ee(mt, e);
+    const { __scopeDialog: e, ...i } = t, r = te(mt, e);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ l(yi, { as: an, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ l(
-        ae.div,
+        ce.div,
         {
           "data-state": fn(r.open),
           ...i,
@@ -1458,35 +1458,35 @@ var ps = h.forwardRef(
       ) })
     );
   }
-), ye = "DialogContent", Ri = h.forwardRef(
+), ye = "DialogContent", Ti = h.forwardRef(
   (t, n) => {
-    const e = Ii(ye, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = ee(ye, t.__scopeDialog);
+    const e = Ii(ye, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = te(ye, t.__scopeDialog);
     return /* @__PURE__ */ l(xt, { present: i || o.open, children: o.modal ? /* @__PURE__ */ l(gs, { ...r, ref: n }) : /* @__PURE__ */ l(vs, { ...r, ref: n }) });
   }
 );
-Ri.displayName = ye;
+Ti.displayName = ye;
 var gs = h.forwardRef(
   (t, n) => {
-    const e = ee(ye, t.__scopeDialog), i = h.useRef(null), r = we(n, e.contentRef, i);
+    const e = te(ye, t.__scopeDialog), i = h.useRef(null), r = we(n, e.contentRef, i);
     return h.useEffect(() => {
       const o = i.current;
       if (o) return fs(o);
     }, []), /* @__PURE__ */ l(
-      Ti,
+      Ri,
       {
         ...t,
         ref: r,
         trapFocus: e.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: ue(t.onCloseAutoFocus, (o) => {
+        onCloseAutoFocus: fe(t.onCloseAutoFocus, (o) => {
           var s;
           o.preventDefault(), (s = e.triggerRef.current) == null || s.focus();
         }),
-        onPointerDownOutside: ue(t.onPointerDownOutside, (o) => {
+        onPointerDownOutside: fe(t.onPointerDownOutside, (o) => {
           const s = o.detail.originalEvent, a = s.button === 0 && s.ctrlKey === !0;
           (s.button === 2 || a) && o.preventDefault();
         }),
-        onFocusOutside: ue(
+        onFocusOutside: fe(
           t.onFocusOutside,
           (o) => o.preventDefault()
         )
@@ -1495,9 +1495,9 @@ var gs = h.forwardRef(
   }
 ), vs = h.forwardRef(
   (t, n) => {
-    const e = ee(ye, t.__scopeDialog), i = h.useRef(!1), r = h.useRef(!1);
+    const e = te(ye, t.__scopeDialog), i = h.useRef(!1), r = h.useRef(!1);
     return /* @__PURE__ */ l(
-      Ti,
+      Ri,
       {
         ...t,
         ref: n,
@@ -1508,18 +1508,18 @@ var gs = h.forwardRef(
           (s = t.onCloseAutoFocus) == null || s.call(t, o), o.defaultPrevented || (i.current || (a = e.triggerRef.current) == null || a.focus(), o.preventDefault()), i.current = !1, r.current = !1;
         },
         onInteractOutside: (o) => {
-          var m, d;
-          (m = t.onInteractOutside) == null || m.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          var u, f;
+          (u = t.onInteractOutside) == null || u.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (r.current = !0));
           const s = o.target;
-          ((d = e.triggerRef.current) == null ? void 0 : d.contains(s)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && r.current && o.preventDefault();
+          ((f = e.triggerRef.current) == null ? void 0 : f.contains(s)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && r.current && o.preventDefault();
         }
       }
     );
   }
-), Ti = h.forwardRef(
+), Ri = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, trapFocus: i, onOpenAutoFocus: r, onCloseAutoFocus: o, ...s } = t, a = ee(ye, e), m = h.useRef(null), d = we(n, m);
-    return No(), /* @__PURE__ */ x(pe, { children: [
+    const { __scopeDialog: e, trapFocus: i, onOpenAutoFocus: r, onCloseAutoFocus: o, ...s } = t, a = te(ye, e), u = h.useRef(null), f = we(n, u);
+    return No(), /* @__PURE__ */ E(pe, { children: [
       /* @__PURE__ */ l(
         ai,
         {
@@ -1537,42 +1537,42 @@ var gs = h.forwardRef(
               "aria-labelledby": a.titleId,
               "data-state": fn(a.open),
               ...s,
-              ref: d,
+              ref: f,
               onDismiss: () => a.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ x(pe, { children: [
+      /* @__PURE__ */ E(pe, { children: [
         /* @__PURE__ */ l(xs, { titleId: a.titleId }),
-        /* @__PURE__ */ l(Cs, { contentRef: m, descriptionId: a.descriptionId })
+        /* @__PURE__ */ l(Cs, { contentRef: u, descriptionId: a.descriptionId })
       ] })
     ] });
   }
 ), un = "DialogTitle", ys = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = ee(un, e);
-    return /* @__PURE__ */ l(ae.h2, { id: r.titleId, ...i, ref: n });
+    const { __scopeDialog: e, ...i } = t, r = te(un, e);
+    return /* @__PURE__ */ l(ce.h2, { id: r.titleId, ...i, ref: n });
   }
 );
 ys.displayName = un;
 var Fi = "DialogDescription", bs = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = ee(Fi, e);
-    return /* @__PURE__ */ l(ae.p, { id: r.descriptionId, ...i, ref: n });
+    const { __scopeDialog: e, ...i } = t, r = te(Fi, e);
+    return /* @__PURE__ */ l(ce.p, { id: r.descriptionId, ...i, ref: n });
   }
 );
 bs.displayName = Fi;
 var Li = "DialogClose", Di = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = ee(Li, e);
+    const { __scopeDialog: e, ...i } = t, r = te(Li, e);
     return /* @__PURE__ */ l(
-      ae.button,
+      ce.button,
       {
         type: "button",
         ...i,
         ref: n,
-        onClick: ue(t.onClick, () => r.onOpenChange(!1))
+        onClick: fe(t.onClick, () => r.onOpenChange(!1))
       }
     );
   }
@@ -1601,16 +1601,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
     const r = (o = t.current) == null ? void 0 : o.getAttribute("aria-describedby");
     n && r && (document.getElementById(n) || console.warn(i));
   }, [i, t, n]), null;
-}, Oi = wi, Es = Ei, Mi = Si, ki = Ni, zi = Ri, _i = Di;
-const $i = P((t) => {
-  const { file: n, onClose: e } = t, i = Xe(null), r = T(() => {
+}, Oi = wi, Es = Ei, Mi = Si, ki = Ni, zi = Ti, _i = Di;
+const Bi = P((t) => {
+  const { file: n, onClose: e } = t, i = Xe(null), r = R(() => {
     var a;
     if (!i.current) return;
     const s = document.createElement("canvas");
-    s.width = i.current.width, s.height = i.current.height, (a = s.getContext("2d")) == null || a.drawImage(i.current, 0, 0, i.current.width, i.current.height), s.toBlob((m) => {
-      m && navigator.clipboard.write([new ClipboardItem({ "image/png": m })]);
+    s.width = i.current.width, s.height = i.current.height, (a = s.getContext("2d")) == null || a.drawImage(i.current, 0, 0, i.current.width, i.current.height), s.toBlob((u) => {
+      u && navigator.clipboard.write([new ClipboardItem({ "image/png": u })]);
     }, "image/png");
-  }, []), o = T(() => {
+  }, []), o = R(() => {
     Yn(n, n.name);
   }, [n]);
   return /* @__PURE__ */ l(Oi, { open: !0, onOpenChange: e, children: /* @__PURE__ */ l(Mi, { children: /* @__PURE__ */ l(
@@ -1618,25 +1618,25 @@ const $i = P((t) => {
     {
       className: "bg-(--color-background) fixed inset-0 data-[state='open']:fade-in-0 data-[state='open']:zoom-in-95 data-[state='closed']:animate-out data-[state='closed']:fade-out-0 data-[state='closed']:zoom-out-95 data-[state='open']:animate-in",
       "data-floating-content": "",
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ E(
         zi,
         {
           className: "absolute inset-0 py-12",
           "data-floating-content": "",
           onOpenAutoFocus: (s) => s.preventDefault(),
           children: [
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ E(
               Xt,
               {
                 className: "flex gap-2 items-center top-0 absolute right-0 p-2",
                 accentColor: "base",
                 variant: "ghost",
                 children: [
-                  /* @__PURE__ */ x(Ee.Root, { children: [
+                  /* @__PURE__ */ E(Ee.Root, { children: [
                     /* @__PURE__ */ l(Ee.Trigger, { asChild: !0, children: /* @__PURE__ */ l(Q, { onClick: r, "aria-label": "copy to clipboard", children: /* @__PURE__ */ l(L, { icon: "RiFileCopyLine" }) }) }),
                     /* @__PURE__ */ l(Ee.Content, { size: "sm", children: "Copy" })
                   ] }),
-                  /* @__PURE__ */ x(Ee.Root, { children: [
+                  /* @__PURE__ */ E(Ee.Root, { children: [
                     /* @__PURE__ */ l(Ee.Trigger, { asChild: !0, children: /* @__PURE__ */ l(Q, { onClick: o, "aria-label": "download", children: /* @__PURE__ */ l(L, { icon: "RiDownload2Line" }) }) }),
                     /* @__PURE__ */ l(Ee.Content, { size: "sm", children: "Download" })
                   ] }),
@@ -1660,92 +1660,92 @@ const $i = P((t) => {
     }
   ) }) });
 });
-$i.displayName = "ImageViewer";
+Bi.displayName = "ImageViewer";
 const Is = P((t) => {
-  const { children: n } = t, [e, i] = G(null), r = T(() => {
+  const { children: n } = t, [e, i] = G(null), r = R(() => {
     i(null);
-  }, []), o = T(
-    (m) => {
-      i(m(r));
+  }, []), o = R(
+    (u) => {
+      i(u(r));
     },
     [r]
-  ), s = T(() => {
+  ), s = R(() => {
     e && (e.onClose && e.onClose(), r());
   }, [r, e]), a = O(() => o, [o]);
-  return /* @__PURE__ */ x(ii.Provider, { value: a, children: [
+  return /* @__PURE__ */ E(ii.Provider, { value: a, children: [
     n,
-    e && /* @__PURE__ */ l($i, { file: e.file, onClose: s })
+    e && /* @__PURE__ */ l(Bi, { file: e.file, onClose: s })
   ] });
 });
 Is.displayName = "FileViewerProvider";
-const te = (t) => {
-  const { className: n, label: e, children: i, severity: r, inputId: o, labelId: s, image: a } = t, [m, d] = G(void 0), f = ln(), u = r ? ge[r] : "base";
-  q(() => {
-    a instanceof Promise ? a.then(d).catch(console.error) : d(a);
+const ne = (t) => {
+  const { className: n, label: e, children: i, severity: r, inputId: o, labelId: s, image: a } = t, [u, f] = G(void 0), m = ln(), d = r ? ge[r] : "base";
+  H(() => {
+    a instanceof Promise ? a.then(f).catch(console.error) : f(a);
   }, [a]);
-  const p = m ? URL.createObjectURL(m) : void 0, b = T(() => {
-    m && f(() => ({
-      file: m
+  const p = u ? URL.createObjectURL(u) : void 0, b = R(() => {
+    u && m(() => ({
+      file: u
     }));
-  }, [f, m]);
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-1", children: [
-    m && /* @__PURE__ */ l(
+  }, [m, u]);
+  return /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
+    u && /* @__PURE__ */ l(
       "img",
       {
         className: "h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",
         src: p,
-        alt: m.name,
+        alt: u.name,
         onClick: b
       }
     ),
-    /* @__PURE__ */ l("label", { className: je(n, "flex flex-col gap-1 w-max max-w-full"), htmlFor: o, children: /* @__PURE__ */ l(le, { accentColor: u, size: "sm", id: s, weight: "medium", className: "text-wrap", children: e }) }),
+    /* @__PURE__ */ l("label", { className: je(n, "flex flex-col gap-1 w-max max-w-full"), htmlFor: o, children: /* @__PURE__ */ l(ae, { accentColor: d, size: "sm", id: s, weight: "medium", className: "text-wrap", children: e }) }),
     i
   ] });
-}, ne = (t) => {
+}, ie = (t) => {
   const { children: n, ...e } = t;
   return /* @__PURE__ */ l(ni, { ...e, children: n });
 }, Vi = P((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d }, f] = J(t), u = o ? null : a, p = o ? "" : m, { name: b, onChange: y, onBlur: c } = d, v = `${n}-droppable`, { disabled: w } = f, E = d.value ?? rn, [g, S] = G(""), [C, F] = G(""), N = C || u, R = T(
-    (M) => {
-      y(M), c(M);
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = J(t), d = o ? null : a, p = o ? "" : u, { name: b, onChange: y, onBlur: c } = f, v = `${n}-droppable`, { disabled: w } = m, C = f.value ?? rn, [g, S] = G(""), [x, F] = G(""), N = x || d, T = R(
+    (z) => {
+      y(z), c(z);
     },
     [y, c]
-  ), A = T(
-    (M) => {
-      E && E.findIndex((Y) => Y === M.target.value.trim()) >= 0 ? F("All options must be unique") : M.target.value ? F("") : F("Option cannot be empty"), S(M.target.value);
+  ), D = R(
+    (z) => {
+      C && C.findIndex((Y) => Y === z.target.value.trim()) >= 0 ? F("All options must be unique") : z.target.value ? F("") : F("Option cannot be empty"), S(z.target.value);
     },
-    [S, E]
-  ), _ = T(() => {
-    if (C) return;
+    [S, C]
+  ), M = R(() => {
+    if (x) return;
     if (!g.trim()) {
       F("Option cannot be empty");
       return;
     }
-    const M = g.trim();
-    R([...E, M]), S("");
-  }, [g, C, R, E]), $ = T(
-    (M) => {
-      M.key === "Enter" && (M.preventDefault(), _());
+    const z = g.trim();
+    T([...C, z]), S("");
+  }, [g, x, T, C]), k = R(
+    (z) => {
+      z.key === "Enter" && (z.preventDefault(), M());
     },
-    [_]
-  ), K = T(
-    (M) => {
-      R(dt(E, M));
+    [M]
+  ), V = R(
+    (z) => {
+      T(dt(C, z));
     },
-    [E, R]
-  ), X = T(
-    (M) => {
-      if (!M.destination) return;
-      const Y = M.source.index, Ce = M.destination.index;
-      R(Mt(E, Y, Ce));
+    [C, T]
+  ), X = R(
+    (z) => {
+      if (!z.destination) return;
+      const Y = z.source.index, Ce = z.destination.index;
+      T(Mt(C, Y, Ce));
     },
-    [R, E]
-  ), se = T(() => {
-    c(E);
-  }, [c, E]);
-  return /* @__PURE__ */ l(Xn, { onDragEnd: X, children: /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ l(ne, { helpText: N, severity: r, children: /* @__PURE__ */ l(
-      te,
+    [T, C]
+  ), le = R(() => {
+    c(C);
+  }, [c, C]);
+  return /* @__PURE__ */ l(Xn, { onDragEnd: X, children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ l(ie, { helpText: N, severity: r, children: /* @__PURE__ */ l(
+      ne,
       {
         size: i,
         severity: r,
@@ -1753,18 +1753,18 @@ const te = (t) => {
         labelId: e,
         label: p,
         image: o ? void 0 : s.image,
-        children: (!w || E.length === 0) && /* @__PURE__ */ x("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ l(fe.Root, { className: "grow", accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ l(
-            fe.Field,
+        children: (!w || C.length === 0) && /* @__PURE__ */ E("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ l(ee.Root, { className: "grow", accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ l(
+            ee.Field,
             {
               value: g,
-              onChange: A,
-              onKeyDown: $,
+              onChange: D,
+              onKeyDown: k,
               id: n,
               placeholder: s.placeholder,
-              onBlur: se,
+              onBlur: le,
               name: b,
-              ...f
+              ...m
             }
           ) }),
           /* @__PURE__ */ l(
@@ -1775,32 +1775,32 @@ const te = (t) => {
               variant: "soft",
               type: "button",
               "aria-label": "Add option",
-              disabled: !!C || w,
-              onClick: _,
+              disabled: !!x || w,
+              onClick: M,
               children: /* @__PURE__ */ l(L, { icon: "RiAddLine" })
             }
           )
         ] })
       }
     ) }),
-    /* @__PURE__ */ l(en, { droppableId: v, children: (M) => /* @__PURE__ */ x(
+    /* @__PURE__ */ l(en, { droppableId: v, children: (z) => /* @__PURE__ */ E(
       "div",
       {
         className: "flex flex-col",
-        ...M.droppableProps,
-        ref: M.innerRef,
+        ...z.droppableProps,
+        ref: z.innerRef,
         children: [
-          E.map((Y, Ce) => /* @__PURE__ */ l(
+          C.map((Y, Ce) => /* @__PURE__ */ l(
             tn,
             {
               draggableId: `${Y}-draggable`,
               index: Ce,
               isDragDisabled: w,
-              children: ({ draggableProps: ce, dragHandleProps: Et, innerRef: Ye }) => /* @__PURE__ */ x(
+              children: ({ draggableProps: de, dragHandleProps: Et, innerRef: Ye }) => /* @__PURE__ */ E(
                 Ot,
                 {
                   ...Et,
-                  ...ce,
+                  ...de,
                   ref: Ye,
                   className: "mb-1 flex items-center justify-between gap-2",
                   accentColor: "base",
@@ -1822,7 +1822,7 @@ const te = (t) => {
                         accentColor: "base",
                         disabled: w,
                         onClick: () => {
-                          K(Ce);
+                          V(Ce);
                         },
                         children: /* @__PURE__ */ l(L, { icon: "RiCloseLargeLine" })
                       }
@@ -1833,7 +1833,7 @@ const te = (t) => {
             },
             Y
           )),
-          M.placeholder
+          z.placeholder
         ]
       }
     ) })
@@ -1845,7 +1845,7 @@ const Ss = {
   type: "multi-string",
   minimum_length: 0,
   maximum_length: null
-}, Te = class Te extends U {
+}, Re = class Re extends W {
   constructor(e) {
     const { minimum_length: i, maximum_length: r, placeholder: o, ...s } = e;
     super({ ...s, type: "multi-string" });
@@ -1884,12 +1884,12 @@ const Ss = {
   }
   static deserialize(e) {
     if (e.type !== "multi-string") throw new Error("Type mismatch.");
-    return new Te(e);
+    return new Re(e);
   }
 };
-I(Te, "fieldTypeName", "Multi-string"), I(Te, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), I(Te, "Icon", vr);
-let He = Te;
-class Bi extends U {
+I(Re, "fieldTypeName", "Multi-string"), I(Re, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), I(Re, "Icon", vr);
+let qe = Re;
+class $i extends W {
   constructor(e) {
     const { placeholder: i = "", ...r } = e;
     super(r);
@@ -1914,7 +1914,7 @@ class Bi extends U {
     const i = e && `${e}.`;
     return [
       {
-        field: new He({
+        field: new qe({
           label: "Options",
           description: "List possible options for the user to select from.",
           required: !0,
@@ -1927,16 +1927,16 @@ class Bi extends U {
   }
 }
 const Ui = P((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d }, f] = J(t), { name: u, onBlur: p, onChange: b, value: y } = d, c = o ? null : a, v = o ? "" : m, w = T(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = J(t), { name: d, onBlur: p, onChange: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
     (g) => {
       b(!!g), p(!!g);
     },
     [p, b]
-  ), E = T(() => {
+  ), C = R(() => {
     p(y);
   }, [p, y]);
-  return /* @__PURE__ */ l(ne, { helpText: c, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: c, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
@@ -1949,14 +1949,14 @@ const Ui = P((t) => {
         at.Root,
         {
           id: n,
-          name: u,
+          name: d,
           checked: y ?? !1,
           onCheckedChange: w,
-          onBlur: E,
+          onBlur: C,
           size: "sm",
           accentColor: "primary",
           variant: "surface",
-          ...f,
+          ...m,
           children: /* @__PURE__ */ l(at.Indicator, { children: /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) })
         }
       )
@@ -1967,7 +1967,7 @@ Ui.displayName = "BooleanInput";
 const Ns = {
   ...Z,
   type: "boolean"
-}, Fe = class Fe extends U {
+}, Fe = class Fe extends W {
   constructor(e) {
     super({ ...e, type: "boolean" });
     I(this, "onlyValidateAfterTouched", !1);
@@ -1988,12 +1988,12 @@ const Ns = {
   }
 };
 I(Fe, "fieldTypeName", "Checkbox"), I(Fe, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), I(Fe, "Icon", yr);
-let Ge = Fe;
-const Rs = {
+let He = Fe;
+const Ts = {
   ...Z,
   type: "custom"
 };
-class ht extends U {
+class ht extends W {
   constructor(e, i) {
     super({ ...e, type: "custom" });
     I(this, "Component");
@@ -2011,19 +2011,19 @@ class ht extends U {
 }
 I(ht, "fieldTypeName", "Custom"), I(ht, "fieldTypeDescription", "Allows re-rendering of field already in the form");
 const Wi = P((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d }, f] = J(t), { name: u, onChange: p, onBlur: b } = d, [y, c] = G(!1), v = o ? null : a, w = o ? "" : m, E = d.value ? new Date(d.value) : void 0, g = T(
-    (C) => {
-      p(C == null ? void 0 : C.toISOString()), c(!1);
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = J(t), { name: d, onChange: p, onBlur: b } = f, [y, c] = G(!1), v = o ? null : a, w = o ? "" : u, C = f.value ? new Date(f.value) : void 0, g = R(
+    (x) => {
+      p(x == null ? void 0 : x.toISOString()), c(!1);
     },
     [p]
-  ), S = T(
-    (C) => {
-      c(C), C || b(d.value);
+  ), S = R(
+    (x) => {
+      c(x), x || b(f.value);
     },
-    [d.value, b]
+    [f.value, b]
   );
-  return /* @__PURE__ */ l(ne, { helpText: v, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: v, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
@@ -2031,20 +2031,20 @@ const Wi = P((t) => {
       labelId: e,
       label: w,
       image: o ? void 0 : s.image,
-      children: /* @__PURE__ */ x($e.Root, { open: y, onOpenChange: S, children: [
-        /* @__PURE__ */ l($e.Trigger, { asChild: !0, children: /* @__PURE__ */ x(
-          H,
+      children: /* @__PURE__ */ E(Be.Root, { open: y, onOpenChange: S, children: [
+        /* @__PURE__ */ l(Be.Trigger, { asChild: !0, children: /* @__PURE__ */ E(
+          K,
           {
             id: n,
-            name: u,
+            name: d,
             type: "button",
             className: "!justify-between",
             accentColor: "base",
             variant: "surface",
             size: "sm",
-            ...f,
+            ...m,
             children: [
-              E ? E.toLocaleString(void 0, {
+              C ? C.toLocaleString(void 0, {
                 year: "numeric",
                 month: "2-digit",
                 day: "2-digit"
@@ -2053,13 +2053,13 @@ const Wi = P((t) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ l($e.Content, { align: "start", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ l(Be.Content, { align: "start", children: /* @__PURE__ */ l(
           fr,
           {
             required: !1,
             mode: "single",
             variant: "solid",
-            selected: E,
+            selected: C,
             onSelect: g
           }
         ) })
@@ -2068,10 +2068,10 @@ const Wi = P((t) => {
   ) });
 });
 Wi.displayName = "DateInput";
-const Ts = {
+const Rs = {
   ...Z,
   type: "date"
-}, Le = class Le extends U {
+}, Le = class Le extends W {
   constructor(e) {
     super({ ...e, type: "date" });
     I(this, "onlyValidateAfterTouched", !1);
@@ -2088,22 +2088,22 @@ const Ts = {
   }
 };
 I(Le, "fieldTypeName", "Date"), I(Le, "fieldTypeDescription", "Allows specifying a date."), I(Le, "Icon", br);
-let $t = Le;
+let Bt = Le;
 const ji = P((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d }, f] = J(t), { name: u, onChange: p, onBlur: b } = d, y = o ? null : a, c = o ? "" : m, v = d.value ?? rn, w = T(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = J(t), { name: d, onChange: p, onBlur: b } = f, y = o ? null : a, c = o ? "" : u, v = f.value ?? rn, w = R(
     (g) => {
       const S = g.length > 0 ? g : void 0;
       p(S), b(S);
     },
     [b, p]
-  ), E = T(
+  ), C = R(
     (g) => {
       g || b(v);
     },
     [v, b]
   );
-  return /* @__PURE__ */ l(ne, { helpText: y, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: y, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
@@ -2111,31 +2111,31 @@ const ji = P((t) => {
       labelId: e,
       label: c,
       image: o ? void 0 : s.image,
-      children: /* @__PURE__ */ x(z.Root, { onOpenChange: E, align: "start", children: [
-        /* @__PURE__ */ l(z.ClickTrigger, { children: /* @__PURE__ */ x(
-          H,
+      children: /* @__PURE__ */ E(B.Root, { onOpenChange: C, align: "start", children: [
+        /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(
+          K,
           {
             id: n,
-            name: u,
+            name: d,
             className: "!justify-between",
             variant: "surface",
             type: "button",
             size: "sm",
             accentColor: "base",
-            ...f,
+            ...m,
             children: [
               /* @__PURE__ */ l("span", { className: "truncate", children: v && v.length > 0 ? v.join(", ") : s.placeholder }),
               /* @__PURE__ */ l(L, { icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ l(z.Content, { children: /* @__PURE__ */ l(z.Scroll, { children: /* @__PURE__ */ x(z.MultiSelectGroup, { values: v, onValuesChange: w, children: [
-          /* @__PURE__ */ x(z.SelectAllItem, { children: [
-            /* @__PURE__ */ l(z.CheckboxItemIndicator, { children: (g) => g ? /* @__PURE__ */ l(L, { icon: "RiSubtractLine" }) : /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) }),
+        /* @__PURE__ */ l(B.Content, { children: /* @__PURE__ */ l(B.Scroll, { children: /* @__PURE__ */ E(B.MultiSelectGroup, { values: v, onValuesChange: w, children: [
+          /* @__PURE__ */ E(B.SelectAllItem, { children: [
+            /* @__PURE__ */ l(B.CheckboxItemIndicator, { children: (g) => g ? /* @__PURE__ */ l(L, { icon: "RiSubtractLine" }) : /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) }),
             "Select all"
           ] }),
-          s.options.map((g) => /* @__PURE__ */ x(z.MultiSelectItem, { value: g.value, children: [
-            /* @__PURE__ */ l(z.SelectedIndicator, { children: /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) }),
+          s.options.map((g) => /* @__PURE__ */ E(B.MultiSelectItem, { value: g.value, children: [
+            /* @__PURE__ */ l(B.SelectedIndicator, { children: /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) }),
             g.label
           ] }, g.value))
         ] }) }) })
@@ -2148,7 +2148,7 @@ const Fs = {
   ...Z,
   type: "multi-select",
   options: []
-}, De = class De extends Bi {
+}, De = class De extends $i {
   constructor(n) {
     const { placeholder: e = "Select one or more...", ...i } = n;
     super({ ...i, placeholder: e, type: "multi-select" });
@@ -2174,36 +2174,36 @@ I(De, "fieldTypeName", "Multi-select"), I(De, "fieldTypeDescription", "Allows th
 let pt = De;
 const qi = P((t) => {
   const [
-    { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d, touched: f, helpers: u },
+    { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f, touched: m, helpers: d },
     p
-  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = d, w = o ? null : a, E = o ? "" : m, [g, S] = G(void 0);
-  q(() => {
+  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = G(void 0);
+  H(() => {
     S(v);
   }, [v]);
-  const C = T(
+  const x = R(
     (N) => {
-      const R = N.target.valueAsNumber, A = Number.isNaN(R) ? void 0 : R;
-      S(A), (f || !s.onlyValidateAfterTouched) && u.setError(s.getError(A));
+      const T = N.target.valueAsNumber, D = Number.isNaN(T) ? void 0 : T;
+      S(D), (m || !s.onlyValidateAfterTouched) && d.setError(s.getError(D));
     },
-    [s, u, f]
-  ), F = T(() => {
+    [s, d, m]
+  ), F = R(() => {
     c(g), y(g);
   }, [g, y, c]);
-  return /* @__PURE__ */ l(ne, { helpText: w, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: w, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
       inputId: n,
       labelId: e,
-      label: E,
+      label: C,
       image: o ? void 0 : s.image,
-      children: /* @__PURE__ */ l(fe.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ l(
-        fe.Field,
+      children: /* @__PURE__ */ l(ee.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ l(
+        ee.Field,
         {
           id: n,
           name: b,
-          onChange: C,
+          onChange: x,
           onBlur: F,
           value: g ?? "",
           type: "number",
@@ -2224,7 +2224,7 @@ const Ls = {
   minimum: Number.MIN_SAFE_INTEGER,
   maximum: Number.MAX_SAFE_INTEGER,
   integers: !1
-}, _n = (t) => "fields" in t, ie = class ie extends U {
+}, _n = (t) => "fields" in t, re = class re extends W {
   constructor(e) {
     const {
       minimum: i = Number.MIN_SAFE_INTEGER,
@@ -2244,7 +2244,7 @@ const Ls = {
     const i = e && `${e}.`;
     return [
       {
-        field: new ie({
+        field: new re({
           label: "Minimum",
           description: "Minimum value",
           integers: !0,
@@ -2255,7 +2255,7 @@ const Ls = {
         showDirectly: !1
       },
       {
-        field: new ie({
+        field: new re({
           label: "Maximum",
           description: "Maximum value",
           integers: !0,
@@ -2266,7 +2266,7 @@ const Ls = {
         showDirectly: !1
       },
       {
-        field: new Ge({
+        field: new He({
           label: "Integers",
           description: "Whole numbers only",
           required: !1,
@@ -2300,92 +2300,104 @@ const Ls = {
   }
   static deserialize(e) {
     if (e.type !== "number") throw new Error("Type mismatch.");
-    return new ie(e);
+    return new re(e);
   }
   getInput(e) {
     return /* @__PURE__ */ l(qi, { field: this, ...e });
   }
 };
-I(ie, "fieldTypeName", "Number"), I(ie, "fieldTypeDescription", "Allows specifying a number within a given range."), I(ie, "Icon", wr), I(ie, "_validateMin", (e) => (i, r) => {
-  const o = _n(r) ? oe(r, e) : r;
+I(re, "fieldTypeName", "Number"), I(re, "fieldTypeDescription", "Allows specifying a number within a given range."), I(re, "Icon", wr), I(re, "_validateMin", (e) => (i, r) => {
+  const o = _n(r) ? se(r, e) : r;
   return typeof o.maximum == "number" && typeof i == "number" && o.maximum < i ? "Minimum cannot be greater than minimum." : null;
-}), I(ie, "_validateMax", (e) => (i, r) => {
-  const o = _n(r) ? oe(r, e) : r;
+}), I(re, "_validateMax", (e) => (i, r) => {
+  const o = _n(r) ? se(r, e) : r;
   return typeof o.minimum == "number" && typeof i == "number" && o.minimum > i ? "Maximum cannot be less than minimum." : null;
 });
-let be = ie;
+let be = re;
 const Hi = P((t) => {
-  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: s, showInputOnly: a, field: m, fieldProps: d }, f] = J(t), { name: u, onBlur: p, onChange: b, value: y } = d, [c, v] = G(!1), w = a ? null : r, E = a ? "" : i, g = T(
-    (F) => {
-      b(F), v(!1);
+  const [
+    { inputId: n, labelId: e, label: i, helpText: r, size: o, severity: s, showInputOnly: a, field: u, fieldProps: f, helpers: m, touched: d },
+    p
+  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = f, [w, C] = G(!1), g = a ? null : r, S = a ? "" : i, [x, F] = G(void 0);
+  H(() => {
+    F(v);
+  }, [v]);
+  const N = R(
+    (V) => {
+      F(V.target.value || void 0), (d || !u.onlyValidateAfterTouched) && m.setError(u.getError(V.target.value));
     },
-    [b]
-  ), S = T(() => {
-    b("");
-  }, [b]), C = T(
-    (F) => {
-      v(F), F || p(y);
+    [u, m, d]
+  ), T = R(() => {
+    c(x), y(x);
+  }, [x, y, c]), D = R(
+    (V) => {
+      c(V), C(!1);
     },
-    [p, y]
+    [c]
+  ), M = R(() => {
+    c(void 0);
+  }, [c]), k = R(
+    (V) => {
+      C(V), V || y(v);
+    },
+    [y, v]
   );
-  return /* @__PURE__ */ l(ne, { helpText: w, severity: s, children: /* @__PURE__ */ x(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: g, severity: s, children: /* @__PURE__ */ l(
+    ne,
     {
       size: o,
       severity: s,
       inputId: n,
       labelId: e,
-      label: E,
-      image: a ? void 0 : m.image,
+      label: S,
+      image: a ? void 0 : u.image,
       className: "flex-col items-start justify-start gap-2",
-      children: [
-        /* @__PURE__ */ x("div", { className: "flex w-max items-center gap-1", children: [
-          /* @__PURE__ */ x(Oi, { open: c, onOpenChange: C, children: [
-            /* @__PURE__ */ l(Es, { asChild: !0, children: /* @__PURE__ */ x(
-              H,
-              {
-                id: n,
-                name: u,
-                type: "button",
-                variant: "soft",
-                size: "sm",
-                accentColor: "base",
-                ...f,
-                children: [
-                  /* @__PURE__ */ l(L, { icon: "RiQrCodeLine" }),
-                  "Scan"
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ x(Mi, { children: [
-              /* @__PURE__ */ l(ki, { className: "light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)" }),
-              /* @__PURE__ */ l(zi, { className: "fixed inset-0", children: /* @__PURE__ */ l(Gi, { onQrScan: g }) })
-            ] })
-          ] }),
-          y && /* @__PURE__ */ l(L, { icon: "RiCheckLine", className: "align-bottom text-(--primary-a11)" })
-        ] }),
-        !!y && /* @__PURE__ */ l(qe, { className: "max-w-full w-max", size: "sm", children: /* @__PURE__ */ x("div", { className: "max-w-full w-max flex justify-between gap-2", children: [
-          /* @__PURE__ */ l("code", { className: "bg-(--base-a3) truncate text-sm", children: y }),
+      children: /* @__PURE__ */ E("div", { className: "flex w-full items-center gap-2", children: [
+        /* @__PURE__ */ E(ee.Root, { className: "grow", accentColor: "base", variant: "surface", size: "sm", children: [
           /* @__PURE__ */ l(
+            ee.Field,
+            {
+              id: n,
+              className: "truncate",
+              name: b,
+              value: x ?? "",
+              type: "text",
+              placeholder: "Enter a qr code",
+              onChange: N,
+              onBlur: T,
+              ...p
+            }
+          ),
+          !!v && /* @__PURE__ */ l(ee.Slot, { children: /* @__PURE__ */ l(
             Q,
             {
               accentColor: "base",
               variant: "ghost",
               "aria-label": "delete",
-              size: "sm",
-              onClick: S,
+              size: "xs",
+              onClick: M,
               children: /* @__PURE__ */ l(L, { icon: "RiCloseLine" })
             }
-          )
-        ] }) })
-      ]
+          ) })
+        ] }),
+        /* @__PURE__ */ E(Oi, { open: w, onOpenChange: k, children: [
+          /* @__PURE__ */ l(Es, { asChild: !0, children: /* @__PURE__ */ E(K, { type: "button", variant: "soft", size: "sm", accentColor: "base", children: [
+            /* @__PURE__ */ l(L, { icon: "RiQrCodeLine" }),
+            "Scan"
+          ] }) }),
+          /* @__PURE__ */ E(Mi, { children: [
+            /* @__PURE__ */ l(ki, { className: "light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)" }),
+            /* @__PURE__ */ l(zi, { className: "fixed inset-0", children: /* @__PURE__ */ l(Gi, { onQrScan: D }) })
+          ] })
+        ] })
+      ] })
     }
   ) });
 });
 Hi.displayName = "QrInput";
 const Gi = P((t) => {
   const { onQrScan: n } = t, e = Xe(null), [i, r] = G(!1);
-  return q(() => {
+  return H(() => {
     if (!e.current) return;
     const o = new Mr(
       e.current,
@@ -2402,9 +2414,9 @@ const Gi = P((t) => {
     r(!0), o.start().finally(() => {
       r(!1);
     });
-  }, [n]), /* @__PURE__ */ x("div", { className: "relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)", children: [
+  }, [n]), /* @__PURE__ */ E("div", { className: "relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)", children: [
     /* @__PURE__ */ l("div", { className: "absolute top-0 flex w-full p-2", children: /* @__PURE__ */ l(_i, { asChild: !0, children: /* @__PURE__ */ l(Q, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ l(L, { icon: "RiCloseLine" }) }) }) }),
-    /* @__PURE__ */ x("div", { className: "relative max-h-full max-w-full", children: [
+    /* @__PURE__ */ E("div", { className: "relative max-h-full max-w-full **:stroke-(--primary-indicator)", children: [
       /* @__PURE__ */ l("video", { className: "size-full", ref: e }),
       i && /* @__PURE__ */ l("div", { className: "absolute inset-0 flex items-center justify-center bg-(--color-background)", children: /* @__PURE__ */ l(Kt, {}) })
     ] })
@@ -2414,7 +2426,7 @@ Gi.displayName = "QrScanner";
 const Ds = {
   ...Z,
   type: "qr"
-}, Ae = class Ae extends U {
+}, Ae = class Ae extends W {
   constructor(e) {
     super({ ...e, type: "qr" });
     I(this, "onlyValidateAfterTouched", !1);
@@ -2433,16 +2445,16 @@ const Ds = {
 I(Ae, "fieldTypeName", "QR"), I(Ae, "fieldTypeDescription", "Used for scanning/reading QR codes."), I(Ae, "Icon", Cr);
 let Vt = Ae;
 const Ki = P((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d }, f] = J(t), { name: u, onChange: p, onBlur: b, value: y } = d, c = o ? null : a, v = o ? "" : m, w = T(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = J(t), { name: d, onChange: p, onBlur: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
     (g) => {
       p(g ?? void 0), b(g ?? void 0);
     },
     [b, p]
-  ), E = T(() => {
+  ), C = R(() => {
     p(void 0), b(void 0);
   }, [b, p]);
-  return /* @__PURE__ */ l(ne, { helpText: c, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: c, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
@@ -2450,27 +2462,27 @@ const Ki = P((t) => {
       labelId: e,
       label: v,
       image: o ? void 0 : s.image,
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ E(
         It.Root,
         {
           id: n,
-          name: u,
+          name: d,
           className: "flex flex-col gap-1",
           accentColor: "base",
           variant: "surface",
           size: "sm",
           value: y ?? "",
           onValueChange: w,
-          ...f,
+          ...m,
           children: [
-            s.options.map((g) => /* @__PURE__ */ x("label", { className: "flex gap-2 items-center min-w-0", children: [
+            s.options.map((g) => /* @__PURE__ */ E("label", { className: "flex gap-2 items-center min-w-0", children: [
               /* @__PURE__ */ l(It.Item, { value: g.value, children: /* @__PURE__ */ l(It.Indicator, { children: /* @__PURE__ */ l(L, { icon: "RiCircleFill" }) }) }, g.value),
-              /* @__PURE__ */ l(le, { size: "sm", accentColor: "base", className: "truncate", children: g.label })
+              /* @__PURE__ */ l(ae, { size: "sm", accentColor: "base", className: "truncate", children: g.label })
             ] })),
-            !!y && /* @__PURE__ */ x(
-              H,
+            !!y && /* @__PURE__ */ E(
+              K,
               {
-                onClick: E,
+                onClick: C,
                 className: "w-max -mx-2",
                 type: "button",
                 variant: "ghost",
@@ -2493,7 +2505,7 @@ const As = {
   ...Z,
   type: "radio",
   options: []
-}, Pe = class Pe extends U {
+}, Pe = class Pe extends W {
   constructor(e) {
     const { options: i, ...r } = e;
     super({ ...r, type: "radio" });
@@ -2519,7 +2531,7 @@ const As = {
     const i = e && `${e}.`;
     return [
       {
-        field: new He({
+        field: new qe({
           label: "Options",
           description: "List possible options for the user to select from.",
           required: !0,
@@ -2534,17 +2546,17 @@ const As = {
     return /* @__PURE__ */ l(Ki, { field: this, ...e });
   }
 };
-I(Pe, "fieldTypeName", "Radio"), I(Pe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), I(Pe, "Icon", Er);
-let Bt = Pe;
+I(Pe, "fieldTypeName", "Option list"), I(Pe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), I(Pe, "Icon", Er);
+let $t = Pe;
 const Xi = P((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d }, f] = J(t), { name: u, onChange: p, onBlur: b, value: y } = d, c = o ? null : a, v = o ? "" : m, w = T(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = J(t), { name: d, onChange: p, onBlur: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
     (g) => {
       p(g), b(g);
     },
     [b, p]
-  ), E = O(() => s.options.find((g) => g.value === y), [s.options, y]);
-  return /* @__PURE__ */ l(ne, { helpText: c, severity: r, children: /* @__PURE__ */ l(
-    te,
+  ), C = O(() => s.options.find((g) => g.value === y), [s.options, y]);
+  return /* @__PURE__ */ l(ie, { helpText: c, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
@@ -2552,26 +2564,26 @@ const Xi = P((t) => {
       labelId: e,
       label: v,
       image: o ? void 0 : s.image,
-      children: /* @__PURE__ */ x(z.Root, { align: "start", children: [
-        /* @__PURE__ */ l(z.ClickTrigger, { children: /* @__PURE__ */ x(
-          H,
+      children: /* @__PURE__ */ E(B.Root, { align: "start", children: [
+        /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(
+          K,
           {
             id: n,
-            name: u,
+            name: d,
             className: "!justify-between",
             accentColor: "base",
             variant: "surface",
             type: "button",
             size: "sm",
-            ...f,
+            ...m,
             children: [
-              /* @__PURE__ */ l("span", { className: "truncate", children: E ? E.label : s.placeholder }),
+              /* @__PURE__ */ l("span", { className: "truncate", children: C ? C.label : s.placeholder }),
               /* @__PURE__ */ l(L, { icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ l(z.Content, { children: /* @__PURE__ */ l(z.Scroll, { children: /* @__PURE__ */ l(z.SelectGroup, { required: !1, value: y ?? void 0, onValueChange: w, children: s.options.map((g) => /* @__PURE__ */ x(z.SelectItem, { value: g.value, children: [
-          /* @__PURE__ */ l(z.SelectedIndicator, { children: /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) }),
+        /* @__PURE__ */ l(B.Content, { children: /* @__PURE__ */ l(B.Scroll, { children: /* @__PURE__ */ l(B.SelectGroup, { required: !1, value: y ?? void 0, onValueChange: w, children: s.options.map((g) => /* @__PURE__ */ E(B.SelectItem, { value: g.value, children: [
+          /* @__PURE__ */ l(B.SelectedIndicator, { children: /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) }),
           g.label
         ] }, g.value)) }) }) })
       ] })
@@ -2583,7 +2595,7 @@ const Ps = {
   ...Z,
   type: "select",
   options: []
-}, Oe = class Oe extends Bi {
+}, Oe = class Oe extends $i {
   constructor(n) {
     const { placeholder: e = "Select one...", ...i } = n;
     super({ ...i, placeholder: e, type: "select" });
@@ -2601,8 +2613,8 @@ const Ps = {
 };
 I(Oe, "fieldTypeName", "Dropdown"), I(Oe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), I(Oe, "Icon", Ir);
 let gt = Oe;
-const ot = 500, Ue = 1e4, $n = (t) => "fields" in t;
-class vt extends U {
+const ot = 500, Ue = 1e4, Bn = (t) => "fields" in t;
+class vt extends W {
   constructor(e) {
     const { minLength: i, maxLength: r, placeholder: o = "", ...s } = e;
     super(s);
@@ -2673,7 +2685,7 @@ class vt extends U {
  * equal to the value given for "maximum length".
  */
 I(vt, "_validateMin", (e) => (i, r) => {
-  const o = $n(r) ? oe(r, e) : r;
+  const o = Bn(r) ? se(r, e) : r;
   return typeof o.maximum_length == "number" && typeof i == "number" && o.maximum_length < i ? "Minimum cannot be greater than maximum." : null;
 }), /**
  * This function returns a function that validates that the value given for "maximum length" (when creating a new field) is greater than or
@@ -2681,36 +2693,36 @@ I(vt, "_validateMin", (e) => (i, r) => {
  */
 I(vt, "_validateMax", (e) => (i, r) => {
   if (typeof i != "number") return null;
-  const { minimum_length: o } = $n(r) ? oe(r, e) : r;
+  const { minimum_length: o } = Bn(r) ? se(r, e) : r;
   return typeof o != "number" ? null : o > i ? "Maximum cannot be less than minimum." : null;
 });
 const Yi = P((t) => {
   const [
-    { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d, touched: f, helpers: u },
+    { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f, touched: m, helpers: d },
     p
-  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = d, w = o ? null : a, E = o ? "" : m, [g, S] = G(void 0);
-  q(() => {
+  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = G(void 0);
+  H(() => {
     S(v);
   }, [v]);
-  const C = T(
+  const x = R(
     (N) => {
-      S(N.target.value || void 0), (f || !s.onlyValidateAfterTouched) && u.setError(s.getError(N.target.value));
+      S(N.target.value || void 0), (m || !s.onlyValidateAfterTouched) && d.setError(s.getError(N.target.value));
     },
-    [s, u, f]
-  ), F = T(() => {
+    [s, d, m]
+  ), F = R(() => {
     c(g), y(g);
   }, [g, y, c]);
-  return /* @__PURE__ */ l(ne, { helpText: w, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: w, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
       inputId: n,
       labelId: e,
-      label: E,
+      label: C,
       image: o ? void 0 : s.image,
-      children: /* @__PURE__ */ l(fe.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ l(
-        fe.Field,
+      children: /* @__PURE__ */ l(ee.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ l(
+        ee.Field,
         {
           id: n,
           className: "truncate",
@@ -2718,7 +2730,7 @@ const Yi = P((t) => {
           value: g ?? "",
           type: s.inputType,
           placeholder: s.placeholder,
-          onChange: C,
+          onChange: x,
           onBlur: F,
           ...p
         }
@@ -2761,28 +2773,28 @@ I(Me, "fieldTypeName", "Short Text"), I(Me, "fieldTypeDescription", `Short text
 let Ut = Me;
 const Qi = P((t) => {
   const [
-    { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: m, fieldProps: d, touched: f, helpers: u },
+    { inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f, touched: m, helpers: d },
     p
-  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = d, w = o ? null : a, E = o ? "" : m, [g, S] = G(void 0);
-  q(() => {
+  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = G(void 0);
+  H(() => {
     S(v);
   }, [v]);
-  const C = T(
+  const x = R(
     (N) => {
-      S(N.target.value || void 0), (f || !s.onlyValidateAfterTouched) && u.setError(s.getError(N.target.value));
+      S(N.target.value || void 0), (m || !s.onlyValidateAfterTouched) && d.setError(s.getError(N.target.value));
     },
-    [s, u, f]
-  ), F = T(() => {
+    [s, d, m]
+  ), F = R(() => {
     c(g), y(g);
   }, [g, y, c]);
-  return /* @__PURE__ */ l(ne, { helpText: w, severity: r, children: /* @__PURE__ */ l(
-    te,
+  return /* @__PURE__ */ l(ie, { helpText: w, severity: r, children: /* @__PURE__ */ l(
+    ne,
     {
       size: i,
       severity: r,
       inputId: n,
       labelId: e,
-      label: E,
+      label: C,
       image: o ? void 0 : s.image,
       children: /* @__PURE__ */ l(
         qn,
@@ -2790,7 +2802,7 @@ const Qi = P((t) => {
           id: n,
           value: g ?? "",
           name: b,
-          onChange: C,
+          onChange: x,
           onBlur: F,
           className: "field-sizing-content min-h-12",
           placeholder: s.placeholder,
@@ -2836,7 +2848,7 @@ let Wt = ke;
 const ks = P(
   Ke((t, n) => {
     const { file: e, alt: i, error: r, rightSlot: o, className: s, ...a } = t;
-    return /* @__PURE__ */ x(
+    return /* @__PURE__ */ E(
       "div",
       {
         className: je(
@@ -2855,7 +2867,7 @@ const ks = P(
               alt: i ?? e.name
             }
           ) }),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ E(
             "div",
             {
               className: je("flex h-max w-full items-center gap-1 bg-(--base-2) px-2 py-1", {
@@ -2863,7 +2875,7 @@ const ks = P(
               }),
               children: [
                 r ? /* @__PURE__ */ l(L, { icon: "RiFileWarningLine" }) : e && /* @__PURE__ */ l(nn, { fileType: e.type }),
-                /* @__PURE__ */ l(le, { className: "truncate", size: "sm", children: r ?? (e == null ? void 0 : e.name) }),
+                /* @__PURE__ */ l(ae, { className: "truncate", size: "sm", children: r ?? (e == null ? void 0 : e.name) }),
                 o
               ]
             }
@@ -2885,47 +2897,47 @@ const ks = P(
   }).format(e);
 }, Ji = P((t) => {
   var N;
-  const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: s, field: a, fieldProps: m }, d] = J(t), { name: f, onChange: u, onBlur: p } = m;
+  const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: s, field: a, fieldProps: u }, f] = J(t), { name: m, onChange: d, onBlur: p } = u;
   let [{ label: b }] = J(t);
   b = s ? "" : b;
-  const y = m.value ?? rn, c = Xe(null), v = O(() => s ? null : o || (a.maxFileSize ? `Maximum file size: ${a.maxFileSize}MB` : null), [a.maxFileSize, o, s]), w = T(() => {
-    var R;
-    (R = c.current) == null || R.click();
-  }, []), E = T(() => {
+  const y = u.value ?? rn, c = Xe(null), v = O(() => s ? null : o || (a.maxFileSize ? `Maximum file size: ${a.maxFileSize}MB` : null), [a.maxFileSize, o, s]), w = R(() => {
+    var T;
+    (T = c.current) == null || T.click();
+  }, []), C = R(() => {
     if (!c.current) return;
-    const R = c.current.files;
-    if (!R) {
+    const T = c.current.files;
+    if (!T) {
       p([]);
       return;
     }
-    const A = Array.from(R), _ = [...y, ...A];
-    u(_), p(_);
-  }, [p, u, y]), g = T(
-    (R) => {
-      const A = [...y];
-      A.splice(R, 1), u(A.length > 0 ? A : void 0);
+    const D = Array.from(T), M = [...y, ...D];
+    d(M), p(M);
+  }, [p, d, y]), g = R(
+    (T) => {
+      const D = [...y];
+      D.splice(T, 1), d(D.length > 0 ? D : void 0);
     },
-    [y, u]
+    [y, d]
   );
-  q(() => {
+  H(() => {
     if (!c.current) return;
-    const R = new AbortController();
+    const T = new AbortController();
     return c.current.addEventListener(
       "cancel",
       () => {
         p(void 0);
       },
       {
-        signal: R.signal
+        signal: T.signal
       }
     ), () => {
-      R.abort();
+      T.abort();
     };
   }, [p, y]);
-  const S = y ? "Select new files" : "Select files", C = y ? "Select new file" : "Select a file", F = a.maxFiles > 1 ? S : C;
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ l(ne, { helpText: v, severity: r, children: /* @__PURE__ */ x(
-      te,
+  const F = a.maxFiles > 1 ? "Select files" : "Select a file";
+  return /* @__PURE__ */ E("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ l(ie, { helpText: v, severity: r, children: /* @__PURE__ */ E(
+      ne,
       {
         size: i,
         severity: r,
@@ -2934,8 +2946,8 @@ const ks = P(
         label: b,
         image: s ? void 0 : a.image,
         children: [
-          /* @__PURE__ */ l("div", { className: "flex gap-2", children: /* @__PURE__ */ x(
-            H,
+          /* @__PURE__ */ l("div", { className: "flex gap-2", children: /* @__PURE__ */ E(
+            K,
             {
               className: "w-max",
               size: "sm",
@@ -2944,7 +2956,7 @@ const ks = P(
               onClick: w,
               id: "upload-input-upload-button",
               type: "button",
-              ...d,
+              ...f,
               children: [
                 /* @__PURE__ */ l(L, { icon: "RiUpload2Line" }),
                 " ",
@@ -2956,56 +2968,56 @@ const ks = P(
             "input",
             {
               id: n,
-              name: f,
+              name: m,
               type: "file",
               ref: c,
               accept: (N = a.extensions) == null ? void 0 : N.join(","),
               multiple: a.maxFiles > 1,
               className: "hidden",
-              onChange: E,
+              onChange: C,
               value: ""
             }
           )
         ]
       }
     ) }),
-    Array.isArray(y) && y.length > 0 && /* @__PURE__ */ l("div", { className: "flex h-max flex-col gap-2", children: y.map((R, A) => /* @__PURE__ */ l(
+    Array.isArray(y) && y.length > 0 && /* @__PURE__ */ l("div", { className: "flex h-max flex-col gap-2", children: y.map((T, D) => /* @__PURE__ */ l(
       Zi,
       {
         field: a,
-        file: R,
+        file: T,
         onRemove: () => {
-          g(A);
+          g(D);
         },
-        disabled: d.disabled
+        disabled: f.disabled
       },
-      A
+      D
     )) })
   ] });
 });
 Ji.displayName = "UploadInput";
 const Zi = P((t) => {
-  const { file: n, field: e, onRemove: i, disabled: r } = t, [o, s] = G(null), a = ln(), m = O(() => o && e.getError([o]), [e, o]), { url: d, name: f } = O(() => {
+  const { file: n, field: e, onRemove: i, disabled: r } = t, [o, s] = G(null), a = ln(), u = O(() => o && e.getError([o]), [e, o]), { url: f, name: m } = O(() => {
     let c = null, v, w;
     return o != null && o.type.startsWith("image/") && (c = URL.createObjectURL(o)), o ? (v = o.name, w = zs(o.size)) : (v = "Downloading...", w = "..."), { url: c, name: v, size: w };
   }, [o]);
-  q(() => {
+  H(() => {
     n instanceof Promise ? n.then(s).catch(console.error) : s(n);
   }, [n]);
-  const u = T(
+  const d = R(
     (c) => {
       if (c.stopPropagation(), !o)
         throw new Error("Cannot download a file that is not resolved.");
       const v = new Blob([o]);
-      Yn(v, f);
+      Yn(v, m);
     },
-    [f, o]
-  ), p = T(
+    [m, o]
+  ), p = R(
     (c) => {
       c.stopPropagation(), i();
     },
     [i]
-  ), b = T(() => {
+  ), b = R(() => {
     o && a((c) => ({
       file: o,
       onDelete: r ? void 0 : () => {
@@ -3013,31 +3025,31 @@ const Zi = P((t) => {
       }
     }));
   }, [r, i, a, o]), y = O(
-    () => /* @__PURE__ */ x(Xt, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
+    () => /* @__PURE__ */ E(Xt, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
       /* @__PURE__ */ l(
         Q,
         {
-          "aria-label": `Download ${f}`,
+          "aria-label": `Download ${m}`,
           type: "button",
-          onClick: u,
+          onClick: d,
           disabled: !o,
           children: /* @__PURE__ */ l(L, { icon: "RiDownload2Line" })
         }
       ),
-      !r && /* @__PURE__ */ l(Q, { type: "button", "aria-label": `Remove ${f}`, disabled: r, onClick: p, children: /* @__PURE__ */ l(L, { icon: "RiDeleteBin7Fill" }) })
+      !r && /* @__PURE__ */ l(Q, { type: "button", "aria-label": `Remove ${m}`, disabled: r, onClick: p, children: /* @__PURE__ */ l(L, { icon: "RiDeleteBin7Fill" }) })
     ] }),
-    [r, p, u, f, o]
+    [r, p, d, m, o]
   );
-  return d ? /* @__PURE__ */ l(
+  return f ? /* @__PURE__ */ l(
     ks,
     {
       className: "cursor-pointer",
       onClick: b,
       file: o,
-      error: m ?? void 0,
+      error: u ?? void 0,
       rightSlot: y
     }
-  ) : /* @__PURE__ */ l(Qn, { file: o, error: m ?? void 0, rightSlot: y });
+  ) : /* @__PURE__ */ l(Qn, { file: o, error: u ?? void 0, rightSlot: y });
 });
 Zi.displayName = "DisplayFile";
 const _s = {
@@ -3050,7 +3062,7 @@ const _s = {
 function Vn(t, n) {
   return t.name === n.name && t.size === n.size && t.type === n.type;
 }
-const ze = class ze extends U {
+const ze = class ze extends W {
   constructor(e) {
     const { extensions: i, maximum_files: r, maximum_size: o, ...s } = e;
     super({ ...s, type: "upload" });
@@ -3153,29 +3165,29 @@ const ze = class ze extends U {
     return /* @__PURE__ */ l(Ji, { field: this, ...e });
   }
 };
-I(ze, "fieldTypeName", "Upload"), I(ze, "fieldTypeDescription", "Allows a file to be uploaded."), I(ze, "Icon", Rr);
+I(ze, "fieldTypeName", "Upload"), I(ze, "fieldTypeDescription", "Allows a file to be uploaded."), I(ze, "Icon", Tr);
 let jt = ze;
 const mn = {
-  date: $t,
+  date: Bt,
   number: be,
-  boolean: Ge,
+  boolean: He,
   select: gt,
   string: Ut,
   text: Wt,
   custom: ht,
   upload: jt,
   qr: Vt,
-  "multi-string": He,
+  "multi-string": qe,
   "multi-select": pt,
-  radio: Bt
-}, $s = {
-  date: Ts,
+  radio: $t
+}, Bs = {
+  date: Rs,
   number: Ls,
   boolean: Ns,
   select: Ps,
   string: Os,
   text: Ms,
-  custom: Rs,
+  custom: Ts,
   upload: _s,
   qr: Ds,
   "multi-string": Ss,
@@ -3195,7 +3207,7 @@ const mn = {
   custom: "RiCodeSSlashLine",
   section: "RiFolderLine",
   radio: "RiRadioButtonFill"
-}, st = 50, Vs = st * 1e3, Bs = Vs * 1e3, er = P((t) => {
+}, st = 50, Vs = st * 1e3, $s = Vs * 1e3, er = P((t) => {
   const { field: n, ...e } = t, [{ value: i }] = Qt(n.options.clonedFieldIdentifier), r = O(() => {
     const o = n.options.getFieldToClone(i);
     return o ? hn(o) : null;
@@ -3211,18 +3223,18 @@ class Us extends ht {
 const tr = (t) => {
   const n = t.type;
   return mn[n].deserialize(t);
-}, hn = (t) => t.type === "section" ? j.deserialize(t) : tr(t);
+}, hn = (t) => t.type === "section" ? q.deserialize(t) : tr(t);
 function Ws(t) {
   return t.map((n) => hn(n));
 }
 function pn(t) {
   const n = [];
   for (const e of t)
-    if (e instanceof j)
+    if (e instanceof q)
       for (const i of e.fields)
         n.push(i);
     else {
-      if (!(e instanceof U))
+      if (!(e instanceof W))
         throw new Error(`Invalid field type: ${e.type}`);
       n.push(e);
     }
@@ -3268,25 +3280,22 @@ const ir = (t, n) => O(() => !n || !t ? null : t.getInput(n), [t, n]), yt = (t,
   const e = O(() => t.map((i) => /* @__PURE__ */ l(Kn, { children: i.getInput(n) }, i.getId())), [t, n]);
   return /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: e });
 }, rr = P((t) => {
-  const { field: n, ...e } = t, { label: i, description: r, fields: o, condition: s } = n, { values: a, setFieldValue: m } = xe(), d = s != null && s.identifier ? oe(a, s.identifier) : void 0, f = O(
-    () => d === void 0 || nr(s, d),
-    [s, d]
-  );
-  q(() => {
-    if (!f)
+  const { field: n, ...e } = t, { label: i, description: r, fields: o, condition: s } = n, { values: a, setFieldValue: u } = xe(), f = s != null && s.identifier ? se(a, s.identifier) : void 0, m = O(() => nr(s, f), [s, f]);
+  H(() => {
+    if (!m)
       for (const p of o)
-        m(p.getId(), "").then();
-  }, [f, o, m]);
-  const u = yt(o, e);
-  return f ? /* @__PURE__ */ l(qe, { variant: "soft", children: /* @__PURE__ */ x("div", { className: "flex flex-col gap-4", children: [
-    (i || r) && /* @__PURE__ */ x(pe, { children: [
-      /* @__PURE__ */ x("div", { className: "flex flex-col", children: [
+        u(p.getId(), "").then();
+  }, [m, o, u]);
+  const d = yt(o, e);
+  return m ? /* @__PURE__ */ l(Ge, { variant: "soft", children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-4", children: [
+    (i || r) && /* @__PURE__ */ E(pe, { children: [
+      /* @__PURE__ */ E("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ l(Hn, { size: "md", children: i }),
-        /* @__PURE__ */ l(le, { accentColor: "base", children: r })
+        /* @__PURE__ */ l(ae, { accentColor: "base", children: r })
       ] }),
       /* @__PURE__ */ l(jn, { size: "full" })
     ] }),
-    u
+    d
   ] }) }) : null;
 });
 rr.displayName = "FieldSectionLayout";
@@ -3304,7 +3313,7 @@ const _e = class _e extends Jn {
     const r = i && `${i}.`;
     return [
       {
-        field: new Ge({
+        field: new He({
           label: "Conditionally render section",
           identifier: `${r}conditional`,
           required: !1
@@ -3388,7 +3397,7 @@ const _e = class _e extends Jn {
   getErrors(e) {
     const i = {};
     for (const r of this.fields) {
-      const o = r.getId(), s = r.getError(oe(e, o), e);
+      const o = r.getId(), s = r.getError(se(e, o), e);
       s && Ve(i, r.getId(), s);
     }
     return i;
@@ -3398,27 +3407,27 @@ const _e = class _e extends Jn {
   }
 };
 I(_e, "fieldTypeName", "Section"), I(_e, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let j = _e;
+let q = _e;
 const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
   const e = {};
   for (const i of t)
-    if (i instanceof j) {
+    if (i instanceof q) {
       if (i.condition) {
         const { identifier: r } = i.condition;
-        if (!nr(i.condition, oe(n, r)))
+        if (!nr(i.condition, se(n, r)))
           continue;
       }
       Object.assign(e, i.getErrors(n));
     } else {
-      if (!(i instanceof U))
+      if (!(i instanceof W))
         throw new Error("Invalid field type");
-      const r = i.getId(), o = i.getError(oe(n, r), n);
+      const r = i.getId(), o = i.getError(se(n, r), n);
       o && Ve(e, r, o);
     }
   if (he(e)) return e;
 }, vn = (t, n) => t.reduce(
   (e, i) => {
-    if (i instanceof j)
+    if (i instanceof q)
       return { ...e, ...vn(i.fields, n) };
     const r = i.getId(), o = e[r];
     switch (o) {
@@ -3440,9 +3449,9 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
   //  unknown reason.
   kr(n)
 ), or = (t, n, e) => t.reduce((i, r) => {
-  if (r instanceof j)
+  if (r instanceof q)
     return { ...i, ...or(r.fields, n, e) };
-  if (r instanceof U) {
+  if (r instanceof W) {
     const o = r.getId(), s = n[o], a = e[o];
     r.isEqual(s, a) || Ve(i, o, a);
   }
@@ -3456,71 +3465,71 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
       onSubmit: o,
       submitText: s = "Submit",
       cancelText: a,
-      onCancel: m,
-      onDirty: d,
-      onDirtyChange: f,
+      onCancel: u,
+      onDirty: f,
+      onDirtyChange: m,
       // if the title isn't provided, hide it by default
-      hideTitle: u = !e.title,
+      hideTitle: d = !e.title,
       hideDescription: p,
       className: b,
       buttonProps: y,
       enableReinitialize: c = !1,
       excludeUnchangedFields: v = !1
-    } = t, { readonly: w } = e.meta, E = pr(), g = O(() => vn(e.fields, i), [e.fields, i]), S = T(
-      ($) => {
-        o == null || o(v ? or(e.fields, g, $) : $);
+    } = t, { readonly: w } = e.meta, C = pr(), g = O(() => vn(e.fields, i), [e.fields, i]), S = R(
+      (k) => {
+        o == null || o(v ? or(e.fields, g, k) : k);
       },
       [v, g, o, e.fields]
-    ), C = Jt({
+    ), x = Jt({
       initialValues: g,
       onSubmit: S,
-      validate: ($) => gn(e.fields, $),
+      validate: (k) => gn(e.fields, k),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1,
       enableReinitialize: c
-    }), { dirty: F } = C, N = O(
+    }), { dirty: F } = x, N = O(
       () => typeof e.title == "string" ? /* @__PURE__ */ l(Hn, { size: "md", children: e.title }) : e.title,
       [e.title]
-    ), R = O(
-      () => typeof e.description == "string" ? /* @__PURE__ */ l(le, { accentColor: "base", children: e.description }) : e.description,
+    ), T = O(
+      () => typeof e.description == "string" ? /* @__PURE__ */ l(ae, { accentColor: "base", children: e.description }) : e.description,
       [e.description]
-    ), A = T(
-      ($, K) => {
-        js(e.fields)[$].isEqual(g[$], K) || r == null || r({ ...C.values, [$]: K }, { [$]: K });
+    ), D = R(
+      (k, V) => {
+        js(e.fields)[k].isEqual(g[k], V) || r == null || r({ ...x.values, [k]: V }, { [k]: V });
       },
-      [C.values, g, r, e.fields]
-    ), _ = yt(e.fields, { formId: E, disabled: w, onValuesChange: A });
-    return q(() => {
-      F && d && d(), f && f(F);
-    }, [F, d, f]), /* @__PURE__ */ l(Zt, { value: C, children: /* @__PURE__ */ x(
+      [x.values, g, r, e.fields]
+    ), M = yt(e.fields, { formId: C, disabled: w, onValuesChange: D });
+    return H(() => {
+      F && f && f(), m && m(F);
+    }, [F, f, m]), /* @__PURE__ */ l(Zt, { value: x, children: /* @__PURE__ */ E(
       "form",
       {
-        id: E,
+        id: C,
         ref: n,
         className: je(b, "flex flex-col gap-2"),
-        onSubmit: C.handleSubmit,
+        onSubmit: x.handleSubmit,
         children: [
-          !u && /* @__PURE__ */ l(qe, { variant: "soft", children: /* @__PURE__ */ x("div", { className: "flex flex-col gap-1", children: [
+          !d && /* @__PURE__ */ l(Ge, { variant: "soft", children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
             N,
-            !p && R
+            !p && T
           ] }) }),
-          _,
-          !w && /* @__PURE__ */ x("div", { className: "flex items-center justify-end gap-2", children: [
-            a && /* @__PURE__ */ x(
-              H,
+          M,
+          !w && /* @__PURE__ */ E("div", { className: "flex items-center justify-end gap-2", children: [
+            a && /* @__PURE__ */ E(
+              K,
               {
                 accentColor: ge.danger,
                 ...y,
                 type: "button",
-                onClick: m,
+                onClick: u,
                 children: [
                   /* @__PURE__ */ l(L, { icon: "RiCloseLine" }),
                   a
                 ]
               }
             ),
-            /* @__PURE__ */ x(H, { ...y, type: "submit", disabled: !C.isValid, accentColor: "success", children: [
+            /* @__PURE__ */ E(K, { ...y, type: "submit", disabled: !x.isValid, accentColor: "success", children: [
               /* @__PURE__ */ l(L, { icon: "RiCheckLine" }),
               s
             ] })
@@ -3531,13 +3540,13 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
   })
 ), We = P((t) => {
   const { name: n, render: e } = t, { submitForm: i } = xe(), [r, o, s] = Qt(n), a = O(() => {
-    const m = (d) => {
-      s.setValue(d, !1);
+    const u = (f) => {
+      s.setValue(f, !1);
     };
     return e({
       value: r.value,
       meta: o,
-      setValue: m,
+      setValue: u,
       patchValue: () => {
         i();
       }
@@ -3548,48 +3557,48 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
 We.displayName = "PatchField";
 const hl = P(
   Ke((t, n) => {
-    const { children: e, schema: i, values: r, onPatch: o, onError: s, requiresDiff: a = !0, onDirtyChange: m, ...d } = t, f = O(() => vn(i.fields, r), [i.fields, r]), u = T(
-      (E) => {
+    const { children: e, schema: i, values: r, onPatch: o, onError: s, requiresDiff: a = !0, onDirtyChange: u, ...f } = t, m = O(() => vn(i.fields, r), [i.fields, r]), d = R(
+      (C) => {
         const g = {};
-        for (const S in E) {
-          const C = E[S];
-          C !== f[S] && C !== void 0 && (g[S] = C);
+        for (const S in C) {
+          const x = C[S];
+          x !== m[S] && x !== void 0 && (g[S] = x);
         }
         return g;
       },
-      [f]
-    ), p = T(
-      (E) => {
-        const g = u(E);
+      [m]
+    ), p = R(
+      (C) => {
+        const g = d(C);
         a && !he(g) || o(g);
       },
-      [u, o, a]
-    ), b = T(
-      (E) => {
-        const g = gn(i.fields, E);
-        if (g && s(g), m) {
-          const S = u(E);
-          m(he(S));
+      [d, o, a]
+    ), b = R(
+      (C) => {
+        const g = gn(i.fields, C);
+        if (g && s(g), u) {
+          const S = d(C);
+          u(he(S));
         }
         return g;
       },
-      [i.fields, m, s, u]
+      [i.fields, u, s, d]
     ), y = Jt({
-      initialValues: f,
+      initialValues: m,
       onSubmit: p,
       validate: b,
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
-    }), c = T(() => {
-      if (m) {
-        const E = u(y.values);
-        he(E) && m(!0);
+    }), c = R(() => {
+      if (u) {
+        const C = d(y.values);
+        he(C) && u(!0);
       }
-    }, [y.values, u, m]), { errors: v, resetForm: w } = y;
-    return q(() => {
-      he(v) && w({ values: f, errors: {} });
-    }, [v, f, w]), /* @__PURE__ */ l(Zt, { value: y, children: /* @__PURE__ */ l("form", { ...d, ref: n, onSubmit: y.handleSubmit, onChange: c, children: e }) });
+    }, [y.values, d, u]), { errors: v, resetForm: w } = y;
+    return H(() => {
+      he(v) && w({ values: m, errors: {} });
+    }, [v, m, w]), /* @__PURE__ */ l(Zt, { value: y, children: /* @__PURE__ */ l("form", { ...f, ref: n, onSubmit: y.handleSubmit, onChange: c, children: e }) });
   })
 ), lt = "form-builder", Hs = [
   ["string", "text"],
@@ -3597,7 +3606,7 @@ const hl = P(
   ["boolean", "date", "number", "multi-string"]
 ], Ht = {
   ...mn,
-  section: j
+  section: q
 }, Ct = Gn({}), Gs = (t, n) => {
   var i;
   const e = { ...t };
@@ -3622,16 +3631,16 @@ const hl = P(
           if (r.identifier === n) return e;
       }
     }
-}, Bn = (t) => {
+}, $n = (t) => {
   var e, i, r;
   const n = {};
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (!s) throw new Error("Field is undefined.");
-    const a = o > 0 ? (e = n[t[o - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, m = new Set(a);
-    (i = s.condition) != null && i.identifier && m.add(s.condition.identifier), n[s.identifier] = {
+    const a = o > 0 ? (e = n[t[o - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, u = new Set(a);
+    (i = s.condition) != null && i.identifier && u.add(s.condition.identifier), n[s.identifier] = {
       disabled: !1,
-      conditionFields: m,
+      conditionFields: u,
       conditionIndex: Ks(t, (r = s.condition) == null ? void 0 : r.identifier),
       index: o,
       label: s.label
@@ -3642,31 +3651,31 @@ const hl = P(
   const { index: n, type: e, sectionIndex: i, remove: r, duplicate: o, move: s, upload: a } = t;
   if (e !== "section" && !a)
     throw new Error("Upload function prop must be defined for non-section fields.");
-  const { values: m } = xe(), d = Xe(null), f = O(() => {
-    const u = [
+  const { values: u } = xe(), f = Xe(null), m = O(() => {
+    const d = [
       {
-        Icon: Tr,
+        Icon: Rr,
         key: "duplicate",
         text: "Duplicate",
         buttonProps: { onClick: o }
       }
     ];
-    return u.push({
+    return d.push({
       Icon: Fr,
       key: "delete",
       text: "Delete",
       buttonProps: { onClick: r }
-    }), e !== "section" && u.unshift({
+    }), e !== "section" && d.unshift({
       Icon: Lr,
       key: "upload",
       text: "Upload image",
       buttonProps: {
         onClick: () => {
           var p;
-          (p = d.current) == null || p.click();
+          (p = f.current) == null || p.click();
         }
       }
-    }), (i === void 0 && n !== m.fields.length - 1 || i !== void 0 && (i < m.fields.length - 1 || n !== m.fields[i].fields.length - 1)) && u.unshift({
+    }), (i === void 0 && n !== u.fields.length - 1 || i !== void 0 && (i < u.fields.length - 1 || n !== u.fields[i].fields.length - 1)) && d.unshift({
       Icon: Dr,
       key: "moveDown",
       text: "Move down",
@@ -3675,7 +3684,7 @@ const hl = P(
           s("down");
         }
       }
-    }), (i === void 0 && n !== 0 || i !== void 0 && (i !== 0 || n !== 0)) && u.unshift({
+    }), (i === void 0 && n !== 0 || i !== void 0 && (i !== 0 || n !== 0)) && d.unshift({
       Icon: Ar,
       key: "moveUp",
       text: "Move up",
@@ -3684,21 +3693,21 @@ const hl = P(
           s("up");
         }
       }
-    }), u;
-  }, [o, n, s, r, i, e, m.fields]);
-  return /* @__PURE__ */ x(pe, { children: [
-    /* @__PURE__ */ l(Xt, { className: "mx-2 hidden flex-col gap-0.5 sm:flex", variant: "ghost", accentColor: "base", size: "sm", children: f.map((u) => /* @__PURE__ */ l(
+    }), d;
+  }, [o, n, s, r, i, e, u.fields]);
+  return /* @__PURE__ */ E(pe, { children: [
+    /* @__PURE__ */ l(Xt, { className: "mx-2 hidden flex-col gap-0.5 sm:flex", variant: "ghost", accentColor: "base", size: "sm", children: m.map((d) => /* @__PURE__ */ l(
       Q,
       {
         type: "button",
-        "aria-label": u.text,
-        ...u.buttonProps,
-        children: /* @__PURE__ */ l(u.Icon, {})
+        "aria-label": d.text,
+        ...d.buttonProps,
+        children: /* @__PURE__ */ l(d.Icon, {})
       },
-      u.key
+      d.key
     )) }),
-    /* @__PURE__ */ l("div", { className: "sm:hidden", children: /* @__PURE__ */ x(z.Root, { children: [
-      /* @__PURE__ */ l(z.ClickTrigger, { children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: "sm:hidden", children: /* @__PURE__ */ E(B.Root, { children: [
+      /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ l(
         Q,
         {
           variant: "ghost",
@@ -3709,23 +3718,23 @@ const hl = P(
           children: /* @__PURE__ */ l(L, { icon: "RiMore2Line" })
         }
       ) }),
-      /* @__PURE__ */ l(z.Content, { children: f.map((u) => {
+      /* @__PURE__ */ l(B.Content, { children: m.map((d) => {
         var p;
-        return /* @__PURE__ */ x(z.Item, { onClick: (p = u.buttonProps) == null ? void 0 : p.onClick, children: [
-          /* @__PURE__ */ l(u.Icon, {}),
-          u.text
-        ] }, u.key);
+        return /* @__PURE__ */ E(B.Item, { onClick: (p = d.buttonProps) == null ? void 0 : p.onClick, children: [
+          /* @__PURE__ */ l(d.Icon, {}),
+          d.text
+        ] }, d.key);
       }) })
     ] }) }),
-    e !== "section" && /* @__PURE__ */ l("input", { style: { display: "none" }, ref: d, type: "file", accept: "image/*", onChange: a })
+    e !== "section" && /* @__PURE__ */ l("input", { style: { display: "none" }, ref: f, type: "file", accept: "image/*", onChange: a })
   ] });
 });
 yn.displayName = "FieldActions";
 const Gt = P((t) => {
   const { popoverInputs: n, hasError: e, ...i } = t;
-  return /* @__PURE__ */ x($e.Root, { children: [
-    /* @__PURE__ */ l($e.Trigger, { asChild: !0, children: /* @__PURE__ */ x(
-      H,
+  return /* @__PURE__ */ E(Be.Root, { children: [
+    /* @__PURE__ */ l(Be.Trigger, { asChild: !0, children: /* @__PURE__ */ E(
+      K,
       {
         variant: "soft",
         type: "button",
@@ -3740,7 +3749,7 @@ const Gt = P((t) => {
       },
       "settings"
     ) }),
-    /* @__PURE__ */ l($e.Content, { size: "sm", ...i, children: /* @__PURE__ */ l("div", { className: "flex w-full max-w-[350px] flex-col", children: n }) })
+    /* @__PURE__ */ l(Be.Content, { size: "sm", ...i, children: /* @__PURE__ */ l("div", { className: "flex w-full max-w-[350px] flex-col", children: n }) })
   ] });
 });
 Gt.displayName = "FieldSettingsPopover";
@@ -3756,39 +3765,39 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
   };
 })), [t]), Un = 576, bn = P((t) => {
   var Ye, xn, wn, Cn, En;
-  const { parentPath: n, index: e, initial: i, conditionalSourceFields: r } = t, { values: o, setFieldValue: s, errors: a } = xe(), m = sr(), d = ln(), { disableRequiredFields: f } = Yt(Ct), u = Xe(null), [p, b] = G(
-    u.current && u.current.getBoundingClientRect().width >= Un
+  const { parentPath: n, index: e, initial: i, conditionalSourceFields: r } = t, { values: o, setFieldValue: s, errors: a } = xe(), u = sr(), f = ln(), { disableRequiredFields: m } = Yt(Ct), d = Xe(null), [p, b] = G(
+    d.current && d.current.getBoundingClientRect().width >= Un
   );
-  q(() => {
-    const D = u.current;
-    if (D) {
-      const k = new ResizeObserver((W) => {
-        W[0] && b(W[0].contentRect.width >= Un);
+  H(() => {
+    const A = d.current;
+    if (A) {
+      const _ = new ResizeObserver((j) => {
+        j[0] && b(j[0].contentRect.width >= Un);
       });
-      return k.observe(D), () => {
-        k.disconnect();
+      return _.observe(A), () => {
+        _.disconnect();
       };
     }
   }, []);
   const [y, c] = G(void 0);
-  q(() => {
+  H(() => {
     me(i) ? c(void 0) : i.image instanceof Promise ? i.image.then(c).catch(console.error) : c(i.image);
   }, [i]);
-  const v = y ? URL.createObjectURL(y) : void 0, w = T(
-    (D) => {
-      D.stopPropagation();
-      const { image: k, ...W } = i;
-      s(`${n}.${e}`, W).then();
+  const v = y ? URL.createObjectURL(y) : void 0, w = R(
+    (A) => {
+      A.stopPropagation();
+      const { image: _, ...j } = i;
+      s(`${n}.${e}`, j).then();
     },
     [e, i, n, s]
   );
-  q(() => {
+  H(() => {
     me(i) && !i.conditional && s(`${n}.${e}.condition`, null).then();
   }, [e, i, n, s]);
-  const E = O(
+  const C = O(
     () => {
-      var D, k;
-      return me(i) ? (k = ei(o.fields, (D = i.condition) == null ? void 0 : D.identifier)) == null ? void 0 : k.label : void 0;
+      var A, _;
+      return me(i) ? (_ = ei(o.fields, (A = i.condition) == null ? void 0 : A.identifier)) == null ? void 0 : _.label : void 0;
     },
     [i, o.fields]
   ), g = me(i) ? Array.isArray((Ye = i.condition) == null ? void 0 : Ye.value) ? "contains all of" : "equals" : void 0;
@@ -3796,74 +3805,74 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
   if (me(i)) {
     if (qt((xn = i.condition) == null ? void 0 : xn.value))
       throw new Error("File values are not supported for conditions.");
-    S = Array.isArray((wn = i.condition) == null ? void 0 : wn.value) ? i.condition.value.map((D) => typeof D == "string" ? D : D.label).join(", ") : (En = (Cn = i.condition) == null ? void 0 : Cn.value) == null ? void 0 : En.toString();
+    S = Array.isArray((wn = i.condition) == null ? void 0 : wn.value) ? i.condition.value.map((A) => typeof A == "string" ? A : A.label).join(", ") : (En = (Cn = i.condition) == null ? void 0 : Cn.value) == null ? void 0 : En.toString();
   }
-  const C = T((D) => {
-    D.target.parentNode instanceof HTMLElement && (D.target.parentNode.dataset.replicatedValue = D.target.value);
-  }, []), F = T((D) => {
-    D.target.parentNode instanceof HTMLElement && (D.target.parentNode.dataset.replicatedValue = D.target.value);
-  }, []), N = i.type, R = Ht[N], [A, _] = O(() => {
-    let D = [], k = [];
-    if (R === j) {
+  const x = R((A) => {
+    A.target.parentNode instanceof HTMLElement && (A.target.parentNode.dataset.replicatedValue = A.target.value);
+  }, []), F = R((A) => {
+    A.target.parentNode instanceof HTMLElement && (A.target.parentNode.dataset.replicatedValue = A.target.value);
+  }, []), N = i.type, T = Ht[N], [D, M] = O(() => {
+    let A = [], _ = [];
+    if (T === q) {
       if (r === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
-      const W = R.getFieldCreationSchema(r, `${n}.${e}`);
-      D = D.concat(
-        W.filter((V) => V.showDirectly).map((V) => V.field)
-      ), k = k.concat(
-        W.filter((V) => !V.showDirectly).map((V) => V.field)
+      const j = T.getFieldCreationSchema(r, `${n}.${e}`);
+      A = A.concat(
+        j.filter(($) => $.showDirectly).map(($) => $.field)
+      ), _ = _.concat(
+        j.filter(($) => !$.showDirectly).map(($) => $.field)
       );
     } else {
-      if (!(R.prototype instanceof U))
-        throw new Error(`Field must be an instance of BaseField. Got ${R.toString()}.`);
-      const W = R.getFieldCreationSchema(
+      if (!(T.prototype instanceof W))
+        throw new Error(`Field must be an instance of BaseField. Got ${T.toString()}.`);
+      const j = T.getFieldCreationSchema(
         `${n}.${e}`
       );
-      p ? (D = [
-        ...D,
-        ...W.filter((V) => V.showDirectly).map((V) => V.field)
-      ], k = [
-        ...k,
-        ...W.filter((V) => !V.showDirectly).map((V) => V.field)
-      ]) : k = [...k, ...W.map((V) => V.field)];
+      p ? (A = [
+        ...A,
+        ...j.filter(($) => $.showDirectly).map(($) => $.field)
+      ], _ = [
+        ..._,
+        ...j.filter(($) => !$.showDirectly).map(($) => $.field)
+      ]) : _ = [..._, ...j.map(($) => $.field)];
     }
-    return [D, k];
-  }, [R, r, n, e, p]), $ = yt(A, {
+    return [A, _];
+  }, [T, r, n, e, p]), k = yt(D, {
     formId: lt,
     disabled: !1,
-    ...R === j && { size: "sm" }
-  }), K = yt(_, {
+    ...T === q && { size: "sm" }
+  }), V = yt(M, {
     formId: lt,
     disabled: !1
   });
-  let X = _.length > 0;
-  me(i) && _.length > 0 && (X = i.conditional);
-  const se = _.some((D) => {
-    const k = oe(a, R === j ? `${n}.${e}.condition` : D.getId());
-    return k && (typeof k != "object" || he(k));
-  }), M = se ? ge.danger : void 0, Y = O(() => hn(i), [i]), Ce = ir(Y, { formId: lt, showInputOnly: !1 }), ce = O(
-    () => m.flat().find((D) => D.value === N),
-    [m, N]
-  ), Et = T(() => {
-    y && d(() => ({
+  let X = M.length > 0;
+  me(i) && M.length > 0 && (X = i.conditional);
+  const le = M.some((A) => {
+    const _ = se(a, T === q ? `${n}.${e}.condition` : A.getId());
+    return _ && (typeof _ != "object" || he(_));
+  }), z = le ? ge.danger : void 0, Y = O(() => hn(i), [i]), Ce = ir(Y, { formId: lt, showInputOnly: !1 }), de = O(
+    () => u.flat().find((A) => A.value === N),
+    [u, N]
+  ), Et = R(() => {
+    y && f(() => ({
       file: y
     }));
-  }, [d, y]);
-  return /* @__PURE__ */ l("div", { className: "flex grow items-center w-full", ref: u, children: /* @__PURE__ */ x("div", { className: "flex w-full flex-col gap-2", children: [
-    R === j && (A.length > 0 || X) && /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-      $,
-      X && /* @__PURE__ */ x("div", { className: "flex items-center gap-4", children: [
+  }, [f, y]);
+  return /* @__PURE__ */ l("div", { className: "flex grow items-center w-full", ref: d, children: /* @__PURE__ */ E("div", { className: "flex w-full flex-col gap-2", children: [
+    T === q && (D.length > 0 || X) && /* @__PURE__ */ E("div", { className: "flex flex-col gap-2", children: [
+      k,
+      X && /* @__PURE__ */ E("div", { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ l(
           Gt,
           {
-            popoverInputs: K,
-            hasError: se,
+            popoverInputs: V,
+            hasError: le,
             align: "start"
           }
         ),
-        me(i) && i.conditional && /* @__PURE__ */ l("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": M, children: /* @__PURE__ */ x("em", { children: [
+        me(i) && i.conditional && /* @__PURE__ */ l("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": z, children: /* @__PURE__ */ E("em", { children: [
           "Display only if ",
-          /* @__PURE__ */ l("strong", { children: E }),
+          /* @__PURE__ */ l("strong", { children: C }),
           " ",
           g,
           " ",
@@ -3871,27 +3880,27 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
         ] }) })
       ] })
     ] }),
-    R !== j && /* @__PURE__ */ x("div", { className: "flex gap-2 w-full justify-between", children: [
-      /* @__PURE__ */ x("div", { className: "flex gap-2 items-center", children: [
-        /* @__PURE__ */ x(Ot, { accentColor: "base", variant: "soft", size: "sm", children: [
-          ce == null ? void 0 : ce.icon,
-          ce == null ? void 0 : ce.children
+    T !== q && /* @__PURE__ */ E("div", { className: "flex gap-2 w-full justify-between", children: [
+      /* @__PURE__ */ E("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ E(Ot, { accentColor: "base", variant: "soft", size: "sm", children: [
+          de == null ? void 0 : de.icon,
+          de == null ? void 0 : de.children
         ] }),
-        !f && /* @__PURE__ */ l(
+        !m && /* @__PURE__ */ l(
           We,
           {
             name: `${n}.${e}.required`,
-            render: ({ setValue: D, value: k }) => /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+            render: ({ setValue: A, value: _ }) => /* @__PURE__ */ E("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ l(
                 at.Root,
                 {
-                  checked: k,
-                  onCheckedChange: D,
+                  checked: _,
+                  onCheckedChange: A,
                   size: "sm",
                   children: /* @__PURE__ */ l(at.Indicator, { children: /* @__PURE__ */ l(L, { icon: "RiCheckLine" }) })
                 }
               ),
-              /* @__PURE__ */ l(le, { size: "sm", accentColor: "base", children: "Required" })
+              /* @__PURE__ */ l(ae, { size: "sm", accentColor: "base", children: "Required" })
             ] })
           }
         )
@@ -3899,13 +3908,13 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
       X && /* @__PURE__ */ l(
         Gt,
         {
-          popoverInputs: K,
-          hasError: se,
+          popoverInputs: V,
+          hasError: le,
           align: "end"
         }
       )
     ] }),
-    y && /* @__PURE__ */ x("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
+    y && /* @__PURE__ */ E("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
       /* @__PURE__ */ l(
         "img",
         {
@@ -3932,16 +3941,16 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
       We,
       {
         name: `${n}.${e}.label`,
-        render: ({ setValue: D, value: k }) => /* @__PURE__ */ l(
+        render: ({ setValue: A, value: _ }) => /* @__PURE__ */ l(
           "input",
           {
             className: "bg-transparent outline-none text-sm placeholder-(--base-a9)",
             placeholder: N === "section" ? "Enter a section label (optional)" : "Enter your question",
-            value: k,
-            onChange: (W) => {
-              D(W.target.value);
+            value: _,
+            onChange: (j) => {
+              A(j.target.value);
             },
-            onInput: C,
+            onInput: x,
             maxLength: 200
           }
         )
@@ -3951,14 +3960,14 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
       We,
       {
         name: `${n}.${e}.description`,
-        render: ({ setValue: D, value: k }) => /* @__PURE__ */ l(
+        render: ({ setValue: A, value: _ }) => /* @__PURE__ */ l(
           "textarea",
           {
             className: "bg-transparent outline-none text-sm field-sizing-content grow placeholder-(--base-a9)",
             placeholder: `Enter a ${N === "section" ? "section" : "field"} description (optional)`,
-            value: k,
-            onChange: (W) => {
-              D(W.target.value);
+            value: _,
+            onChange: (j) => {
+              A(j.target.value);
             },
             onInput: F,
             maxLength: 1e3
@@ -3966,9 +3975,9 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
         )
       }
     ),
-    R !== j && A.length > 0 && /* @__PURE__ */ l("div", { className: "w-full", children: $ }),
-    R !== j && /* @__PURE__ */ x(qe, { className: "flex gap-4 bg-(--accent-a2) items-center", children: [
-      /* @__PURE__ */ x(St.Root, { children: [
+    T !== q && D.length > 0 && /* @__PURE__ */ l("div", { className: "w-full", children: k }),
+    T !== q && /* @__PURE__ */ E(Ge, { className: "flex gap-4 bg-(--accent-a2) items-center", children: [
+      /* @__PURE__ */ E(St.Root, { children: [
         /* @__PURE__ */ l(St.Trigger, { asChild: !0, children: /* @__PURE__ */ l(Ot, { icon: !0, size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ l(L, { icon: "RiEyeLine" }) }) }),
         /* @__PURE__ */ l(St.Content, { className: "w-[225px]", size: "sm", align: "start", children: "This is a preview of the field as it will be rendered in the form." })
       ] }),
@@ -3978,69 +3987,69 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
 });
 bn.displayName = "FieldBuilder";
 const lr = P((t) => {
-  const { field: n, index: e, sectionIndex: i, remove: r } = t, { setFieldValue: o, values: s } = xe(), { reorderField: a } = sn(), { showInfo: m, showError: d } = bt(), f = `fields.${i}.fields`, u = O(
+  const { field: n, index: e, sectionIndex: i, remove: r } = t, { setFieldValue: o, values: s } = xe(), { reorderField: a } = sn(), { showInfo: u, showError: f } = bt(), m = `fields.${i}.fields`, d = O(
     () => ({
       index: e,
-      parentPath: f,
+      parentPath: m,
       initial: n
     }),
-    [n, e, f]
-  ), p = T(() => {
+    [n, e, m]
+  ), p = R(() => {
     const c = n.label || "Unlabelled field", v = {
       ...n,
       label: c
     };
-    ut(f, e + 1, v, s, o), m({
+    ut(m, e + 1, v, s, o), u({
       title: "Field duplicated",
       description: `The field "${c}" has been duplicated`
     });
-  }, [n, f, e, s, o, m]), b = T(
+  }, [n, m, e, s, o, u]), b = R(
     (c) => {
       const v = i, w = s.fields[v];
-      let E = i, g = c === "up" ? e - 1 : e + 1;
-      c === "up" && e === 0 ? (E = i - 1, g = s.fields[E].fields.length) : c === "down" && e === w.fields.length - 1 && (E = i + 1, g = 0);
-      const S = s.fields[E];
+      let C = i, g = c === "up" ? e - 1 : e + 1;
+      c === "up" && e === 0 ? (C = i - 1, g = s.fields[C].fields.length) : c === "down" && e === w.fields.length - 1 && (C = i + 1, g = 0);
+      const S = s.fields[C];
       a(
         w,
         v,
         e,
         S,
-        E,
+        C,
         g,
         o
       );
     },
     [i, s.fields, e, a, o]
-  ), y = T(
+  ), y = R(
     (c) => {
       const { files: v } = c.target;
       if (!v || v.length !== 1) return;
       const w = v.item(0);
       if (w) {
-        if (w.size > Bs) {
-          d({
+        if (w.size > $s) {
+          f({
             title: "File upload error",
             description: `The file ${w.name} exceeded the maximum file size`
           });
           return;
         }
-        o(`${f}.${e}`, {
+        o(`${m}.${e}`, {
           ...n,
           image: w
         }).then();
       }
     },
-    [n, e, f, o, d]
+    [n, e, m, o, f]
   );
   return /* @__PURE__ */ l(tn, { draggableId: n.identifier, index: e, children: (c) => /* @__PURE__ */ l(
-    qe,
+    Ge,
     {
       ref: c.innerRef,
       ...c.draggableProps,
       ...c.dragHandleProps,
       className: "mb-4",
-      children: /* @__PURE__ */ x("div", { className: "flex items-center justify-between gap-4 w-full", children: [
-        /* @__PURE__ */ l(bn, { ...u }),
+      children: /* @__PURE__ */ E("div", { className: "flex items-center justify-between gap-4 w-full", children: [
+        /* @__PURE__ */ l(bn, { ...d }),
         /* @__PURE__ */ l(
           yn,
           {
@@ -4060,63 +4069,63 @@ const lr = P((t) => {
 lr.displayName = "FieldWithActions";
 const ar = P((t) => {
   var S;
-  const { field: n, index: e, dropState: i } = t, r = (S = i[n.identifier]) == null ? void 0 : S.disabled, { setFieldValue: o, values: s } = xe(), a = mr(), { reorderSection: m } = sn(), { showInfo: d } = bt(), { fieldsOnly: f } = Yt(Ct), u = T(
-    (C, F) => {
-      for (const N of C) {
-        const R = F.indexOf(N);
-        o(`fields.${R}.condition`, null).then(), o(`fields.${R}.conditional`, !1).then();
+  const { field: n, index: e, dropState: i } = t, r = (S = i[n.identifier]) == null ? void 0 : S.disabled, { setFieldValue: o, values: s } = xe(), a = mr(), { reorderSection: u } = sn(), { showInfo: f } = bt(), { fieldsOnly: m } = Yt(Ct), d = R(
+    (x, F) => {
+      for (const N of x) {
+        const T = F.indexOf(N);
+        o(`fields.${T}.condition`, null).then(), o(`fields.${T}.conditional`, !1).then();
       }
     },
     [o]
-  ), p = T(
-    (C) => {
-      var R;
-      const F = n.fields[C];
+  ), p = R(
+    (x) => {
+      var T;
+      const F = n.fields[x];
       if (!F) throw new Error("Could not find field to remove.");
       const N = [];
-      for (const A of s.fields)
-        ((R = A.condition) == null ? void 0 : R.identifier) === F.identifier && N.push(A);
+      for (const D of s.fields)
+        ((T = D.condition) == null ? void 0 : T.identifier) === F.identifier && N.push(D);
       return {
         removing: F,
         affectedSections: N,
-        action: () => o(`fields.${e}.fields`, dt(n.fields, C))
+        action: () => o(`fields.${e}.fields`, dt(n.fields, x))
       };
     },
     [n.fields, s.fields, o, e]
-  ), b = T(
-    (C) => {
-      const { affectedSections: F, action: N, removing: R } = p(C), A = () => {
-        N().then(), u(F, s.fields);
+  ), b = R(
+    (x) => {
+      const { affectedSections: F, action: N, removing: T } = p(x), D = () => {
+        N().then(), d(F, s.fields);
       };
       if (F.length > 0) {
-        const _ = F.map(($) => $.label).join(", ");
+        const M = F.map((k) => k.label).join(", ");
         a({
           title: "Remove condition?",
-          description: `${R.label} is being used as a condition, deleting it will remove the condition from the ${_} section(s).`,
+          description: `${T.label} is being used as a condition, deleting it will remove the condition from the ${M} section(s).`,
           action: "Remove",
-          onAction: A
+          onAction: D
         });
         return;
       }
-      A();
+      D();
     },
-    [p, u, s.fields, a]
-  ), y = T(() => {
-    const F = n.fields.map((X, se) => p(se)).flatMap((X) => X.affectedSections), N = F.length ? "Remove fields and conditions?" : "Remove fields?", R = n.fields.length, A = F.map((X) => X.label).join(", "), _ = F.length ? `Deleting this section will remove the ${R} field(s) it contains and will remove the conditions from following sections: ${A}` : `Deleting this section will remove the ${R} field(s) it contains.`, $ = dt(s.fields, e), K = () => o("fields", $);
+    [p, d, s.fields, a]
+  ), y = R(() => {
+    const F = n.fields.map((X, le) => p(le)).flatMap((X) => X.affectedSections), N = F.length ? "Remove fields and conditions?" : "Remove fields?", T = n.fields.length, D = F.map((X) => X.label).join(", "), M = F.length ? `Deleting this section will remove the ${T} field(s) it contains and will remove the conditions from following sections: ${D}` : `Deleting this section will remove the ${T} field(s) it contains.`, k = dt(s.fields, e), V = () => o("fields", k);
     if (F.length > 0) {
       a({
         title: N,
-        description: _,
+        description: M,
         action: "Remove",
         onAction: () => {
-          K().then(() => {
-            u(F, $);
+          V().then(() => {
+            d(F, k);
           });
         }
       });
       return;
     }
-    K().then();
+    V().then();
   }, [
     n.fields,
     s.fields,
@@ -4124,13 +4133,13 @@ const ar = P((t) => {
     p,
     o,
     a,
-    u
-  ]), c = T(
-    (C) => {
-      const F = C === "up" ? e - 1 : e + 1;
-      m(i, n.identifier, e, F, s, o);
+    d
+  ]), c = R(
+    (x) => {
+      const F = x === "up" ? e - 1 : e + 1;
+      u(i, n.identifier, e, F, s, o);
     },
-    [e, m, i, n.identifier, s, o]
+    [e, u, i, n.identifier, s, o]
   ), v = O(
     () => ({
       index: e,
@@ -4139,70 +4148,70 @@ const ar = P((t) => {
       conditionalSourceFields: ti(s.fields, e)
     }),
     [n, e, s.fields]
-  ), w = T(() => {
-    const C = n.label || "Untitled section", F = n.fields.map((R) => ({
-      ...R,
+  ), w = R(() => {
+    const x = n.label || "Untitled section", F = n.fields.map((T) => ({
+      ...T,
       identifier: on()
-    })), N = { ...n, label: C, fields: F };
-    ut("fields", e + 1, N, s, o), d({
+    })), N = { ...n, label: x, fields: F };
+    ut("fields", e + 1, N, s, o), f({
       title: "Section duplicated",
-      description: `The section "${C}" has been duplicated.`
+      description: `The section "${x}" has been duplicated.`
     });
-  }, [n, e, s, o, d]), E = T(
-    (C) => {
+  }, [n, e, s, o, f]), C = R(
+    (x) => {
       ut(
         `fields.${e}.fields`,
         n.fields.length,
-        $s[C],
+        Bs[x],
         s,
         o
       );
     },
     [e, n.fields.length, s, o]
-  ), g = sr(E);
-  return /* @__PURE__ */ l(tn, { draggableId: n.identifier, index: e, children: (C) => /* @__PURE__ */ l(
-    qe,
+  ), g = sr(C);
+  return /* @__PURE__ */ l(tn, { draggableId: n.identifier, index: e, children: (x) => /* @__PURE__ */ l(
+    Ge,
     {
-      ref: C.innerRef,
-      ...C.draggableProps,
-      ...C.dragHandleProps,
+      ref: x.innerRef,
+      ...x.draggableProps,
+      ...x.dragHandleProps,
       variant: "outline",
       className: "mb-4 w-full",
-      children: /* @__PURE__ */ x("div", { className: "flex items-center justify-between gap-3 w-full", children: [
-        /* @__PURE__ */ x("div", { className: "flex grow flex-col gap-2 w-full", children: [
-          !f && /* @__PURE__ */ l(bn, { ...v }),
+      children: /* @__PURE__ */ E("div", { className: "flex items-center justify-between gap-3 w-full", children: [
+        /* @__PURE__ */ E("div", { className: "flex grow flex-col gap-2 w-full", children: [
+          !m && /* @__PURE__ */ l(bn, { ...v }),
           /* @__PURE__ */ l(
             en,
             {
               droppableId: n.identifier,
               type: "SECTION",
               isDropDisabled: r,
-              children: (F) => /* @__PURE__ */ x(
+              children: (F) => /* @__PURE__ */ E(
                 "div",
                 {
                   className: "flex flex-col gap-0 w-full",
                   ref: F.innerRef,
                   ...F.droppableProps,
                   children: [
-                    n.fields.map((N, R) => /* @__PURE__ */ l(
+                    n.fields.map((N, T) => /* @__PURE__ */ l(
                       lr,
                       {
                         field: N,
-                        index: R,
+                        index: T,
                         sectionIndex: e,
                         remove: () => {
-                          b(R);
+                          b(T);
                         }
                       },
                       N.identifier
                     )),
                     F.placeholder,
-                    /* @__PURE__ */ x(z.Root, { children: [
-                      /* @__PURE__ */ l(z.ClickTrigger, { children: /* @__PURE__ */ x(H, { type: "button", variant: "soft", size: "sm", children: [
+                    /* @__PURE__ */ E(B.Root, { children: [
+                      /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(K, { type: "button", variant: "soft", size: "sm", children: [
                         /* @__PURE__ */ l(L, { icon: "RiAddLine" }),
                         " Add field"
                       ] }) }),
-                      /* @__PURE__ */ l(z.Content, { children: g.flat().map((N) => /* @__PURE__ */ x(z.Item, { onSelect: N.onSelect, children: [
+                      /* @__PURE__ */ l(B.Content, { children: g.flat().map((N) => /* @__PURE__ */ E(B.Item, { onSelect: N.onSelect, children: [
                         N.icon,
                         N.children
                       ] }, N.value)) })
@@ -4213,7 +4222,7 @@ const ar = P((t) => {
             }
           )
         ] }),
-        !f && /* @__PURE__ */ l(
+        !m && /* @__PURE__ */ l(
           yn,
           {
             index: e,
@@ -4232,58 +4241,58 @@ const Wn = (t, n) => {
   for (const [e, i] of Object.entries(t))
     if (i.identifier === n) return [i, e];
 }, cr = P(() => {
-  const { values: t, setFieldValue: n } = xe(), [e, i] = gr(Gs, t.fields, Bn), { reorderSection: r, reorderField: o } = sn(), { fieldsOnly: s } = Yt(Ct);
-  q(() => {
-    i({ type: "update", state: Bn(t.fields) });
+  const { values: t, setFieldValue: n } = xe(), [e, i] = gr(Gs, t.fields, $n), { reorderSection: r, reorderField: o } = sn(), { fieldsOnly: s } = Yt(Ct);
+  H(() => {
+    i({ type: "update", state: $n(t.fields) });
   }, [i, t.fields]);
-  const a = T((f) => {
-    f.type === "SECTION" && i({ type: "hold", fieldId: f.draggableId });
-  }, []), m = T(
-    (f) => {
-      const { source: u, destination: p, type: b, reason: y, draggableId: c } = f;
+  const a = R((m) => {
+    m.type === "SECTION" && i({ type: "hold", fieldId: m.draggableId });
+  }, []), u = R(
+    (m) => {
+      const { source: d, destination: p, type: b, reason: y, draggableId: c } = m;
       if (i({ type: "release" }), !p || y === "CANCEL") return;
       if (b === "ROOT") {
-        r(e, c, u.index, p.index, t, n);
+        r(e, c, d.index, p.index, t, n);
         return;
       }
       if (b !== "SECTION") throw new Error("Unexpected droppable type.");
-      const [v, w] = Wn(t.fields, u.droppableId) ?? [], [E, g] = Wn(t.fields, p.droppableId) ?? [];
+      const [v, w] = Wn(t.fields, d.droppableId) ?? [], [C, g] = Wn(t.fields, p.droppableId) ?? [];
       o(
         v,
         w,
-        u.index,
-        E,
+        d.index,
+        C,
         g,
         p.index,
         n
       );
     },
     [t, o, n, r, e]
-  ), d = T(
-    (f) => {
-      Hr(f + 1, t, n);
+  ), f = R(
+    (m) => {
+      Hr(m + 1, t, n);
     },
     [t, n]
   );
-  return /* @__PURE__ */ l(Xn, { onDragStart: a, onDragEnd: m, children: /* @__PURE__ */ l(en, { droppableId: "droppable", type: "ROOT", children: (f) => /* @__PURE__ */ x(
+  return /* @__PURE__ */ l(Xn, { onDragStart: a, onDragEnd: u, children: /* @__PURE__ */ l(en, { droppableId: "droppable", type: "ROOT", children: (m) => /* @__PURE__ */ E(
     "div",
     {
       className: "flex flex-col gap-0",
-      ref: f.innerRef,
-      ...f.droppableProps,
+      ref: m.innerRef,
+      ...m.droppableProps,
       children: [
-        t.fields.map((u, p) => /* @__PURE__ */ x(Kn, { children: [
+        t.fields.map((d, p) => /* @__PURE__ */ E(Kn, { children: [
           /* @__PURE__ */ l(
             ar,
             {
-              field: u,
+              field: d,
               index: p,
               dropState: e,
               fieldsOnly: s
             }
           ),
-          !s && p !== t.fields.length - 1 && /* @__PURE__ */ x(
-            H,
+          !s && p !== t.fields.length - 1 && /* @__PURE__ */ E(
+            K,
             {
               className: "mb-4",
               type: "button",
@@ -4291,7 +4300,7 @@ const Wn = (t, n) => {
               size: "sm",
               accentColor: "base",
               onClick: () => {
-                d(p);
+                f(p);
               },
               children: [
                 /* @__PURE__ */ l(L, { icon: "RiAddLine" }),
@@ -4299,9 +4308,9 @@ const Wn = (t, n) => {
               ]
             }
           )
-        ] }, u.identifier)),
-        /* @__PURE__ */ x(
-          H,
+        ] }, d.identifier)),
+        /* @__PURE__ */ E(
+          K,
           {
             className: "mb-4",
             type: "button",
@@ -4309,7 +4318,7 @@ const Wn = (t, n) => {
             accentColor: "base",
             size: "sm",
             onClick: () => {
-              d(t.fields.length);
+              f(t.fields.length);
             },
             children: [
               /* @__PURE__ */ l(L, { icon: "RiAddLine" }),
@@ -4317,7 +4326,7 @@ const Wn = (t, n) => {
             ]
           }
         ),
-        f.placeholder
+        m.placeholder
       ]
     }
   ) }) });
@@ -4332,28 +4341,28 @@ const pl = P(
       initialDescription: o,
       initialFields: s,
       showExplainerText: a = !0,
-      showFormTitle: m = !0,
-      fieldsOnly: d = !1,
-      showTabs: f = !0,
-      disableRequiredFields: u = !1,
+      showFormTitle: u = !0,
+      fieldsOnly: f = !1,
+      showTabs: m = !0,
+      disableRequiredFields: d = !1,
       tabsListClassName: p
-    } = t, { showError: b } = bt(), y = T(
+    } = t, { showError: b } = bt(), y = R(
       (g) => {
         const S = {};
         g.title || (S.title = "Title is required."), (!g.fields || g.fields.length === 0) && (S.fields = "At least one field is required.");
-        let C = [];
-        for (const [N, R] of g.fields.entries()) {
-          const _ = Ht.section.getFieldCreationSchema(
+        let x = [];
+        for (const [N, T] of g.fields.entries()) {
+          const M = Ht.section.getFieldCreationSchema(
             ti(g.fields, N),
             `fields.${N}`
-          ).map(($) => $.field);
-          C = [...C, ..._];
-          for (const [$, K] of R.fields.entries()) {
-            const se = Ht[K.type].getFieldCreationSchema(`fields.${N}.fields.${$}`).map((M) => M.field);
-            C = [...C, ...se];
+          ).map((k) => k.field);
+          x = [...x, ...M];
+          for (const [k, V] of T.fields.entries()) {
+            const le = Ht[V.type].getFieldCreationSchema(`fields.${N}.fields.${k}`).map((z) => z.field);
+            x = [...x, ...le];
           }
         }
-        const F = gn(C, g);
+        const F = gn(x, g);
         if (F && (S.fields = F.fields), he(S))
           return b({
             title: "Some form settings are invalid",
@@ -4381,29 +4390,29 @@ const pl = P(
       meta: {
         readonly: !1
       }
-    }), [v.values]), E = O(() => ({
-      disableRequiredFields: u,
-      fieldsOnly: d
-    }), [u, d]);
-    return /* @__PURE__ */ l(Ct, { value: E, children: /* @__PURE__ */ l(Ie.Root, { ref: n, defaultValue: "edit", children: /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-      f && /* @__PURE__ */ x(
+    }), [v.values]), C = O(() => ({
+      disableRequiredFields: d,
+      fieldsOnly: f
+    }), [d, f]);
+    return /* @__PURE__ */ l(Ct, { value: C, children: /* @__PURE__ */ l(Ie.Root, { ref: n, defaultValue: "edit", children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-2", children: [
+      m && /* @__PURE__ */ E(
         Ie.List,
         {
           className: je("sticky top-0 z-[2000] flex bg-(--color-background)", p),
           children: [
-            /* @__PURE__ */ l(Ie.Trigger, { className: "grow", value: "edit", children: /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ l(Ie.Trigger, { className: "grow", value: "edit", children: /* @__PURE__ */ E("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ l(L, { icon: "RiPencilLine" }),
               "Edit form"
             ] }) }),
-            /* @__PURE__ */ l(Ie.Trigger, { className: "grow", value: "preview", children: /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ l(Ie.Trigger, { className: "grow", value: "preview", children: /* @__PURE__ */ E("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ l(L, { icon: "RiEyeLine" }),
               "Preview form"
             ] }) })
           ]
         }
       ),
-      /* @__PURE__ */ x(Ie.Content, { value: "edit", children: [
-        a && /* @__PURE__ */ x(le, { children: [
+      /* @__PURE__ */ E(Ie.Content, { value: "edit", children: [
+        a && /* @__PURE__ */ E(ae, { children: [
           "Create your form using various field types. Sections can be",
           " ",
           /* @__PURE__ */ l("strong", { children: "conditionally rendered" }),
@@ -4411,21 +4420,21 @@ const pl = P(
           " ",
           /* @__PURE__ */ l("strong", { children: "answers to fields in preceding sections. " })
         ] }),
-        /* @__PURE__ */ x("form", { className: "mt-3 flex flex-col gap-2", id: lt, onSubmit: v.handleSubmit, children: [
-          /* @__PURE__ */ x(Zt, { value: v, children: [
-            m && /* @__PURE__ */ x(pe, { children: [
+        /* @__PURE__ */ E("form", { className: "mt-3 flex flex-col gap-2", id: lt, onSubmit: v.handleSubmit, children: [
+          /* @__PURE__ */ E(Zt, { value: v, children: [
+            u && /* @__PURE__ */ E(pe, { children: [
               /* @__PURE__ */ l(
                 We,
                 {
                   name: "title",
-                  render: ({ setValue: g, value: S, meta: C }) => /* @__PURE__ */ l(ni, { severity: "danger", helpText: C.error ?? null, children: /* @__PURE__ */ l(
-                    fe.Root,
+                  render: ({ setValue: g, value: S, meta: x }) => /* @__PURE__ */ l(ni, { severity: "danger", helpText: x.error ?? null, children: /* @__PURE__ */ l(
+                    ee.Root,
                     {
                       variant: "outline",
                       size: "md",
-                      accentColor: C.error ? ge.danger : "primary",
+                      accentColor: x.error ? ge.danger : "primary",
                       children: /* @__PURE__ */ l(
-                        fe.Field,
+                        ee.Field,
                         {
                           placeholder: "Form title",
                           value: S,
@@ -4449,8 +4458,8 @@ const pl = P(
                       className: "field-sizing-content",
                       placeholder: "Explain the purpose of this form",
                       value: S,
-                      onChange: (C) => {
-                        g(C.target.value);
+                      onChange: (x) => {
+                        g(x.target.value);
                       },
                       resize: "vertical",
                       maxLength: 1e3,
@@ -4470,42 +4479,42 @@ const pl = P(
               }
             )
           ] }),
-          /* @__PURE__ */ x("div", { className: "flex items-center justify-end gap-2", children: [
-            e && /* @__PURE__ */ l(H, { type: "button", variant: "solid", accentColor: "base", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ l(H, { type: "submit", children: "Save form" })
+          /* @__PURE__ */ E("div", { className: "flex items-center justify-end gap-2", children: [
+            e && /* @__PURE__ */ l(K, { type: "button", variant: "solid", accentColor: "base", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ l(K, { type: "submit", children: "Save form" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ l(Ie.Content, { value: "preview", children: /* @__PURE__ */ l(qs, { schema: w, hideTitle: !m }) })
+      /* @__PURE__ */ l(Ie.Content, { value: "preview", children: /* @__PURE__ */ l(qs, { schema: w, hideTitle: !u }) })
     ] }) }) });
   })
 );
 export {
-  U as BaseField,
+  W as BaseField,
   Jn as BaseFormElement,
-  Bi as BaseSelectField,
-  Ge as BooleanField,
+  $i as BaseSelectField,
+  He as BooleanField,
   Ui as BooleanInput,
-  $t as DateField,
+  Bt as DateField,
   Wi as DateInput,
-  j as FieldSection,
+  q as FieldSection,
   rr as FieldSectionLayout,
   mn as FieldTypeToClsMapping,
-  $s as FieldTypeToEmptyFieldMapping,
+  Bs as FieldTypeToEmptyFieldMapping,
   Qn as FileCard,
   nn as FileIcon,
   pl as FormBuilder,
   qs as FormRenderer,
   ks as ImageCard,
-  $i as ImageViewer,
+  Bi as ImageViewer,
   Is as ImageViewerProvider,
   ni as InputWithHelpText,
-  te as InputWithLabel,
-  ne as InputWithLabelAndHelpText,
+  ne as InputWithLabel,
+  ie as InputWithLabelAndHelpText,
   Ue as LONG_TEXT_FIELD_MAX_LENGTH,
   pt as MultiSelectField,
   ji as MultiSelectInput,
-  He as MultiStringField,
+  qe as MultiStringField,
   Vi as MultiStringInput,
   be as NumberField,
   qi as NumberInput,
@@ -4514,12 +4523,12 @@ export {
   Vt as QrField,
   Hi as QrInput,
   Gi as QrScanner,
-  Bt as RadioField,
+  $t as RadioField,
   Ki as RadioInput,
   ge as SEVERITY_COLOR_MAPPING,
   ot as SHORT_TEXT_FIELD_MAX_LENGTH,
   zr as SUPPORTED_IMAGE_FILE_TYPES,
-  $r as SUPPORTED_PDF_FILE_TYPES,
+  Br as SUPPORTED_PDF_FILE_TYPES,
   _r as SUPPORTED_SPREADSHEET_FILE_EXTENSIONS,
   gt as SelectField,
   Xi as SelectInput,
@@ -4536,7 +4545,7 @@ export {
   Ws as deserializeFields,
   Z as emptyBaseField,
   Ns as emptyBooleanField,
-  Ts as emptyDateField,
+  Rs as emptyDateField,
   Fs as emptyMultiSelectField,
   Ss as emptyMultiStringField,
   Ls as emptyNumberField,
@@ -4552,7 +4561,7 @@ export {
   js as getFieldsMapping,
   vn as initializeFormValues,
   nr as isConditionMet,
-  Bs as maxFileSizeB,
+  $s as maxFileSizeB,
   Vs as maxFileSizeKB,
   st as maxFileSizeMB,
   ir as useFieldInput,