@overmap-ai/forms 1.0.17 → 1.0.18

package/dist/forms.js

@@ -2,18 +2,18 @@ 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 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 { RiIcon as L, Text as ae, Spinner as Wn, useToast as Ge, ButtonGroup as Kt, Tooltip as Ee, IconButton as J, Separator as jn, Input as ee, Badge as Ot, Checkbox as at, Popover as Be, Button as G, DayPicker as fr, Menu as B, RadioGroup as It, TextArea as qn, Card as Ke, 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 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 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 { memo as P, useMemo as O, forwardRef as Xe, useCallback as R, createContext as Gn, useContext as hr, useState as K, useRef as bt, useEffect as H, Fragment as Kn, useId as pr, use as Xt, useReducer as gr } from "react";
+import { useField as Yt, 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, RiRadioButtonFill as Cr, RiFullscreenLine 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 Qt, Draggable as en } from "@hello-pangea/dnd";
 import se from "lodash.get";
 import * as Pr from "react-dom";
 import Or from "react-dom";
 import { saveAs as Yn } from "file-saver";
-import Mr from "qr-scanner";
+import { useZxing as Mr } from "react-zxing";
 import Ve from "lodash.set";
 import kr from "lodash.clonedeep";
 const zr = ["image/jpeg", "image/png", "image/svg+xml"], _r = [
@@ -23,13 +23,13 @@ const zr = ["image/jpeg", "image/png", "image/svg+xml"], _r = [
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
   // .xls
   "application/vnd.ms-excel"
-], Br = ["application/pdf"], nn = P((t) => {
+], Br = ["application/pdf"], tn = 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) => {
+tn.displayName = "FileIcon";
+const Jn = P(
+  Xe((t, n) => {
     const { file: e, className: i, error: r, rightSlot: o, ...s } = t;
     return /* @__PURE__ */ E(
       "div",
@@ -44,22 +44,22 @@ const Qn = P(
         ref: n,
         ...s,
         children: [
-          r ? /* @__PURE__ */ l(L, { icon: "RiFileWarningLine" }) : /* @__PURE__ */ l(nn, { fileType: (e == null ? void 0 : e.type) ?? "" }),
-          r || (e ? /* @__PURE__ */ l(ae, { className: "truncate", children: e.name }) : /* @__PURE__ */ l("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ l(Kt, {}) })),
+          r ? /* @__PURE__ */ l(L, { icon: "RiFileWarningLine" }) : /* @__PURE__ */ l(tn, { fileType: (e == null ? void 0 : e.type) ?? "" }),
+          r || (e ? /* @__PURE__ */ l(ae, { className: "truncate", children: e.name }) : /* @__PURE__ */ l("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ l(Wn, {}) })),
           o
         ]
       }
     );
   })
 );
-Qn.displayName = "FileCard";
+Jn.displayName = "FileCard";
 const ge = {
   danger: "danger",
   warning: "warning",
   info: "base",
   success: "success"
 };
-class Jn {
+class Zn {
   constructor(n) {
     I(this, "type");
     I(this, "identifier");
@@ -83,12 +83,12 @@ class Jn {
     };
   }
 }
-const Z = {
+const Q = {
   label: "",
   description: "",
   required: !1
 };
-class W extends Jn {
+class W extends Zn {
   constructor(e) {
     const { label: i, required: r, image: o, fieldValidators: s = [], formValidators: a = [], ...u } = e;
     super(u);
@@ -151,8 +151,8 @@ class W extends Jn {
   }
 }
 I(W, "fieldTypeName"), I(W, "fieldTypeDescription");
-const J = (t) => {
-  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(() => ({
+const Z = (t) => {
+  const { id: n, field: e, formId: i, size: r, showInputOnly: o, onValuesChange: s, ...a } = t, [u, f, m] = Yt(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) => {
@@ -179,13 +179,13 @@ const J = (t) => {
     /* Props that should be spread on the html element representing the field */
     { ...a, "aria-labelledby": c }
   ];
-}, rn = [];
-let Qe;
+}, nn = [];
+let Je;
 const Vr = new Uint8Array(16);
 function $r() {
-  if (!Qe && (Qe = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Qe))
+  if (!Je && (Je = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Je))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Qe(Vr);
+  return Je(Vr);
 }
 const U = [];
 for (let t = 0; t < 256; ++t)
@@ -193,12 +193,12 @@ for (let t = 0; t < 256; ++t)
 function Ur(t, n = 0) {
   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 = {
+const Wr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), En = {
   randomUUID: Wr
 };
 function jr(t, n, e) {
-  if (In.randomUUID && !t)
-    return In.randomUUID();
+  if (En.randomUUID && !t)
+    return En.randomUUID();
   t = t || {};
   const i = t.random || (t.rng || $r)();
   return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, Ur(i);
@@ -222,7 +222,7 @@ function Mt(t, n, e) {
   if (!r) throw new Error("Could not find field to reorder.");
   return i.splice(e, 0, r), i;
 }
-function Zn(t, n, e) {
+function Qn(t, n, e) {
   const i = Array.from(t ?? []);
   return i.splice(n, 0, e), i;
 }
@@ -230,7 +230,7 @@ function dt(t, n) {
   const e = Array.from(t);
   return e.splice(n, 1), e;
 }
-const on = () => jr(), ei = (t, n) => {
+const rn = () => jr(), ei = (t, n) => {
   if (!n) return null;
   for (const e of t)
     if (e.type === "section") {
@@ -242,13 +242,13 @@ const on = () => jr(), ei = (t, n) => {
 }, ti = (t, n) => t.filter((e, i) => i < n).flatMap((e) => e.fields), ut = (t, n, e, i, r) => {
   const o = {
     ...e,
-    identifier: on()
+    identifier: rn()
   }, s = se(i, t);
   if (s === void 0)
     throw new Error("Parent path must point to an existing field.");
   if (!Array.isArray(s))
     throw new Error("Parent path must point to an array.");
-  const a = Zn(s, n, o);
+  const a = Qn(s, n, o);
   r(t, a).then();
 }, Hr = (t, n, e) => {
   const i = {
@@ -256,8 +256,8 @@ const on = () => jr(), ei = (t, n) => {
     label: ""
   };
   ut("fields", t, i, n, e);
-}, sn = () => {
-  const { showError: t } = bt(), n = R(
+}, on = () => {
+  const { showError: t } = Ge(), n = R(
     (i, r, o, s, a, u) => {
       const f = i[r];
       if (!f) throw new Error("Could not find section context.");
@@ -298,7 +298,7 @@ const on = () => jr(), ei = (t, n) => {
         }
         f(`fields.${r}.fields`, dt(i.fields, o)).then(), f(
           `fields.${a}.fields`,
-          Zn(s.fields, u, d)
+          Qn(s.fields, u, d)
         ).then();
       }
     },
@@ -313,14 +313,14 @@ const on = () => jr(), ei = (t, n) => {
   ] });
 }, ii = Gn(() => {
   throw new Error("No ImageViewerProvider found");
-}), ln = () => hr(ii);
+}), sn = () => hr(ii);
 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);
   };
 }
-function Sn(t, n) {
+function In(t, n) {
   if (typeof t == "function")
     return t(n);
   t != null && (t.current = n);
@@ -329,14 +329,14 @@ function ri(...t) {
   return (n) => {
     let e = !1;
     const i = t.map((r) => {
-      const o = Sn(r, n);
+      const o = In(r, n);
       return !e && typeof o == "function" && (e = !0), o;
     });
     if (e)
       return () => {
         for (let r = 0; r < i.length; r++) {
           const o = i[r];
-          typeof o == "function" ? o() : Sn(t[r], null);
+          typeof o == "function" ? o() : In(t[r], null);
         }
       };
   };
@@ -410,11 +410,11 @@ function Xr(...t) {
 }
 var ft = globalThis != null && globalThis.document ? h.useLayoutEffect : () => {
 }, Yr = h.useId || (() => {
-}), Qr = 0;
+}), Jr = 0;
 function Nt(t) {
   const [n, e] = h.useState(Yr());
   return ft(() => {
-    e((i) => i ?? String(Qr++));
+    e((i) => i ?? String(Jr++));
   }, [t]), t || (n ? `radix-${n}` : "");
 }
 function ve(t) {
@@ -426,13 +426,13 @@ function ve(t) {
     return (i = n.current) == null ? void 0 : i.call(n, ...e);
   }, []);
 }
-function Jr({
+function Zr({
   prop: t,
   defaultProp: n,
   onChange: e = () => {
   }
 }) {
-  const [i, r] = Zr({ defaultProp: n, onChange: e }), o = t !== void 0, s = o ? t : i, a = ve(e), u = h.useCallback(
+  const [i, r] = Qr({ defaultProp: n, onChange: e }), o = t !== void 0, s = o ? t : i, a = ve(e), u = h.useCallback(
     (f) => {
       if (o) {
         const d = typeof f == "function" ? f(t) : f;
@@ -444,7 +444,7 @@ function Jr({
   );
   return [s, u];
 }
-function Zr({
+function Qr({
   defaultProp: t,
   onChange: n
 }) {
@@ -453,7 +453,7 @@ function Zr({
     r.current !== i && (o(i), r.current = i);
   }, [i, r, o]), e;
 }
-var an = h.forwardRef((t, n) => {
+var ln = 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((u) => u === o ? h.Children.count(s) > 1 ? h.Children.only(null) : h.isValidElement(s) ? s.props.children : null : u);
@@ -461,7 +461,7 @@ var an = h.forwardRef((t, n) => {
   }
   return /* @__PURE__ */ l(kt, { ...i, ref: n, children: e });
 });
-an.displayName = "Slot";
+ln.displayName = "Slot";
 var kt = h.forwardRef((t, n) => {
   const { children: e, ...i } = t;
   if (h.isValidElement(e)) {
@@ -513,7 +513,7 @@ var ro = [
   "ul"
 ], ce = ro.reduce((t, n) => {
   const e = h.forwardRef((i, r) => {
-    const { asChild: o, ...s } = i, a = o ? an : n;
+    const { asChild: o, ...s } = i, a = o ? ln : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(a, { ...s, ref: r });
   });
   return e.displayName = `Primitive.${n}`, { ...t, [n]: e };
@@ -530,7 +530,7 @@ function so(t, n = globalThis == null ? void 0 : globalThis.document) {
     return n.addEventListener("keydown", i, { capture: !0 }), () => n.removeEventListener("keydown", i, { capture: !0 });
   }, [e, n]);
 }
-var lo = "DismissableLayer", zt = "dismissableLayer.update", ao = "dismissableLayer.pointerDownOutside", co = "dismissableLayer.focusOutside", Nn, oi = h.createContext({
+var lo = "DismissableLayer", zt = "dismissableLayer.update", ao = "dismissableLayer.pointerDownOutside", co = "dismissableLayer.focusOutside", Sn, oi = h.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -555,11 +555,11 @@ var lo = "DismissableLayer", zt = "dismissableLayer.update", ao = "dismissableLa
       C === f.layers.size - 1 && (i == null || i(N), !N.defaultPrevented && a && (N.preventDefault(), a()));
     }, p), h.useEffect(() => {
       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);
+        return e && (f.layersWithOutsidePointerEventsDisabled.size === 0 && (Sn = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), f.layersWithOutsidePointerEventsDisabled.add(m)), f.layers.add(m), Nn(), () => {
+          e && f.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Sn);
         };
     }, [m, p, e, f]), h.useEffect(() => () => {
-      m && (f.layers.delete(m), f.layersWithOutsidePointerEventsDisabled.delete(m), Tn());
+      m && (f.layers.delete(m), f.layersWithOutsidePointerEventsDisabled.delete(m), Nn());
     }, [m, f]), h.useEffect(() => {
       const N = () => b({});
       return document.addEventListener(zt, N), () => document.removeEventListener(zt, N);
@@ -638,7 +638,7 @@ function ho(t, n = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => i.current = !1
   };
 }
-function Tn() {
+function Nn() {
   const t = new CustomEvent(zt);
   document.dispatchEvent(t);
 }
@@ -646,7 +646,7 @@ 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 Tt = "focusScope.autoFocusOnMount", Rt = "focusScope.autoFocusOnUnmount", Rn = { bubbles: !1, cancelable: !0 }, po = "FocusScope", ai = h.forwardRef((t, n) => {
+var Tt = "focusScope.autoFocusOnMount", Rt = "focusScope.autoFocusOnUnmount", Tn = { bubbles: !1, cancelable: !0 }, po = "FocusScope", ai = h.forwardRef((t, n) => {
   const {
     loop: e = !1,
     trapped: i = !1,
@@ -685,16 +685,16 @@ var Tt = "focusScope.autoFocusOnMount", Rt = "focusScope.autoFocusOnUnmount", Rn
     }
   }, [i, a, b.paused]), h.useEffect(() => {
     if (a) {
-      Ln.add(b);
+      Fn.add(b);
       const c = document.activeElement;
       if (!a.contains(c)) {
-        const w = new CustomEvent(Tt, Rn);
+        const w = new CustomEvent(Tt, Tn);
         a.addEventListener(Tt, f), a.dispatchEvent(w), w.defaultPrevented || (go(wo(ci(a)), { select: !0 }), document.activeElement === c && ue(a));
       }
       return () => {
         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);
+          const w = new CustomEvent(Rt, Tn);
+          a.addEventListener(Rt, m), a.dispatchEvent(w), w.defaultPrevented || ue(c ?? document.body, { select: !0 }), a.removeEventListener(Rt, m), Fn.remove(b);
         }, 0);
       };
     }
@@ -719,7 +719,7 @@ function go(t, { select: n = !1 } = {}) {
     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);
+  const n = ci(t), e = Rn(n, t), i = Rn(n.reverse(), t);
   return [e, i];
 }
 function ci(t) {
@@ -732,7 +732,7 @@ function ci(t) {
   for (; e.nextNode(); ) n.push(e.currentNode);
   return n;
 }
-function Fn(t, n) {
+function Rn(t, n) {
   for (const e of t)
     if (!yo(e, { upTo: n })) return e;
 }
@@ -754,21 +754,21 @@ function ue(t, { select: n = !1 } = {}) {
     t.focus({ preventScroll: !0 }), t !== e && bo(t) && n && t.select();
   }
 }
-var Ln = xo();
+var Fn = xo();
 function xo() {
   let t = [];
   return {
     add(n) {
       const e = t[0];
-      n !== e && (e == null || e.pause()), t = Dn(t, n), t.unshift(n);
+      n !== e && (e == null || e.pause()), t = Ln(t, n), t.unshift(n);
     },
     remove(n) {
       var e;
-      t = Dn(t, n), (e = t[0]) == null || e.resume();
+      t = Ln(t, n), (e = t[0]) == null || e.resume();
     }
   };
 }
-function Dn(t, n) {
+function Ln(t, n) {
   const e = [...t], i = e.indexOf(n);
   return i !== -1 && e.splice(i, 1), e;
 }
@@ -806,19 +806,19 @@ function Io(t) {
     }
   });
   return h.useEffect(() => {
-    const f = Je(i.current);
+    const f = Ze(i.current);
     o.current = a === "mounted" ? f : "none";
   }, [a]), ft(() => {
     const f = i.current, m = r.current;
     if (m !== t) {
-      const p = o.current, b = Je(f);
+      const p = o.current, b = Ze(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, u]), ft(() => {
     if (n) {
       let f;
       const m = n.ownerDocument.defaultView ?? window, d = (b) => {
-        const c = Je(i.current).includes(b.animationName);
+        const c = Ze(i.current).includes(b.animationName);
         if (b.target === n && c && (u("ANIMATION_END"), !r.current)) {
           const v = n.style.animationFillMode;
           n.style.animationFillMode = "forwards", f = m.setTimeout(() => {
@@ -826,7 +826,7 @@ function Io(t) {
           });
         }
       }, p = (b) => {
-        b.target === n && (o.current = Je(i.current));
+        b.target === n && (o.current = Ze(i.current));
       };
       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);
@@ -840,7 +840,7 @@ function Io(t) {
     }, [])
   };
 }
-function Je(t) {
+function Ze(t) {
   return (t == null ? void 0 : t.animationName) || "none";
 }
 function So(t) {
@@ -852,12 +852,12 @@ var Ft = 0;
 function No() {
   h.useEffect(() => {
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", t[0] ?? An()), document.body.insertAdjacentElement("beforeend", t[1] ?? An()), Ft++, () => {
+    return document.body.insertAdjacentElement("afterbegin", t[0] ?? Dn()), document.body.insertAdjacentElement("beforeend", t[1] ?? Dn()), Ft++, () => {
       Ft === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((n) => n.remove()), Ft--;
     };
   }, []);
 }
-function An() {
+function Dn() {
   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;
 }
@@ -888,7 +888,7 @@ function Lt(t, n) {
   return typeof t == "function" ? t(n) : t && (t.current = n), t;
 }
 function Lo(t, n) {
-  var e = G(function() {
+  var e = K(function() {
     return {
       // value
       value: t,
@@ -908,7 +908,7 @@ function Lo(t, n) {
   })[0];
   return e.callback = n, e.facade;
 }
-var Do = typeof window < "u" ? h.useLayoutEffect : h.useEffect, Pn = /* @__PURE__ */ new WeakMap();
+var Do = typeof window < "u" ? h.useLayoutEffect : h.useEffect, An = /* @__PURE__ */ new WeakMap();
 function Ao(t, n) {
   var e = Lo(null, function(i) {
     return t.forEach(function(r) {
@@ -916,7 +916,7 @@ function Ao(t, n) {
     });
   });
   return Do(function() {
-    var i = Pn.get(e);
+    var i = An.get(e);
     if (i) {
       var r = new Set(i), o = new Set(t), s = e.current;
       r.forEach(function(a) {
@@ -925,7 +925,7 @@ function Ao(t, n) {
         r.has(a) || Lt(a, s);
       });
     }
-    Pn.set(e, t);
+    An.set(e, t);
   }, [t]), e;
 }
 function Po(t) {
@@ -1135,13 +1135,13 @@ var $o = function() {
     `).concat(Fo, ": ").concat(a, `px;
   }
 `);
-}, On = function() {
+}, Pn = function() {
   var t = parseInt(document.body.getAttribute($e) || "0", 10);
   return isFinite(t) ? t : 0;
 }, Ko = function() {
   h.useEffect(function() {
-    return document.body.setAttribute($e, (On() + 1).toString()), function() {
-      var t = On() - 1;
+    return document.body.setAttribute($e, (Pn() + 1).toString()), function() {
+      var t = Pn() - 1;
       t <= 0 ? document.body.removeAttribute($e) : document.body.setAttribute($e, t.toString());
     };
   }, []);
@@ -1155,12 +1155,12 @@ var $o = function() {
 }, _t = !1;
 if (typeof window < "u")
   try {
-    var Ze = Object.defineProperty({}, "passive", {
+    var Qe = Object.defineProperty({}, "passive", {
       get: function() {
         return _t = !0, !0;
       }
     });
-    window.addEventListener("test", Ze, Ze), window.removeEventListener("test", Ze, Ze);
+    window.addEventListener("test", Qe, Qe), window.removeEventListener("test", Qe, Qe);
   } catch {
     _t = !1;
   }
@@ -1175,11 +1175,11 @@ var Se = _t ? { passive: !1 } : !1, Yo = function(t) {
     e[n] !== "hidden" && // contains scroll inside self
     !(e.overflowY === e.overflowX && !Yo(t) && e[n] === "visible")
   );
-}, Qo = function(t) {
-  return pi(t, "overflowY");
 }, Jo = function(t) {
+  return pi(t, "overflowY");
+}, Zo = function(t) {
   return pi(t, "overflowX");
-}, Mn = function(t, n) {
+}, On = function(t, n) {
   var e = n.ownerDocument, i = n;
   do {
     typeof ShadowRoot < "u" && i instanceof ShadowRoot && (i = i.host);
@@ -1192,7 +1192,7 @@ var Se = _t ? { passive: !1 } : !1, Yo = function(t) {
     i = i.parentNode;
   } while (i && i !== e.body);
   return !1;
-}, Zo = function(t) {
+}, Qo = function(t) {
   var n = t.scrollTop, e = t.scrollHeight, i = t.clientHeight;
   return [
     n,
@@ -1207,9 +1207,9 @@ var Se = _t ? { passive: !1 } : !1, Yo = function(t) {
     i
   ];
 }, gi = function(t, n) {
-  return t === "v" ? Qo(n) : Jo(n);
+  return t === "v" ? Jo(n) : Zo(n);
 }, vi = function(t, n) {
-  return t === "v" ? Zo(n) : es(n);
+  return t === "v" ? Qo(n) : es(n);
 }, ts = function(t, n) {
   return t === "h" && n === "rtl" ? -1 : 1;
 }, ns = function(t, n, e, i, r) {
@@ -1225,9 +1225,9 @@ var Se = _t ? { passive: !1 } : !1, Yo = function(t) {
   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) {
+}, Mn = function(t) {
   return [t.deltaX, t.deltaY];
-}, zn = function(t) {
+}, kn = function(t) {
   return t && "current" in t ? t.current : t;
 }, is = function(t, n) {
   return t[0] === n[0] && t[1] === n[1];
@@ -1244,7 +1244,7 @@ function ss(t) {
   }, [t]), h.useEffect(function() {
     if (t.inert) {
       document.body.classList.add("block-interactivity-".concat(r));
-      var c = To([t.lockRef.current], (t.shards || []).map(zn), !0).filter(Boolean);
+      var c = To([t.lockRef.current], (t.shards || []).map(kn), !0).filter(Boolean);
       return c.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(r));
       }), function() {
@@ -1260,10 +1260,10 @@ function ss(t) {
     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 T = Mn(N, F);
+    var T = On(N, F);
     if (!T)
       return !0;
-    if (T ? x = N : (x = N === "v" ? "h" : "v", T = Mn(N, F)), !T)
+    if (T ? x = N : (x = N === "v" ? "h" : "v", T = On(N, F)), !T)
       return !1;
     if (!i.current && "changedTouches" in c && (g || S) && (i.current = x), !x)
       return !0;
@@ -1272,7 +1272,7 @@ function ss(t) {
   }, []), 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), C = n.current.filter(function(x) {
+      var w = "deltaY" in v ? Mn(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 (C && C.should) {
@@ -1280,7 +1280,7 @@ function ss(t) {
         return;
       }
       if (!C) {
-        var g = (s.current.shards || []).map(zn).filter(Boolean).filter(function(x) {
+        var g = (s.current.shards || []).map(kn).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();
@@ -1296,7 +1296,7 @@ function ss(t) {
   }, []), m = h.useCallback(function(c) {
     e.current = et(c), i.current = void 0;
   }, []), d = h.useCallback(function(c) {
-    f(c.type, kn(c), c.target, a(c, t.lockRef.current));
+    f(c.type, Mn(c), c.target, a(c, t.lockRef.current));
   }, []), p = h.useCallback(function(c) {
     f(c.type, et(c), c.target, a(c, t.lockRef.current));
   }, []);
@@ -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, te] = xi(cn), wi = (t) => {
+}, an = "Dialog", [xi, cl] = Kr(an), [ms, te] = xi(an), 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), u = h.useRef(null), [f = !1, m] = Jr({
+  } = t, a = h.useRef(null), u = h.useRef(null), [f = !1, m] = Zr({
     prop: i,
     defaultProp: r,
     onChange: o
@@ -1407,7 +1407,7 @@ var cs = function(t) {
     }
   );
 };
-wi.displayName = cn;
+wi.displayName = an;
 var Ci = "DialogTrigger", Ei = h.forwardRef(
   (t, n) => {
     const { __scopeDialog: e, ...i } = t, r = te(Ci, e), o = we(n, r.triggerRef);
@@ -1418,7 +1418,7 @@ var Ci = "DialogTrigger", Ei = h.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": r.open,
         "aria-controls": r.contentId,
-        "data-state": fn(r.open),
+        "data-state": un(r.open),
         ...i,
         ref: o,
         onClick: fe(t.onClick, r.onOpenToggle)
@@ -1427,13 +1427,13 @@ var Ci = "DialogTrigger", Ei = h.forwardRef(
   }
 );
 Ei.displayName = Ci;
-var dn = "DialogPortal", [hs, Ii] = xi(dn, {
+var cn = "DialogPortal", [hs, Ii] = xi(cn, {
   forceMount: void 0
 }), Si = (t) => {
-  const { __scopeDialog: n, forceMount: e, children: i, container: r } = t, o = te(dn, n);
+  const { __scopeDialog: n, forceMount: e, children: i, container: r } = t, o = te(cn, 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;
+Si.displayName = cn;
 var mt = "DialogOverlay", Ni = h.forwardRef(
   (t, n) => {
     const e = Ii(mt, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = te(mt, t.__scopeDialog);
@@ -1447,10 +1447,10 @@ var ps = h.forwardRef(
     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(
+      /* @__PURE__ */ l(yi, { as: ln, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ l(
         ce.div,
         {
-          "data-state": fn(r.open),
+          "data-state": un(r.open),
           ...i,
           ref: n,
           style: { pointerEvents: "auto", ...i.style }
@@ -1535,7 +1535,7 @@ var gs = h.forwardRef(
               id: a.contentId,
               "aria-describedby": a.descriptionId,
               "aria-labelledby": a.titleId,
-              "data-state": fn(a.open),
+              "data-state": un(a.open),
               ...s,
               ref: f,
               onDismiss: () => a.onOpenChange(!1)
@@ -1549,13 +1549,13 @@ var gs = h.forwardRef(
       ] })
     ] });
   }
-), un = "DialogTitle", ys = h.forwardRef(
+), dn = "DialogTitle", ys = h.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = te(un, e);
+    const { __scopeDialog: e, ...i } = t, r = te(dn, e);
     return /* @__PURE__ */ l(ce.h2, { id: r.titleId, ...i, ref: n });
   }
 );
-ys.displayName = un;
+ys.displayName = dn;
 var Fi = "DialogDescription", bs = h.forwardRef(
   (t, n) => {
     const { __scopeDialog: e, ...i } = t, r = te(Fi, e);
@@ -1578,12 +1578,12 @@ var Li = "DialogClose", Di = h.forwardRef(
   }
 );
 Di.displayName = Li;
-function fn(t) {
+function un(t) {
   return t ? "open" : "closed";
 }
 var Ai = "DialogTitleWarning", [dl, Pi] = Gr(Ai, {
   contentName: ye,
-  titleName: un,
+  titleName: dn,
   docsSlug: "dialog"
 }), xs = ({ titleId: t }) => {
   const n = Pi(Ai), e = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
@@ -1603,7 +1603,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
   }, [i, t, n]), null;
 }, 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(() => {
+  const { file: n, onClose: e } = t, i = bt(null), r = R(() => {
     var a;
     if (!i.current) return;
     const s = document.createElement("canvas");
@@ -1626,22 +1626,22 @@ const Bi = P((t) => {
           onOpenAutoFocus: (s) => s.preventDefault(),
           children: [
             /* @__PURE__ */ E(
-              Xt,
+              Kt,
               {
                 className: "flex gap-2 items-center top-0 absolute right-0 p-2",
                 accentColor: "base",
                 variant: "ghost",
                 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.Trigger, { asChild: !0, children: /* @__PURE__ */ l(J, { onClick: r, "aria-label": "copy to clipboard", children: /* @__PURE__ */ l(L, { icon: "RiFileCopyLine" }) }) }),
                     /* @__PURE__ */ l(Ee.Content, { size: "sm", children: "Copy" })
                   ] }),
                   /* @__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.Trigger, { asChild: !0, children: /* @__PURE__ */ l(J, { onClick: o, "aria-label": "download", children: /* @__PURE__ */ l(L, { icon: "RiDownload2Line" }) }) }),
                     /* @__PURE__ */ l(Ee.Content, { size: "sm", children: "Download" })
                   ] }),
                   /* @__PURE__ */ l(jn, { orientation: "vertical", size: "sm" }),
-                  /* @__PURE__ */ l(_i, { asChild: !0, children: /* @__PURE__ */ l(Q, { onClick: e, "aria-label": "close", children: /* @__PURE__ */ l(L, { icon: "RiCloseLine" }) }) })
+                  /* @__PURE__ */ l(_i, { asChild: !0, children: /* @__PURE__ */ l(J, { onClick: e, "aria-label": "close", children: /* @__PURE__ */ l(L, { icon: "RiCloseLine" }) }) })
                 ]
               }
             ),
@@ -1662,7 +1662,7 @@ const Bi = P((t) => {
 });
 Bi.displayName = "ImageViewer";
 const Is = P((t) => {
-  const { children: n } = t, [e, i] = G(null), r = R(() => {
+  const { children: n } = t, [e, i] = K(null), r = R(() => {
     i(null);
   }, []), o = R(
     (u) => {
@@ -1679,7 +1679,7 @@ const Is = P((t) => {
 });
 Is.displayName = "FileViewerProvider";
 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";
+  const { className: n, label: e, children: i, severity: r, inputId: o, labelId: s, image: a } = t, [u, f] = K(void 0), m = sn(), d = r ? ge[r] : "base";
   H(() => {
     a instanceof Promise ? a.then(f).catch(console.error) : f(a);
   }, [a]);
@@ -1705,7 +1705,7 @@ const ne = (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: 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(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = Z(t), d = o ? null : a, p = o ? "" : u, { name: b, onChange: y, onBlur: c } = f, v = `${n}-droppable`, { disabled: w } = m, C = f.value ?? nn, [g, S] = K(""), [x, F] = K(""), N = x || d, T = R(
     (z) => {
       y(z), c(z);
     },
@@ -1768,7 +1768,7 @@ const ne = (t) => {
             }
           ) }),
           /* @__PURE__ */ l(
-            Q,
+            J,
             {
               size: "sm",
               accentColor: "base",
@@ -1783,7 +1783,7 @@ const ne = (t) => {
         ] })
       }
     ) }),
-    /* @__PURE__ */ l(en, { droppableId: v, children: (z) => /* @__PURE__ */ E(
+    /* @__PURE__ */ l(Qt, { droppableId: v, children: (z) => /* @__PURE__ */ E(
       "div",
       {
         className: "flex flex-col",
@@ -1791,7 +1791,7 @@ const ne = (t) => {
         ref: z.innerRef,
         children: [
           C.map((Y, Ce) => /* @__PURE__ */ l(
-            tn,
+            en,
             {
               draggableId: `${Y}-draggable`,
               index: Ce,
@@ -1813,7 +1813,7 @@ const ne = (t) => {
                       children: typeof Y == "object" && "label" in Y ? Y.label : Y
                     }),
                     /* @__PURE__ */ l(
-                      Q,
+                      J,
                       {
                         size: "xs",
                         variant: "ghost",
@@ -1841,7 +1841,7 @@ const ne = (t) => {
 });
 Vi.displayName = "MultiStringInput";
 const Ss = {
-  ...Z,
+  ...Q,
   type: "multi-string",
   minimum_length: 0,
   maximum_length: null
@@ -1927,7 +1927,7 @@ class $i extends W {
   }
 }
 const Ui = P((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(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = Z(t), { name: d, onBlur: p, onChange: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
     (g) => {
       b(!!g), p(!!g);
     },
@@ -1965,7 +1965,7 @@ const Ui = P((t) => {
 });
 Ui.displayName = "BooleanInput";
 const Ns = {
-  ...Z,
+  ...Q,
   type: "boolean"
 }, Fe = class Fe extends W {
   constructor(e) {
@@ -1990,7 +1990,7 @@ const Ns = {
 I(Fe, "fieldTypeName", "Checkbox"), I(Fe, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), I(Fe, "Icon", yr);
 let He = Fe;
 const Ts = {
-  ...Z,
+  ...Q,
   type: "custom"
 };
 class ht extends W {
@@ -2011,7 +2011,7 @@ class ht extends W {
 }
 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: 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(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = Z(t), { name: d, onChange: p, onBlur: b } = f, [y, c] = K(!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);
     },
@@ -2033,7 +2033,7 @@ const Wi = P((t) => {
       image: o ? void 0 : s.image,
       children: /* @__PURE__ */ E(Be.Root, { open: y, onOpenChange: S, children: [
         /* @__PURE__ */ l(Be.Trigger, { asChild: !0, children: /* @__PURE__ */ E(
-          K,
+          G,
           {
             id: n,
             name: d,
@@ -2069,7 +2069,7 @@ const Wi = P((t) => {
 });
 Wi.displayName = "DateInput";
 const Rs = {
-  ...Z,
+  ...Q,
   type: "date"
 }, Le = class Le extends W {
   constructor(e) {
@@ -2090,7 +2090,7 @@ const Rs = {
 I(Le, "fieldTypeName", "Date"), I(Le, "fieldTypeDescription", "Allows specifying a date."), I(Le, "Icon", br);
 let Bt = Le;
 const ji = P((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(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = Z(t), { name: d, onChange: p, onBlur: b } = f, y = o ? null : a, c = o ? "" : u, v = f.value ?? nn, w = R(
     (g) => {
       const S = g.length > 0 ? g : void 0;
       p(S), b(S);
@@ -2113,7 +2113,7 @@ const ji = P((t) => {
       image: o ? void 0 : s.image,
       children: /* @__PURE__ */ E(B.Root, { onOpenChange: C, align: "start", children: [
         /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(
-          K,
+          G,
           {
             id: n,
             name: d,
@@ -2145,7 +2145,7 @@ const ji = P((t) => {
 });
 ji.displayName = "MultiSelectInput";
 const Fs = {
-  ...Z,
+  ...Q,
   type: "multi-select",
   options: []
 }, De = class De extends $i {
@@ -2176,7 +2176,7 @@ const qi = P((t) => {
   const [
     { 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 } = f, w = o ? null : a, C = o ? "" : u, [g, S] = G(void 0);
+  ] = Z(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = K(void 0);
   H(() => {
     S(v);
   }, [v]);
@@ -2219,12 +2219,12 @@ const qi = P((t) => {
 });
 qi.displayName = "NumberInput";
 const Ls = {
-  ...Z,
+  ...Q,
   type: "number",
   minimum: Number.MIN_SAFE_INTEGER,
   maximum: Number.MAX_SAFE_INTEGER,
   integers: !1
-}, _n = (t) => "fields" in t, re = class re extends W {
+}, zn = (t) => "fields" in t, re = class re extends W {
   constructor(e) {
     const {
       minimum: i = Number.MIN_SAFE_INTEGER,
@@ -2307,145 +2307,15 @@ const Ls = {
   }
 };
 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;
+  const o = zn(r) ? se(r, e) : r;
   return typeof o.maximum == "number" && typeof i == "number" && o.maximum < i ? "Minimum cannot be greater than minimum." : null;
 }), I(re, "_validateMax", (e) => (i, r) => {
-  const o = _n(r) ? se(r, e) : r;
+  const o = zn(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 = re;
 const Hi = P((t) => {
-  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));
-    },
-    [u, m, d]
-  ), T = R(() => {
-    c(x), y(x);
-  }, [x, y, c]), D = R(
-    (V) => {
-      c(V), C(!1);
-    },
-    [c]
-  ), M = R(() => {
-    c(void 0);
-  }, [c]), k = R(
-    (V) => {
-      C(V), V || y(v);
-    },
-    [y, v]
-  );
-  return /* @__PURE__ */ l(ie, { helpText: g, severity: s, children: /* @__PURE__ */ l(
-    ne,
-    {
-      size: o,
-      severity: s,
-      inputId: n,
-      labelId: e,
-      label: S,
-      image: a ? void 0 : u.image,
-      className: "flex-col items-start justify-start gap-2",
-      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: "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 H(() => {
-    if (!e.current) return;
-    const o = new Mr(
-      e.current,
-      (s) => {
-        const a = s.data;
-        n(a), o.destroy();
-      },
-      {
-        highlightCodeOutline: !0,
-        highlightScanRegion: !0,
-        maxScansPerSecond: 1
-      }
-    );
-    r(!0), o.start().finally(() => {
-      r(!1);
-    });
-  }, [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__ */ 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, {}) })
-    ] })
-  ] });
-});
-Gi.displayName = "QrScanner";
-const Ds = {
-  ...Z,
-  type: "qr"
-}, Ae = class Ae extends W {
-  constructor(e) {
-    super({ ...e, type: "qr" });
-    I(this, "onlyValidateAfterTouched", !1);
-  }
-  serialize() {
-    return super._serialize();
-  }
-  static deserialize(e) {
-    if (e.type !== "qr") throw new Error("Type mismatch.");
-    return new Ae(e);
-  }
-  getInput(e) {
-    return /* @__PURE__ */ l(Hi, { ...e, field: this });
-  }
-};
-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: u, fieldProps: f }, m] = J(t), { name: d, onChange: p, onBlur: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = Z(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);
     },
@@ -2480,7 +2350,7 @@ const Ki = P((t) => {
               /* @__PURE__ */ l(ae, { size: "sm", accentColor: "base", className: "truncate", children: g.label })
             ] })),
             !!y && /* @__PURE__ */ E(
-              K,
+              G,
               {
                 onClick: C,
                 className: "w-max -mx-2",
@@ -2500,12 +2370,12 @@ const Ki = P((t) => {
     }
   ) });
 });
-Ki.displayName = "SelectInput";
-const As = {
-  ...Z,
+Hi.displayName = "SelectInput";
+const Ds = {
+  ...Q,
   type: "radio",
   options: []
-}, Pe = class Pe extends W {
+}, Ae = class Ae extends W {
   constructor(e) {
     const { options: i, ...r } = e;
     super({ ...r, type: "radio" });
@@ -2525,7 +2395,7 @@ const As = {
   }
   static deserialize(e) {
     if (e.type !== "radio") throw new Error("Type mismatch.");
-    return new Pe(e);
+    return new Ae(e);
   }
   static getFieldCreationSchema(e = "") {
     const i = e && `${e}.`;
@@ -2543,13 +2413,136 @@ const As = {
     ];
   }
   getInput(e) {
-    return /* @__PURE__ */ l(Ki, { field: this, ...e });
+    return /* @__PURE__ */ l(Hi, { field: this, ...e });
+  }
+};
+I(Ae, "fieldTypeName", "Option list"), I(Ae, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), I(Ae, "Icon", Cr);
+let Vt = Ae;
+const Gi = P((t) => {
+  const [
+    { inputId: n, labelId: e, label: i, helpText: r, size: o, severity: s, showInputOnly: a, field: u, fieldProps: f, helpers: m, touched: d },
+    p
+  ] = Z(t), { name: b, onBlur: y, onChange: c, value: v } = f, [w, C] = K(!1), g = a ? null : r, S = a ? "" : i, [x, F] = K(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));
+    },
+    [u, m, d]
+  ), T = R(() => {
+    c(x), y(x);
+  }, [x, y, c]), D = R(
+    (V) => {
+      c(V), C(!1);
+    },
+    [c]
+  ), M = R(() => {
+    c(void 0);
+  }, [c]), k = R(
+    (V) => {
+      C(V), V || y(v);
+    },
+    [y, v]
+  );
+  return /* @__PURE__ */ l(ie, { helpText: g, severity: s, children: /* @__PURE__ */ l(
+    ne,
+    {
+      size: o,
+      severity: s,
+      inputId: n,
+      labelId: e,
+      label: S,
+      image: a ? void 0 : u.image,
+      className: "flex-col items-start justify-start gap-2",
+      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 or barcode",
+              onChange: N,
+              onBlur: T,
+              ...p
+            }
+          ),
+          !!v && /* @__PURE__ */ l(ee.Slot, { children: /* @__PURE__ */ l(
+            J,
+            {
+              accentColor: "base",
+              variant: "ghost",
+              "aria-label": "delete",
+              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(G, { 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(Ki, { onScan: D }) })
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+});
+Gi.displayName = "QrInput";
+const Ki = P((t) => {
+  const { onScan: n } = t, { showError: e } = Ge(), i = R(
+    (s) => {
+      n(s.getText());
+    },
+    [n]
+  ), r = R(() => {
+    e({
+      title: "Scan Error",
+      description: "An unknown error occurred while scanning."
+    });
+  }, [e]), { ref: o } = Mr({
+    onDecodeResult: i,
+    onError: r
+  });
+  return /* @__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(J, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ l(L, { icon: "RiCloseLine" }) }) }) }),
+    /* @__PURE__ */ l("div", { className: "relative max-h-full max-w-full **:stroke-(--primary-indicator)", children: /* @__PURE__ */ l("video", { className: "rotate-y-180 size-full", ref: o }) })
+  ] });
+});
+Ki.displayName = "QrScanner";
+const As = {
+  ...Q,
+  type: "qr"
+}, Pe = class Pe extends W {
+  constructor(e) {
+    super({ ...e, type: "qr" });
+    I(this, "onlyValidateAfterTouched", !1);
+  }
+  serialize() {
+    return super._serialize();
+  }
+  static deserialize(e) {
+    if (e.type !== "qr") throw new Error("Type mismatch.");
+    return new Pe(e);
+  }
+  getInput(e) {
+    return /* @__PURE__ */ l(Gi, { ...e, field: this });
   }
 };
-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);
+I(Pe, "fieldTypeName", "Scan"), I(Pe, "fieldTypeDescription", "Used for scanning/reading QR and barcodes."), 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: u, fieldProps: f }, m] = J(t), { name: d, onChange: p, onBlur: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, helpText: a, label: u, fieldProps: f }, m] = Z(t), { name: d, onChange: p, onBlur: b, value: y } = f, c = o ? null : a, v = o ? "" : u, w = R(
     (g) => {
       p(g), b(g);
     },
@@ -2566,7 +2559,7 @@ const Xi = P((t) => {
       image: o ? void 0 : s.image,
       children: /* @__PURE__ */ E(B.Root, { align: "start", children: [
         /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(
-          K,
+          G,
           {
             id: n,
             name: d,
@@ -2592,7 +2585,7 @@ const Xi = P((t) => {
 });
 Xi.displayName = "SelectInput";
 const Ps = {
-  ...Z,
+  ...Q,
   type: "select",
   options: []
 }, Oe = class Oe extends $i {
@@ -2613,7 +2606,7 @@ 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, Bn = (t) => "fields" in t;
+const ot = 500, Ue = 1e4, _n = (t) => "fields" in t;
 class vt extends W {
   constructor(e) {
     const { minLength: i, maxLength: r, placeholder: o = "", ...s } = e;
@@ -2685,7 +2678,7 @@ class vt extends W {
  * equal to the value given for "maximum length".
  */
 I(vt, "_validateMin", (e) => (i, r) => {
-  const o = Bn(r) ? se(r, e) : r;
+  const o = _n(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
@@ -2693,14 +2686,14 @@ I(vt, "_validateMin", (e) => (i, r) => {
  */
 I(vt, "_validateMax", (e) => (i, r) => {
   if (typeof i != "number") return null;
-  const { minimum_length: o } = Bn(r) ? se(r, e) : r;
+  const { minimum_length: o } = _n(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: u, fieldProps: f, touched: m, helpers: d },
     p
-  ] = J(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = G(void 0);
+  ] = Z(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = K(void 0);
   H(() => {
     S(v);
   }, [v]);
@@ -2740,7 +2733,7 @@ const Yi = P((t) => {
 });
 Yi.displayName = "StringInput";
 const Os = {
-  ...Z,
+  ...Q,
   type: "string",
   maximum_length: ot,
   input_type: "text"
@@ -2771,11 +2764,11 @@ const Os = {
 };
 I(Me, "fieldTypeName", "Short Text"), I(Me, "fieldTypeDescription", `Short text fields can hold up to ${ot} characters on a single line.`), I(Me, "Icon", Sr);
 let Ut = Me;
-const Qi = P((t) => {
+const Ji = P((t) => {
   const [
     { 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 } = f, w = o ? null : a, C = o ? "" : u, [g, S] = G(void 0);
+  ] = Z(t), { name: b, onBlur: y, onChange: c, value: v } = f, w = o ? null : a, C = o ? "" : u, [g, S] = K(void 0);
   H(() => {
     S(v);
   }, [v]);
@@ -2816,9 +2809,9 @@ const Qi = P((t) => {
     }
   ) });
 });
-Qi.displayName = "TextInput";
+Ji.displayName = "TextInput";
 const Ms = {
-  ...Z,
+  ...Q,
   type: "text",
   maximum_length: Ue
 }, ke = class ke extends vt {
@@ -2840,13 +2833,13 @@ const Ms = {
     });
   }
   getInput(n) {
-    return /* @__PURE__ */ l(Qi, { field: this, ...n });
+    return /* @__PURE__ */ l(Ji, { field: this, ...n });
   }
 };
 I(ke, "fieldTypeName", "Paragraph"), I(ke, "fieldTypeDescription", `Paragraph fields can hold up to ${Ue} characters and can have multiple lines.`), I(ke, "Icon", Nr);
 let Wt = ke;
 const ks = P(
-  Ke((t, n) => {
+  Xe((t, n) => {
     const { file: e, alt: i, error: r, rightSlot: o, className: s, ...a } = t;
     return /* @__PURE__ */ E(
       "div",
@@ -2858,7 +2851,7 @@ const ks = P(
         ref: n,
         ...a,
         children: [
-          !e && !r && /* @__PURE__ */ l("div", { className: "absolute flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ l(Kt, {}) }),
+          !e && !r && /* @__PURE__ */ l("div", { className: "absolute flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ l(Wn, {}) }),
           /* @__PURE__ */ l("div", { className: "-m-4 flex max-w-full grow items-center justify-center overflow-hidden bg-clip-padding", children: e && !r && /* @__PURE__ */ l(
             "img",
             {
@@ -2874,7 +2867,7 @@ const ks = P(
                 "bg-transparent": !e
               }),
               children: [
-                r ? /* @__PURE__ */ l(L, { icon: "RiFileWarningLine" }) : e && /* @__PURE__ */ l(nn, { fileType: e.type }),
+                r ? /* @__PURE__ */ l(L, { icon: "RiFileWarningLine" }) : e && /* @__PURE__ */ l(tn, { fileType: e.type }),
                 /* @__PURE__ */ l(ae, { className: "truncate", size: "sm", children: r ?? (e == null ? void 0 : e.name) }),
                 o
               ]
@@ -2895,12 +2888,12 @@ const ks = P(
     style: "unit",
     unit: n[i]
   }).format(e);
-}, Ji = P((t) => {
+}, Zi = P((t) => {
   var N;
-  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);
+  const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: s, field: a, fieldProps: u }, f] = Z(t), { name: m, onChange: d, onBlur: p } = u;
+  let [{ label: b }] = Z(t);
   b = s ? "" : b;
-  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(() => {
+  const y = u.value ?? nn, c = bt(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(() => {
@@ -2947,7 +2940,7 @@ const ks = P(
         image: s ? void 0 : a.image,
         children: [
           /* @__PURE__ */ l("div", { className: "flex gap-2", children: /* @__PURE__ */ E(
-            K,
+            G,
             {
               className: "w-max",
               size: "sm",
@@ -2982,7 +2975,7 @@ const ks = P(
       }
     ) }),
     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,
+      Qi,
       {
         field: a,
         file: T,
@@ -2995,9 +2988,9 @@ const ks = P(
     )) })
   ] });
 });
-Ji.displayName = "UploadInput";
-const Zi = P((t) => {
-  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(() => {
+Zi.displayName = "UploadInput";
+const Qi = P((t) => {
+  const { file: n, field: e, onRemove: i, disabled: r } = t, [o, s] = K(null), a = sn(), 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]);
@@ -3025,9 +3018,9 @@ const Zi = P((t) => {
       }
     }));
   }, [r, i, a, o]), y = O(
-    () => /* @__PURE__ */ E(Xt, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
+    () => /* @__PURE__ */ E(Kt, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
       /* @__PURE__ */ l(
-        Q,
+        J,
         {
           "aria-label": `Download ${m}`,
           type: "button",
@@ -3036,7 +3029,7 @@ const Zi = P((t) => {
           children: /* @__PURE__ */ l(L, { icon: "RiDownload2Line" })
         }
       ),
-      !r && /* @__PURE__ */ l(Q, { type: "button", "aria-label": `Remove ${m}`, disabled: r, onClick: p, children: /* @__PURE__ */ l(L, { icon: "RiDeleteBin7Fill" }) })
+      !r && /* @__PURE__ */ l(J, { type: "button", "aria-label": `Remove ${m}`, disabled: r, onClick: p, children: /* @__PURE__ */ l(L, { icon: "RiDeleteBin7Fill" }) })
     ] }),
     [r, p, d, m, o]
   );
@@ -3049,17 +3042,17 @@ const Zi = P((t) => {
       error: u ?? void 0,
       rightSlot: y
     }
-  ) : /* @__PURE__ */ l(Qn, { file: o, error: u ?? void 0, rightSlot: y });
+  ) : /* @__PURE__ */ l(Jn, { file: o, error: u ?? void 0, rightSlot: y });
 });
-Zi.displayName = "DisplayFile";
+Qi.displayName = "DisplayFile";
 const _s = {
-  ...Z,
+  ...Q,
   type: "upload",
   extensions: [],
   maximum_size: void 0,
   maximum_files: 1
 };
-function Vn(t, n) {
+function Bn(t, n) {
   return t.name === n.name && t.size === n.size && t.type === n.type;
 }
 const ze = class ze extends W {
@@ -3076,7 +3069,7 @@ const ze = class ze extends W {
     return super.isBlank(e) || (e == null ? void 0 : e.length) === 0;
   }
   isEqual(e, i) {
-    return e === void 0 && i === void 0 ? !0 : !(e === void 0 || i === void 0 || !e.every((r) => i.some((o) => Vn(r, o))) || !i.every((r) => e.some((o) => Vn(o, r))));
+    return e === void 0 && i === void 0 ? !0 : !(e === void 0 || i === void 0 || !e.every((r) => i.some((o) => Bn(r, o))) || !i.every((r) => e.some((o) => Bn(o, r))));
   }
   static getFieldCreationSchema(e = "") {
     const i = e && `${e}.`;
@@ -3162,12 +3155,12 @@ const ze = class ze extends W {
     return new ze(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ l(Ji, { field: this, ...e });
+    return /* @__PURE__ */ l(Zi, { field: this, ...e });
   }
 };
 I(ze, "fieldTypeName", "Upload"), I(ze, "fieldTypeDescription", "Allows a file to be uploaded."), I(ze, "Icon", Tr);
 let jt = ze;
-const mn = {
+const fn = {
   date: Bt,
   number: be,
   boolean: He,
@@ -3176,10 +3169,10 @@ const mn = {
   text: Wt,
   custom: ht,
   upload: jt,
-  qr: Vt,
+  qr: $t,
   "multi-string": qe,
   "multi-select": pt,
-  radio: $t
+  radio: Vt
 }, Bs = {
   date: Rs,
   number: Ls,
@@ -3189,16 +3182,16 @@ const mn = {
   text: Ms,
   custom: Ts,
   upload: _s,
-  qr: Ds,
+  qr: As,
   "multi-string": Ss,
   "multi-select": Fs,
-  radio: As
+  radio: Ds
 }, ul = {
   boolean: "RiCheckboxCircleLine",
   date: "RiCalendarLine",
   "multi-string": "RiListCheck",
   number: "RiHashtag",
-  qr: "RiQrCodeLine",
+  qr: "RiFullscreenLine",
   "multi-select": "RiCheckboxLine",
   select: "RiMenuFoldLine",
   string: "RiInputField",
@@ -3208,9 +3201,9 @@ const mn = {
   section: "RiFolderLine",
   radio: "RiRadioButtonFill"
 }, 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 { field: n, ...e } = t, [{ value: i }] = Yt(n.options.clonedFieldIdentifier), r = O(() => {
     const o = n.options.getFieldToClone(i);
-    return o ? hn(o) : null;
+    return o ? mn(o) : null;
   }, [n.options, i]);
   return ir(r, e);
 });
@@ -3222,12 +3215,12 @@ class Us extends ht {
 }
 const tr = (t) => {
   const n = t.type;
-  return mn[n].deserialize(t);
-}, hn = (t) => t.type === "section" ? q.deserialize(t) : tr(t);
+  return fn[n].deserialize(t);
+}, mn = (t) => t.type === "section" ? q.deserialize(t) : tr(t);
 function Ws(t) {
-  return t.map((n) => hn(n));
+  return t.map((n) => mn(n));
 }
-function pn(t) {
+function hn(t) {
   const n = [];
   for (const e of t)
     if (e instanceof q)
@@ -3241,13 +3234,13 @@ function pn(t) {
   return n;
 }
 function js(t) {
-  const n = pn(t), e = {};
+  const n = hn(t), e = {};
   for (const i of n)
     e[i.identifier] = i;
   return e;
 }
 function fl(t, n) {
-  const e = pn(t), i = {};
+  const e = hn(t), i = {};
   for (const r of e) {
     const o = n[r.identifier] ?? null;
     o !== null ? i[r.identifier] = r.decodeJsonToValue(o) : i[r.identifier] = o;
@@ -3255,7 +3248,7 @@ function fl(t, n) {
   return i;
 }
 function ml(t, n) {
-  const e = pn(t), i = {};
+  const e = hn(t), i = {};
   for (const r of e) {
     const o = n[r.identifier];
     i[r.identifier] = r.encodeValueToJson(o);
@@ -3287,7 +3280,7 @@ const ir = (t, n) => O(() => !n || !t ? null : t.getInput(n), [t, n]), yt = (t,
         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: [
+  return m ? /* @__PURE__ */ l(Ke, { 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 }),
@@ -3299,7 +3292,7 @@ const ir = (t, n) => O(() => !n || !t ? null : t.getInput(n), [t, n]), yt = (t,
   ] }) }) : null;
 });
 rr.displayName = "FieldSectionLayout";
-const _e = class _e extends Jn {
+const _e = class _e extends Zn {
   constructor(e) {
     const { label: i = null, fields: r, condition: o = null, conditional: s, ...a } = e;
     super({ ...a, type: "section" });
@@ -3408,7 +3401,7 @@ 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 q = _e;
-const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
+const he = (t) => Object.keys(t).length > 0, pn = (t, n) => {
   const e = {};
   for (const i of t)
     if (i instanceof q) {
@@ -3425,10 +3418,10 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
       o && Ve(e, r, o);
     }
   if (he(e)) return e;
-}, vn = (t, n) => t.reduce(
+}, gn = (t, n) => t.reduce(
   (e, i) => {
     if (i instanceof q)
-      return { ...e, ...vn(i.fields, n) };
+      return { ...e, ...gn(i.fields, n) };
     const r = i.getId(), o = e[r];
     switch (o) {
       case "":
@@ -3457,7 +3450,7 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
   }
   return i;
 }, {}), qs = P(
-  Ke((t, n) => {
+  Xe((t, n) => {
     const {
       schema: e,
       values: i = {},
@@ -3475,7 +3468,7 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
       buttonProps: y,
       enableReinitialize: c = !1,
       excludeUnchangedFields: v = !1
-    } = t, { readonly: w } = e.meta, C = pr(), g = O(() => vn(e.fields, i), [e.fields, i]), S = R(
+    } = t, { readonly: w } = e.meta, C = pr(), g = O(() => gn(e.fields, i), [e.fields, i]), S = R(
       (k) => {
         o == null || o(v ? or(e.fields, g, k) : k);
       },
@@ -3483,7 +3476,7 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
     ), x = Jt({
       initialValues: g,
       onSubmit: S,
-      validate: (k) => gn(e.fields, k),
+      validate: (k) => pn(e.fields, k),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1,
@@ -3510,14 +3503,14 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
         className: je(b, "flex flex-col gap-2"),
         onSubmit: x.handleSubmit,
         children: [
-          !d && /* @__PURE__ */ l(Ge, { variant: "soft", children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
+          !d && /* @__PURE__ */ l(Ke, { variant: "soft", children: /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
             N,
             !p && T
           ] }) }),
           M,
           !w && /* @__PURE__ */ E("div", { className: "flex items-center justify-end gap-2", children: [
             a && /* @__PURE__ */ E(
-              K,
+              G,
               {
                 accentColor: ge.danger,
                 ...y,
@@ -3529,7 +3522,7 @@ const he = (t) => Object.keys(t).length > 0, gn = (t, n) => {
                 ]
               }
             ),
-            /* @__PURE__ */ E(K, { ...y, type: "submit", disabled: !x.isValid, accentColor: "success", children: [
+            /* @__PURE__ */ E(G, { ...y, type: "submit", disabled: !x.isValid, accentColor: "success", children: [
               /* @__PURE__ */ l(L, { icon: "RiCheckLine" }),
               s
             ] })
@@ -3539,7 +3532,7 @@ 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 { name: n, render: e } = t, { submitForm: i } = xe(), [r, o, s] = Yt(n), a = O(() => {
     const u = (f) => {
       s.setValue(f, !1);
     };
@@ -3556,8 +3549,8 @@ 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: u, ...f } = t, m = O(() => vn(i.fields, r), [i.fields, r]), d = R(
+  Xe((t, n) => {
+    const { children: e, schema: i, values: r, onPatch: o, onError: s, requiresDiff: a = !0, onDirtyChange: u, ...f } = t, m = O(() => gn(i.fields, r), [i.fields, r]), d = R(
       (C) => {
         const g = {};
         for (const S in C) {
@@ -3575,7 +3568,7 @@ const hl = P(
       [d, o, a]
     ), b = R(
       (C) => {
-        const g = gn(i.fields, C);
+        const g = pn(i.fields, C);
         if (g && s(g), u) {
           const S = d(C);
           u(he(S));
@@ -3605,7 +3598,7 @@ const hl = P(
   ["select", "multi-select", "upload", "qr", "radio"],
   ["boolean", "date", "number", "multi-string"]
 ], Ht = {
-  ...mn,
+  ...fn,
   section: q
 }, Ct = Gn({}), Gs = (t, n) => {
   var i;
@@ -3631,7 +3624,7 @@ const hl = P(
           if (r.identifier === n) return e;
       }
     }
-}, $n = (t) => {
+}, Vn = (t) => {
   var e, i, r;
   const n = {};
   for (let o = 0; o < t.length; o++) {
@@ -3647,11 +3640,11 @@ const hl = P(
     };
   }
   return n;
-}, yn = P((t) => {
+}, vn = P((t) => {
   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: u } = xe(), f = Xe(null), m = O(() => {
+  const { values: u } = xe(), f = bt(null), m = O(() => {
     const d = [
       {
         Icon: Rr,
@@ -3696,8 +3689,8 @@ const hl = P(
     }), 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,
+    /* @__PURE__ */ l(Kt, { className: "mx-2 hidden flex-col gap-0.5 sm:flex", variant: "ghost", accentColor: "base", size: "sm", children: m.map((d) => /* @__PURE__ */ l(
+      J,
       {
         type: "button",
         "aria-label": d.text,
@@ -3708,7 +3701,7 @@ const hl = P(
     )) }),
     /* @__PURE__ */ l("div", { className: "sm:hidden", children: /* @__PURE__ */ E(B.Root, { children: [
       /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ l(
-        Q,
+        J,
         {
           variant: "ghost",
           accentColor: "base",
@@ -3729,12 +3722,12 @@ const hl = P(
     e !== "section" && /* @__PURE__ */ l("input", { style: { display: "none" }, ref: f, type: "file", accept: "image/*", onChange: a })
   ] });
 });
-yn.displayName = "FieldActions";
+vn.displayName = "FieldActions";
 const Gt = P((t) => {
   const { popoverInputs: n, hasError: e, ...i } = t;
   return /* @__PURE__ */ E(Be.Root, { children: [
     /* @__PURE__ */ l(Be.Trigger, { asChild: !0, children: /* @__PURE__ */ E(
-      K,
+      G,
       {
         variant: "soft",
         type: "button",
@@ -3754,7 +3747,7 @@ const Gt = P((t) => {
 });
 Gt.displayName = "FieldSettingsPopover";
 const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
-  const i = mn[e], r = i.Icon;
+  const i = fn[e], r = i.Icon;
   return {
     children: i.fieldTypeName,
     icon: /* @__PURE__ */ l(r, {}),
@@ -3763,23 +3756,23 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
       t(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(), u = sr(), f = ln(), { disableRequiredFields: m } = Yt(Ct), d = Xe(null), [p, b] = G(
-    d.current && d.current.getBoundingClientRect().width >= Un
+})), [t]), $n = 576, yn = P((t) => {
+  var Ye, bn, xn, wn, Cn;
+  const { parentPath: n, index: e, initial: i, conditionalSourceFields: r } = t, { values: o, setFieldValue: s, errors: a } = xe(), u = sr(), f = sn(), { disableRequiredFields: m } = Xt(Ct), d = bt(null), [p, b] = K(
+    d.current && d.current.getBoundingClientRect().width >= $n
   );
   H(() => {
     const A = d.current;
     if (A) {
       const _ = new ResizeObserver((j) => {
-        j[0] && b(j[0].contentRect.width >= Un);
+        j[0] && b(j[0].contentRect.width >= $n);
       });
       return _.observe(A), () => {
         _.disconnect();
       };
     }
   }, []);
-  const [y, c] = G(void 0);
+  const [y, c] = K(void 0);
   H(() => {
     me(i) ? c(void 0) : i.image instanceof Promise ? i.image.then(c).catch(console.error) : c(i.image);
   }, [i]);
@@ -3803,9 +3796,9 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
   ), g = me(i) ? Array.isArray((Ye = i.condition) == null ? void 0 : Ye.value) ? "contains all of" : "equals" : void 0;
   let S;
   if (me(i)) {
-    if (qt((xn = i.condition) == null ? void 0 : xn.value))
+    if (qt((bn = i.condition) == null ? void 0 : bn.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((A) => typeof A == "string" ? A : A.label).join(", ") : (En = (Cn = i.condition) == null ? void 0 : Cn.value) == null ? void 0 : En.toString();
+    S = Array.isArray((xn = i.condition) == null ? void 0 : xn.value) ? i.condition.value.map((A) => typeof A == "string" ? A : A.label).join(", ") : (Cn = (wn = i.condition) == null ? void 0 : wn.value) == null ? void 0 : Cn.toString();
   }
   const x = R((A) => {
     A.target.parentNode instanceof HTMLElement && (A.target.parentNode.dataset.replicatedValue = A.target.value);
@@ -3850,7 +3843,7 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
   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(
+  }), z = le ? ge.danger : void 0, Y = O(() => mn(i), [i]), Ce = ir(Y, { formId: lt, showInputOnly: !1 }), de = O(
     () => u.flat().find((A) => A.value === N),
     [u, N]
   ), Et = R(() => {
@@ -3925,7 +3918,7 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
         }
       ),
       /* @__PURE__ */ l(
-        Q,
+        J,
         {
           className: "absolute top-2 right-2 hidden group-hover:not-disabled:flex",
           variant: "solid",
@@ -3976,7 +3969,7 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
       }
     ),
     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: [
+    T !== q && /* @__PURE__ */ E(Ke, { 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." })
@@ -3985,9 +3978,9 @@ const sr = (t = () => null) => O(() => Hs.map((n) => n.map((e) => {
     ] })
   ] }) });
 });
-bn.displayName = "FieldBuilder";
+yn.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: u, showError: f } = bt(), m = `fields.${i}.fields`, d = O(
+  const { field: n, index: e, sectionIndex: i, remove: r } = t, { setFieldValue: o, values: s } = xe(), { reorderField: a } = on(), { showInfo: u, showError: f } = Ge(), m = `fields.${i}.fields`, d = O(
     () => ({
       index: e,
       parentPath: m,
@@ -4041,17 +4034,17 @@ const lr = P((t) => {
     },
     [n, e, m, o, f]
   );
-  return /* @__PURE__ */ l(tn, { draggableId: n.identifier, index: e, children: (c) => /* @__PURE__ */ l(
-    Ge,
+  return /* @__PURE__ */ l(en, { draggableId: n.identifier, index: e, children: (c) => /* @__PURE__ */ l(
+    Ke,
     {
       ref: c.innerRef,
       ...c.draggableProps,
       ...c.dragHandleProps,
       className: "mb-4",
       children: /* @__PURE__ */ E("div", { className: "flex items-center justify-between gap-4 w-full", children: [
-        /* @__PURE__ */ l(bn, { ...d }),
+        /* @__PURE__ */ l(yn, { ...d }),
         /* @__PURE__ */ l(
-          yn,
+          vn,
           {
             index: e,
             type: n.type,
@@ -4069,7 +4062,7 @@ 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: u } = sn(), { showInfo: f } = bt(), { fieldsOnly: m } = Yt(Ct), d = R(
+  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 } = on(), { showInfo: f } = Ge(), { fieldsOnly: m } = Xt(Ct), d = R(
     (x, F) => {
       for (const N of x) {
         const T = F.indexOf(N);
@@ -4151,7 +4144,7 @@ const ar = P((t) => {
   ), w = R(() => {
     const x = n.label || "Untitled section", F = n.fields.map((T) => ({
       ...T,
-      identifier: on()
+      identifier: rn()
     })), N = { ...n, label: x, fields: F };
     ut("fields", e + 1, N, s, o), f({
       title: "Section duplicated",
@@ -4169,8 +4162,8 @@ const ar = P((t) => {
     },
     [e, n.fields.length, s, o]
   ), g = sr(C);
-  return /* @__PURE__ */ l(tn, { draggableId: n.identifier, index: e, children: (x) => /* @__PURE__ */ l(
-    Ge,
+  return /* @__PURE__ */ l(en, { draggableId: n.identifier, index: e, children: (x) => /* @__PURE__ */ l(
+    Ke,
     {
       ref: x.innerRef,
       ...x.draggableProps,
@@ -4179,9 +4172,9 @@ const ar = P((t) => {
       className: "mb-4 w-full",
       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 }),
+          !m && /* @__PURE__ */ l(yn, { ...v }),
           /* @__PURE__ */ l(
-            en,
+            Qt,
             {
               droppableId: n.identifier,
               type: "SECTION",
@@ -4207,7 +4200,7 @@ const ar = P((t) => {
                     )),
                     F.placeholder,
                     /* @__PURE__ */ E(B.Root, { children: [
-                      /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(K, { type: "button", variant: "soft", size: "sm", children: [
+                      /* @__PURE__ */ l(B.ClickTrigger, { children: /* @__PURE__ */ E(G, { type: "button", variant: "soft", size: "sm", children: [
                         /* @__PURE__ */ l(L, { icon: "RiAddLine" }),
                         " Add field"
                       ] }) }),
@@ -4223,7 +4216,7 @@ const ar = P((t) => {
           )
         ] }),
         !m && /* @__PURE__ */ l(
-          yn,
+          vn,
           {
             index: e,
             type: n.type,
@@ -4237,13 +4230,13 @@ const ar = P((t) => {
   ) });
 });
 ar.displayName = "FieldSectionWithActions";
-const Wn = (t, n) => {
+const Un = (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, $n), { reorderSection: r, reorderField: o } = sn(), { fieldsOnly: s } = Yt(Ct);
+  const { values: t, setFieldValue: n } = xe(), [e, i] = gr(Gs, t.fields, Vn), { reorderSection: r, reorderField: o } = on(), { fieldsOnly: s } = Xt(Ct);
   H(() => {
-    i({ type: "update", state: $n(t.fields) });
+    i({ type: "update", state: Vn(t.fields) });
   }, [i, t.fields]);
   const a = R((m) => {
     m.type === "SECTION" && i({ type: "hold", fieldId: m.draggableId });
@@ -4256,7 +4249,7 @@ const Wn = (t, n) => {
         return;
       }
       if (b !== "SECTION") throw new Error("Unexpected droppable type.");
-      const [v, w] = Wn(t.fields, d.droppableId) ?? [], [C, g] = Wn(t.fields, p.droppableId) ?? [];
+      const [v, w] = Un(t.fields, d.droppableId) ?? [], [C, g] = Un(t.fields, p.droppableId) ?? [];
       o(
         v,
         w,
@@ -4274,7 +4267,7 @@ const Wn = (t, n) => {
     },
     [t, n]
   );
-  return /* @__PURE__ */ l(Xn, { onDragStart: a, onDragEnd: u, children: /* @__PURE__ */ l(en, { droppableId: "droppable", type: "ROOT", children: (m) => /* @__PURE__ */ E(
+  return /* @__PURE__ */ l(Xn, { onDragStart: a, onDragEnd: u, children: /* @__PURE__ */ l(Qt, { droppableId: "droppable", type: "ROOT", children: (m) => /* @__PURE__ */ E(
     "div",
     {
       className: "flex flex-col gap-0",
@@ -4292,7 +4285,7 @@ const Wn = (t, n) => {
             }
           ),
           !s && p !== t.fields.length - 1 && /* @__PURE__ */ E(
-            K,
+            G,
             {
               className: "mb-4",
               type: "button",
@@ -4310,7 +4303,7 @@ const Wn = (t, n) => {
           )
         ] }, d.identifier)),
         /* @__PURE__ */ E(
-          K,
+          G,
           {
             className: "mb-4",
             type: "button",
@@ -4333,7 +4326,7 @@ const Wn = (t, n) => {
 });
 cr.displayName = "FieldsEditor";
 const pl = P(
-  Ke((t, n) => {
+  Xe((t, n) => {
     const {
       onCancel: e,
       onSave: i,
@@ -4346,7 +4339,7 @@ const pl = P(
       showTabs: m = !0,
       disableRequiredFields: d = !1,
       tabsListClassName: p
-    } = t, { showError: b } = bt(), y = R(
+    } = t, { showError: b } = Ge(), 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.");
@@ -4362,7 +4355,7 @@ const pl = P(
             x = [...x, ...le];
           }
         }
-        const F = gn(x, g);
+        const F = pn(x, g);
         if (F && (S.fields = F.fields), he(S))
           return b({
             title: "Some form settings are invalid",
@@ -4374,7 +4367,7 @@ const pl = P(
       () => ({
         title: r ?? "",
         description: o ?? "",
-        fields: s ? qr(s) : [{ ...ct(on()), label: "" }]
+        fields: s ? qr(s) : [{ ...ct(rn()), label: "" }]
       }),
       [o, s, r]
     ), v = Jt({
@@ -4480,8 +4473,8 @@ const pl = P(
             )
           ] }),
           /* @__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" })
+            e && /* @__PURE__ */ l(G, { type: "button", variant: "solid", accentColor: "base", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ l(G, { type: "submit", children: "Save form" })
           ] })
         ] })
       ] }),
@@ -4491,7 +4484,7 @@ const pl = P(
 );
 export {
   W as BaseField,
-  Jn as BaseFormElement,
+  Zn as BaseFormElement,
   $i as BaseSelectField,
   He as BooleanField,
   Ui as BooleanInput,
@@ -4499,10 +4492,10 @@ export {
   Wi as DateInput,
   q as FieldSection,
   rr as FieldSectionLayout,
-  mn as FieldTypeToClsMapping,
+  fn as FieldTypeToClsMapping,
   Bs as FieldTypeToEmptyFieldMapping,
-  Qn as FileCard,
-  nn as FileIcon,
+  Jn as FileCard,
+  tn as FileIcon,
   pl as FormBuilder,
   qs as FormRenderer,
   ks as ImageCard,
@@ -4520,54 +4513,54 @@ export {
   qi as NumberInput,
   We as PatchField,
   hl as PatchFormProvider,
-  Vt as QrField,
-  Hi as QrInput,
-  Gi as QrScanner,
-  $t as RadioField,
-  Ki as RadioInput,
+  Vt as RadioField,
+  Hi as RadioInput,
   ge as SEVERITY_COLOR_MAPPING,
   ot as SHORT_TEXT_FIELD_MAX_LENGTH,
   zr as SUPPORTED_IMAGE_FILE_TYPES,
   Br as SUPPORTED_PDF_FILE_TYPES,
   _r as SUPPORTED_SPREADSHEET_FILE_EXTENSIONS,
+  $t as ScanField,
+  Gi as ScanInput,
+  Ki as Scanner,
   gt as SelectField,
   Xi as SelectInput,
   Ut as StringField,
   Yi as StringInput,
   vt as StringOrTextField,
   Wt as TextField,
-  Qi as TextInput,
+  Ji as TextInput,
   jt as UploadField,
-  Ji as UploadInput,
+  Zi as UploadInput,
   fl as decodeFieldValues,
-  hn as deserialize,
+  mn as deserialize,
   tr as deserializeField,
   Ws as deserializeFields,
-  Z as emptyBaseField,
+  Q as emptyBaseField,
   Ns as emptyBooleanField,
   Rs as emptyDateField,
   Fs as emptyMultiSelectField,
   Ss as emptyMultiStringField,
   Ls as emptyNumberField,
-  Ds as emptyQrField,
-  As as emptyRadioField,
+  Ds as emptyRadioField,
+  As as emptyScanField,
   Ps as emptySelectField,
   Os as emptyStringField,
   Ms as emptyTextField,
   _s as emptyUploadField,
   ml as encodeFieldValues,
   ul as fieldIcons,
-  pn as flattenFields,
+  hn as flattenFields,
   js as getFieldsMapping,
-  vn as initializeFormValues,
+  gn as initializeFormValues,
   nr as isConditionMet,
   $s as maxFileSizeB,
   Vs as maxFileSizeKB,
   st as maxFileSizeMB,
   ir as useFieldInput,
   yt as useFieldInputs,
-  J as useFormikInput,
-  ln as useImageViewer,
-  gn as validateFields,
+  Z as useFormikInput,
+  sn as useImageViewer,
+  pn as validateFields,
   qt as valueIsFile
 };