@overmap-ai/forms 1.0.17-file-viewer-updates.7 → 1.0.17-file-viewer-updates.8

package/dist/forms.js

@@ -1,93 +1,93 @@
-var nr = Object.defineProperty;
-var ir = (t, n, e) => n in t ? nr(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var w = (t, n, e) => ir(t, typeof n != "symbol" ? n + "" : n, e);
-import { jsxs as y, jsx as s, Fragment as he } from "react/jsx-runtime";
-import { Popover as oe, IconButton as V, RiIcon as T, Badge as jt, Spinner as vt, ButtonGroup as Wt, Tooltip as xe, Separator as qt, Text as Ve, Checkbox as ot, Button as X, DayPicker as rr, useToast as Ht, Input as ue, Card as Ue, Menu as M, TextArea as Bn, useSize as Un, Heading as jn, useAlertDialog as or, Tabs as Ee, IconToggleButton as ar } from "@overmap-ai/blocks";
+var ir = Object.defineProperty;
+var rr = (t, n, e) => n in t ? ir(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
+var w = (t, n, e) => rr(t, typeof n != "symbol" ? n + "" : n, e);
+import { jsxs as y, jsx as a, Fragment as he } from "react/jsx-runtime";
+import { Popover as oe, IconButton as B, RiIcon as T, Badge as ot, Spinner as yt, ButtonGroup as bt, Tooltip as Ee, Separator as Ht, Text as ye, Checkbox as at, Button as X, DayPicker as or, useToast as Gt, Input as de, Card as Ue, Menu as M, TextArea as Un, useSize as jn, Heading as Wn, HoverCard as St, useAlertDialog as ar, Tabs as Ie, IconToggleButton as sr } from "@overmap-ai/blocks";
 import * as p from "react";
-import { memo as O, useCallback as N, useMemo as A, forwardRef as qe, createContext as sr, useContext as lr, useState as H, useRef as ne, useEffect as K, useLayoutEffect as cr, useReducer as dr, Fragment as ur } from "react";
-import { truncate as Gt, downloadFile as Wn, slugify as fr, Colors as qn, fileToBlob as Hn, hashFile as xn, DeferredPromise as mr } from "@overmap-ai/core";
-import { useField as Xt, useFormikContext as ye, useFormik as Kt, FormikProvider as Yt } from "formik";
-import * as hr from "react-dom";
-import pr from "react-dom";
-import { RiCheckboxCircleLine as gr, RiCalendarLine as vr, RiListCheck as yr, RiHashtag as br, RiQrCodeLine as wr, RiCheckboxLine as Cr, RiMenuFoldLine as xr, RiInputField as Er, RiAlignJustify as Ir, RiUpload2Line as Sr, RiFileCopyLine as Rr, RiDeleteBin2Line as Nr, RiImageLine as Tr, RiArrowDownLine as Lr, RiArrowUpLine as Fr } from "react-icons/ri";
+import { memo as O, useCallback as N, useMemo as A, forwardRef as qe, createContext as lr, useContext as cr, useState as H, useRef as ne, useEffect as K, useLayoutEffect as dr, useReducer as ur, Fragment as fr } from "react";
+import { truncate as Xt, downloadFile as qn, slugify as mr, Colors as Hn, fileToBlob as Gn, hashFile as En, DeferredPromise as hr } from "@overmap-ai/core";
+import { useField as Kt, useFormikContext as be, useFormik as Yt, FormikProvider as Qt } from "formik";
+import * as pr from "react-dom";
+import gr from "react-dom";
+import { RiCheckboxCircleLine as vr, RiCalendarLine as yr, RiListCheck as br, RiHashtag as wr, RiQrCodeLine as Cr, RiCheckboxLine as xr, RiMenuFoldLine as Er, RiInputField as Ir, RiAlignJustify as Sr, RiUpload2Line as Rr, RiFileCopyLine as Nr, RiDeleteBin7Fill as Tr, RiImageLine as Lr, RiArrowDownLine as Fr, RiArrowUpLine as Dr } from "react-icons/ri";
 import Y from "lodash.get";
-import Qt from "lodash.set";
-import { DragDropContext as Gn, Droppable as Jt, Draggable as Zt } from "@hello-pangea/dnd";
-import Dr from "qr-scanner";
-import Ar from "lodash.clonedeep";
-import { ReactSketchCanvas as Or } from "react-sketch-canvas";
-const Xn = O((t) => {
+import Jt from "lodash.set";
+import { DragDropContext as Xn, Droppable as Zt, Draggable as en } from "@hello-pangea/dnd";
+import Ar from "qr-scanner";
+import Or from "lodash.clonedeep";
+import { ReactSketchCanvas as Pr } from "react-sketch-canvas";
+const Kn = O((t) => {
   const { selectedColor: n, allColors: e, onFinish: i, trigger: r } = t, o = N(
-    (a) => () => {
-      i(a);
+    (s) => () => {
+      i(s);
     },
     [i]
   );
   return /* @__PURE__ */ y(oe.Root, { children: [
-    /* @__PURE__ */ s(oe.Trigger, { children: r }),
-    /* @__PURE__ */ s(oe.Content, { size: "sm", children: /* @__PURE__ */ s("div", { className: "grid w-max grid-cols-7 gap-x-1 gap-y-1", children: e.map((a) => /* @__PURE__ */ s(
-      V,
+    /* @__PURE__ */ a(oe.Trigger, { children: r }),
+    /* @__PURE__ */ a(oe.Content, { size: "sm", children: /* @__PURE__ */ a("div", { className: "grid w-max grid-cols-7 gap-x-1 gap-y-1", children: e.map((s) => /* @__PURE__ */ a(
+      B,
       {
-        onClick: o(a),
+        onClick: o(s),
         style: {
-          backgroundColor: a
+          backgroundColor: s
         },
         type: "button",
         variant: "solid",
-        "aria-label": a,
-        children: n === a && /* @__PURE__ */ s(T, { icon: "RiCheckLine" })
+        "aria-label": s,
+        children: n === s && /* @__PURE__ */ a(T, { icon: "RiCheckLine" })
       },
-      a
+      s
     )) }) })
   ] });
 });
-Xn.displayName = "ColorPicker";
-const Pr = ["image/jpeg", "image/png", "image/svg+xml"], kr = [
+Kn.displayName = "ColorPicker";
+const kr = ["image/jpeg", "image/png", "image/svg+xml"], Mr = [
   // .csv
   "text/csv",
   // .xlsx
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
   // .xls
   "application/vnd.ms-excel"
-], Mr = ["application/pdf"], yt = O((t) => {
-  const { fileType: n } = t, e = A(() => kr.includes(n) ? /* @__PURE__ */ s(T, { icon: "RiFileExcelLine" }) : Mr.includes(n) ? /* @__PURE__ */ s(T, { icon: "RiFilePdfLine" }) : Pr.includes(n) ? /* @__PURE__ */ s(T, { icon: "RiFileImageLine" }) : /* @__PURE__ */ s(T, { icon: "RiFileLine" }), [n]);
-  return /* @__PURE__ */ s("div", { className: "h-max w-max", children: e });
+], zr = ["application/pdf"], wt = O((t) => {
+  const { fileType: n } = t, e = A(() => Mr.includes(n) ? /* @__PURE__ */ a(T, { icon: "RiFileExcelLine" }) : zr.includes(n) ? /* @__PURE__ */ a(T, { icon: "RiFilePdfLine" }) : kr.includes(n) ? /* @__PURE__ */ a(T, { icon: "RiFileImageLine" }) : /* @__PURE__ */ a(T, { icon: "RiFileLine" }), [n]);
+  return /* @__PURE__ */ a("div", { className: "h-max w-max", children: e });
 });
-yt.displayName = "FileIcon";
+wt.displayName = "FileIcon";
 const _r = O((t) => {
   const { file: n, truncateLength: e, hideName: i = !1, ...r } = t, o = A(
-    () => e !== void 0 ? Gt(n.name, e) : n.name,
+    () => e !== void 0 ? Xt(n.name, e) : n.name,
     [n.name, e]
   );
-  return /* @__PURE__ */ y(jt, { ...r, children: [
-    /* @__PURE__ */ s(yt, { fileType: n.type }),
+  return /* @__PURE__ */ y(ot, { ...r, children: [
+    /* @__PURE__ */ a(wt, { fileType: n.type }),
     !i && o
   ] });
 });
 _r.displayName = "FileBadge";
-function Kn(t) {
+function Yn(t) {
   var n, e, i = "";
   if (typeof t == "string" || typeof t == "number") i += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var r = t.length;
-    for (n = 0; n < r; n++) t[n] && (e = Kn(t[n])) && (i && (i += " "), i += e);
+    for (n = 0; n < r; n++) t[n] && (e = Yn(t[n])) && (i && (i += " "), i += e);
   } else for (e in t) t[e] && (i && (i += " "), i += e);
   return i;
 }
-function zr() {
-  for (var t, n, e = 0, i = "", r = arguments.length; e < r; e++) (t = arguments[e]) && (n = Kn(t)) && (i && (i += " "), i += n);
+function $r() {
+  for (var t, n, e = 0, i = "", r = arguments.length; e < r; e++) (t = arguments[e]) && (n = Yn(t)) && (i && (i += " "), i += n);
   return i;
 }
-const Be = zr, Yn = O(
+const Ve = $r, Qn = O(
   qe((t, n) => {
-    const { file: e, className: i, error: r, truncateLength: o, rightSlot: a, ...l } = t, f = A(() => {
+    const { file: e, className: i, error: r, truncateLength: o, rightSlot: s, ...l } = t, f = A(() => {
       if (e)
-        return o !== void 0 ? Gt(e.name, o) : e.name;
+        return o !== void 0 ? Xt(e.name, o) : e.name;
     }, [e, o]);
     return /* @__PURE__ */ y(
       "div",
       {
-        className: Be(
+        className: Ve(
           i,
           "flex h-5 w-full items-center gap-2 rounded-md border border-(--base-a6) bg-(--base-2) text-sm py-1 px-2 h-max",
           {
@@ -97,22 +97,22 @@ const Be = zr, Yn = O(
         ref: n,
         ...l,
         children: [
-          r ? /* @__PURE__ */ s(T, { icon: "RiFileWarningLine" }) : /* @__PURE__ */ s(yt, { fileType: (e == null ? void 0 : e.type) ?? "" }),
-          r || (e ? f : /* @__PURE__ */ s("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ s(vt, {}) })),
-          a
+          r ? /* @__PURE__ */ a(T, { icon: "RiFileWarningLine" }) : /* @__PURE__ */ a(wt, { fileType: (e == null ? void 0 : e.type) ?? "" }),
+          r || (e ? f : /* @__PURE__ */ a("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ a(yt, {}) })),
+          s
         ]
       }
     );
   })
 );
-Yn.displayName = "FileCard";
-const Ze = 500, _e = 1e4, ae = {
+Qn.displayName = "FileCard";
+const Ze = 500, _e = 1e4, ue = {
   danger: "danger",
   warning: "warning",
   info: "base",
   success: "success"
 };
-class Qn {
+class Jn {
   constructor(n) {
     w(this, "type");
     w(this, "identifier");
@@ -141,9 +141,9 @@ const Q = {
   description: "",
   required: !1
 };
-class G extends Qn {
+class G extends Jn {
   constructor(e) {
-    const { label: i, required: r, image: o, fieldValidators: a = [], formValidators: l = [], ...f } = e;
+    const { label: i, required: r, image: o, fieldValidators: s = [], formValidators: l = [], ...f } = e;
     super(f);
     w(this, "required");
     w(this, "formValidators");
@@ -157,7 +157,7 @@ class G extends Qn {
      * which don't have a `onBlur` event (which is used to set the `touched` state).
      */
     w(this, "onlyValidateAfterTouched", !0);
-    this.label = i, this.required = r, this.image = o, this.fieldValidators = a, this.formValidators = l;
+    this.label = i, this.required = r, this.image = o, this.fieldValidators = s, this.formValidators = l;
   }
   static getFieldCreationSchema() {
     return [];
@@ -205,7 +205,7 @@ class G extends Qn {
 }
 w(G, "fieldTypeName"), w(G, "fieldTypeDescription");
 const U = (t) => {
-  const { id: n, field: e, formId: i, size: r, showInputOnly: o, internal: a, ...l } = t, [f, c, d] = Xt(e.getId()), { touched: u } = c, h = c.error ?? e.description, g = c.error ? "danger" : void 0, b = n ?? `${i}-${e.getId()}-input`, m = `${b}-label`, v = e.required ? `${e.label} *` : e.label, x = A(() => ({
+  const { id: n, field: e, formId: i, size: r, showInputOnly: o, internal: s, ...l } = t, [f, c, d] = Kt(e.getId()), { touched: u } = c, h = c.error ?? e.description, g = c.error ? "danger" : void 0, b = n ?? `${i}-${e.getId()}-input`, m = `${b}-label`, v = e.required ? `${e.label} *` : e.label, x = A(() => ({
     ...f,
     onChange: (C) => {
       const I = e.getValueFromChangeEvent(C);
@@ -224,55 +224,55 @@ const U = (t) => {
       labelId: m,
       label: v,
       showInputOnly: o,
-      internal: a,
+      internal: s,
       fieldProps: x,
       helpers: d,
       field: e
     },
     { ...l, "aria-labelledby": m }
   ];
-}, Jn = sr(() => {
+}, Zn = lr(() => {
   throw new Error("No ImageViewerProvider found");
-}), en = () => lr(Jn);
-function de(t, n, { checkForDefaultPrevented: e = !0 } = {}) {
+}), tn = () => cr(Zn);
+function ce(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 En(t, n) {
+function In(t, n) {
   if (typeof t == "function")
     return t(n);
   t != null && (t.current = n);
 }
-function Zn(...t) {
+function ei(...t) {
   return (n) => {
     let e = !1;
     const i = t.map((r) => {
-      const o = En(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() : En(t[r], null);
+          typeof o == "function" ? o() : In(t[r], null);
         }
       };
   };
 }
-function be(...t) {
-  return p.useCallback(Zn(...t), t);
+function we(...t) {
+  return p.useCallback(ei(...t), t);
 }
-function $r(t, n) {
+function Br(t, n) {
   const e = p.createContext(n), i = (o) => {
-    const { children: a, ...l } = o, f = p.useMemo(() => l, Object.values(l));
-    return /* @__PURE__ */ s(e.Provider, { value: f, children: a });
+    const { children: s, ...l } = o, f = p.useMemo(() => l, Object.values(l));
+    return /* @__PURE__ */ a(e.Provider, { value: f, children: s });
   };
   i.displayName = t + "Provider";
   function r(o) {
-    const a = p.useContext(e);
-    if (a) return a;
+    const s = p.useContext(e);
+    if (s) return s;
     if (n !== void 0) return n;
     throw new Error(`\`${o}\` must be used within \`${t}\``);
   }
@@ -280,26 +280,26 @@ function $r(t, n) {
 }
 function Vr(t, n = []) {
   let e = [];
-  function i(o, a) {
-    const l = p.createContext(a), f = e.length;
-    e = [...e, a];
+  function i(o, s) {
+    const l = p.createContext(s), f = e.length;
+    e = [...e, s];
     const c = (u) => {
       var x;
       const { scope: h, children: g, ...b } = u, m = ((x = h == null ? void 0 : h[t]) == null ? void 0 : x[f]) || l, v = p.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ s(m.Provider, { value: v, children: g });
+      return /* @__PURE__ */ a(m.Provider, { value: v, children: g });
     };
     c.displayName = o + "Provider";
     function d(u, h) {
       var m;
       const g = ((m = h == null ? void 0 : h[t]) == null ? void 0 : m[f]) || l, b = p.useContext(g);
       if (b) return b;
-      if (a !== void 0) return a;
+      if (s !== void 0) return s;
       throw new Error(`\`${u}\` must be used within \`${o}\``);
     }
     return [c, d];
   }
   const r = () => {
-    const o = e.map((a) => p.createContext(a));
+    const o = e.map((s) => p.createContext(s));
     return function(l) {
       const f = (l == null ? void 0 : l[t]) || o;
       return p.useMemo(
@@ -308,9 +308,9 @@ function Vr(t, n = []) {
       );
     };
   };
-  return r.scopeName = t, [i, Br(r, ...n)];
+  return r.scopeName = t, [i, Ur(r, ...n)];
 }
-function Br(...t) {
+function Ur(...t) {
   const n = t[0];
   if (t.length === 1) return n;
   const e = () => {
@@ -319,22 +319,22 @@ function Br(...t) {
       scopeName: r.scopeName
     }));
     return function(o) {
-      const a = i.reduce((l, { useScope: f, scopeName: c }) => {
+      const s = i.reduce((l, { useScope: f, scopeName: c }) => {
         const u = f(o)[`__scope${c}`];
         return { ...l, ...u };
       }, {});
-      return p.useMemo(() => ({ [`__scope${n.scopeName}`]: a }), [a]);
+      return p.useMemo(() => ({ [`__scope${n.scopeName}`]: s }), [s]);
     };
   };
   return e.scopeName = n.scopeName, e;
 }
-var at = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
-}, Ur = p.useId || (() => {
-}), jr = 0;
-function Et(t) {
-  const [n, e] = p.useState(Ur());
-  return at(() => {
-    e((i) => i ?? String(jr++));
+var st = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
+}, jr = p.useId || (() => {
+}), Wr = 0;
+function Rt(t) {
+  const [n, e] = p.useState(jr());
+  return st(() => {
+    e((i) => i ?? String(Wr++));
   }, [t]), t || (n ? `radix-${n}` : "");
 }
 function pe(t) {
@@ -346,13 +346,13 @@ function pe(t) {
     return (i = n.current) == null ? void 0 : i.call(n, ...e);
   }, []);
 }
-function Wr({
+function qr({
   prop: t,
   defaultProp: n,
   onChange: e = () => {
   }
 }) {
-  const [i, r] = qr({ defaultProp: n, onChange: e }), o = t !== void 0, a = o ? t : i, l = pe(e), f = p.useCallback(
+  const [i, r] = Hr({ defaultProp: n, onChange: e }), o = t !== void 0, s = o ? t : i, l = pe(e), f = p.useCallback(
     (c) => {
       if (o) {
         const u = typeof c == "function" ? c(t) : c;
@@ -362,9 +362,9 @@ function Wr({
     },
     [o, t, r, l]
   );
-  return [a, f];
+  return [s, f];
 }
-function qr({
+function Hr({
   defaultProp: t,
   onChange: n
 }) {
@@ -373,33 +373,33 @@ function qr({
     r.current !== i && (o(i), r.current = i);
   }, [i, r, o]), e;
 }
-var tn = p.forwardRef((t, n) => {
-  const { children: e, ...i } = t, r = p.Children.toArray(e), o = r.find(Gr);
+var nn = p.forwardRef((t, n) => {
+  const { children: e, ...i } = t, r = p.Children.toArray(e), o = r.find(Xr);
   if (o) {
-    const a = o.props.children, l = r.map((f) => f === o ? p.Children.count(a) > 1 ? p.Children.only(null) : p.isValidElement(a) ? a.props.children : null : f);
-    return /* @__PURE__ */ s(Dt, { ...i, ref: n, children: p.isValidElement(a) ? p.cloneElement(a, void 0, l) : null });
+    const s = o.props.children, l = r.map((f) => f === o ? p.Children.count(s) > 1 ? p.Children.only(null) : p.isValidElement(s) ? s.props.children : null : f);
+    return /* @__PURE__ */ a(Pt, { ...i, ref: n, children: p.isValidElement(s) ? p.cloneElement(s, void 0, l) : null });
   }
-  return /* @__PURE__ */ s(Dt, { ...i, ref: n, children: e });
+  return /* @__PURE__ */ a(Pt, { ...i, ref: n, children: e });
 });
-tn.displayName = "Slot";
-var Dt = p.forwardRef((t, n) => {
+nn.displayName = "Slot";
+var Pt = p.forwardRef((t, n) => {
   const { children: e, ...i } = t;
   if (p.isValidElement(e)) {
-    const r = Kr(e);
+    const r = Yr(e);
     return p.cloneElement(e, {
-      ...Xr(i, e.props),
+      ...Kr(i, e.props),
       // @ts-ignore
-      ref: n ? Zn(n, r) : r
+      ref: n ? ei(n, r) : r
     });
   }
   return p.Children.count(e) > 1 ? p.Children.only(null) : null;
 });
-Dt.displayName = "SlotClone";
-var Hr = ({ children: t }) => /* @__PURE__ */ s(he, { children: t });
-function Gr(t) {
-  return p.isValidElement(t) && t.type === Hr;
+Pt.displayName = "SlotClone";
+var Gr = ({ children: t }) => /* @__PURE__ */ a(he, { children: t });
+function Xr(t) {
+  return p.isValidElement(t) && t.type === Gr;
 }
-function Xr(t, n) {
+function Kr(t, n) {
   const e = { ...n };
   for (const i in n) {
     const r = t[i], o = n[i];
@@ -409,12 +409,12 @@ function Xr(t, n) {
   }
   return { ...t, ...e };
 }
-function Kr(t) {
+function Yr(t) {
   var i, r;
   let n = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, e = n && "isReactWarning" in n && n.isReactWarning;
   return e ? t.ref : (n = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, e = n && "isReactWarning" in n && n.isReactWarning, e ? t.props.ref : t.props.ref || t.ref);
 }
-var Yr = [
+var Qr = [
   "a",
   "button",
   "div",
@@ -431,17 +431,17 @@ var Yr = [
   "span",
   "svg",
   "ul"
-], se = Yr.reduce((t, n) => {
+], ae = Qr.reduce((t, n) => {
   const e = p.forwardRef((i, r) => {
-    const { asChild: o, ...a } = i, l = o ? tn : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(l, { ...a, ref: r });
+    const { asChild: o, ...s } = i, l = o ? nn : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(l, { ...s, ref: r });
   });
   return e.displayName = `Primitive.${n}`, { ...t, [n]: e };
 }, {});
-function Qr(t, n) {
-  t && hr.flushSync(() => t.dispatchEvent(n));
+function Jr(t, n) {
+  t && pr.flushSync(() => t.dispatchEvent(n));
 }
-function Jr(t, n = globalThis == null ? void 0 : globalThis.document) {
+function Zr(t, n = globalThis == null ? void 0 : globalThis.document) {
   const e = pe(t);
   p.useEffect(() => {
     const i = (r) => {
@@ -450,41 +450,41 @@ function Jr(t, n = globalThis == null ? void 0 : globalThis.document) {
     return n.addEventListener("keydown", i, { capture: !0 }), () => n.removeEventListener("keydown", i, { capture: !0 });
   }, [e, n]);
 }
-var Zr = "DismissableLayer", At = "dismissableLayer.update", eo = "dismissableLayer.pointerDownOutside", to = "dismissableLayer.focusOutside", In, ei = p.createContext({
+var eo = "DismissableLayer", kt = "dismissableLayer.update", to = "dismissableLayer.pointerDownOutside", no = "dismissableLayer.focusOutside", Sn, ti = p.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), ti = p.forwardRef(
+}), ni = p.forwardRef(
   (t, n) => {
     const {
       disableOutsidePointerEvents: e = !1,
       onEscapeKeyDown: i,
       onPointerDownOutside: r,
       onFocusOutside: o,
-      onInteractOutside: a,
+      onInteractOutside: s,
       onDismiss: l,
       ...f
-    } = t, c = p.useContext(ei), [d, u] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = p.useState({}), b = be(n, (R) => u(R)), m = Array.from(c.layers), [v] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), x = m.indexOf(v), E = d ? m.indexOf(d) : -1, S = c.layersWithOutsidePointerEventsDisabled.size > 0, C = E >= x, I = ro((R) => {
-      const F = R.target, B = [...c.branches].some((z) => z.contains(F));
-      !C || B || (r == null || r(R), a == null || a(R), R.defaultPrevented || l == null || l());
-    }, h), L = oo((R) => {
+    } = t, c = p.useContext(ti), [d, u] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = p.useState({}), b = we(n, (R) => u(R)), m = Array.from(c.layers), [v] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), x = m.indexOf(v), E = d ? m.indexOf(d) : -1, S = c.layersWithOutsidePointerEventsDisabled.size > 0, C = E >= x, I = oo((R) => {
+      const F = R.target, V = [...c.branches].some((_) => _.contains(F));
+      !C || V || (r == null || r(R), s == null || s(R), R.defaultPrevented || l == null || l());
+    }, h), L = ao((R) => {
       const F = R.target;
-      [...c.branches].some((z) => z.contains(F)) || (o == null || o(R), a == null || a(R), R.defaultPrevented || l == null || l());
+      [...c.branches].some((_) => _.contains(F)) || (o == null || o(R), s == null || s(R), R.defaultPrevented || l == null || l());
     }, h);
-    return Jr((R) => {
+    return Zr((R) => {
       E === c.layers.size - 1 && (i == null || i(R), !R.defaultPrevented && l && (R.preventDefault(), l()));
     }, h), p.useEffect(() => {
       if (d)
-        return e && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (In = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), Sn(), () => {
-          e && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = In);
+        return e && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Sn = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), Rn(), () => {
+          e && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = Sn);
         };
     }, [d, h, e, c]), p.useEffect(() => () => {
-      d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Sn());
+      d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Rn());
     }, [d, c]), p.useEffect(() => {
       const R = () => g({});
-      return document.addEventListener(At, R), () => document.removeEventListener(At, R);
-    }, []), /* @__PURE__ */ s(
-      se.div,
+      return document.addEventListener(kt, R), () => document.removeEventListener(kt, R);
+    }, []), /* @__PURE__ */ a(
+      ae.div,
       {
         ...f,
         ref: b,
@@ -492,9 +492,9 @@ var Zr = "DismissableLayer", At = "dismissableLayer.update", eo = "dismissableLa
           pointerEvents: S ? C ? "auto" : "none" : void 0,
           ...t.style
         },
-        onFocusCapture: de(t.onFocusCapture, L.onFocusCapture),
-        onBlurCapture: de(t.onBlurCapture, L.onBlurCapture),
-        onPointerDownCapture: de(
+        onFocusCapture: ce(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: ce(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: ce(
           t.onPointerDownCapture,
           I.onPointerDownCapture
         )
@@ -502,27 +502,27 @@ var Zr = "DismissableLayer", At = "dismissableLayer.update", eo = "dismissableLa
     );
   }
 );
-ti.displayName = Zr;
-var no = "DismissableLayerBranch", io = p.forwardRef((t, n) => {
-  const e = p.useContext(ei), i = p.useRef(null), r = be(n, i);
+ni.displayName = eo;
+var io = "DismissableLayerBranch", ro = p.forwardRef((t, n) => {
+  const e = p.useContext(ti), i = p.useRef(null), r = we(n, i);
   return p.useEffect(() => {
     const o = i.current;
     if (o)
       return e.branches.add(o), () => {
         e.branches.delete(o);
       };
-  }, [e.branches]), /* @__PURE__ */ s(se.div, { ...t, ref: r });
+  }, [e.branches]), /* @__PURE__ */ a(ae.div, { ...t, ref: r });
 });
-io.displayName = no;
-function ro(t, n = globalThis == null ? void 0 : globalThis.document) {
+ro.displayName = io;
+function oo(t, n = globalThis == null ? void 0 : globalThis.document) {
   const e = pe(t), i = p.useRef(!1), r = p.useRef(() => {
   });
   return p.useEffect(() => {
     const o = (l) => {
       if (l.target && !i.current) {
         let f = function() {
-          ni(
-            eo,
+          ii(
+            to,
             e,
             c,
             { discrete: !0 }
@@ -533,22 +533,22 @@ function ro(t, n = globalThis == null ? void 0 : globalThis.document) {
       } else
         n.removeEventListener("click", r.current);
       i.current = !1;
-    }, a = window.setTimeout(() => {
+    }, s = window.setTimeout(() => {
       n.addEventListener("pointerdown", o);
     }, 0);
     return () => {
-      window.clearTimeout(a), n.removeEventListener("pointerdown", o), n.removeEventListener("click", r.current);
+      window.clearTimeout(s), n.removeEventListener("pointerdown", o), n.removeEventListener("click", r.current);
     };
   }, [n, e]), {
     // ensures we check React component tree (not just DOM tree)
     onPointerDownCapture: () => i.current = !0
   };
 }
-function oo(t, n = globalThis == null ? void 0 : globalThis.document) {
+function ao(t, n = globalThis == null ? void 0 : globalThis.document) {
   const e = pe(t), i = p.useRef(!1);
   return p.useEffect(() => {
     const r = (o) => {
-      o.target && !i.current && ni(to, e, { originalEvent: o }, {
+      o.target && !i.current && ii(no, e, { originalEvent: o }, {
         discrete: !1
       });
     };
@@ -558,22 +558,22 @@ function oo(t, n = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => i.current = !1
   };
 }
-function Sn() {
-  const t = new CustomEvent(At);
+function Rn() {
+  const t = new CustomEvent(kt);
   document.dispatchEvent(t);
 }
-function ni(t, n, e, { discrete: i }) {
+function ii(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 ? Qr(r, o) : r.dispatchEvent(o);
+  n && r.addEventListener(t, n, { once: !0 }), i ? Jr(r, o) : r.dispatchEvent(o);
 }
-var It = "focusScope.autoFocusOnMount", St = "focusScope.autoFocusOnUnmount", Rn = { bubbles: !1, cancelable: !0 }, ao = "FocusScope", ii = p.forwardRef((t, n) => {
+var Nt = "focusScope.autoFocusOnMount", Tt = "focusScope.autoFocusOnUnmount", Nn = { bubbles: !1, cancelable: !0 }, so = "FocusScope", ri = p.forwardRef((t, n) => {
   const {
     loop: e = !1,
     trapped: i = !1,
     onMountAutoFocus: r,
     onUnmountAutoFocus: o,
-    ...a
-  } = t, [l, f] = p.useState(null), c = pe(r), d = pe(o), u = p.useRef(null), h = be(n, (m) => f(m)), g = p.useRef({
+    ...s
+  } = t, [l, f] = p.useState(null), c = pe(r), d = pe(o), u = p.useRef(null), h = we(n, (m) => f(m)), g = p.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -587,15 +587,15 @@ var It = "focusScope.autoFocusOnMount", St = "focusScope.autoFocusOnUnmount", Rn
       let m = function(S) {
         if (g.paused || !l) return;
         const C = S.target;
-        l.contains(C) ? u.current = C : ce(u.current, { select: !0 });
+        l.contains(C) ? u.current = C : le(u.current, { select: !0 });
       }, v = function(S) {
         if (g.paused || !l) return;
         const C = S.relatedTarget;
-        C !== null && (l.contains(C) || ce(u.current, { select: !0 }));
+        C !== null && (l.contains(C) || le(u.current, { select: !0 }));
       }, x = function(S) {
         if (document.activeElement === document.body)
           for (const I of S)
-            I.removedNodes.length > 0 && ce(l);
+            I.removedNodes.length > 0 && le(l);
       };
       document.addEventListener("focusin", m), document.addEventListener("focusout", v);
       const E = new MutationObserver(x);
@@ -605,16 +605,16 @@ var It = "focusScope.autoFocusOnMount", St = "focusScope.autoFocusOnUnmount", Rn
     }
   }, [i, l, g.paused]), p.useEffect(() => {
     if (l) {
-      Tn.add(g);
+      Ln.add(g);
       const m = document.activeElement;
       if (!l.contains(m)) {
-        const x = new CustomEvent(It, Rn);
-        l.addEventListener(It, c), l.dispatchEvent(x), x.defaultPrevented || (so(mo(ri(l)), { select: !0 }), document.activeElement === m && ce(l));
+        const x = new CustomEvent(Nt, Nn);
+        l.addEventListener(Nt, c), l.dispatchEvent(x), x.defaultPrevented || (lo(ho(oi(l)), { select: !0 }), document.activeElement === m && le(l));
       }
       return () => {
-        l.removeEventListener(It, c), setTimeout(() => {
-          const x = new CustomEvent(St, Rn);
-          l.addEventListener(St, d), l.dispatchEvent(x), x.defaultPrevented || ce(m ?? document.body, { select: !0 }), l.removeEventListener(St, d), Tn.remove(g);
+        l.removeEventListener(Nt, c), setTimeout(() => {
+          const x = new CustomEvent(Tt, Nn);
+          l.addEventListener(Tt, d), l.dispatchEvent(x), x.defaultPrevented || le(m ?? document.body, { select: !0 }), l.removeEventListener(Tt, d), Ln.remove(g);
         }, 0);
       };
     }
@@ -624,25 +624,25 @@ var It = "focusScope.autoFocusOnMount", St = "focusScope.autoFocusOnUnmount", Rn
       if (!e && !i || g.paused) return;
       const v = m.key === "Tab" && !m.altKey && !m.ctrlKey && !m.metaKey, x = document.activeElement;
       if (v && x) {
-        const E = m.currentTarget, [S, C] = lo(E);
-        S && C ? !m.shiftKey && x === C ? (m.preventDefault(), e && ce(S, { select: !0 })) : m.shiftKey && x === S && (m.preventDefault(), e && ce(C, { select: !0 })) : x === E && m.preventDefault();
+        const E = m.currentTarget, [S, C] = co(E);
+        S && C ? !m.shiftKey && x === C ? (m.preventDefault(), e && le(S, { select: !0 })) : m.shiftKey && x === S && (m.preventDefault(), e && le(C, { select: !0 })) : x === E && m.preventDefault();
       }
     },
     [e, i, g.paused]
   );
-  return /* @__PURE__ */ s(se.div, { tabIndex: -1, ...a, ref: h, onKeyDown: b });
+  return /* @__PURE__ */ a(ae.div, { tabIndex: -1, ...s, ref: h, onKeyDown: b });
 });
-ii.displayName = ao;
-function so(t, { select: n = !1 } = {}) {
+ri.displayName = so;
+function lo(t, { select: n = !1 } = {}) {
   const e = document.activeElement;
   for (const i of t)
-    if (ce(i, { select: n }), document.activeElement !== e) return;
+    if (le(i, { select: n }), document.activeElement !== e) return;
 }
-function lo(t) {
-  const n = ri(t), e = Nn(n, t), i = Nn(n.reverse(), t);
+function co(t) {
+  const n = oi(t), e = Tn(n, t), i = Tn(n.reverse(), t);
   return [e, i];
 }
-function ri(t) {
+function oi(t) {
   const n = [], e = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (i) => {
       const r = i.tagName === "INPUT" && i.type === "hidden";
@@ -652,11 +652,11 @@ function ri(t) {
   for (; e.nextNode(); ) n.push(e.currentNode);
   return n;
 }
-function Nn(t, n) {
+function Tn(t, n) {
   for (const e of t)
-    if (!co(e, { upTo: n })) return e;
+    if (!uo(e, { upTo: n })) return e;
 }
-function co(t, { upTo: n }) {
+function uo(t, { upTo: n }) {
   if (getComputedStyle(t).visibility === "hidden") return !0;
   for (; t; ) {
     if (n !== void 0 && t === n) return !1;
@@ -665,54 +665,54 @@ function co(t, { upTo: n }) {
   }
   return !1;
 }
-function uo(t) {
+function fo(t) {
   return t instanceof HTMLInputElement && "select" in t;
 }
-function ce(t, { select: n = !1 } = {}) {
+function le(t, { select: n = !1 } = {}) {
   if (t && t.focus) {
     const e = document.activeElement;
-    t.focus({ preventScroll: !0 }), t !== e && uo(t) && n && t.select();
+    t.focus({ preventScroll: !0 }), t !== e && fo(t) && n && t.select();
   }
 }
-var Tn = fo();
-function fo() {
+var Ln = mo();
+function mo() {
   let t = [];
   return {
     add(n) {
       const e = t[0];
-      n !== e && (e == null || e.pause()), t = Ln(t, n), t.unshift(n);
+      n !== e && (e == null || e.pause()), t = Fn(t, n), t.unshift(n);
     },
     remove(n) {
       var e;
-      t = Ln(t, n), (e = t[0]) == null || e.resume();
+      t = Fn(t, n), (e = t[0]) == null || e.resume();
     }
   };
 }
-function Ln(t, n) {
+function Fn(t, n) {
   const e = [...t], i = e.indexOf(n);
   return i !== -1 && e.splice(i, 1), e;
 }
-function mo(t) {
+function ho(t) {
   return t.filter((n) => n.tagName !== "A");
 }
-var ho = "Portal", oi = p.forwardRef((t, n) => {
+var po = "Portal", ai = p.forwardRef((t, n) => {
   var l;
   const { container: e, ...i } = t, [r, o] = p.useState(!1);
-  at(() => o(!0), []);
-  const a = e || r && ((l = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : l.body);
-  return a ? pr.createPortal(/* @__PURE__ */ s(se.div, { ...i, ref: n }), a) : null;
+  st(() => o(!0), []);
+  const s = e || r && ((l = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : l.body);
+  return s ? gr.createPortal(/* @__PURE__ */ a(ae.div, { ...i, ref: n }), s) : null;
 });
-oi.displayName = ho;
-function po(t, n) {
+ai.displayName = po;
+function go(t, n) {
   return p.useReducer((e, i) => n[e][i] ?? e, t);
 }
-var bt = (t) => {
-  const { present: n, children: e } = t, i = go(n), r = typeof e == "function" ? e({ present: i.isPresent }) : p.Children.only(e), o = be(i.ref, vo(r));
+var Ct = (t) => {
+  const { present: n, children: e } = t, i = vo(n), r = typeof e == "function" ? e({ present: i.isPresent }) : p.Children.only(e), o = we(i.ref, yo(r));
   return typeof e == "function" || i.isPresent ? p.cloneElement(r, { ref: o }) : null;
 };
-bt.displayName = "Presence";
-function go(t) {
-  const [n, e] = p.useState(), i = p.useRef({}), r = p.useRef(t), o = p.useRef("none"), a = t ? "mounted" : "unmounted", [l, f] = po(a, {
+Ct.displayName = "Presence";
+function vo(t) {
+  const [n, e] = p.useState(), i = p.useRef({}), r = p.useRef(t), o = p.useRef("none"), s = t ? "mounted" : "unmounted", [l, f] = go(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -728,13 +728,13 @@ function go(t) {
   return p.useEffect(() => {
     const c = Ge(i.current);
     o.current = l === "mounted" ? c : "none";
-  }, [l]), at(() => {
+  }, [l]), st(() => {
     const c = i.current, d = r.current;
     if (d !== t) {
       const h = o.current, g = Ge(c);
       t ? f("MOUNT") : g === "none" || (c == null ? void 0 : c.display) === "none" ? f("UNMOUNT") : f(d && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), r.current = t;
     }
-  }, [t, f]), at(() => {
+  }, [t, f]), st(() => {
     if (n) {
       let c;
       const d = n.ownerDocument.defaultView ?? window, u = (g) => {
@@ -763,21 +763,21 @@ function go(t) {
 function Ge(t) {
   return (t == null ? void 0 : t.animationName) || "none";
 }
-function vo(t) {
+function yo(t) {
   var i, r;
   let n = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, e = n && "isReactWarning" in n && n.isReactWarning;
   return e ? t.ref : (n = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, e = n && "isReactWarning" in n && n.isReactWarning, e ? t.props.ref : t.props.ref || t.ref);
 }
-var Rt = 0;
-function yo() {
+var Lt = 0;
+function bo() {
   p.useEffect(() => {
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", t[0] ?? Fn()), document.body.insertAdjacentElement("beforeend", t[1] ?? Fn()), Rt++, () => {
-      Rt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((n) => n.remove()), Rt--;
+    return document.body.insertAdjacentElement("afterbegin", t[0] ?? Dn()), document.body.insertAdjacentElement("beforeend", t[1] ?? Dn()), Lt++, () => {
+      Lt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((n) => n.remove()), Lt--;
     };
   }, []);
 }
-function Fn() {
+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;
 }
@@ -790,7 +790,7 @@ var te = function() {
     return n;
   }, te.apply(this, arguments);
 };
-function ai(t, n) {
+function si(t, n) {
   var e = {};
   for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && n.indexOf(i) < 0 && (e[i] = t[i]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -798,16 +798,16 @@ function ai(t, n) {
       n.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[r]) && (e[i[r]] = t[i[r]]);
   return e;
 }
-function bo(t, n, e) {
+function wo(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 et = "right-scroll-bar-position", tt = "width-before-scroll-bar", wo = "with-scroll-bars-hidden", Co = "--removed-body-scroll-bar-size";
-function Nt(t, n) {
+var et = "right-scroll-bar-position", tt = "width-before-scroll-bar", Co = "with-scroll-bars-hidden", xo = "--removed-body-scroll-bar-size";
+function Ft(t, n) {
   return typeof t == "function" ? t(n) : t && (t.current = n), t;
 }
-function xo(t, n) {
+function Eo(t, n) {
   var e = H(function() {
     return {
       // value
@@ -828,31 +828,31 @@ function xo(t, n) {
   })[0];
   return e.callback = n, e.facade;
 }
-var Eo = typeof window < "u" ? p.useLayoutEffect : p.useEffect, Dn = /* @__PURE__ */ new WeakMap();
-function Io(t, n) {
-  var e = xo(null, function(i) {
+var Io = typeof window < "u" ? p.useLayoutEffect : p.useEffect, An = /* @__PURE__ */ new WeakMap();
+function So(t, n) {
+  var e = Eo(null, function(i) {
     return t.forEach(function(r) {
-      return Nt(r, i);
+      return Ft(r, i);
     });
   });
-  return Eo(function() {
-    var i = Dn.get(e);
+  return Io(function() {
+    var i = An.get(e);
     if (i) {
-      var r = new Set(i), o = new Set(t), a = e.current;
+      var r = new Set(i), o = new Set(t), s = e.current;
       r.forEach(function(l) {
-        o.has(l) || Nt(l, null);
+        o.has(l) || Ft(l, null);
       }), o.forEach(function(l) {
-        r.has(l) || Nt(l, a);
+        r.has(l) || Ft(l, s);
       });
     }
-    Dn.set(e, t);
+    An.set(e, t);
   }, [t]), e;
 }
-function So(t) {
+function Ro(t) {
   return t;
 }
-function Ro(t, n) {
-  n === void 0 && (n = So);
+function No(t, n) {
+  n === void 0 && (n = Ro);
   var e = [], i = !1, r = {
     read: function() {
       if (i)
@@ -860,17 +860,17 @@ function Ro(t, n) {
       return e.length ? e[e.length - 1] : t;
     },
     useMedium: function(o) {
-      var a = n(o, i);
-      return e.push(a), function() {
+      var s = n(o, i);
+      return e.push(s), function() {
         e = e.filter(function(l) {
-          return l !== a;
+          return l !== s;
         });
       };
     },
     assignSyncMedium: function(o) {
       for (i = !0; e.length; ) {
-        var a = e;
-        e = [], a.forEach(o);
+        var s = e;
+        e = [], s.forEach(o);
       }
       e = {
         push: function(l) {
@@ -883,36 +883,36 @@ function Ro(t, n) {
     },
     assignMedium: function(o) {
       i = !0;
-      var a = [];
+      var s = [];
       if (e.length) {
         var l = e;
-        e = [], l.forEach(o), a = e;
+        e = [], l.forEach(o), s = e;
       }
       var f = function() {
-        var d = a;
-        a = [], d.forEach(o);
+        var d = s;
+        s = [], d.forEach(o);
       }, c = function() {
         return Promise.resolve().then(f);
       };
       c(), e = {
         push: function(d) {
-          a.push(d), c();
+          s.push(d), c();
         },
         filter: function(d) {
-          return a = a.filter(d), e;
+          return s = s.filter(d), e;
         }
       };
     }
   };
   return r;
 }
-function No(t) {
+function To(t) {
   t === void 0 && (t = {});
-  var n = Ro(null);
+  var n = No(null);
   return n.options = te({ async: !0, ssr: !1 }, t), n;
 }
-var si = function(t) {
-  var n = t.sideCar, e = ai(t, ["sideCar"]);
+var li = function(t) {
+  var n = t.sideCar, e = si(t, ["sideCar"]);
   if (!n)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var i = n.read();
@@ -920,64 +920,64 @@ var si = function(t) {
     throw new Error("Sidecar medium not found");
   return p.createElement(i, te({}, e));
 };
-si.isSideCarExport = !0;
-function To(t, n) {
-  return t.useMedium(n), si;
+li.isSideCarExport = !0;
+function Lo(t, n) {
+  return t.useMedium(n), li;
 }
-var li = No(), Tt = function() {
-}, wt = p.forwardRef(function(t, n) {
+var ci = To(), Dt = function() {
+}, xt = p.forwardRef(function(t, n) {
   var e = p.useRef(null), i = p.useState({
-    onScrollCapture: Tt,
-    onWheelCapture: Tt,
-    onTouchMoveCapture: Tt
-  }), r = i[0], o = i[1], a = t.forwardProps, l = t.children, f = t.className, c = t.removeScrollBar, d = t.enabled, u = t.shards, h = t.sideCar, g = t.noIsolation, b = t.inert, m = t.allowPinchZoom, v = t.as, x = v === void 0 ? "div" : v, E = t.gapMode, S = ai(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, I = Io([e, n]), L = te(te({}, S), r);
+    onScrollCapture: Dt,
+    onWheelCapture: Dt,
+    onTouchMoveCapture: Dt
+  }), r = i[0], o = i[1], s = t.forwardProps, l = t.children, f = t.className, c = t.removeScrollBar, d = t.enabled, u = t.shards, h = t.sideCar, g = t.noIsolation, b = t.inert, m = t.allowPinchZoom, v = t.as, x = v === void 0 ? "div" : v, E = t.gapMode, S = si(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, I = So([e, n]), L = te(te({}, S), r);
   return p.createElement(
     p.Fragment,
     null,
-    d && p.createElement(C, { sideCar: li, removeScrollBar: c, shards: u, noIsolation: g, inert: b, setCallbacks: o, allowPinchZoom: !!m, lockRef: e, gapMode: E }),
-    a ? p.cloneElement(p.Children.only(l), te(te({}, L), { ref: I })) : p.createElement(x, te({}, L, { className: f, ref: I }), l)
+    d && p.createElement(C, { sideCar: ci, removeScrollBar: c, shards: u, noIsolation: g, inert: b, setCallbacks: o, allowPinchZoom: !!m, lockRef: e, gapMode: E }),
+    s ? p.cloneElement(p.Children.only(l), te(te({}, L), { ref: I })) : p.createElement(x, te({}, L, { className: f, ref: I }), l)
   );
 });
-wt.defaultProps = {
+xt.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-wt.classNames = {
+xt.classNames = {
   fullWidth: tt,
   zeroRight: et
 };
-var Lo = function() {
+var Fo = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Fo() {
+function Do() {
   if (!document)
     return null;
   var t = document.createElement("style");
   t.type = "text/css";
-  var n = Lo();
+  var n = Fo();
   return n && t.setAttribute("nonce", n), t;
 }
-function Do(t, n) {
+function Ao(t, n) {
   t.styleSheet ? t.styleSheet.cssText = n : t.appendChild(document.createTextNode(n));
 }
-function Ao(t) {
+function Oo(t) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(t);
 }
-var Oo = function() {
+var Po = function() {
   var t = 0, n = null;
   return {
     add: function(e) {
-      t == 0 && (n = Fo()) && (Do(n, e), Ao(n)), t++;
+      t == 0 && (n = Do()) && (Ao(n, e), Oo(n)), t++;
     },
     remove: function() {
       t--, !t && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
-}, Po = function() {
-  var t = Oo();
+}, ko = function() {
+  var t = Po();
   return function(n, e) {
     p.useEffect(function() {
       return t.add(n), function() {
@@ -985,40 +985,40 @@ var Oo = function() {
       };
     }, [n && e]);
   };
-}, ci = function() {
-  var t = Po(), n = function(e) {
+}, di = function() {
+  var t = ko(), n = function(e) {
     var i = e.styles, r = e.dynamic;
     return t(i, r), null;
   };
   return n;
-}, ko = {
+}, Mo = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
-}, Lt = function(t) {
+}, At = function(t) {
   return parseInt(t || "", 10) || 0;
-}, Mo = function(t) {
+}, zo = function(t) {
   var n = window.getComputedStyle(document.body), e = n[t === "padding" ? "paddingLeft" : "marginLeft"], i = n[t === "padding" ? "paddingTop" : "marginTop"], r = n[t === "padding" ? "paddingRight" : "marginRight"];
-  return [Lt(e), Lt(i), Lt(r)];
+  return [At(e), At(i), At(r)];
 }, _o = function(t) {
   if (t === void 0 && (t = "margin"), typeof window > "u")
-    return ko;
-  var n = Mo(t), e = document.documentElement.clientWidth, i = window.innerWidth;
+    return Mo;
+  var n = zo(t), e = document.documentElement.clientWidth, i = window.innerWidth;
   return {
     left: n[0],
     top: n[1],
     right: n[2],
     gap: Math.max(0, i - e + n[2] - n[0])
   };
-}, zo = ci(), ze = "data-scroll-locked", $o = function(t, n, e, i) {
-  var r = t.left, o = t.top, a = t.right, l = t.gap;
+}, $o = di(), $e = "data-scroll-locked", Bo = function(t, n, e, i) {
+  var r = t.left, o = t.top, s = t.right, l = t.gap;
   return e === void 0 && (e = "margin"), `
-  .`.concat(wo, ` {
+  .`.concat(Co, ` {
    overflow: hidden `).concat(i, `;
    padding-right: `).concat(l, "px ").concat(i, `;
   }
-  body[`).concat(ze, `] {
+  body[`).concat($e, `] {
     overflow: hidden `).concat(i, `;
     overscroll-behavior: contain;
     `).concat([
@@ -1026,7 +1026,7 @@ var Oo = function() {
     e === "margin" && `
     padding-left: `.concat(r, `px;
     padding-top: `).concat(o, `px;
-    padding-right: `).concat(a, `px;
+    padding-right: `).concat(s, `px;
     margin-left:0;
     margin-top:0;
     margin-right: `).concat(l, "px ").concat(i, `;
@@ -1051,92 +1051,92 @@ var Oo = function() {
     margin-right: 0 `).concat(i, `;
   }
   
-  body[`).concat(ze, `] {
-    `).concat(Co, ": ").concat(l, `px;
+  body[`).concat($e, `] {
+    `).concat(xo, ": ").concat(l, `px;
   }
 `);
-}, An = function() {
-  var t = parseInt(document.body.getAttribute(ze) || "0", 10);
+}, On = function() {
+  var t = parseInt(document.body.getAttribute($e) || "0", 10);
   return isFinite(t) ? t : 0;
 }, Vo = function() {
   p.useEffect(function() {
-    return document.body.setAttribute(ze, (An() + 1).toString()), function() {
-      var t = An() - 1;
-      t <= 0 ? document.body.removeAttribute(ze) : document.body.setAttribute(ze, t.toString());
+    return document.body.setAttribute($e, (On() + 1).toString()), function() {
+      var t = On() - 1;
+      t <= 0 ? document.body.removeAttribute($e) : document.body.setAttribute($e, t.toString());
     };
   }, []);
-}, Bo = function(t) {
+}, Uo = function(t) {
   var n = t.noRelative, e = t.noImportant, i = t.gapMode, r = i === void 0 ? "margin" : i;
   Vo();
   var o = p.useMemo(function() {
     return _o(r);
   }, [r]);
-  return p.createElement(zo, { styles: $o(o, !n, r, e ? "" : "!important") });
-}, Ot = !1;
+  return p.createElement($o, { styles: Bo(o, !n, r, e ? "" : "!important") });
+}, Mt = !1;
 if (typeof window < "u")
   try {
     var Xe = Object.defineProperty({}, "passive", {
       get: function() {
-        return Ot = !0, !0;
+        return Mt = !0, !0;
       }
     });
     window.addEventListener("test", Xe, Xe), window.removeEventListener("test", Xe, Xe);
   } catch {
-    Ot = !1;
+    Mt = !1;
   }
-var Ie = Ot ? { passive: !1 } : !1, Uo = function(t) {
+var Se = Mt ? { passive: !1 } : !1, jo = function(t) {
   return t.tagName === "TEXTAREA";
-}, di = function(t, n) {
+}, ui = function(t, n) {
   if (!(t instanceof Element))
     return !1;
   var e = window.getComputedStyle(t);
   return (
     // not-not-scrollable
     e[n] !== "hidden" && // contains scroll inside self
-    !(e.overflowY === e.overflowX && !Uo(t) && e[n] === "visible")
+    !(e.overflowY === e.overflowX && !jo(t) && e[n] === "visible")
   );
-}, jo = function(t) {
-  return di(t, "overflowY");
 }, Wo = function(t) {
-  return di(t, "overflowX");
-}, On = function(t, n) {
+  return ui(t, "overflowY");
+}, qo = function(t) {
+  return ui(t, "overflowX");
+}, Pn = function(t, n) {
   var e = n.ownerDocument, i = n;
   do {
     typeof ShadowRoot < "u" && i instanceof ShadowRoot && (i = i.host);
-    var r = ui(t, i);
+    var r = fi(t, i);
     if (r) {
-      var o = fi(t, i), a = o[1], l = o[2];
-      if (a > l)
+      var o = mi(t, i), s = o[1], l = o[2];
+      if (s > l)
         return !0;
     }
     i = i.parentNode;
   } while (i && i !== e.body);
   return !1;
-}, qo = function(t) {
+}, Ho = function(t) {
   var n = t.scrollTop, e = t.scrollHeight, i = t.clientHeight;
   return [
     n,
     e,
     i
   ];
-}, Ho = function(t) {
+}, Go = function(t) {
   var n = t.scrollLeft, e = t.scrollWidth, i = t.clientWidth;
   return [
     n,
     e,
     i
   ];
-}, ui = function(t, n) {
-  return t === "v" ? jo(n) : Wo(n);
 }, fi = function(t, n) {
-  return t === "v" ? qo(n) : Ho(n);
-}, Go = function(t, n) {
+  return t === "v" ? Wo(n) : qo(n);
+}, mi = function(t, n) {
+  return t === "v" ? Ho(n) : Go(n);
+}, Xo = function(t, n) {
   return t === "h" && n === "rtl" ? -1 : 1;
-}, Xo = function(t, n, e, i, r) {
-  var o = Go(t, window.getComputedStyle(n).direction), a = o * i, l = e.target, f = n.contains(l), c = !1, d = a > 0, u = 0, h = 0;
+}, Ko = function(t, n, e, i, r) {
+  var o = Xo(t, window.getComputedStyle(n).direction), s = o * i, l = e.target, f = n.contains(l), c = !1, d = s > 0, u = 0, h = 0;
   do {
-    var g = fi(t, l), b = g[0], m = g[1], v = g[2], x = m - v - o * b;
-    (b || x) && ui(t, l) && (u += x, h += b), l instanceof ShadowRoot ? l = l.host : l = l.parentNode;
+    var g = mi(t, l), b = g[0], m = g[1], v = g[2], x = m - v - o * b;
+    (b || x) && fi(t, l) && (u += x, h += b), l instanceof ShadowRoot ? l = l.host : l = l.parentNode;
   } while (
     // portaled content
     !f && l !== document.body || // self content
@@ -1145,26 +1145,26 @@ var Ie = Ot ? { passive: !1 } : !1, Uo = function(t) {
   return (d && Math.abs(u) < 1 || !d && Math.abs(h) < 1) && (c = !0), c;
 }, Ke = function(t) {
   return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
-}, Pn = function(t) {
-  return [t.deltaX, t.deltaY];
 }, kn = function(t) {
+  return [t.deltaX, t.deltaY];
+}, Mn = function(t) {
   return t && "current" in t ? t.current : t;
-}, Ko = function(t, n) {
+}, Yo = function(t, n) {
   return t[0] === n[0] && t[1] === n[1];
-}, Yo = function(t) {
+}, Qo = function(t) {
   return `
   .block-interactivity-`.concat(t, ` {pointer-events: none;}
   .allow-interactivity-`).concat(t, ` {pointer-events: all;}
 `);
-}, Qo = 0, Se = [];
-function Jo(t) {
-  var n = p.useRef([]), e = p.useRef([0, 0]), i = p.useRef(), r = p.useState(Qo++)[0], o = p.useState(ci)[0], a = p.useRef(t);
+}, Jo = 0, Re = [];
+function Zo(t) {
+  var n = p.useRef([]), e = p.useRef([0, 0]), i = p.useRef(), r = p.useState(Jo++)[0], o = p.useState(di)[0], s = p.useRef(t);
   p.useEffect(function() {
-    a.current = t;
+    s.current = t;
   }, [t]), p.useEffect(function() {
     if (t.inert) {
       document.body.classList.add("block-interactivity-".concat(r));
-      var m = bo([t.lockRef.current], (t.shards || []).map(kn), !0).filter(Boolean);
+      var m = wo([t.lockRef.current], (t.shards || []).map(Mn), !0).filter(Boolean);
       return m.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(r));
       }), function() {
@@ -1176,38 +1176,38 @@ function Jo(t) {
   }, [t.inert, t.lockRef.current, t.shards]);
   var l = p.useCallback(function(m, v) {
     if ("touches" in m && m.touches.length === 2 || m.type === "wheel" && m.ctrlKey)
-      return !a.current.allowPinchZoom;
+      return !s.current.allowPinchZoom;
     var x = Ke(m), E = e.current, S = "deltaX" in m ? m.deltaX : E[0] - x[0], C = "deltaY" in m ? m.deltaY : E[1] - x[1], I, L = m.target, R = Math.abs(S) > Math.abs(C) ? "h" : "v";
     if ("touches" in m && R === "h" && L.type === "range")
       return !1;
-    var F = On(R, L);
+    var F = Pn(R, L);
     if (!F)
       return !0;
-    if (F ? I = R : (I = R === "v" ? "h" : "v", F = On(R, L)), !F)
+    if (F ? I = R : (I = R === "v" ? "h" : "v", F = Pn(R, L)), !F)
       return !1;
     if (!i.current && "changedTouches" in m && (S || C) && (i.current = I), !I)
       return !0;
-    var B = i.current || I;
-    return Xo(B, v, m, B === "h" ? S : C);
+    var V = i.current || I;
+    return Ko(V, v, m, V === "h" ? S : C);
   }, []), f = p.useCallback(function(m) {
     var v = m;
-    if (!(!Se.length || Se[Se.length - 1] !== o)) {
-      var x = "deltaY" in v ? Pn(v) : Ke(v), E = n.current.filter(function(I) {
-        return I.name === v.type && (I.target === v.target || v.target === I.shadowParent) && Ko(I.delta, x);
+    if (!(!Re.length || Re[Re.length - 1] !== o)) {
+      var x = "deltaY" in v ? kn(v) : Ke(v), E = n.current.filter(function(I) {
+        return I.name === v.type && (I.target === v.target || v.target === I.shadowParent) && Yo(I.delta, x);
       })[0];
       if (E && E.should) {
         v.cancelable && v.preventDefault();
         return;
       }
       if (!E) {
-        var S = (a.current.shards || []).map(kn).filter(Boolean).filter(function(I) {
+        var S = (s.current.shards || []).map(Mn).filter(Boolean).filter(function(I) {
           return I.contains(v.target);
-        }), C = S.length > 0 ? l(v, S[0]) : !a.current.noIsolation;
+        }), C = S.length > 0 ? l(v, S[0]) : !s.current.noIsolation;
         C && v.cancelable && v.preventDefault();
       }
     }
   }, []), c = p.useCallback(function(m, v, x, E) {
-    var S = { name: m, delta: v, target: x, should: E, shadowParent: Zo(x) };
+    var S = { name: m, delta: v, target: x, should: E, shadowParent: ea(x) };
     n.current.push(S), setTimeout(function() {
       n.current = n.current.filter(function(C) {
         return C !== S;
@@ -1216,59 +1216,59 @@ function Jo(t) {
   }, []), d = p.useCallback(function(m) {
     e.current = Ke(m), i.current = void 0;
   }, []), u = p.useCallback(function(m) {
-    c(m.type, Pn(m), m.target, l(m, t.lockRef.current));
+    c(m.type, kn(m), m.target, l(m, t.lockRef.current));
   }, []), h = p.useCallback(function(m) {
     c(m.type, Ke(m), m.target, l(m, t.lockRef.current));
   }, []);
   p.useEffect(function() {
-    return Se.push(o), t.setCallbacks({
+    return Re.push(o), t.setCallbacks({
       onScrollCapture: u,
       onWheelCapture: u,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", f, Ie), document.addEventListener("touchmove", f, Ie), document.addEventListener("touchstart", d, Ie), function() {
-      Se = Se.filter(function(m) {
+    }), document.addEventListener("wheel", f, Se), document.addEventListener("touchmove", f, Se), document.addEventListener("touchstart", d, Se), function() {
+      Re = Re.filter(function(m) {
         return m !== o;
-      }), document.removeEventListener("wheel", f, Ie), document.removeEventListener("touchmove", f, Ie), document.removeEventListener("touchstart", d, Ie);
+      }), document.removeEventListener("wheel", f, Se), document.removeEventListener("touchmove", f, Se), document.removeEventListener("touchstart", d, Se);
     };
   }, []);
   var g = t.removeScrollBar, b = t.inert;
   return p.createElement(
     p.Fragment,
     null,
-    b ? p.createElement(o, { styles: Yo(r) }) : null,
-    g ? p.createElement(Bo, { gapMode: t.gapMode }) : null
+    b ? p.createElement(o, { styles: Qo(r) }) : null,
+    g ? p.createElement(Uo, { gapMode: t.gapMode }) : null
   );
 }
-function Zo(t) {
+function ea(t) {
   for (var n = null; t !== null; )
     t instanceof ShadowRoot && (n = t.host, t = t.host), t = t.parentNode;
   return n;
 }
-const ea = To(li, Jo);
-var mi = p.forwardRef(function(t, n) {
-  return p.createElement(wt, te({}, t, { ref: n, sideCar: ea }));
+const ta = Lo(ci, Zo);
+var hi = p.forwardRef(function(t, n) {
+  return p.createElement(xt, te({}, t, { ref: n, sideCar: ta }));
 });
-mi.classNames = wt.classNames;
-var ta = function(t) {
+hi.classNames = xt.classNames;
+var na = function(t) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(t) ? t[0] : t;
   return n.ownerDocument.body;
-}, Re = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Qe = {}, Ft = 0, hi = function(t) {
-  return t && (t.host || hi(t.parentNode));
-}, na = function(t, n) {
+}, Ne = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Qe = {}, Ot = 0, pi = function(t) {
+  return t && (t.host || pi(t.parentNode));
+}, ia = function(t, n) {
   return n.map(function(e) {
     if (t.contains(e))
       return e;
-    var i = hi(e);
+    var i = pi(e);
     return i && t.contains(i) ? i : (console.error("aria-hidden", e, "in not contained inside", t, ". Doing nothing"), null);
   }).filter(function(e) {
     return !!e;
   });
-}, ia = function(t, n, e, i) {
-  var r = na(n, Array.isArray(t) ? t : [t]);
+}, ra = function(t, n, e, i) {
+  var r = ia(n, Array.isArray(t) ? t : [t]);
   Qe[e] || (Qe[e] = /* @__PURE__ */ new WeakMap());
-  var o = Qe[e], a = [], l = /* @__PURE__ */ new Set(), f = new Set(r), c = function(u) {
+  var o = Qe[e], s = [], l = /* @__PURE__ */ new Set(), f = new Set(r), c = function(u) {
     !u || l.has(u) || (l.add(u), c(u.parentNode));
   };
   r.forEach(c);
@@ -1278,99 +1278,99 @@ var ta = function(t) {
         d(h);
       else
         try {
-          var g = h.getAttribute(i), b = g !== null && g !== "false", m = (Re.get(h) || 0) + 1, v = (o.get(h) || 0) + 1;
-          Re.set(h, m), o.set(h, v), a.push(h), m === 1 && b && Ye.set(h, !0), v === 1 && h.setAttribute(e, "true"), b || h.setAttribute(i, "true");
+          var g = h.getAttribute(i), b = g !== null && g !== "false", m = (Ne.get(h) || 0) + 1, v = (o.get(h) || 0) + 1;
+          Ne.set(h, m), o.set(h, v), s.push(h), m === 1 && b && Ye.set(h, !0), v === 1 && h.setAttribute(e, "true"), b || h.setAttribute(i, "true");
         } catch (x) {
           console.error("aria-hidden: cannot operate on ", h, x);
         }
     });
   };
-  return d(n), l.clear(), Ft++, function() {
-    a.forEach(function(u) {
-      var h = Re.get(u) - 1, g = o.get(u) - 1;
-      Re.set(u, h), o.set(u, g), h || (Ye.has(u) || u.removeAttribute(i), Ye.delete(u)), g || u.removeAttribute(e);
-    }), Ft--, Ft || (Re = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Qe = {});
+  return d(n), l.clear(), Ot++, function() {
+    s.forEach(function(u) {
+      var h = Ne.get(u) - 1, g = o.get(u) - 1;
+      Ne.set(u, h), o.set(u, g), h || (Ye.has(u) || u.removeAttribute(i), Ye.delete(u)), g || u.removeAttribute(e);
+    }), Ot--, Ot || (Ne = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Qe = {});
   };
-}, ra = function(t, n, e) {
+}, oa = function(t, n, e) {
   e === void 0 && (e = "data-aria-hidden");
-  var i = Array.from(Array.isArray(t) ? t : [t]), r = ta(t);
-  return r ? (i.push.apply(i, Array.from(r.querySelectorAll("[aria-live]"))), ia(i, r, e, "aria-hidden")) : function() {
+  var i = Array.from(Array.isArray(t) ? t : [t]), r = na(t);
+  return r ? (i.push.apply(i, Array.from(r.querySelectorAll("[aria-live]"))), ra(i, r, e, "aria-hidden")) : function() {
     return null;
   };
-}, nn = "Dialog", [pi, hs] = Vr(nn), [oa, J] = pi(nn), gi = (t) => {
+}, rn = "Dialog", [gi, ps] = Vr(rn), [aa, J] = gi(rn), vi = (t) => {
   const {
     __scopeDialog: n,
     children: e,
     open: i,
     defaultOpen: r,
     onOpenChange: o,
-    modal: a = !0
-  } = t, l = p.useRef(null), f = p.useRef(null), [c = !1, d] = Wr({
+    modal: s = !0
+  } = t, l = p.useRef(null), f = p.useRef(null), [c = !1, d] = qr({
     prop: i,
     defaultProp: r,
     onChange: o
   });
-  return /* @__PURE__ */ s(
-    oa,
+  return /* @__PURE__ */ a(
+    aa,
     {
       scope: n,
       triggerRef: l,
       contentRef: f,
-      contentId: Et(),
-      titleId: Et(),
-      descriptionId: Et(),
+      contentId: Rt(),
+      titleId: Rt(),
+      descriptionId: Rt(),
       open: c,
       onOpenChange: d,
       onOpenToggle: p.useCallback(() => d((u) => !u), [d]),
-      modal: a,
+      modal: s,
       children: e
     }
   );
 };
-gi.displayName = nn;
-var vi = "DialogTrigger", aa = p.forwardRef(
+vi.displayName = rn;
+var yi = "DialogTrigger", sa = p.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = J(vi, e), o = be(n, r.triggerRef);
-    return /* @__PURE__ */ s(
-      se.button,
+    const { __scopeDialog: e, ...i } = t, r = J(yi, e), o = we(n, r.triggerRef);
+    return /* @__PURE__ */ a(
+      ae.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": r.open,
         "aria-controls": r.contentId,
-        "data-state": an(r.open),
+        "data-state": sn(r.open),
         ...i,
         ref: o,
-        onClick: de(t.onClick, r.onOpenToggle)
+        onClick: ce(t.onClick, r.onOpenToggle)
       }
     );
   }
 );
-aa.displayName = vi;
-var rn = "DialogPortal", [sa, yi] = pi(rn, {
+sa.displayName = yi;
+var on = "DialogPortal", [la, bi] = gi(on, {
   forceMount: void 0
-}), bi = (t) => {
-  const { __scopeDialog: n, forceMount: e, children: i, container: r } = t, o = J(rn, n);
-  return /* @__PURE__ */ s(sa, { scope: n, forceMount: e, children: p.Children.map(i, (a) => /* @__PURE__ */ s(bt, { present: e || o.open, children: /* @__PURE__ */ s(oi, { asChild: !0, container: r, children: a }) })) });
+}), wi = (t) => {
+  const { __scopeDialog: n, forceMount: e, children: i, container: r } = t, o = J(on, n);
+  return /* @__PURE__ */ a(la, { scope: n, forceMount: e, children: p.Children.map(i, (s) => /* @__PURE__ */ a(Ct, { present: e || o.open, children: /* @__PURE__ */ a(ai, { asChild: !0, container: r, children: s }) })) });
 };
-bi.displayName = rn;
-var st = "DialogOverlay", wi = p.forwardRef(
+wi.displayName = on;
+var lt = "DialogOverlay", Ci = p.forwardRef(
   (t, n) => {
-    const e = yi(st, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = J(st, t.__scopeDialog);
-    return o.modal ? /* @__PURE__ */ s(bt, { present: i || o.open, children: /* @__PURE__ */ s(la, { ...r, ref: n }) }) : null;
+    const e = bi(lt, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = J(lt, t.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ a(Ct, { present: i || o.open, children: /* @__PURE__ */ a(ca, { ...r, ref: n }) }) : null;
   }
 );
-wi.displayName = st;
-var la = p.forwardRef(
+Ci.displayName = lt;
+var ca = p.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = J(st, e);
+    const { __scopeDialog: e, ...i } = t, r = J(lt, e);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ s(mi, { as: tn, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ s(
-        se.div,
+      /* @__PURE__ */ a(hi, { as: nn, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
+        ae.div,
         {
-          "data-state": an(r.open),
+          "data-state": sn(r.open),
           ...i,
           ref: n,
           style: { pointerEvents: "auto", ...i.style }
@@ -1378,85 +1378,85 @@ var la = p.forwardRef(
       ) })
     );
   }
-), ge = "DialogContent", Ci = p.forwardRef(
+), ge = "DialogContent", xi = p.forwardRef(
   (t, n) => {
-    const e = yi(ge, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = J(ge, t.__scopeDialog);
-    return /* @__PURE__ */ s(bt, { present: i || o.open, children: o.modal ? /* @__PURE__ */ s(ca, { ...r, ref: n }) : /* @__PURE__ */ s(da, { ...r, ref: n }) });
+    const e = bi(ge, t.__scopeDialog), { forceMount: i = e.forceMount, ...r } = t, o = J(ge, t.__scopeDialog);
+    return /* @__PURE__ */ a(Ct, { present: i || o.open, children: o.modal ? /* @__PURE__ */ a(da, { ...r, ref: n }) : /* @__PURE__ */ a(ua, { ...r, ref: n }) });
   }
 );
-Ci.displayName = ge;
-var ca = p.forwardRef(
+xi.displayName = ge;
+var da = p.forwardRef(
   (t, n) => {
-    const e = J(ge, t.__scopeDialog), i = p.useRef(null), r = be(n, e.contentRef, i);
+    const e = J(ge, t.__scopeDialog), i = p.useRef(null), r = we(n, e.contentRef, i);
     return p.useEffect(() => {
       const o = i.current;
-      if (o) return ra(o);
-    }, []), /* @__PURE__ */ s(
-      xi,
+      if (o) return oa(o);
+    }, []), /* @__PURE__ */ a(
+      Ei,
       {
         ...t,
         ref: r,
         trapFocus: e.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: de(t.onCloseAutoFocus, (o) => {
-          var a;
-          o.preventDefault(), (a = e.triggerRef.current) == null || a.focus();
+        onCloseAutoFocus: ce(t.onCloseAutoFocus, (o) => {
+          var s;
+          o.preventDefault(), (s = e.triggerRef.current) == null || s.focus();
         }),
-        onPointerDownOutside: de(t.onPointerDownOutside, (o) => {
-          const a = o.detail.originalEvent, l = a.button === 0 && a.ctrlKey === !0;
-          (a.button === 2 || l) && o.preventDefault();
+        onPointerDownOutside: ce(t.onPointerDownOutside, (o) => {
+          const s = o.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || l) && o.preventDefault();
         }),
-        onFocusOutside: de(
+        onFocusOutside: ce(
           t.onFocusOutside,
           (o) => o.preventDefault()
         )
       }
     );
   }
-), da = p.forwardRef(
+), ua = p.forwardRef(
   (t, n) => {
     const e = J(ge, t.__scopeDialog), i = p.useRef(!1), r = p.useRef(!1);
-    return /* @__PURE__ */ s(
-      xi,
+    return /* @__PURE__ */ a(
+      Ei,
       {
         ...t,
         ref: n,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (o) => {
-          var a, l;
-          (a = t.onCloseAutoFocus) == null || a.call(t, o), o.defaultPrevented || (i.current || (l = e.triggerRef.current) == null || l.focus(), o.preventDefault()), i.current = !1, r.current = !1;
+          var s, l;
+          (s = t.onCloseAutoFocus) == null || s.call(t, o), o.defaultPrevented || (i.current || (l = e.triggerRef.current) == null || l.focus(), o.preventDefault()), i.current = !1, r.current = !1;
         },
         onInteractOutside: (o) => {
           var f, c;
           (f = t.onInteractOutside) == null || f.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const a = o.target;
-          ((c = e.triggerRef.current) == null ? void 0 : c.contains(a)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && r.current && o.preventDefault();
+          const s = o.target;
+          ((c = e.triggerRef.current) == null ? void 0 : c.contains(s)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && r.current && o.preventDefault();
         }
       }
     );
   }
-), xi = p.forwardRef(
+), Ei = p.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, trapFocus: i, onOpenAutoFocus: r, onCloseAutoFocus: o, ...a } = t, l = J(ge, e), f = p.useRef(null), c = be(n, f);
-    return yo(), /* @__PURE__ */ y(he, { children: [
-      /* @__PURE__ */ s(
-        ii,
+    const { __scopeDialog: e, trapFocus: i, onOpenAutoFocus: r, onCloseAutoFocus: o, ...s } = t, l = J(ge, e), f = p.useRef(null), c = we(n, f);
+    return bo(), /* @__PURE__ */ y(he, { children: [
+      /* @__PURE__ */ a(
+        ri,
         {
           asChild: !0,
           loop: !0,
           trapped: i,
           onMountAutoFocus: r,
           onUnmountAutoFocus: o,
-          children: /* @__PURE__ */ s(
-            ti,
+          children: /* @__PURE__ */ a(
+            ni,
             {
               role: "dialog",
               id: l.contentId,
               "aria-describedby": l.descriptionId,
               "aria-labelledby": l.titleId,
-              "data-state": an(l.open),
-              ...a,
+              "data-state": sn(l.open),
+              ...s,
               ref: c,
               onDismiss: () => l.onOpenChange(!1)
             }
@@ -1464,49 +1464,49 @@ var ca = p.forwardRef(
         }
       ),
       /* @__PURE__ */ y(he, { children: [
-        /* @__PURE__ */ s(ma, { titleId: l.titleId }),
-        /* @__PURE__ */ s(pa, { contentRef: f, descriptionId: l.descriptionId })
+        /* @__PURE__ */ a(ha, { titleId: l.titleId }),
+        /* @__PURE__ */ a(ga, { contentRef: f, descriptionId: l.descriptionId })
       ] })
     ] });
   }
-), on = "DialogTitle", ua = p.forwardRef(
+), an = "DialogTitle", fa = p.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = J(on, e);
-    return /* @__PURE__ */ s(se.h2, { id: r.titleId, ...i, ref: n });
+    const { __scopeDialog: e, ...i } = t, r = J(an, e);
+    return /* @__PURE__ */ a(ae.h2, { id: r.titleId, ...i, ref: n });
   }
 );
-ua.displayName = on;
-var Ei = "DialogDescription", fa = p.forwardRef(
+fa.displayName = an;
+var Ii = "DialogDescription", ma = p.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = J(Ei, e);
-    return /* @__PURE__ */ s(se.p, { id: r.descriptionId, ...i, ref: n });
+    const { __scopeDialog: e, ...i } = t, r = J(Ii, e);
+    return /* @__PURE__ */ a(ae.p, { id: r.descriptionId, ...i, ref: n });
   }
 );
-fa.displayName = Ei;
-var Ii = "DialogClose", Si = p.forwardRef(
+ma.displayName = Ii;
+var Si = "DialogClose", Ri = p.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, ...i } = t, r = J(Ii, e);
-    return /* @__PURE__ */ s(
-      se.button,
+    const { __scopeDialog: e, ...i } = t, r = J(Si, e);
+    return /* @__PURE__ */ a(
+      ae.button,
       {
         type: "button",
         ...i,
         ref: n,
-        onClick: de(t.onClick, () => r.onOpenChange(!1))
+        onClick: ce(t.onClick, () => r.onOpenChange(!1))
       }
     );
   }
 );
-Si.displayName = Ii;
-function an(t) {
+Ri.displayName = Si;
+function sn(t) {
   return t ? "open" : "closed";
 }
-var Ri = "DialogTitleWarning", [ps, Ni] = $r(Ri, {
+var Ni = "DialogTitleWarning", [gs, Ti] = Br(Ni, {
   contentName: ge,
-  titleName: on,
+  titleName: an,
   docsSlug: "dialog"
-}), ma = ({ titleId: t }) => {
-  const n = Ni(Ri), e = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
+}), ha = ({ titleId: t }) => {
+  const n = Ti(Ni), e = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -1514,58 +1514,58 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
   return p.useEffect(() => {
     t && (document.getElementById(t) || console.error(e));
   }, [e, t]), null;
-}, ha = "DialogDescriptionWarning", pa = ({ contentRef: t, descriptionId: n }) => {
-  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ni(ha).contentName}}.`;
+}, pa = "DialogDescriptionWarning", ga = ({ contentRef: t, descriptionId: n }) => {
+  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ti(pa).contentName}}.`;
   return p.useEffect(() => {
     var o;
     const r = (o = t.current) == null ? void 0 : o.getAttribute("aria-describedby");
     n && r && (document.getElementById(n) || console.warn(i));
   }, [i, t, n]), null;
-}, sn = gi, ln = bi, cn = wi, dn = Ci, ga = Si;
-const Ti = O((t) => {
+}, ln = vi, cn = wi, dn = Ci, un = xi, va = Ri;
+const Li = O((t) => {
   const { file: n, onClose: e } = t, i = ne(null), r = N(() => {
     var l;
     if (!i.current) return;
-    const a = document.createElement("canvas");
-    a.width = i.current.width, a.height = i.current.height, (l = a.getContext("2d")) == null || l.drawImage(i.current, 0, 0, i.current.width, i.current.height), a.toBlob((f) => {
+    const s = document.createElement("canvas");
+    s.width = i.current.width, s.height = i.current.height, (l = s.getContext("2d")) == null || l.drawImage(i.current, 0, 0, i.current.width, i.current.height), s.toBlob((f) => {
       f && navigator.clipboard.write([new ClipboardItem({ "image/png": f })]);
     }, "image/png");
   }, []), o = N(() => {
-    Wn(n);
+    qn(n);
   }, [n]);
-  return /* @__PURE__ */ s(sn, { open: !0, onOpenChange: e, children: /* @__PURE__ */ s(ln, { children: /* @__PURE__ */ s(
-    cn,
+  return /* @__PURE__ */ a(ln, { open: !0, onOpenChange: e, children: /* @__PURE__ */ a(cn, { children: /* @__PURE__ */ a(
+    dn,
     {
       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__ */ y(
-        dn,
+        un,
         {
           className: "absolute inset-0 py-12",
           "data-floating-content": "",
-          onOpenAutoFocus: (a) => a.preventDefault(),
+          onOpenAutoFocus: (s) => s.preventDefault(),
           children: [
             /* @__PURE__ */ y(
-              Wt,
+              bt,
               {
                 className: "flex gap-2 items-center top-0 absolute right-0 p-2",
                 accentColor: "base",
                 variant: "ghost",
                 children: [
-                  /* @__PURE__ */ y(xe.Root, { children: [
-                    /* @__PURE__ */ s(xe.Trigger, { children: /* @__PURE__ */ s(V, { onClick: r, "aria-label": "copy to clipboard", children: /* @__PURE__ */ s(T, { icon: "RiFileCopyLine" }) }) }),
-                    /* @__PURE__ */ s(xe.Content, { size: "sm", children: "Copy" })
+                  /* @__PURE__ */ y(Ee.Root, { children: [
+                    /* @__PURE__ */ a(Ee.Trigger, { children: /* @__PURE__ */ a(B, { onClick: r, "aria-label": "copy to clipboard", children: /* @__PURE__ */ a(T, { icon: "RiFileCopyLine" }) }) }),
+                    /* @__PURE__ */ a(Ee.Content, { size: "sm", children: "Copy" })
                   ] }),
-                  /* @__PURE__ */ y(xe.Root, { children: [
-                    /* @__PURE__ */ s(xe.Trigger, { children: /* @__PURE__ */ s(V, { onClick: o, "aria-label": "download", children: /* @__PURE__ */ s(T, { icon: "RiDownload2Line" }) }) }),
-                    /* @__PURE__ */ s(xe.Content, { size: "sm", children: "Download" })
+                  /* @__PURE__ */ y(Ee.Root, { children: [
+                    /* @__PURE__ */ a(Ee.Trigger, { children: /* @__PURE__ */ a(B, { onClick: o, "aria-label": "download", children: /* @__PURE__ */ a(T, { icon: "RiDownload2Line" }) }) }),
+                    /* @__PURE__ */ a(Ee.Content, { size: "sm", children: "Download" })
                   ] }),
-                  /* @__PURE__ */ s(qt, { orientation: "vertical", size: "sm" }),
-                  /* @__PURE__ */ s(ga, { asChild: !0, children: /* @__PURE__ */ s(V, { onClick: e, "aria-label": "close", children: /* @__PURE__ */ s(T, { icon: "RiCloseLine" }) }) })
+                  /* @__PURE__ */ a(Ht, { orientation: "vertical", size: "sm" }),
+                  /* @__PURE__ */ a(va, { asChild: !0, children: /* @__PURE__ */ a(B, { onClick: e, "aria-label": "close", children: /* @__PURE__ */ a(T, { icon: "RiCloseLine" }) }) })
                 ]
               }
             ),
-            /* @__PURE__ */ s("figure", { className: "size-full overflow-hidden p-4 flex justify-center items-center", children: /* @__PURE__ */ s(
+            /* @__PURE__ */ a("figure", { className: "size-full overflow-hidden p-4 flex justify-center items-center", children: /* @__PURE__ */ a(
               "img",
               {
                 ref: i,
@@ -1580,8 +1580,8 @@ const Ti = O((t) => {
     }
   ) }) });
 });
-Ti.displayName = "ImageViewer";
-const va = O((t) => {
+Li.displayName = "ImageViewer";
+const ya = O((t) => {
   const { children: n } = t, [e, i] = H(null), r = N(() => {
     i(null);
   }, []), o = N(
@@ -1589,55 +1589,55 @@ const va = O((t) => {
       i(f(r));
     },
     [r]
-  ), a = N(() => {
+  ), s = N(() => {
     e && (e.onClose && e.onClose(), r());
   }, [r, e]), l = A(() => o, [o]);
-  return /* @__PURE__ */ y(Jn.Provider, { value: l, children: [
+  return /* @__PURE__ */ y(Zn.Provider, { value: l, children: [
     n,
-    e && /* @__PURE__ */ s(Ti, { file: e.file, onClose: a })
+    e && /* @__PURE__ */ a(Li, { file: e.file, onClose: s })
   ] });
 });
-va.displayName = "FileViewerProvider";
+ya.displayName = "FileViewerProvider";
 const ie = (t) => {
-  const { className: n, label: e, children: i, size: r, severity: o, inputId: a, labelId: l, image: f } = t, [c, d] = H(void 0), u = en(), h = o ? ae[o] : "base";
+  const { className: n, label: e, children: i, severity: r, inputId: o, labelId: s, image: l } = t, [f, c] = H(void 0), d = tn(), u = r ? ue[r] : "base";
   K(() => {
-    f instanceof Promise ? f.then(d).catch(console.error) : d(f);
-  }, [f]);
-  const g = c ? URL.createObjectURL(c) : void 0, b = N(() => {
-    c && u(() => ({
-      file: c
+    l instanceof Promise ? l.then(c).catch(console.error) : c(l);
+  }, [l]);
+  const h = f ? URL.createObjectURL(f) : void 0, g = N(() => {
+    f && d(() => ({
+      file: f
     }));
-  }, [u, c]);
+  }, [d, f]);
   return /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
-    c && /* @__PURE__ */ s(
+    f && /* @__PURE__ */ a(
       "img",
       {
         className: "h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",
-        src: g,
-        alt: c.name,
-        onClick: b
+        src: h,
+        alt: f.name,
+        onClick: g
       }
     ),
-    /* @__PURE__ */ y("label", { className: Be(n, "flex flex-col gap-1"), htmlFor: a, children: [
-      /* @__PURE__ */ s(Ve, { accentColor: h, size: r, id: l, weight: "medium", children: e }),
+    /* @__PURE__ */ y("label", { className: Ve(n, "flex flex-col gap-1"), htmlFor: o, children: [
+      /* @__PURE__ */ a(ye, { accentColor: u, size: "sm", id: s, weight: "medium", children: e }),
       i
     ] })
   ] });
-}, Li = (t) => {
-  const { helpText: n, children: e, severity: i } = t, r = i ? ae[i] : "base";
+}, Fi = (t) => {
+  const { helpText: n, children: e, severity: i } = t, r = i ? ue[i] : "base";
   return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1", children: [
     e,
-    /* @__PURE__ */ s("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ s(Ve, { accentColor: r, size: "xs", children: n }) })
+    /* @__PURE__ */ a("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ a(ye, { accentColor: r, size: "xs", children: n }) })
   ] });
 }, re = (t) => {
   const { children: n, ...e } = t;
-  return /* @__PURE__ */ s(Li, { ...e, children: n });
-}, ya = [!0, "true"], Fi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t);
+  return /* @__PURE__ */ a(Fi, { ...e, children: n });
+}, ba = [!0, "true"], Di = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
   c = o ? null : c, d = o ? "" : d;
-  const u = ya.includes(l.value);
-  return /* @__PURE__ */ s(re, { helpText: c, severity: r, children: /* @__PURE__ */ s(
+  const u = ba.includes(l.value);
+  return /* @__PURE__ */ a(re, { helpText: c, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -1645,32 +1645,33 @@ const ie = (t) => {
       inputId: n,
       labelId: e,
       label: d,
-      image: o ? void 0 : a.image,
-      className: "align-center flex-row-reverse justify-end gap-2",
-      children: /* @__PURE__ */ s(
-        ot.Root,
+      image: o ? void 0 : s.image,
+      className: "items-center flex-row-reverse justify-end gap-2",
+      children: /* @__PURE__ */ a(
+        at.Root,
         {
           ...f,
           ...l,
           id: n,
-          accentColor: "base",
+          size: "sm",
+          accentColor: "primary",
           value: u.toString(),
           checked: u,
           onCheckedChange: l.onChange,
           onChange: void 0,
           onBlur: void 0,
           variant: "surface",
-          children: /* @__PURE__ */ s(ot.Indicator, { children: /* @__PURE__ */ s(T, { icon: "RiCheckLine" }) })
+          children: /* @__PURE__ */ a(at.Indicator, { children: /* @__PURE__ */ a(T, { icon: "RiCheckLine" }) })
         }
       )
     }
   ) });
 });
-Fi.displayName = "BooleanInput";
-const ba = {
+Di.displayName = "BooleanInput";
+const wa = {
   ...Q,
   type: "boolean"
-}, Ne = class Ne extends G {
+}, Te = class Te extends G {
   constructor(e) {
     super({ ...e, type: "boolean" });
     w(this, "onlyValidateAfterTouched", !1);
@@ -1687,16 +1688,16 @@ const ba = {
   }
   static deserialize(e) {
     if (e.type !== "boolean") throw new Error("Type mismatch.");
-    return new Ne(e);
+    return new Te(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ s(Fi, { ...e, field: this });
+    return /* @__PURE__ */ a(Di, { ...e, field: this });
   }
 };
-w(Ne, "fieldTypeName", "Checkbox"), w(Ne, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), w(Ne, "Icon", gr);
-let We = Ne;
-const Di = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t);
+w(Te, "fieldTypeName", "Checkbox"), w(Te, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), w(Te, "Icon", vr);
+let We = Te;
+const Ai = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
   c = o ? null : c, d = o ? "" : d;
   const u = l.value ? new Date(l.value) : void 0, h = N(
@@ -1709,7 +1710,7 @@ const Di = O((t) => {
     },
     [l]
   );
-  return /* @__PURE__ */ s(re, { helpText: c, severity: r, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(re, { helpText: c, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -1717,9 +1718,9 @@ const Di = O((t) => {
       inputId: n,
       labelId: e,
       label: d,
-      image: o ? void 0 : a.image,
+      image: o ? void 0 : s.image,
       children: /* @__PURE__ */ y(oe.Root, { children: [
-        /* @__PURE__ */ s(oe.Trigger, { asChild: !0, children: /* @__PURE__ */ y(
+        /* @__PURE__ */ a(oe.Trigger, { asChild: !0, children: /* @__PURE__ */ y(
           X,
           {
             ...f,
@@ -1727,6 +1728,7 @@ const Di = O((t) => {
             type: "button",
             accentColor: "base",
             variant: "surface",
+            size: "sm",
             id: n,
             children: [
               u ? u.toLocaleString(void 0, {
@@ -1734,12 +1736,12 @@ const Di = O((t) => {
                 month: "2-digit",
                 day: "2-digit"
               }) : "yyyy-mm-dd",
-              /* @__PURE__ */ s(T, { icon: "RiArrowDownSLine" })
+              /* @__PURE__ */ a(T, { icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ s(oe.Content, { children: /* @__PURE__ */ s(
-          rr,
+        /* @__PURE__ */ a(oe.Content, { children: /* @__PURE__ */ a(
+          or,
           {
             required: !1,
             mode: "single",
@@ -1752,11 +1754,11 @@ const Di = O((t) => {
     }
   ) });
 });
-Di.displayName = "DateInput";
-const wa = {
+Ai.displayName = "DateInput";
+const Ca = {
   ...Q,
   type: "date"
-}, Te = class Te extends G {
+}, Le = class Le extends G {
   constructor(e) {
     super({ ...e, type: "date" });
     w(this, "onlyValidateAfterTouched", !1);
@@ -1769,27 +1771,27 @@ const wa = {
   }
   static deserialize(e) {
     if (e.type !== "date") throw new Error("Type mismatch.");
-    return new Te(e);
+    return new Le(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ s(Di, { field: this, ...e });
+    return /* @__PURE__ */ a(Ai, { field: this, ...e });
   }
 };
-w(Te, "fieldTypeName", "Date"), w(Te, "fieldTypeDescription", "Allows specifying a date."), w(Te, "Icon", vr);
-let Pt = Te;
-const Ai = O((t) => {
-  const { field: n, ...e } = t, [{ value: i }] = Xt(n.options.clonedFieldIdentifier), r = A(() => {
+w(Le, "fieldTypeName", "Date"), w(Le, "fieldTypeDescription", "Allows specifying a date."), w(Le, "Icon", yr);
+let zt = Le;
+const Oi = O((t) => {
+  const { field: n, ...e } = t, [{ value: i }] = Kt(n.options.clonedFieldIdentifier), r = A(() => {
     const o = n.options.getFieldToClone(i);
-    return o ? hn(o) : null;
+    return o ? pn(o) : null;
   }, [n.options, i]);
-  return Oi(r, e);
+  return Pi(r, e);
 });
-Ai.displayName = "FieldInputCloner";
-const Ca = {
+Oi.displayName = "FieldInputCloner";
+const xa = {
   ...Q,
   type: "custom"
 };
-class lt extends G {
+class ct extends G {
   constructor(e, i) {
     super({ ...e, type: "custom" });
     w(this, "Component");
@@ -1802,119 +1804,119 @@ class lt extends G {
   }
   getInput(e) {
     const i = this.Component;
-    return /* @__PURE__ */ s(i, { field: this, ...e });
+    return /* @__PURE__ */ a(i, { field: this, ...e });
   }
 }
-w(lt, "fieldTypeName", "Custom"), w(lt, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class xa extends lt {
+w(ct, "fieldTypeName", "Custom"), w(ct, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Ea extends ct {
   constructor(n) {
-    super(n, Ai);
+    super(n, Oi);
   }
 }
-const Oi = (t, n) => A(() => !n || !t ? null : t.getInput(n), [t, n]), ct = (t, n) => {
-  const e = A(() => t.map((i) => /* @__PURE__ */ s("div", { children: i.getInput(n) }, i.getId())), [t, n]);
-  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: e });
-}, dt = (t = "", n = []) => ({
+const Pi = (t, n) => A(() => !n || !t ? null : t.getInput(n), [t, n]), dt = (t, n) => {
+  const e = A(() => t.map((i) => /* @__PURE__ */ a("div", { children: i.getInput(n) }, i.getId())), [t, n]);
+  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: e });
+}, ut = (t = "", n = []) => ({
   type: "section",
   fields: n,
   identifier: t,
   label: null,
   condition: null,
   conditional: !1
-}), Ea = (t) => {
+}), Ia = (t) => {
   if (!t) return;
   const n = t.fields;
   let e = [];
   const i = [];
   for (const r of n)
-    r.type === "section" ? (e.length > 0 && (i.push(dt(`AUTO_section-${n.indexOf(r)}`, e)), e = []), i.push(r)) : e.push(r);
-  return e.length > 0 && i.push(dt("AUTO_section-last", e)), { ...t, fields: i, description: t.description ?? "" };
+    r.type === "section" ? (e.length > 0 && (i.push(ut(`AUTO_section-${n.indexOf(r)}`, e)), e = []), i.push(r)) : e.push(r);
+  return e.length > 0 && i.push(ut("AUTO_section-last", e)), { ...t, fields: i, description: t.description ?? "" };
 };
-function kt(t, n, e) {
+function _t(t, n, e) {
   const i = Array.from(t), [r] = i.splice(n, 1);
   if (!r) throw new Error("Could not find field to reorder.");
   return i.splice(e, 0, r), i;
 }
-function Pi(t, n, e) {
+function ki(t, n, e) {
   const i = Array.from(t ?? []);
   return i.splice(n, 0, e), i;
 }
-function ut(t, n) {
+function ft(t, n) {
   const e = Array.from(t);
   return e.splice(n, 1), e;
 }
-const un = (t, n) => {
+const fn = (t, n) => {
   const e = /* @__PURE__ */ new Date();
-  return `${fr(n)}-${e.getTime()}`;
-}, ki = (t, n) => {
+  return `${mr(n)}-${e.getTime()}`;
+}, Mi = (t, n) => {
   if (!n) return null;
   for (const e of t)
     if (e.type === "section") {
-      const i = ki(e.fields, n);
+      const i = Mi(e.fields, n);
       if (i) return i;
     } else if (e.identifier === n)
       return e;
   return null;
-}, Mi = (t, n) => t.filter((e, i) => i < n).flatMap((e) => e.fields), ft = (t, n, e, i, r) => {
-  const { label: o } = e, a = {
+}, zi = (t, n) => t.filter((e, i) => i < n).flatMap((e) => e.fields), mt = (t, n, e, i, r) => {
+  const { label: o } = e, s = {
     ...e,
-    identifier: un(null, o)
+    identifier: fn(null, o)
   }, l = Y(i, t);
   if (l === void 0)
     throw new Error("Parent path must point to an existing field.");
   if (!Array.isArray(l))
     throw new Error("Parent path must point to an array.");
-  const f = Pi(l, n, a);
+  const f = ki(l, n, s);
   r(t, f).then();
-}, Ia = (t, n, e) => {
+}, Sa = (t, n, e) => {
   const i = {
-    ...dt(),
+    ...ut(),
     label: ""
   };
-  ft("fields", t, i, n, e);
-}, fn = () => {
-  const { showError: t } = Ht(), n = N(
-    (i, r, o, a, l, f) => {
+  mt("fields", t, i, n, e);
+}, mn = () => {
+  const { showError: t } = Gt(), n = N(
+    (i, r, o, s, l, f) => {
       const c = i[r];
       if (!c) throw new Error("Could not find section context.");
       let d = typeof c.conditionIndex < "u" ? (
         // cannot move a section with a condition before the condition's field
-        Math.max(c.conditionIndex + 1, a)
-      ) : a;
+        Math.max(c.conditionIndex + 1, s)
+      ) : s;
       for (const u of Object.values(i))
         u.conditionIndex === o && (d = Math.min(d, u.index - 1));
-      if (d !== a) {
+      if (d !== s) {
         t({
           title: "Could not reorder sections",
           description: "Sections with conditions must be below the fields they reference."
         });
         return;
       }
-      f("fields", kt(l.fields, o, d));
+      f("fields", _t(l.fields, o, d));
     },
     [t]
   ), e = N(
-    (i, r, o, a, l, f, c) => {
+    (i, r, o, s, l, f, c) => {
       var d;
-      if (!(i != null && i.fields) || !a) throw new Error("Could not find section with fields.");
-      if (i.identifier === a.identifier)
+      if (!(i != null && i.fields) || !s) throw new Error("Could not find section with fields.");
+      if (i.identifier === s.identifier)
         c(
           `fields.${r}.fields`,
-          kt(i.fields, o, f)
+          _t(i.fields, o, f)
         ).then();
       else {
         const u = i.fields[o];
         if (!u) throw new Error("Could not find field to reorder.");
-        if (((d = a.condition) == null ? void 0 : d.identifier) === u.identifier) {
+        if (((d = s.condition) == null ? void 0 : d.identifier) === u.identifier) {
           t({
             title: "Could not reorder field",
             description: "Field must be above the section whose condition references it."
           });
           return;
         }
-        c(`fields.${r}.fields`, ut(i.fields, o)).then(), c(
+        c(`fields.${r}.fields`, ft(i.fields, o)).then(), c(
           `fields.${l}.fields`,
-          Pi(a.fields, f, u)
+          ki(s.fields, f, u)
         ).then();
       }
     },
@@ -1922,7 +1924,7 @@ const un = (t, n) => {
   );
   return { reorderSection: n, reorderField: e };
 }, _i = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t);
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
   c = o ? null : c, d = o ? "" : d;
   const u = A(() => Array.isArray(l.value) ? l.value : [], [l.value]), { onChange: h, onBlur: g } = l, b = `${n}-droppable`, { disabled: m } = f, [v, x] = H(""), [E, S] = H(""), C = E || c, I = N(
@@ -1948,21 +1950,21 @@ const un = (t, n) => {
       P.key === "Enter" && (P.preventDefault(), R());
     },
     [R]
-  ), B = N(
+  ), V = N(
     (P) => {
-      I(ut(u, P));
+      I(ft(u, P));
     },
     [u, I]
-  ), z = N(
+  ), _ = N(
     (P) => {
       if (!P.destination) return;
-      const $ = P.source.index, _ = P.destination.index;
-      I(kt(u, $, _));
+      const $ = P.source.index, z = P.destination.index;
+      I(_t(u, $, z));
     },
     [I, u]
   );
-  return /* @__PURE__ */ s(Gn, { onDragEnd: z, children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ s(re, { helpText: C, severity: r, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(Xn, { onDragEnd: _, children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ a(re, { helpText: C, severity: r, children: /* @__PURE__ */ a(
       ie,
       {
         size: i,
@@ -1970,10 +1972,10 @@ const un = (t, n) => {
         inputId: n,
         labelId: e,
         label: d,
-        image: o ? void 0 : a.image,
+        image: o ? void 0 : s.image,
         children: (!m || u.length === 0) && /* @__PURE__ */ y("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ s("div", { className: "grow", children: /* @__PURE__ */ s(ue.Root, { accentColor: "base", variant: "surface", children: /* @__PURE__ */ s(
-            ue.Field,
+          /* @__PURE__ */ a("div", { className: "grow", children: /* @__PURE__ */ a(de.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ a(
+            de.Field,
             {
               ...f,
               ...l,
@@ -1981,64 +1983,65 @@ const un = (t, n) => {
               onChange: L,
               onKeyDown: F,
               id: n,
-              placeholder: a.placeholder,
+              placeholder: s.placeholder,
               onBlur: void 0
             }
           ) }) }),
-          /* @__PURE__ */ s(
-            V,
+          /* @__PURE__ */ a(
+            B,
             {
+              size: "sm",
               type: "button",
               "aria-label": "Add option",
               disabled: !!E || m,
               onClick: R,
-              children: /* @__PURE__ */ s(T, { icon: "RiAddLine" })
+              children: /* @__PURE__ */ a(T, { icon: "RiAddLine" })
             }
           )
         ] })
       }
     ) }),
-    /* @__PURE__ */ s(Jt, { droppableId: b, children: (P) => /* @__PURE__ */ y(
+    /* @__PURE__ */ a(Zt, { droppableId: b, children: (P) => /* @__PURE__ */ y(
       "div",
       {
         className: "flex flex-col",
         ...P.droppableProps,
         ref: P.innerRef,
         children: [
-          u.map(($, _) => /* @__PURE__ */ s(
-            Zt,
+          u.map(($, z) => /* @__PURE__ */ a(
+            en,
             {
               draggableId: `${$}-draggable`,
-              index: _,
+              index: z,
               isDragDisabled: m,
-              children: ({ draggableProps: Z, dragHandleProps: we, innerRef: je }) => /* @__PURE__ */ y(
-                jt,
+              children: ({ draggableProps: Z, dragHandleProps: Ce, innerRef: je }) => /* @__PURE__ */ y(
+                ot,
                 {
-                  ...we,
+                  ...Ce,
                   ...Z,
                   ref: je,
                   className: "mb-1 flex items-center justify-between gap-2",
                   accentColor: "base",
-                  size: "md",
+                  size: "sm",
                   variant: "soft",
                   children: [
-                    /* @__PURE__ */ s("span", {
+                    /* @__PURE__ */ a("span", {
                       // TODO: remove this, its just a saftey check for old compatibility of what was acceptable as a value for multi string
                       children: typeof $ == "object" && "label" in $ ? $.label : $
                     }),
-                    /* @__PURE__ */ s(
-                      V,
+                    /* @__PURE__ */ a(
+                      B,
                       {
-                        size: "sm",
+                        size: "xs",
                         variant: "ghost",
                         type: "button",
                         "aria-label": "Delete option",
                         accentColor: "base",
                         disabled: m,
                         onClick: () => {
-                          B(_);
+                          V(z);
                         },
-                        children: /* @__PURE__ */ s(T, { icon: "RiCloseLargeLine" })
+                        children: /* @__PURE__ */ a(T, { icon: "RiCloseLargeLine" })
                       }
                     )
                   ]
@@ -2054,15 +2057,15 @@ const un = (t, n) => {
   ] }) });
 });
 _i.displayName = "MultiStringInput";
-const Sa = {
+const Ra = {
   ...Q,
   type: "multi-string",
   minimum_length: 0,
   maximum_length: null
-}, Le = class Le extends G {
+}, Fe = class Fe extends G {
   constructor(e) {
-    const { minimum_length: i, maximum_length: r, placeholder: o, ...a } = e;
-    super({ ...a, type: "multi-string" });
+    const { minimum_length: i, maximum_length: r, placeholder: o, ...s } = e;
+    super({ ...s, type: "multi-string" });
     w(this, "minLength");
     w(this, "maxLength");
     w(this, "onlyValidateAfterTouched", !1);
@@ -2074,7 +2077,7 @@ const Sa = {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ s(_i, { field: this, ...e });
+    return /* @__PURE__ */ a(_i, { field: this, ...e });
   }
   serialize() {
     return {
@@ -2099,15 +2102,15 @@ const Sa = {
   }
   static deserialize(e) {
     if (e.type !== "multi-string") throw new Error("Type mismatch.");
-    return new Le(e);
+    return new Fe(e);
   }
 };
-w(Le, "fieldTypeName", "Multi-string"), w(Le, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), w(Le, "Icon", yr);
-let mt = Le;
-const zi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t);
+w(Fe, "fieldTypeName", "Multi-string"), w(Fe, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), w(Fe, "Icon", br);
+let ht = Fe;
+const $i = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
-  return c = o ? null : c, d = o ? "" : d, /* @__PURE__ */ s(re, { helpText: c, severity: r, children: /* @__PURE__ */ s(
+  return c = o ? null : c, d = o ? "" : d, /* @__PURE__ */ a(re, { helpText: c, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -2115,37 +2118,37 @@ const zi = O((t) => {
       inputId: n,
       labelId: e,
       label: d,
-      image: o ? void 0 : a.image,
-      children: /* @__PURE__ */ s(ue.Root, { accentColor: "base", variant: "surface", children: /* @__PURE__ */ s(
-        ue.Field,
+      image: o ? void 0 : s.image,
+      children: /* @__PURE__ */ a(de.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ a(
+        de.Field,
         {
           ...f,
           ...l,
           type: "number",
           id: n,
-          placeholder: a.placeholder,
-          min: a.minimum,
-          max: a.maximum,
-          step: a.integers ? 1 : 0.1
+          placeholder: s.placeholder,
+          min: s.minimum,
+          max: s.maximum,
+          step: s.integers ? 1 : 0.1
         }
       ) })
     }
   ) });
 });
-zi.displayName = "NumberInput";
-const Ra = {
+$i.displayName = "NumberInput";
+const Na = {
   ...Q,
   type: "number",
   minimum: Number.MIN_SAFE_INTEGER,
   maximum: Number.MAX_SAFE_INTEGER,
   integers: !1
-}, Mn = (t) => "fields" in t, ee = class ee extends G {
+}, zn = (t) => "fields" in t, ee = class ee extends G {
   constructor(e) {
     const {
       minimum: i = Number.MIN_SAFE_INTEGER,
       maximum: r = Number.MAX_SAFE_INTEGER,
       integers: o = !1,
-      placeholder: a = "Enter a number",
+      placeholder: s = "Enter a number",
       ...l
     } = e;
     super({ ...l, type: "number" });
@@ -2153,7 +2156,7 @@ const Ra = {
     w(this, "maximum");
     w(this, "integers");
     w(this, "placeholder");
-    this.minimum = i, this.maximum = r, this.integers = o, this.placeholder = a;
+    this.minimum = i, this.maximum = r, this.integers = o, this.placeholder = s;
   }
   getValueFromChangeEvent(e) {
     const i = Number.parseFloat(e.target.value);
@@ -2222,19 +2225,19 @@ const Ra = {
     return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ s(zi, { field: this, ...e });
+    return /* @__PURE__ */ a($i, { field: this, ...e });
   }
 };
-w(ee, "fieldTypeName", "Number"), w(ee, "fieldTypeDescription", "Allows specifying a number within a given range."), w(ee, "Icon", br), w(ee, "_validateMin", (e) => (i, r) => {
-  const o = Mn(r) ? Y(r, e) : r;
+w(ee, "fieldTypeName", "Number"), w(ee, "fieldTypeDescription", "Allows specifying a number within a given range."), w(ee, "Icon", wr), w(ee, "_validateMin", (e) => (i, r) => {
+  const o = zn(r) ? Y(r, e) : r;
   return typeof o.maximum == "number" && typeof i == "number" && o.maximum < i ? "Minimum cannot be greater than minimum." : null;
 }), w(ee, "_validateMax", (e) => (i, r) => {
-  const o = Mn(r) ? Y(r, e) : r;
+  const o = zn(r) ? Y(r, e) : r;
   return typeof o.minimum == "number" && typeof i == "number" && o.minimum > i ? "Maximum cannot be less than minimum." : null;
 });
 let ve = ee;
-const $i = O((t) => {
-  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: a, showInputOnly: l, field: f, fieldProps: c }, d] = U(t), [u, h] = H(!1), g = c.value, b = N(
+const Bi = O((t) => {
+  const [{ inputId: n, labelId: e, label: i, helpText: r, size: o, severity: s, showInputOnly: l, field: f, fieldProps: c }, d] = U(t), [u, h] = H(!1), g = c.value, b = N(
     (E) => {
       c.onChange({ target: { value: E } }), h(!1);
     },
@@ -2246,39 +2249,50 @@ const $i = O((t) => {
   }, []), x = N(() => {
     h(!1);
   }, []);
-  return /* @__PURE__ */ s(re, { helpText: r, severity: a, children: /* @__PURE__ */ y(
+  return /* @__PURE__ */ a(re, { helpText: r, severity: s, children: /* @__PURE__ */ y(
     ie,
     {
       size: o,
-      severity: a,
+      severity: s,
       inputId: n,
       labelId: e,
       label: i,
       image: l ? void 0 : f.image,
       className: "flex-col items-start justify-start gap-1",
       children: [
-        /* @__PURE__ */ s(sn, { open: u, onOpenChange: h, children: /* @__PURE__ */ y(ln, { children: [
-          /* @__PURE__ */ s(cn, { className: "light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)" }),
-          /* @__PURE__ */ s(dn, { className: "fixed inset-0", children: /* @__PURE__ */ s(Vi, { onQrScan: b, onClose: x }) })
+        /* @__PURE__ */ a(ln, { open: u, onOpenChange: h, children: /* @__PURE__ */ y(cn, { children: [
+          /* @__PURE__ */ a(dn, { className: "light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)" }),
+          /* @__PURE__ */ a(un, { className: "fixed inset-0", children: /* @__PURE__ */ a(Vi, { onQrScan: b, onClose: x }) })
         ] }) }),
         /* @__PURE__ */ y("div", { className: "flex w-max items-center gap-1", children: [
-          /* @__PURE__ */ y(X, { ...d, variant: "soft", onClick: v, type: "button", children: [
-            /* @__PURE__ */ s(T, { icon: "RiQrCodeLine" }),
-            "Scan"
-          ] }),
-          g && /* @__PURE__ */ s("span", { className: "text-xs text-(--accent-a11)", "data-accent-color": "primary", children: /* @__PURE__ */ s(T, { icon: "RiCheckLine", style: { verticalAlign: "bottom" } }) })
+          /* @__PURE__ */ y(
+            X,
+            {
+              ...d,
+              variant: "soft",
+              onClick: v,
+              type: "button",
+              size: "sm",
+              accentColor: "base",
+              children: [
+                /* @__PURE__ */ a(T, { icon: "RiQrCodeLine" }),
+                "Scan"
+              ]
+            }
+          ),
+          g && /* @__PURE__ */ a("span", { className: "text-xs text-(--accent-a11)", "data-accent-color": "primary", children: /* @__PURE__ */ a(T, { icon: "RiCheckLine", style: { verticalAlign: "bottom" } }) })
         ] }),
-        !!g && /* @__PURE__ */ s(Ue, { children: /* @__PURE__ */ y("div", { className: "w-max items-center gap-2", children: [
-          /* @__PURE__ */ s("code", { className: "bg-(--base-a3)", children: g }),
-          /* @__PURE__ */ s(
-            V,
+        !!g && /* @__PURE__ */ a(Ue, { children: /* @__PURE__ */ y("div", { className: "w-max items-center gap-2", children: [
+          /* @__PURE__ */ a("code", { className: "bg-(--base-a3)", children: g }),
+          /* @__PURE__ */ a(
+            B,
             {
               accentColor: "base",
               variant: "ghost",
               "aria-label": "delete",
               size: "sm",
               onClick: m,
-              children: /* @__PURE__ */ s(T, { icon: "RiCloseLine" })
+              children: /* @__PURE__ */ a(T, { icon: "RiCloseLine" })
             }
           )
         ] }) })
@@ -2286,16 +2300,16 @@ const $i = O((t) => {
     }
   ) });
 });
-$i.displayName = "QrInput";
+Bi.displayName = "QrInput";
 const Vi = O((t) => {
   const { onQrScan: n, onClose: e } = t, i = ne(null), [r, o] = H(!1);
   return K(() => {
     if (!i.current) return;
-    const a = new Dr(
+    const s = new Ar(
       i.current,
       (l) => {
         const f = l.data;
-        n(f), a.destroy();
+        n(f), s.destroy();
       },
       {
         highlightCodeOutline: !0,
@@ -2303,22 +2317,22 @@ const Vi = O((t) => {
         maxScansPerSecond: 1
       }
     );
-    o(!0), a.start().finally(() => {
+    o(!0), s.start().finally(() => {
       o(!1);
     });
   }, [n]), /* @__PURE__ */ y("div", { className: "relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)", children: [
-    /* @__PURE__ */ s("div", { className: "absolute top-0 flex w-full p-2", children: /* @__PURE__ */ s(V, { "aria-label": "close", variant: "soft", accentColor: "base", onClick: e, children: /* @__PURE__ */ s(T, { icon: "RiCloseLine" }) }) }),
+    /* @__PURE__ */ a("div", { className: "absolute top-0 flex w-full p-2", children: /* @__PURE__ */ a(B, { "aria-label": "close", variant: "soft", accentColor: "base", onClick: e, children: /* @__PURE__ */ a(T, { icon: "RiCloseLine" }) }) }),
     /* @__PURE__ */ y("div", { className: "relative max-h-full max-w-full", children: [
-      /* @__PURE__ */ s("video", { ref: i, style: { width: "100%", height: "100%" } }),
-      r && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center bg-(--color-background)", children: /* @__PURE__ */ s(vt, {}) })
+      /* @__PURE__ */ a("video", { ref: i, style: { width: "100%", height: "100%" } }),
+      r && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center bg-(--color-background)", children: /* @__PURE__ */ a(yt, {}) })
     ] })
   ] });
 });
 Vi.displayName = "QrScanner";
-const Na = {
+const Ta = {
   ...Q,
   type: "qr"
-}, Fe = class Fe extends G {
+}, De = class De extends G {
   constructor(e) {
     super({ ...e, type: "qr" });
     w(this, "onlyValidateAfterTouched", !1);
@@ -2328,15 +2342,15 @@ const Na = {
   }
   static deserialize(e) {
     if (e.type !== "qr") throw new Error("Type mismatch.");
-    return new Fe(e);
+    return new De(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ s($i, { ...e, field: this });
+    return /* @__PURE__ */ a(Bi, { ...e, field: this });
   }
 };
-w(Fe, "fieldTypeName", "QR"), w(Fe, "fieldTypeDescription", "Used for scanning/reading QR codes."), w(Fe, "Icon", wr);
-let Mt = Fe;
-class Bi extends G {
+w(De, "fieldTypeName", "QR"), w(De, "fieldTypeDescription", "Used for scanning/reading QR codes."), w(De, "Icon", Cr);
+let $t = De;
+class Ui extends G {
   constructor(e) {
     const { placeholder: i = "", ...r } = e;
     super(r);
@@ -2345,7 +2359,7 @@ class Bi extends G {
     w(this, "placeholder");
     this.placeholder = i;
     const o = /* @__PURE__ */ new Set();
-    this.options = e.options.map((a) => (typeof a == "string" && (a = { label: a, value: a }), o.add(a.label), a)), o.size !== e.options.length && console.error(
+    this.options = e.options.map((s) => (typeof s == "string" && (s = { label: s, value: s }), o.add(s.label), s)), o.size !== e.options.length && console.error(
       `${e.options.length - o.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,
       e.options
     );
@@ -2361,7 +2375,7 @@ class Bi extends G {
     const i = e && `${e}.`;
     return [
       {
-        field: new mt({
+        field: new ht({
           label: "Options",
           description: "List possible options for the user to select from.",
           required: !0,
@@ -2373,17 +2387,17 @@ class Bi extends G {
     ];
   }
 }
-const Ta = (t) => t ? Array.isArray(t) ? t : [t] : [], Ui = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t), { onChange: c, onBlur: d } = l;
+const La = (t) => t ? Array.isArray(t) ? t : [t] : [], ji = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t), { onChange: c, onBlur: d } = l;
   let [{ helpText: u, label: h }] = U(t);
   u = o ? null : u, h = o ? "" : h;
-  const g = A(() => Ta(l.value), [l.value]), b = N(
+  const g = A(() => La(l.value), [l.value]), b = N(
     (m) => {
       c(m), d(m);
     },
     [c, d]
   );
-  return /* @__PURE__ */ s(re, { helpText: u, severity: r, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(re, { helpText: u, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -2391,9 +2405,9 @@ const Ta = (t) => t ? Array.isArray(t) ? t : [t] : [], Ui = O((t) => {
       inputId: n,
       labelId: e,
       label: h,
-      image: o ? void 0 : a.image,
+      image: o ? void 0 : s.image,
       children: /* @__PURE__ */ y(M.Root, { children: [
-        /* @__PURE__ */ s(M.ClickTrigger, { children: /* @__PURE__ */ y(
+        /* @__PURE__ */ a(M.ClickTrigger, { children: /* @__PURE__ */ y(
           X,
           {
             id: n,
@@ -2401,21 +2415,22 @@ const Ta = (t) => t ? Array.isArray(t) ? t : [t] : [], Ui = O((t) => {
             name: l.name,
             variant: "surface",
             type: "button",
+            size: "sm",
             accentColor: "base",
             ...f,
             children: [
-              g.length > 0 ? g.join(", ") : a.placeholder,
-              /* @__PURE__ */ s(T, { icon: "RiArrowDownSLine" })
+              g.length > 0 ? g.join(", ") : s.placeholder,
+              /* @__PURE__ */ a(T, { icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ s(M.Content, { children: /* @__PURE__ */ s(M.Scroll, { children: /* @__PURE__ */ y(M.MultiSelectGroup, { values: g, onValuesChange: b, children: [
-          /* @__PURE__ */ y(M.SelectAllItem, { allValues: a.options.map(({ value: m }) => m), children: [
-            /* @__PURE__ */ s(M.SelectAllIndicator, { children: (m) => m ? /* @__PURE__ */ s(T, { icon: "RiSubtractLine" }) : /* @__PURE__ */ s(T, { icon: "RiCheckLine" }) }),
+        /* @__PURE__ */ a(M.Content, { children: /* @__PURE__ */ a(M.Scroll, { children: /* @__PURE__ */ y(M.MultiSelectGroup, { values: g, onValuesChange: b, children: [
+          /* @__PURE__ */ y(M.SelectAllItem, { allValues: s.options.map(({ value: m }) => m), children: [
+            /* @__PURE__ */ a(M.SelectAllIndicator, { children: (m) => m ? /* @__PURE__ */ a(T, { icon: "RiSubtractLine" }) : /* @__PURE__ */ a(T, { icon: "RiCheckLine" }) }),
             "Select all"
           ] }),
-          a.options.map((m) => /* @__PURE__ */ y(M.MultiSelectItem, { value: m.value, children: [
-            /* @__PURE__ */ s(M.SelectedIndicator, { children: /* @__PURE__ */ s(T, { icon: "RiCheckLine" }) }),
+          s.options.map((m) => /* @__PURE__ */ y(M.MultiSelectItem, { value: m.value, children: [
+            /* @__PURE__ */ a(M.SelectedIndicator, { children: /* @__PURE__ */ a(T, { icon: "RiCheckLine" }) }),
             m.label
           ] }, m.value))
         ] }) }) })
@@ -2423,12 +2438,12 @@ const Ta = (t) => t ? Array.isArray(t) ? t : [t] : [], Ui = O((t) => {
     }
   ) });
 });
-Ui.displayName = "MultiSelectInput";
-const La = {
+ji.displayName = "MultiSelectInput";
+const Fa = {
   ...Q,
   type: "multi-select",
   options: []
-}, De = class De extends Bi {
+}, Ae = class Ae extends Ui {
   constructor(n) {
     const { placeholder: e = "Select one or more...", ...i } = n;
     super({ ...i, placeholder: e, type: "multi-select" });
@@ -2445,16 +2460,16 @@ const La = {
   }
   static deserialize(n) {
     if (n.type !== "multi-select") throw new Error("Type mismatch.");
-    return new De(n);
+    return new Ae(n);
   }
   getInput(n) {
-    return /* @__PURE__ */ s(Ui, { field: this, ...n });
+    return /* @__PURE__ */ a(ji, { field: this, ...n });
   }
 };
-w(De, "fieldTypeName", "Multi-select"), w(De, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), w(De, "Icon", Cr);
-let ht = De;
-const ji = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t), { onChange: c, onBlur: d } = l;
+w(Ae, "fieldTypeName", "Multi-select"), w(Ae, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), w(Ae, "Icon", xr);
+let pt = Ae;
+const Wi = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t), { onChange: c, onBlur: d } = l;
   let [{ helpText: u, label: h }] = U(t);
   u = o ? null : u, h = o ? "" : h;
   const g = N(
@@ -2462,8 +2477,8 @@ const ji = O((t) => {
       c(m), d(m);
     },
     [c, d]
-  ), b = A(() => a.options.find((m) => m.value === l.value), [a.options, l.value]);
-  return /* @__PURE__ */ s(re, { helpText: u, severity: r, children: /* @__PURE__ */ s(
+  ), b = A(() => s.options.find((m) => m.value === l.value), [s.options, l.value]);
+  return /* @__PURE__ */ a(re, { helpText: u, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -2471,9 +2486,9 @@ const ji = O((t) => {
       inputId: n,
       labelId: e,
       label: h,
-      image: o ? void 0 : a.image,
+      image: o ? void 0 : s.image,
       children: /* @__PURE__ */ y(M.Root, { children: [
-        /* @__PURE__ */ s(M.ClickTrigger, { children: /* @__PURE__ */ y(
+        /* @__PURE__ */ a(M.ClickTrigger, { children: /* @__PURE__ */ y(
           X,
           {
             ...l,
@@ -2483,27 +2498,28 @@ const ji = O((t) => {
             accentColor: "base",
             variant: "surface",
             type: "button",
+            size: "sm",
             ...f,
             children: [
-              b ? b.label : a.placeholder,
-              /* @__PURE__ */ s(T, { icon: "RiArrowDownSLine" })
+              b ? b.label : s.placeholder,
+              /* @__PURE__ */ a(T, { icon: "RiArrowDownSLine" })
             ]
           }
         ) }),
-        /* @__PURE__ */ s(M.Content, { children: /* @__PURE__ */ s(M.Scroll, { children: /* @__PURE__ */ s(M.SelectGroup, { value: l.value, onValueChange: g, children: a.options.map((m) => /* @__PURE__ */ y(M.SelectItem, { value: m.value, children: [
-          /* @__PURE__ */ s(M.SelectedIndicator, { children: /* @__PURE__ */ s(T, { icon: "RiCheckLine" }) }),
+        /* @__PURE__ */ a(M.Content, { children: /* @__PURE__ */ a(M.Scroll, { children: /* @__PURE__ */ a(M.SelectGroup, { value: l.value, onValueChange: g, children: s.options.map((m) => /* @__PURE__ */ y(M.SelectItem, { value: m.value, children: [
+          /* @__PURE__ */ a(M.SelectedIndicator, { children: /* @__PURE__ */ a(T, { icon: "RiCheckLine" }) }),
           m.label
         ] }, m.value)) }) }) })
       ] })
     }
   ) });
 });
-ji.displayName = "SelectInput";
-const Fa = {
+Wi.displayName = "SelectInput";
+const Da = {
   ...Q,
   type: "select",
   options: []
-}, Ae = class Ae extends Bi {
+}, Oe = class Oe extends Ui {
   constructor(n) {
     const { placeholder: e = "Select one...", ...i } = n;
     super({ ...i, placeholder: e, type: "select" });
@@ -2516,19 +2532,19 @@ const Fa = {
   }
   static deserialize(n) {
     if (n.type !== "select") throw new Error("Type mismatch.");
-    return new Ae(n);
+    return new Oe(n);
   }
   getInput(n) {
-    return /* @__PURE__ */ s(ji, { field: this, ...n });
+    return /* @__PURE__ */ a(Wi, { field: this, ...n });
   }
 };
-w(Ae, "fieldTypeName", "Dropdown"), w(Ae, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), w(Ae, "Icon", xr);
-let pt = Ae;
+w(Oe, "fieldTypeName", "Dropdown"), w(Oe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), w(Oe, "Icon", Er);
+let gt = Oe;
 const _n = (t) => "fields" in t;
-class gt extends G {
+class vt extends G {
   constructor(e) {
-    const { minLength: i, maxLength: r, placeholder: o = "", ...a } = e;
-    super(a);
+    const { minLength: i, maxLength: r, placeholder: o = "", ...s } = e;
+    super(s);
     w(this, "minLength");
     w(this, "maxLength");
     w(this, "placeholder");
@@ -2595,22 +2611,22 @@ class gt extends G {
  * This function returns a function that validates that the value given for "minimum length" (when creating a new field) is less than or
  * equal to the value given for "maximum length".
  */
-w(gt, "_validateMin", (e) => (i, r) => {
+w(vt, "_validateMin", (e) => (i, r) => {
   const o = _n(r) ? Y(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
  * equal to the value given for "minimum length".
  */
-w(gt, "_validateMax", (e) => (i, r) => {
+w(vt, "_validateMax", (e) => (i, r) => {
   if (typeof i != "number") return null;
   const { minimum_length: o } = _n(r) ? Y(r, e) : r;
   return typeof o != "number" ? null : o > i ? "Maximum cannot be less than minimum." : null;
 });
-const Wi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t);
+const qi = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
-  return c = o ? null : c, d = o ? "" : d, /* @__PURE__ */ s(re, { helpText: c, severity: r, children: /* @__PURE__ */ s(
+  return c = o ? null : c, d = o ? "" : d, /* @__PURE__ */ a(re, { helpText: c, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -2618,30 +2634,30 @@ const Wi = O((t) => {
       inputId: n,
       labelId: e,
       label: d,
-      image: o ? void 0 : a.image,
-      children: /* @__PURE__ */ s(ue.Root, { accentColor: "base", variant: "surface", children: /* @__PURE__ */ s(
-        ue.Field,
+      image: o ? void 0 : s.image,
+      children: /* @__PURE__ */ a(de.Root, { accentColor: "base", variant: "surface", size: "sm", children: /* @__PURE__ */ a(
+        de.Field,
         {
           ...f,
           ...l,
-          type: a.inputType,
+          type: s.inputType,
           id: n,
-          placeholder: a.placeholder
+          placeholder: s.placeholder
         }
       ) })
     }
   ) });
 });
-Wi.displayName = "StringInput";
-const Da = {
+qi.displayName = "StringInput";
+const Aa = {
   ...Q,
   type: "string",
   maximum_length: Ze,
   input_type: "text"
-}, Oe = class Oe extends gt {
+}, Pe = class Pe extends vt {
   constructor(e) {
-    const { inputType: i = "text", ...r } = e, o = e.maxLength ? Math.min(Ze, e.maxLength) : Ze, a = e.minLength ? Math.min(e.minLength, o) : void 0;
-    super({ ...r, maxLength: o, minLength: a, type: "string" });
+    const { inputType: i = "text", ...r } = e, o = e.maxLength ? Math.min(Ze, e.maxLength) : Ze, s = e.minLength ? Math.min(e.minLength, o) : void 0;
+    super({ ...r, maxLength: o, minLength: s, type: "string" });
     w(this, "inputType");
     this.inputType = i;
   }
@@ -2650,9 +2666,9 @@ const Da = {
   }
   static deserialize(e) {
     if (e.type !== "string") throw new Error("Type mismatch.");
-    const { maximum_length: i, minimum_length: r, input_type: o, ...a } = e;
-    return new Oe({
-      ...a,
+    const { maximum_length: i, minimum_length: r, input_type: o, ...s } = e;
+    return new Pe({
+      ...s,
       maxLength: i,
       minLength: r,
       inputType: o,
@@ -2660,15 +2676,15 @@ const Da = {
     });
   }
   getInput(e) {
-    return /* @__PURE__ */ s(Wi, { field: this, ...e });
+    return /* @__PURE__ */ a(qi, { field: this, ...e });
   }
 };
-w(Oe, "fieldTypeName", "Short Text"), w(Oe, "fieldTypeDescription", `Short text fields can hold up to ${Ze} characters on a single line.`), w(Oe, "Icon", Er);
-let _t = Oe;
-const qi = O((t) => {
-  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: a, fieldProps: l }, f] = U(t);
+w(Pe, "fieldTypeName", "Short Text"), w(Pe, "fieldTypeDescription", `Short text fields can hold up to ${Ze} characters on a single line.`), w(Pe, "Icon", Ir);
+let Bt = Pe;
+const Hi = O((t) => {
+  const [{ inputId: n, labelId: e, size: i, severity: r, showInputOnly: o, field: s, fieldProps: l }, f] = U(t);
   let [{ helpText: c, label: d }] = U(t);
-  return c = o ? null : c, d = o ? "" : d, /* @__PURE__ */ s(re, { helpText: c, severity: r, children: /* @__PURE__ */ s(
+  return c = o ? null : c, d = o ? "" : d, /* @__PURE__ */ a(re, { helpText: c, severity: r, children: /* @__PURE__ */ a(
     ie,
     {
       size: i,
@@ -2676,29 +2692,30 @@ const qi = O((t) => {
       inputId: n,
       labelId: e,
       label: d,
-      image: o ? void 0 : a.image,
-      children: /* @__PURE__ */ s(
-        Bn,
+      image: o ? void 0 : s.image,
+      children: /* @__PURE__ */ a(
+        Un,
         {
           ...f,
           ...l,
           className: "field-sizing-content",
           resize: "vertical",
           id: n,
-          placeholder: a.placeholder,
+          placeholder: s.placeholder,
           accentColor: "base",
-          variant: "surface"
+          variant: "surface",
+          size: "sm"
         }
       )
     }
   ) });
 });
-qi.displayName = "TextInput";
-const Aa = {
+Hi.displayName = "TextInput";
+const Oa = {
   ...Q,
   type: "text",
   maximum_length: _e
-}, Pe = class Pe extends gt {
+}, ke = class ke extends vt {
   constructor(n) {
     const e = n.maxLength ? Math.min(_e, n.maxLength) : _e, i = n.minLength ? Math.min(n.minLength, e) : void 0;
     super({ ...n, maxLength: e, minLength: i, type: "text" });
@@ -2709,7 +2726,7 @@ const Aa = {
   static deserialize(n) {
     if (n.type !== "text") throw new Error("Type mismatch.");
     const { maximum_length: e, minimum_length: i, ...r } = n;
-    return new Pe({
+    return new ke({
       ...r,
       maxLength: e,
       minLength: i,
@@ -2717,17 +2734,17 @@ const Aa = {
     });
   }
   getInput(n) {
-    return /* @__PURE__ */ s(qi, { field: this, ...n });
+    return /* @__PURE__ */ a(Hi, { field: this, ...n });
   }
 };
-w(Pe, "fieldTypeName", "Paragraph"), w(Pe, "fieldTypeDescription", `Paragraph fields can hold up to ${_e} characters and can have multiple lines.`), w(Pe, "Icon", Ir);
-let zt = Pe;
-var Je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, nt = { exports: {} }, Oa = nt.exports, zn;
-function Pa() {
-  return zn || (zn = 1, function(t, n) {
+w(ke, "fieldTypeName", "Paragraph"), w(ke, "fieldTypeDescription", `Paragraph fields can hold up to ${_e} characters and can have multiple lines.`), w(ke, "Icon", Sr);
+let Vt = ke;
+var Je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, nt = { exports: {} }, Pa = nt.exports, $n;
+function ka() {
+  return $n || ($n = 1, function(t, n) {
     (function(e, i) {
       i();
-    })(Oa, function() {
+    })(Pa, function() {
       function e(c, d) {
         return typeof d > "u" ? d = { autoBom: !1 } : typeof d != "object" && (console.warn("Deprecated: Expected third argument to be a object"), d = { autoBom: !d }), d.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(c.type) ? new Blob(["\uFEFF", c], { type: c.type }) : c;
       }
@@ -2756,9 +2773,9 @@ function Pa() {
           d.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), c.dispatchEvent(d);
         }
       }
-      var a = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof Je == "object" && Je.global === Je ? Je : void 0, l = a.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), f = a.saveAs || (typeof window != "object" || window !== a ? function() {
+      var s = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof Je == "object" && Je.global === Je ? Je : void 0, l = s.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), f = s.saveAs || (typeof window != "object" || window !== s ? function() {
       } : "download" in HTMLAnchorElement.prototype && !l ? function(c, d, u) {
-        var h = a.URL || a.webkitURL, g = document.createElement("a");
+        var h = s.URL || s.webkitURL, g = document.createElement("a");
         d = d || c.name || "download", g.download = d, g.rel = "noopener", typeof c == "string" ? (g.href = c, g.origin === location.origin ? o(g) : r(g.href) ? i(c, d, u) : o(g, g.target = "_blank")) : (g.href = h.createObjectURL(c), setTimeout(function() {
           h.revokeObjectURL(g.href);
         }, 4e4), setTimeout(function() {
@@ -2775,7 +2792,7 @@ function Pa() {
         }
       } : function(c, d, u, h) {
         if (h = h || open("", "_blank"), h && (h.document.title = h.document.body.innerText = "downloading..."), typeof c == "string") return i(c, d, u);
-        var g = c.type === "application/octet-stream", b = /constructor/i.test(a.HTMLElement) || a.safari, m = /CriOS\/[\d]+/.test(navigator.userAgent);
+        var g = c.type === "application/octet-stream", b = /constructor/i.test(s.HTMLElement) || s.safari, m = /CriOS\/[\d]+/.test(navigator.userAgent);
         if ((m || g && b || l) && typeof FileReader < "u") {
           var v = new FileReader();
           v.onloadend = function() {
@@ -2783,44 +2800,44 @@ function Pa() {
             S = m ? S : S.replace(/^data:[^;]*;/, "data:attachment/file;"), h ? h.location.href = S : location = S, h = null;
           }, v.readAsDataURL(c);
         } else {
-          var x = a.URL || a.webkitURL, E = x.createObjectURL(c);
+          var x = s.URL || s.webkitURL, E = x.createObjectURL(c);
           h ? h.location = E : location.href = E, h = null, setTimeout(function() {
             x.revokeObjectURL(E);
           }, 4e4);
         }
       });
-      a.saveAs = f.saveAs = f, t.exports = f;
+      s.saveAs = f.saveAs = f, t.exports = f;
     });
   }(nt)), nt.exports;
 }
-var ka = Pa();
-const Ma = O(
+var Ma = ka();
+const za = O(
   qe((t, n) => {
-    const { file: e, alt: i, error: r, rightSlot: o, className: a, truncateLength: l, ...f } = t, c = ne(null), d = ne(null), u = Un(c);
-    cr(() => {
+    const { file: e, alt: i, error: r, rightSlot: o, className: s, truncateLength: l, ...f } = t, c = ne(null), d = ne(null), u = jn(c);
+    dr(() => {
       !d.current || !u || (d.current.style.height = `${u.height * 4}px`);
     }, [u]);
     const h = A(() => {
       if (e)
-        return l !== void 0 ? Gt(e.name, l) : e.name;
+        return l !== void 0 ? Xt(e.name, l) : e.name;
     }, [e, l]);
     return /* @__PURE__ */ y(
       "div",
       {
-        className: Be(
-          a,
+        className: Ve(
+          s,
           "relative flex h-max w-full flex-col gap-0 overflow-hidden rounded-md border items-center border-(--base-a6)"
         ),
         ref: n,
         ...f,
         children: [
-          !e && !r && /* @__PURE__ */ s("div", { className: "absolute flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ s(vt, {}) }),
-          /* @__PURE__ */ s(
+          !e && !r && /* @__PURE__ */ a("div", { className: "absolute flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ a(yt, {}) }),
+          /* @__PURE__ */ a(
             "div",
             {
               ref: d,
               className: "-m-4 flex max-w-full items-center justify-center overflow-hidden bg-clip-padding",
-              children: e && !r && /* @__PURE__ */ s(
+              children: e && !r && /* @__PURE__ */ a(
                 "img",
                 {
                   className: "max-w-full object-cover",
@@ -2833,13 +2850,13 @@ const Ma = O(
           /* @__PURE__ */ y(
             "div",
             {
-              className: Be("flex h-max w-full items-center gap-1 bg-(--base-2) px-2 py-1", {
+              className: Ve("flex h-max w-full items-center gap-1 bg-(--base-2) px-2 py-1", {
                 "bg-transparent": !e
               }),
               ref: c,
               children: [
-                r ? /* @__PURE__ */ s(T, { icon: "RiFileWarningLine" }) : e && /* @__PURE__ */ s(yt, { fileType: e.type }),
-                r ?? h,
+                r ? /* @__PURE__ */ a(T, { icon: "RiFileWarningLine" }) : e && /* @__PURE__ */ a(wt, { fileType: e.type }),
+                /* @__PURE__ */ a(ye, { className: "truncate", size: "sm", children: r ?? h }),
                 o
               ]
             }
@@ -2859,12 +2876,12 @@ const Ma = O(
     style: "unit",
     unit: n[i]
   }).format(e);
-}, Hi = O((t) => {
+}, Gi = O((t) => {
   var I;
-  const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: a, field: l, fieldProps: f }, c] = U(t), { onChange: d } = f;
+  const [{ inputId: n, labelId: e, size: i, severity: r, helpText: o, showInputOnly: s, field: l, fieldProps: f }, c] = U(t), { onChange: d } = f;
   let [{ label: u }] = U(t);
-  u = a ? "" : u;
-  const h = r ? ae[r] : void 0, g = ne(null), { value: b } = f, m = A(() => a ? null : o || (l.maxFileSize ? `Maximum file size: ${l.maxFileSize}MB` : null), [l.maxFileSize, o, a]), v = N(() => {
+  u = s ? "" : u;
+  const h = r ? ue[r] : void 0, g = ne(null), { value: b } = f, m = A(() => s ? null : o || (l.maxFileSize ? `Maximum file size: ${l.maxFileSize}MB` : null), [l.maxFileSize, o, s]), v = N(() => {
     var L;
     (L = g.current) == null || L.click();
   }, []), x = N(
@@ -2875,7 +2892,7 @@ const Ma = O(
     [b, d]
   ), E = b ? "Select new files" : "Select files", S = b ? "Select new file" : "Select a file", C = l.maxFiles > 1 ? E : S;
   return /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ s(re, { helpText: m, severity: r, children: /* @__PURE__ */ y(
+    /* @__PURE__ */ a(re, { helpText: m, severity: r, children: /* @__PURE__ */ y(
       ie,
       {
         size: i,
@@ -2883,25 +2900,27 @@ const Ma = O(
         inputId: n,
         labelId: e,
         label: u,
-        image: a ? void 0 : l.image,
+        image: s ? void 0 : l.image,
         children: [
-          /* @__PURE__ */ s("div", { className: "flex gap-2", children: /* @__PURE__ */ y(
+          /* @__PURE__ */ a("div", { className: "flex gap-2", children: /* @__PURE__ */ y(
             X,
             {
               ...c,
               className: "w-max",
+              size: "sm",
               variant: "soft",
+              accentColor: "base",
               onClick: v,
               id: "upload-input-upload-button",
               type: "button",
               children: [
-                /* @__PURE__ */ s(T, { icon: "RiUpload2Line" }),
+                /* @__PURE__ */ a(T, { icon: "RiUpload2Line" }),
                 " ",
                 C
               ]
             }
           ) }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             "input",
             {
               ...c,
@@ -2919,8 +2938,8 @@ const Ma = O(
         ]
       }
     ) }),
-    Array.isArray(b) && b.length > 0 && /* @__PURE__ */ s("div", { className: "flex h-max flex-col gap-2", children: b.map((L, R) => /* @__PURE__ */ s(
-      Gi,
+    Array.isArray(b) && b.length > 0 && /* @__PURE__ */ a("div", { className: "flex h-max flex-col gap-2", children: b.map((L, R) => /* @__PURE__ */ a(
+      Xi,
       {
         field: l,
         file: L,
@@ -2933,21 +2952,21 @@ const Ma = O(
     )) })
   ] });
 });
-Hi.displayName = "UploadInput";
-const Gi = O((t) => {
-  const { file: n, field: e, onRemove: i, disabled: r } = t, [o, a] = H(null), l = en(), f = A(() => o && e.getError([o]), [e, o]), { url: c, name: d } = A(() => {
+Gi.displayName = "UploadInput";
+const Xi = O((t) => {
+  const { file: n, field: e, onRemove: i, disabled: r } = t, [o, s] = H(null), l = tn(), f = A(() => o && e.getError([o]), [e, o]), { url: c, name: d } = A(() => {
     let m = null, v, x;
     return o != null && o.type.startsWith("image/") && (m = URL.createObjectURL(o)), o ? (v = o.name, x = _a(o.size)) : (v = "Downloading...", x = "..."), { url: m, name: v, size: x };
   }, [o]);
   K(() => {
-    n instanceof Promise ? n.then(a).catch(console.error) : a(n);
+    n instanceof Promise ? n.then(s).catch(console.error) : s(n);
   }, [n]);
   const u = N(
     (m) => {
       if (m.stopPropagation(), !o)
         throw new Error("Cannot download a file that is not resolved.");
       const v = new Blob([o]);
-      ka.saveAs(v, d);
+      Ma.saveAs(v, d);
     },
     [d, o]
   ), h = N(
@@ -2963,14 +2982,14 @@ const Gi = O((t) => {
       }
     }));
   }, [r, i, l, o]), b = A(
-    () => /* @__PURE__ */ y(Wt, { className: "flex w-full justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
-      /* @__PURE__ */ s(V, { "aria-label": `Download ${d}`, onClick: u, disabled: !o, children: /* @__PURE__ */ s(T, { icon: "RiDownload2Line" }) }),
-      !r && /* @__PURE__ */ s(V, { "aria-label": `Remove ${d}`, disabled: r, onClick: h, children: /* @__PURE__ */ s(T, { icon: "RiCloseLargeLine" }) })
+    () => /* @__PURE__ */ y(bt, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
+      /* @__PURE__ */ a(B, { "aria-label": `Download ${d}`, onClick: u, disabled: !o, children: /* @__PURE__ */ a(T, { icon: "RiDownload2Line" }) }),
+      !r && /* @__PURE__ */ a(B, { "aria-label": `Remove ${d}`, disabled: r, onClick: h, children: /* @__PURE__ */ a(T, { icon: "RiDeleteBin7Fill" }) })
     ] }),
     [r, h, u, d, o]
   );
-  return c ? /* @__PURE__ */ s(
-    Ma,
+  return c ? /* @__PURE__ */ a(
+    za,
     {
       className: "cursor-pointer",
       onClick: g,
@@ -2978,19 +2997,19 @@ const Gi = O((t) => {
       error: f ?? void 0,
       rightSlot: b
     }
-  ) : /* @__PURE__ */ s(Yn, { file: o, error: f ?? void 0, rightSlot: b });
+  ) : /* @__PURE__ */ a(Qn, { file: o, error: f ?? void 0, rightSlot: b });
 });
-Gi.displayName = "DisplayFile";
-const za = {
+Xi.displayName = "DisplayFile";
+const $a = {
   ...Q,
   type: "upload",
   extensions: [],
   maximum_size: void 0,
   maximum_files: 1
-}, ke = class ke extends G {
+}, Me = class Me extends G {
   constructor(e) {
-    const { extensions: i, maximum_files: r, maximum_size: o, ...a } = e;
-    super({ ...a, type: "upload" });
+    const { extensions: i, maximum_files: r, maximum_size: o, ...s } = e;
+    super({ ...s, type: "upload" });
     w(this, "extensions");
     w(this, "maxFileSize");
     w(this, "maxFiles");
@@ -3032,7 +3051,7 @@ const za = {
         showDirectly: !1
       },
       {
-        field: new ht({
+        field: new pt({
           label: "Accepted file types",
           description: "Types of allowed files to upload. If left blank, all files will be accepted.",
           required: !1,
@@ -3066,11 +3085,11 @@ const za = {
   }
   getFieldValidators() {
     const e = super.getFieldValidators(), i = this.maxFileSize ?? it, r = i * 1e3 * 1e3, o = this.maxFiles || 1;
-    return e.push((a) => {
-      if (a && a.some((l) => l.size > r))
+    return e.push((s) => {
+      if (s && s.some((l) => l.size > r))
         return `Files must be at most ${i}MB.`;
-    }), e.push((a) => {
-      if (a && a.length > o)
+    }), e.push((s) => {
+      if (s && s.length > o)
         return `You can only upload ${o} files.`;
     }), e;
   }
@@ -3084,54 +3103,54 @@ const za = {
   }
   static deserialize(e) {
     if (e.type !== "upload") throw new Error("Type mismatch.");
-    return new ke(e);
+    return new Me(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ s(Hi, { field: this, ...e });
+    return /* @__PURE__ */ a(Gi, { field: this, ...e });
   }
 };
-w(ke, "fieldTypeName", "Upload"), w(ke, "fieldTypeDescription", "Allows a file to be uploaded."), w(ke, "Icon", Sr);
-let $t = ke;
-const mn = {
-  date: Pt,
+w(Me, "fieldTypeName", "Upload"), w(Me, "fieldTypeDescription", "Allows a file to be uploaded."), w(Me, "Icon", Rr);
+let Ut = Me;
+const hn = {
+  date: zt,
   number: ve,
   boolean: We,
-  select: pt,
-  string: _t,
-  text: zt,
-  custom: lt,
-  upload: $t,
-  qr: Mt,
+  select: gt,
+  string: Bt,
+  text: Vt,
+  custom: ct,
+  upload: Ut,
+  qr: $t,
   // TODO: Underscore
-  "multi-string": mt,
-  "multi-select": ht
-}, $a = {
-  date: wa,
-  number: Ra,
-  boolean: ba,
-  select: Fa,
-  string: Da,
-  text: Aa,
-  custom: Ca,
-  upload: za,
-  qr: Na,
+  "multi-string": ht,
+  "multi-select": pt
+}, Ba = {
+  date: Ca,
+  number: Na,
+  boolean: wa,
+  select: Da,
+  string: Aa,
+  text: Oa,
+  custom: xa,
+  upload: $a,
+  qr: Ta,
   // TODO: Underscore
-  "multi-string": Sa,
-  "multi-select": La
-}, it = 50, Va = it * 1e3, Ba = Va * 1e3, Xi = (t) => {
+  "multi-string": Ra,
+  "multi-select": Fa
+}, it = 50, Va = it * 1e3, Ua = Va * 1e3, Ki = (t) => {
   const n = t.type;
-  return mn[n].deserialize(t);
-}, hn = (t) => t.type === "section" ? q.deserialize(t) : Xi(t);
-function Ua(t, n = {}) {
+  return hn[n].deserialize(t);
+}, pn = (t) => t.type === "section" ? q.deserialize(t) : Ki(t);
+function ja(t, n = {}) {
   const { readonly: e = !1 } = n;
   return {
     title: t.title,
     description: t.description,
-    fields: t.fields.map((i) => hn(i)),
+    fields: t.fields.map((i) => pn(i)),
     meta: { readonly: e }
   };
 }
-function Ki(t) {
+function Yi(t) {
   const n = [];
   for (const e of t.fields)
     if (e instanceof q)
@@ -3144,28 +3163,28 @@ function Ki(t) {
     }
   return n;
 }
-function gs(t, n) {
-  const e = Ki(t), i = {};
+function vs(t, n) {
+  const e = Yi(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;
   }
   return i;
 }
-function vs(t, n) {
-  const e = Ki(t), i = {};
+function ys(t, n) {
+  const e = Yi(t), i = {};
   for (const r of e) {
     const o = n[r.identifier];
     i[r.identifier] = r.encodeValueToJson(o);
   }
   return i;
 }
-function Vt(t) {
+function jt(t) {
   return Array.isArray(t) && t.some((n) => n instanceof File || n instanceof Promise);
 }
-function Yi(t, n) {
+function Qi(t, n) {
   if (!t) return !0;
-  if (Vt(n) || Vt(t.value)) throw new Error("Conditions do not support file uploads");
+  if (jt(n) || jt(t.value)) throw new Error("Conditions do not support file uploads");
   const e = Array.isArray(n) ? n.map((r) => typeof r == "string" ? r : r.value) : n, i = Array.isArray(t.value) ? t.value.map((r) => typeof r == "string" ? r : r.value) : t.value;
   if (Array.isArray(i) && Array.isArray(e)) {
     for (const r of i)
@@ -3174,34 +3193,37 @@ function Yi(t, n) {
   }
   return i === n;
 }
-const Qi = O((t) => {
-  const { field: n, ...e } = t, { label: i, description: r, fields: o, condition: a } = n, { values: l, setFieldValue: f } = ye(), c = a != null && a.identifier ? Y(l, a.identifier) : void 0, d = A(
-    () => c === void 0 || Yi(a, c),
-    [a, c]
+const Ji = O((t) => {
+  const { field: n, ...e } = t, { label: i, description: r, fields: o, condition: s } = n, { values: l, setFieldValue: f } = be(), c = s != null && s.identifier ? Y(l, s.identifier) : void 0, d = A(
+    () => c === void 0 || Qi(s, c),
+    [s, c]
   );
   K(() => {
     if (!d)
       for (const h of o)
         f(h.getId(), "").then();
   }, [d, o, f]);
-  const u = ct(o, e);
-  return d ? /* @__PURE__ */ s(Ue, { children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ y("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ s(jn, { size: "lg", children: i }),
-      /* @__PURE__ */ s(Ve, { accentColor: "base", children: r })
+  const u = dt(o, e);
+  return d ? /* @__PURE__ */ a(Ue, { children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-4", children: [
+    (i || r) && /* @__PURE__ */ y(he, { children: [
+      /* @__PURE__ */ y("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ a(Wn, { size: "lg", children: i }),
+        /* @__PURE__ */ a(ye, { accentColor: "base", children: r })
+      ] }),
+      /* @__PURE__ */ a(Ht, { size: "full" })
     ] }),
     u
   ] }) }) : null;
 });
-Qi.displayName = "FieldSectionLayout";
-const Me = class Me extends Qn {
+Ji.displayName = "FieldSectionLayout";
+const ze = class ze extends Jn {
   constructor(e) {
-    const { label: i = null, fields: r, condition: o = null, conditional: a, ...l } = e;
+    const { label: i = null, fields: r, condition: o = null, conditional: s, ...l } = e;
     super({ ...l, type: "section" });
     w(this, "label");
     w(this, "fields");
     w(this, "condition");
-    this.fields = r, this.condition = o, this.label = i, a === !1 && (this.condition = null);
+    this.fields = r, this.condition = o, this.label = i, s === !1 && (this.condition = null);
   }
   static getFieldCreationSchema(e, i = "") {
     if (e.length === 0) return [];
@@ -3217,7 +3239,7 @@ const Me = class Me extends Qn {
       },
       {
         // Declare a section that will hold options for the condition (if any).
-        field: new Me({
+        field: new ze({
           label: "Conditional settings",
           identifier: `${r}conditional-settings`,
           // This section will only be rendered if the above "Conditional" field is checked.
@@ -3229,7 +3251,7 @@ const Me = class Me extends Qn {
           fields: [
             // Declare a select field that will be used to select the field against which we will check the
             // condition. This must be selected before the next field is rendered.
-            new pt({
+            new gt({
               label: "Field",
               description: "The field to use for the condition.",
               // The options (for the field against which we will check the condition) are all the labels of
@@ -3246,7 +3268,7 @@ const Me = class Me extends Qn {
             // Declare a custom field that will be used to input a value for the condition. The value of the
             // conditional field selected in the previous step must be equal to the value the user inputs into
             // this field for the section to be rendered.
-            new xa({
+            new Ea({
               label: "Value",
               identifier: `${r}condition.value`,
               required: !0,
@@ -3254,14 +3276,14 @@ const Me = class Me extends Qn {
               getFieldToClone(o) {
                 if (!o)
                   return null;
-                const a = e.find((l) => l.identifier === o);
-                return a ? {
-                  ...a,
+                const s = e.find((l) => l.identifier === o);
+                return s ? {
+                  ...s,
                   // Override some options to make it make sense in the context and to make it work with the framework.
                   label: "Value",
                   identifier: `${r}condition.value`,
                   description: "The value to compare against.",
-                  required: a.type !== "boolean"
+                  required: s.type !== "boolean"
                 } : (console.error("Could not find field with identifier", o), null);
               }
             })
@@ -3274,8 +3296,8 @@ const Me = class Me extends Qn {
   static deserialize(e) {
     if (e.type !== "section") throw new Error("Invalid type");
     if (!Array.isArray(e.fields)) throw new Error(`Invalid fields: ${e.fields} (not an array)`);
-    const i = e.fields.map(Xi);
-    return new Me({ ...e, fields: i });
+    const i = e.fields.map(Ki);
+    return new ze({ ...e, fields: i });
   }
   conditional() {
     return this.condition !== null;
@@ -3292,24 +3314,24 @@ const Me = class Me extends Qn {
   getErrors(e) {
     const i = {};
     for (const r of this.fields) {
-      const o = r.getId(), a = r.getError(Y(e, o), e);
-      a && Qt(i, r.getId(), a);
+      const o = r.getId(), s = r.getError(Y(e, o), e);
+      s && Jt(i, r.getId(), s);
     }
     return i;
   }
   getInput(e) {
-    return /* @__PURE__ */ s(Qi, { field: this, ...e });
+    return /* @__PURE__ */ a(Ji, { field: this, ...e });
   }
 };
-w(Me, "fieldTypeName", "Section"), w(Me, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let q = Me;
-const me = (t) => Object.keys(t).length > 0, pn = (t, n) => {
+w(ze, "fieldTypeName", "Section"), w(ze, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+let q = ze;
+const me = (t) => Object.keys(t).length > 0, gn = (t, n) => {
   const e = {};
   for (const i of t.fields)
     if (i instanceof q) {
       if (i.condition) {
         const { identifier: r } = i.condition;
-        if (!Yi(i.condition, Y(n, r)))
+        if (!Qi(i.condition, Y(n, r)))
           continue;
       }
       Object.assign(e, i.getErrors(n));
@@ -3317,27 +3339,27 @@ const me = (t) => Object.keys(t).length > 0, pn = (t, n) => {
       if (!(i instanceof G))
         throw new Error("Invalid field type");
       const r = i.getId(), o = i.getError(Y(n, r), n);
-      o && Qt(e, r, o);
+      o && Jt(e, r, o);
     }
   if (me(e)) return e;
-}, ja = [null, void 0], gn = (t, n) => t.reduce(
-  (e, i) => i instanceof q ? { ...e, ...gn(i.fields, n) } : (ja.includes(Y(e, i.getId())) && Qt(e, i.getId(), ""), e),
+}, Wa = [null, void 0], vn = (t, n) => t.reduce(
+  (e, i) => i instanceof q ? { ...e, ...vn(i.fields, n) } : (Wa.includes(Y(e, i.getId())) && Jt(e, i.getId(), ""), e),
   // TODO: Had to do this because of this error:
   //  > Uncaught TypeError: can't define property "description":
   //  > Object is not extensible"
   //  This means that we can't mutate `acc` because it's frozen for some
   //  unknown reason.
-  Ar(n)
-), Wa = () => {
+  Or(n)
+), qa = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
-}, qa = O(
+}, Ha = O(
   qe((t, n) => {
     const {
       schema: e,
       values: i = {},
-      onSubmit: r = Wa,
+      onSubmit: r = qa,
       submitText: o = "Submit",
-      cancelText: a,
+      cancelText: s,
       onCancel: l,
       onDirty: f,
       onDirtyChange: c,
@@ -3346,51 +3368,51 @@ const me = (t) => Object.keys(t).length > 0, pn = (t, n) => {
       hideDescription: u,
       className: h,
       buttonProps: g
-    } = t, { readonly: b } = e.meta, m = A(() => crypto.randomUUID(), []), v = Kt({
-      initialValues: gn(e.fields, i),
+    } = t, { readonly: b } = e.meta, m = A(() => crypto.randomUUID(), []), v = Yt({
+      initialValues: vn(e.fields, i),
       onSubmit: r,
-      validate: (I) => pn(e, I),
+      validate: (I) => gn(e, I),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
     }), { dirty: x } = v, E = A(
-      () => typeof e.title == "string" ? /* @__PURE__ */ s(jn, { size: "lg", children: e.title }) : e.title,
+      () => typeof e.title == "string" ? /* @__PURE__ */ a(Wn, { size: "md", children: e.title }) : e.title,
       [e.title]
     ), S = A(
-      () => typeof e.description == "string" ? /* @__PURE__ */ s(Ve, { accentColor: "base", children: e.description }) : e.description,
+      () => typeof e.description == "string" ? /* @__PURE__ */ a(ye, { accentColor: "base", children: e.description }) : e.description,
       [e.description]
-    ), C = ct(e.fields, { formId: m, disabled: b });
+    ), C = dt(e.fields, { formId: m, disabled: b });
     return K(() => {
       x && f && f(), c && c(x);
-    }, [x, f, c]), /* @__PURE__ */ s(Yt, { value: v, children: /* @__PURE__ */ y(
+    }, [x, f, c]), /* @__PURE__ */ a(Qt, { value: v, children: /* @__PURE__ */ y(
       "form",
       {
         id: m,
         ref: n,
-        className: Be(h, "flex flex-col gap-2"),
+        className: Ve(h, "flex flex-col gap-2"),
         onSubmit: v.handleSubmit,
         children: [
-          !d && /* @__PURE__ */ s(Ue, { children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-1", children: [
+          !d && /* @__PURE__ */ a(Ue, { children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-1", children: [
             E,
             !u && S
           ] }) }),
           C,
           !b && /* @__PURE__ */ y("div", { className: "flex items-center justify-end gap-2", children: [
-            a && /* @__PURE__ */ y(
+            s && /* @__PURE__ */ y(
               X,
               {
-                accentColor: ae.danger,
+                accentColor: ue.danger,
                 ...g,
                 type: "button",
                 onClick: l,
                 children: [
-                  /* @__PURE__ */ s(T, { icon: "RiCloseLine" }),
-                  a
+                  /* @__PURE__ */ a(T, { icon: "RiCloseLine" }),
+                  s
                 ]
               }
             ),
             /* @__PURE__ */ y(X, { ...g, type: "submit", disabled: !v.isValid, accentColor: "success", children: [
-              /* @__PURE__ */ s(T, { icon: "RiCheckLine" }),
+              /* @__PURE__ */ a(T, { icon: "RiCheckLine" }),
               o
             ] })
           ] })
@@ -3398,10 +3420,10 @@ const me = (t) => Object.keys(t).length > 0, pn = (t, n) => {
       }
     ) });
   })
-), $e = O((t) => {
-  const { name: n, render: e } = t, { submitForm: i } = ye(), [r, o, a] = Xt(n), l = A(() => {
+), Be = O((t) => {
+  const { name: n, render: e } = t, { submitForm: i } = be(), [r, o, s] = Kt(n), l = A(() => {
     const f = (c) => {
-      a.setValue(c, !1);
+      s.setValue(c, !1);
     };
     return e({
       value: r.value,
@@ -3411,13 +3433,13 @@ const me = (t) => Object.keys(t).length > 0, pn = (t, n) => {
         i();
       }
     });
-  }, [e, r.value, o, i, a]);
-  return /* @__PURE__ */ s(he, { children: l });
+  }, [e, r.value, o, i, s]);
+  return /* @__PURE__ */ a(he, { children: l });
 });
-$e.displayName = "PatchField";
-const ys = O(
+Be.displayName = "PatchField";
+const bs = O(
   qe((t, n) => {
-    const { children: e, schema: i, values: r, onPatch: o, onError: a, requiresDiff: l = !0, onDirtyChange: f, ...c } = t, d = A(() => gn(i.fields, r), [i.fields, r]), u = N(
+    const { children: e, schema: i, values: r, onPatch: o, onError: s, requiresDiff: l = !0, onDirtyChange: f, ...c } = t, d = A(() => vn(i.fields, r), [i.fields, r]), u = N(
       (E) => {
         const S = {};
         for (const C in E) {
@@ -3435,15 +3457,15 @@ const ys = O(
       [u, o, l]
     ), g = N(
       (E) => {
-        const S = pn(i, E);
-        if (S && a(S), f) {
+        const S = gn(i, E);
+        if (S && s(S), f) {
           const C = u(E);
           f(me(C));
         }
         return S;
       },
-      [i, f, a, u]
-    ), b = Kt({
+      [i, f, s, u]
+    ), b = Yt({
       initialValues: d,
       onSubmit: h,
       validate: g,
@@ -3458,16 +3480,16 @@ const ys = O(
     }, [b.values, u, f]), { errors: v, resetForm: x } = b;
     return K(() => {
       me(v) && x({ values: d, errors: {} });
-    }, [v, d, x]), /* @__PURE__ */ s(Yt, { value: b, children: /* @__PURE__ */ s("form", { ...c, ref: n, onSubmit: b.handleSubmit, onChange: m, children: e }) });
+    }, [v, d, x]), /* @__PURE__ */ a(Qt, { value: b, children: /* @__PURE__ */ a("form", { ...c, ref: n, onSubmit: b.handleSubmit, onChange: m, children: e }) });
   })
-), rt = "form-builder", Ha = [
+), rt = "form-builder", Ga = [
   ["string", "text"],
   ["select", "multi-select", "upload", "qr"],
   ["boolean", "date", "number", "multi-string"]
-], Bt = {
-  ...mn,
+], Wt = {
+  ...hn,
   section: q
-}, Ga = (t, n) => {
+}, Xa = (t, n) => {
   var i;
   const e = { ...t };
   switch (n.type) {
@@ -3482,7 +3504,7 @@ const ys = O(
     case "update":
       return n.state;
   }
-}, Xa = (t, n) => {
+}, Ka = (t, n) => {
   if (n)
     for (let e = 0; e < t.length; e++) {
       const i = t[e];
@@ -3491,42 +3513,42 @@ const ys = O(
           if (r.identifier === n) return e;
       }
     }
-}, $n = (t) => {
+}, Bn = (t) => {
   var e, i, r;
   const n = {};
   for (let o = 0; o < t.length; o++) {
-    const a = t[o];
-    if (!a) throw new Error("Field is undefined.");
+    const s = t[o];
+    if (!s) throw new Error("Field is undefined.");
     const l = o > 0 ? (e = n[t[o - 1].identifier]) == null ? void 0 : e.conditionFields : void 0, f = new Set(l);
-    (i = a.condition) != null && i.identifier && f.add(a.condition.identifier), n[a.identifier] = {
+    (i = s.condition) != null && i.identifier && f.add(s.condition.identifier), n[s.identifier] = {
       disabled: !1,
       conditionFields: f,
-      conditionIndex: Xa(t, (r = a.condition) == null ? void 0 : r.identifier),
+      conditionIndex: Ka(t, (r = s.condition) == null ? void 0 : r.identifier),
       index: o,
-      label: a.label
+      label: s.label
     };
   }
   return n;
-}, vn = O((t) => {
-  const { index: n, type: e, sectionIndex: i, remove: r, duplicate: o, move: a, upload: l } = t;
+}, yn = O((t) => {
+  const { index: n, type: e, sectionIndex: i, remove: r, duplicate: o, move: s, upload: l } = t;
   if (e !== "section" && !l)
     throw new Error("Upload function prop must be defined for non-section fields.");
-  const { values: f } = ye(), c = ne(null), d = A(() => {
+  const { values: f } = be(), c = ne(null), d = A(() => {
     const u = [
       {
-        Icon: Rr,
+        Icon: Nr,
         key: "duplicate",
         text: "Duplicate",
         buttonProps: { onClick: o }
       }
     ];
     return u.push({
-      Icon: Nr,
+      Icon: Tr,
       key: "delete",
       text: "Delete",
       buttonProps: { onClick: r }
     }), e !== "section" && u.unshift({
-      Icon: Tr,
+      Icon: Lr,
       key: "upload",
       text: "Upload image",
       buttonProps: {
@@ -3536,86 +3558,86 @@ const ys = O(
         }
       }
     }), (i === void 0 && n !== f.fields.length - 1 || i !== void 0 && (i < f.fields.length - 1 || n !== f.fields[i].fields.length - 1)) && u.unshift({
-      Icon: Lr,
+      Icon: Fr,
       key: "moveDown",
       text: "Move down",
       buttonProps: {
         onClick: () => {
-          a("down");
+          s("down");
         }
       }
     }), (i === void 0 && n !== 0 || i !== void 0 && (i !== 0 || n !== 0)) && u.unshift({
-      Icon: Fr,
+      Icon: Dr,
       key: "moveUp",
       text: "Move up",
       buttonProps: {
         onClick: () => {
-          a("up");
+          s("up");
         }
       }
     }), u;
-  }, [o, n, a, r, i, e, f.fields]);
+  }, [o, n, s, r, i, e, f.fields]);
   return /* @__PURE__ */ y(he, { children: [
-    /* @__PURE__ */ s("div", { className: "mx-2 hidden flex-col gap-5 sm:flex", children: d.map((u) => /* @__PURE__ */ s(
-      V,
+    /* @__PURE__ */ a(bt, { className: "mx-2 hidden flex-col gap-0.5 sm:flex", variant: "ghost", accentColor: "base", size: "sm", children: d.map((u) => /* @__PURE__ */ a(
+      B,
       {
         type: "button",
-        variant: "ghost",
-        accentColor: u.key.startsWith("move") ? "base" : void 0,
         "aria-label": u.text,
         ...u.buttonProps,
-        children: /* @__PURE__ */ s(u.Icon, {})
+        children: /* @__PURE__ */ a(u.Icon, {})
       },
       u.key
     )) }),
-    /* @__PURE__ */ s("div", { className: "sm:hidden", children: /* @__PURE__ */ y(M.Root, { children: [
-      /* @__PURE__ */ s(M.ClickTrigger, { children: /* @__PURE__ */ s(V, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ s(T, { icon: "RiMore2Line" }) }) }),
-      /* @__PURE__ */ s(M.Content, { children: d.map((u) => {
+    /* @__PURE__ */ a("div", { className: "sm:hidden", children: /* @__PURE__ */ y(M.Root, { children: [
+      /* @__PURE__ */ a(M.ClickTrigger, { children: /* @__PURE__ */ a(B, { variant: "ghost", accentColor: "base", "aria-label": "Actions menu", size: "sm", children: /* @__PURE__ */ a(T, { icon: "RiMore2Line" }) }) }),
+      /* @__PURE__ */ a(M.Content, { children: d.map((u) => {
         var h;
         return /* @__PURE__ */ y(M.Item, { onClick: (h = u.buttonProps) == null ? void 0 : h.onClick, children: [
-          /* @__PURE__ */ s(u.Icon, {}),
+          /* @__PURE__ */ a(u.Icon, {}),
           u.text
         ] }, u.key);
       }) })
     ] }) }),
-    e !== "section" && /* @__PURE__ */ s("input", { style: { display: "none" }, ref: c, type: "file", accept: "image/*", onChange: l })
+    e !== "section" && /* @__PURE__ */ a("input", { style: { display: "none" }, ref: c, type: "file", accept: "image/*", onChange: l })
   ] });
 });
-vn.displayName = "FieldActions";
-const Ji = (t = () => null) => A(() => Ha.map((n) => n.map((e) => {
-  const i = mn[e], r = i.Icon;
+yn.displayName = "FieldActions";
+const Zi = (t = () => null) => A(() => Ga.map((n) => n.map((e) => {
+  const i = hn[e], r = i.Icon;
   return {
     children: i.fieldTypeName,
-    icon: /* @__PURE__ */ s(r, {}),
+    icon: /* @__PURE__ */ a(r, {}),
     value: e,
     onSelect: () => {
       t(e);
     }
   };
-})), [t]), fe = (t) => t.type === "section", Ut = O((t) => {
+})), [t]), fe = (t) => t.type === "section", qt = O((t) => {
   const { popoverInputs: n, hasError: e } = t;
   return /* @__PURE__ */ y(oe.Root, { children: [
-    /* @__PURE__ */ s(oe.Trigger, { children: /* @__PURE__ */ y(
+    /* @__PURE__ */ a(oe.Trigger, { asChild: !0, children: /* @__PURE__ */ y(
       X,
       {
         variant: "soft",
+        type: "button",
         size: "sm",
         "aria-label": "settings",
-        ...e && { color: ae.danger },
+        accentColor: "base",
+        ...e && { color: ue.danger },
         children: [
-          /* @__PURE__ */ s(T, { icon: "RiSettings2Line" }),
-          /* @__PURE__ */ s("span", { children: "Settings" })
+          /* @__PURE__ */ a(T, { icon: "RiSettings2Line" }),
+          /* @__PURE__ */ a("span", { children: "Settings" })
         ]
       },
       "settings"
     ) }),
-    /* @__PURE__ */ s(oe.Content, { size: "sm", children: /* @__PURE__ */ s("div", { className: "flex max-w-[240px] flex-col", children: n }) })
+    /* @__PURE__ */ a(oe.Content, { size: "sm", children: /* @__PURE__ */ a("div", { className: "flex max-w-[240px] flex-col", children: n }) })
   ] });
 });
-Ut.displayName = "FieldSettingsPopover";
-const yn = O((t) => {
-  var He, xt, bn, wn, Cn;
-  const { parentPath: n, index: e, initial: i, conditionalSourceFields: r } = t, { values: o, setFieldValue: a, errors: l } = ye(), f = Ji(), c = en(), d = ne(null), u = 576, [h, g] = H(
+qt.displayName = "FieldSettingsPopover";
+const bn = O((t) => {
+  var He, It, wn, Cn, xn;
+  const { parentPath: n, index: e, initial: i, conditionalSourceFields: r } = t, { values: o, setFieldValue: s, errors: l } = be(), f = Zi(), c = tn(), d = ne(null), u = 576, [h, g] = H(
     d.current && d.current.getBoundingClientRect().width >= u
   );
   K(() => {
@@ -3637,31 +3659,31 @@ const yn = O((t) => {
     (D) => {
       D.stopPropagation();
       const { image: k, ...W } = i;
-      a(`${n}.${e}`, W).then();
+      s(`${n}.${e}`, W).then();
     },
-    [e, i, n, a]
+    [e, i, n, s]
   );
   K(() => {
-    fe(i) && !i.conditional && a(`${n}.${e}.condition`, null).then();
-  }, [e, i, n, a]);
+    fe(i) && !i.conditional && s(`${n}.${e}.condition`, null).then();
+  }, [e, i, n, s]);
   const E = A(
     () => {
       var D, k;
-      return fe(i) ? (k = ki(o.fields, (D = i.condition) == null ? void 0 : D.identifier)) == null ? void 0 : k.label : void 0;
+      return fe(i) ? (k = Mi(o.fields, (D = i.condition) == null ? void 0 : D.identifier)) == null ? void 0 : k.label : void 0;
     },
     [i, o.fields]
   ), S = fe(i) ? Array.isArray((He = i.condition) == null ? void 0 : He.value) ? "contains all of" : "equals" : void 0;
   let C;
   if (fe(i)) {
-    if (Vt((xt = i.condition) == null ? void 0 : xt.value))
+    if (jt((It = i.condition) == null ? void 0 : It.value))
       throw new Error("File values are not supported for conditions.");
-    C = Array.isArray((bn = i.condition) == null ? void 0 : bn.value) ? i.condition.value.map((D) => typeof D == "string" ? D : D.label).join(", ") : (Cn = (wn = i.condition) == null ? void 0 : wn.value) == null ? void 0 : Cn.toString();
+    C = Array.isArray((wn = i.condition) == null ? void 0 : wn.value) ? i.condition.value.map((D) => typeof D == "string" ? D : D.label).join(", ") : (xn = (Cn = i.condition) == null ? void 0 : Cn.value) == null ? void 0 : xn.toString();
   }
   const I = N((D) => {
     D.target.parentNode instanceof HTMLElement && (D.target.parentNode.dataset.replicatedValue = D.target.value);
   }, []), L = N((D) => {
     D.target.parentNode instanceof HTMLElement && (D.target.parentNode.dataset.replicatedValue = D.target.value);
-  }, []), R = i.type, F = Bt[R], [B, z] = A(() => {
+  }, []), R = i.type, F = Wt[R], [V, _] = A(() => {
     let D = [], k = [];
     if (F === q) {
       if (r === void 0)
@@ -3687,92 +3709,93 @@ const yn = O((t) => {
       ]) : k = [...k, ...W.map((j) => j.field)];
     }
     return [D, k];
-  }, [F, r, n, e, h]), P = ct(B, {
+  }, [F, r, n, e, h]), P = dt(V, {
     formId: rt,
     disabled: !1,
     internal: !0,
     ...F === q && { size: "sm" }
-  }), $ = ct(z, {
+  }), $ = dt(_, {
     formId: rt,
     disabled: !1
   });
-  let _ = z.length > 0;
-  fe(i) && z.length > 0 && (_ = i.conditional);
-  const Z = z.some((D) => {
+  let z = _.length > 0;
+  fe(i) && _.length > 0 && (z = i.conditional);
+  const Z = _.some((D) => {
     const k = Y(l, F === q ? `${n}.${e}.condition` : D.getId());
     return k && (typeof k != "object" || me(k));
-  }), we = Z ? ae.danger : void 0, je = A(() => hn(i), [i]), Ct = Oi(je, { formId: rt, showInputOnly: !1 }), le = A(
+  }), Ce = Z ? ue.danger : void 0, je = A(() => pn(i), [i]), Et = Pi(je, { formId: rt, showInputOnly: !1 }), se = A(
     () => f.flat().find((D) => D.value === R),
     [f, R]
-  ), Ce = N(() => {
+  ), xe = N(() => {
     b && c(() => ({
       file: b
     }));
   }, [c, b]);
-  return /* @__PURE__ */ s("div", { className: "flex grow items-center w-full", ref: d, children: /* @__PURE__ */ y("div", { className: "flex w-full flex-col gap-4", children: [
-    F === q && /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
-      B.length > 0 && P,
-      /* @__PURE__ */ y("div", { className: "flex items-center gap-4", children: [
-        _ && /* @__PURE__ */ s(Ut, { popoverInputs: $, hasError: Z }),
-        fe(i) && i.conditional && /* @__PURE__ */ s("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": we, children: /* @__PURE__ */ y("em", { children: [
+  return /* @__PURE__ */ a("div", { className: "flex grow items-center w-full", ref: d, children: /* @__PURE__ */ y("div", { className: "flex w-full flex-col gap-2", children: [
+    F === q && (V.length > 0 || z) && /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
+      P,
+      z && /* @__PURE__ */ y("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ a(qt, { popoverInputs: $, hasError: Z }),
+        fe(i) && i.conditional && /* @__PURE__ */ a("span", { className: "text-sm text-(--accent-a11)", "data-accent-color": Ce, children: /* @__PURE__ */ y("em", { children: [
           "Display only if ",
-          /* @__PURE__ */ s("strong", { children: E }),
+          /* @__PURE__ */ a("strong", { children: E }),
           " ",
           S,
           " ",
-          /* @__PURE__ */ s("strong", { children: C })
+          /* @__PURE__ */ a("strong", { children: C })
         ] }) })
       ] })
     ] }),
     F !== q && /* @__PURE__ */ y("div", { className: "flex gap-2 w-full justify-between", children: [
       /* @__PURE__ */ y("div", { className: "flex gap-2 items-center", children: [
-        /* @__PURE__ */ y(jt, { accentColor: "base", variant: "soft", children: [
-          le == null ? void 0 : le.icon,
-          le == null ? void 0 : le.children
+        /* @__PURE__ */ y(ot, { accentColor: "base", variant: "soft", size: "sm", children: [
+          se == null ? void 0 : se.icon,
+          se == null ? void 0 : se.children
         ] }),
-        /* @__PURE__ */ s(
-          $e,
+        /* @__PURE__ */ a(
+          Be,
           {
             name: `${n}.${e}.required`,
             render: ({ setValue: D, value: k }) => /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(ot.Root, { checked: k, onCheckedChange: D, children: /* @__PURE__ */ s(ot.Indicator, { children: /* @__PURE__ */ s(T, { icon: "RiCheckLine" }) }) }),
-              /* @__PURE__ */ s(Ve, { size: "sm", accentColor: "base", children: "Required" })
+              /* @__PURE__ */ a(at.Root, { checked: k, onCheckedChange: D, size: "sm", children: /* @__PURE__ */ a(at.Indicator, { children: /* @__PURE__ */ a(T, { icon: "RiCheckLine" }) }) }),
+              /* @__PURE__ */ a(ye, { size: "sm", accentColor: "base", children: "Required" })
             ] })
           }
         )
       ] }),
-      _ && /* @__PURE__ */ s(Ut, { popoverInputs: $, hasError: Z })
+      z && /* @__PURE__ */ a(qt, { popoverInputs: $, hasError: Z })
     ] }),
     b && /* @__PURE__ */ y("div", { className: "group relative inline-block w-full min-w-[300px]", children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         "img",
         {
           className: "h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",
           src: v,
           alt: b.name,
-          onClick: Ce
+          onClick: xe
         }
       ),
-      /* @__PURE__ */ s(
-        V,
+      /* @__PURE__ */ a(
+        B,
         {
           className: "absolute top-2 right-2 hidden group-hover:not-disabled:flex",
           variant: "solid",
-          accentColor: ae.danger,
+          accentColor: "base",
           "aria-label": "delete",
           onClick: x,
-          children: /* @__PURE__ */ s(T, { icon: "RiDeleteBin2Line" })
+          size: "sm",
+          children: /* @__PURE__ */ a(T, { icon: "RiDeleteBin7Fill" })
         }
       )
     ] }),
-    /* @__PURE__ */ s(
-      $e,
+    /* @__PURE__ */ a(
+      Be,
       {
         name: `${n}.${e}.label`,
-        render: ({ setValue: D, value: k }) => /* @__PURE__ */ s(
+        render: ({ setValue: D, value: k }) => /* @__PURE__ */ a(
           "input",
           {
-            className: "bg-transparent outline-none text-base",
+            className: "bg-transparent outline-none text-sm",
             placeholder: R === "section" ? "Enter a section label (optional)" : "Enter your question",
             value: k,
             onChange: (W) => {
@@ -3784,14 +3807,14 @@ const yn = O((t) => {
         )
       }
     ),
-    /* @__PURE__ */ s(
-      $e,
+    /* @__PURE__ */ a(
+      Be,
       {
         name: `${n}.${e}.description`,
-        render: ({ setValue: D, value: k }) => /* @__PURE__ */ s(
+        render: ({ setValue: D, value: k }) => /* @__PURE__ */ a(
           "textarea",
           {
-            className: "bg-transparent outline-none text-base field-sizing-content grow",
+            className: "bg-transparent outline-none text-sm field-sizing-content grow",
             placeholder: `Enter a ${R === "section" ? "section" : "field"} description (optional)`,
             value: k,
             onChange: (W) => {
@@ -3803,19 +3826,19 @@ const yn = O((t) => {
         )
       }
     ),
-    F !== q && B.length > 0 && /* @__PURE__ */ s("div", { className: "w-full", children: P }),
-    F !== q && /* @__PURE__ */ y(he, { children: [
-      /* @__PURE__ */ s(qt, { size: "full" }),
-      /* @__PURE__ */ y(Ue, { className: "flex flex-col gap-2 bg-(--accent-a2)", children: [
-        /* @__PURE__ */ s(Ve, { accentColor: "base", children: "Field preview" }),
-        /* @__PURE__ */ s("div", { children: Ct })
-      ] })
+    F !== q && V.length > 0 && /* @__PURE__ */ a("div", { className: "w-full", children: P }),
+    F !== q && /* @__PURE__ */ y(Ue, { className: "flex gap-4 bg-(--accent-a2) items-center", children: [
+      /* @__PURE__ */ y(St.Root, { children: [
+        /* @__PURE__ */ a(St.Trigger, { asChild: !0, children: /* @__PURE__ */ a(ot, { icon: !0, size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ a(T, { icon: "RiEyeLine" }) }) }),
+        /* @__PURE__ */ a(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." })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "grow", children: Et })
     ] })
   ] }) });
 });
-yn.displayName = "FieldBuilder";
-const Zi = O((t) => {
-  const { field: n, index: e, sectionIndex: i, remove: r } = t, { setFieldValue: o, values: a } = ye(), { reorderField: l } = fn(), { showError: f } = Ht(), c = `fields.${i}.fields`, d = A(
+bn.displayName = "FieldBuilder";
+const er = O((t) => {
+  const { field: n, index: e, sectionIndex: i, remove: r } = t, { setFieldValue: o, values: s } = be(), { reorderField: l } = mn(), { showError: f } = Gt(), c = `fields.${i}.fields`, d = A(
     () => ({
       index: e,
       parentPath: c,
@@ -3827,13 +3850,13 @@ const Zi = O((t) => {
       ...n,
       label: b
     };
-    ft(c, e + 1, m, a, o);
-  }, [n, c, e, a, o]), h = N(
+    mt(c, e + 1, m, s, o);
+  }, [n, c, e, s, o]), h = N(
     (b) => {
-      const m = i, v = a.fields[m];
+      const m = i, v = s.fields[m];
       let x = i, E = b === "up" ? e - 1 : e + 1;
-      b === "up" && e === 0 ? (x = i - 1, E = a.fields[x].fields.length) : b === "down" && e === v.fields.length - 1 && (x = i + 1, E = 0);
-      const S = a.fields[x];
+      b === "up" && e === 0 ? (x = i - 1, E = s.fields[x].fields.length) : b === "down" && e === v.fields.length - 1 && (x = i + 1, E = 0);
+      const S = s.fields[x];
       l(
         v,
         m,
@@ -3844,14 +3867,14 @@ const Zi = O((t) => {
         o
       );
     },
-    [i, a.fields, e, l, o]
+    [i, s.fields, e, l, o]
   ), g = N(
     (b) => {
       const { files: m } = b.target;
       if (!m || m.length !== 1) return;
       const v = m.item(0);
       if (v) {
-        if (v.size > Ba) {
+        if (v.size > Ua) {
           f({
             title: "File upload error",
             description: `The file ${v.name} exceeded the maximum file size`
@@ -3866,7 +3889,7 @@ const Zi = O((t) => {
     },
     [n, e, c, o, f]
   );
-  return /* @__PURE__ */ s(Zt, { draggableId: n.identifier, index: e, children: (b) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(en, { draggableId: n.identifier, index: e, children: (b) => /* @__PURE__ */ a(
     Ue,
     {
       ref: b.innerRef,
@@ -3874,9 +3897,9 @@ const Zi = O((t) => {
       ...b.dragHandleProps,
       className: "mb-4",
       children: /* @__PURE__ */ y("div", { className: "flex items-center justify-between gap-4 w-full", children: [
-        /* @__PURE__ */ s(yn, { ...d }),
-        /* @__PURE__ */ s(
-          vn,
+        /* @__PURE__ */ a(bn, { ...d }),
+        /* @__PURE__ */ a(
+          yn,
           {
             index: e,
             type: n.type,
@@ -3891,17 +3914,17 @@ const Zi = O((t) => {
     }
   ) });
 });
-Zi.displayName = "FieldWithActions";
-const er = O((t) => {
+er.displayName = "FieldWithActions";
+const tr = O((t) => {
   var S;
-  const { field: n, index: e, dropState: i, fieldsOnly: r } = t, o = (S = i[n.identifier]) == null ? void 0 : S.disabled, { setFieldValue: a, values: l } = ye(), f = or(), { reorderSection: c } = fn(), d = N(
+  const { field: n, index: e, dropState: i, fieldsOnly: r } = t, o = (S = i[n.identifier]) == null ? void 0 : S.disabled, { setFieldValue: s, values: l } = be(), f = ar(), { reorderSection: c } = mn(), d = N(
     (C, I) => {
       for (const L of C) {
         const R = I.indexOf(L);
-        a(`fields.${R}.condition`, null).then(), a(`fields.${R}.conditional`, !1).then();
+        s(`fields.${R}.condition`, null).then(), s(`fields.${R}.conditional`, !1).then();
       }
     },
-    [a]
+    [s]
   ), u = N(
     (C) => {
       var R;
@@ -3913,20 +3936,20 @@ const er = O((t) => {
       return {
         removing: I,
         affectedSections: L,
-        action: () => a(`fields.${e}.fields`, ut(n.fields, C))
+        action: () => s(`fields.${e}.fields`, ft(n.fields, C))
       };
     },
-    [n.fields, l.fields, a, e]
+    [n.fields, l.fields, s, e]
   ), h = N(
     (C) => {
       const { affectedSections: I, action: L, removing: R } = u(C), F = () => {
         L().then(), d(I, l.fields);
       };
       if (I.length > 0) {
-        const B = I.map((z) => z.label).join(", ");
+        const V = I.map((_) => _.label).join(", ");
         f({
           title: "Remove condition?",
-          description: `${R.label} is being used as a condition, deleting it will remove the condition from the ${B} section(s).`,
+          description: `${R.label} is being used as a condition, deleting it will remove the condition from the ${V} section(s).`,
           action: "Remove",
           onAction: F
         });
@@ -3936,15 +3959,15 @@ const er = O((t) => {
     },
     [u, d, l.fields, f]
   ), g = N(() => {
-    const I = n.fields.map(($, _) => u(_)).flatMap(($) => $.affectedSections), L = I.length ? "Remove fields and conditions?" : "Remove fields?", R = n.fields.length, F = I.map(($) => $.label).join(", "), B = I.length ? `Deleting this section will remove the ${R} field(s) it contains and will remove the conditions from following sections: ${F}` : `Deleting this section will remove the ${R} field(s) it contains.`, z = ut(l.fields, e), P = () => a("fields", z);
+    const I = n.fields.map(($, z) => u(z)).flatMap(($) => $.affectedSections), L = I.length ? "Remove fields and conditions?" : "Remove fields?", R = n.fields.length, F = I.map(($) => $.label).join(", "), V = I.length ? `Deleting this section will remove the ${R} field(s) it contains and will remove the conditions from following sections: ${F}` : `Deleting this section will remove the ${R} field(s) it contains.`, _ = ft(l.fields, e), P = () => s("fields", _);
     if (I.length > 0) {
       f({
         title: L,
-        description: B,
+        description: V,
         action: "Remove",
         onAction: () => {
           P().then(() => {
-            d(I, z);
+            d(I, _);
           });
         }
       });
@@ -3956,42 +3979,42 @@ const er = O((t) => {
     l.fields,
     e,
     u,
-    a,
+    s,
     f,
     d
   ]), b = N(
     (C) => {
       const I = C === "up" ? e - 1 : e + 1;
-      c(i, n.identifier, e, I, l, a);
+      c(i, n.identifier, e, I, l, s);
     },
-    [e, c, i, n.identifier, l, a]
+    [e, c, i, n.identifier, l, s]
   ), m = A(
     () => ({
       index: e,
       parentPath: "fields",
       initial: n,
-      conditionalSourceFields: Mi(l.fields, e)
+      conditionalSourceFields: zi(l.fields, e)
     }),
     [n, e, l.fields]
   ), v = N(() => {
     const C = n.label ?? "Untitled section", I = n.fields.map((R) => ({
       ...R,
-      identifier: un(null, R.label)
+      identifier: fn(null, R.label)
     })), L = { ...n, label: C, fields: I };
-    ft("fields", e + 1, L, l, a);
-  }, [n, e, l, a]), x = N(
+    mt("fields", e + 1, L, l, s);
+  }, [n, e, l, s]), x = N(
     (C) => {
-      ft(
+      mt(
         `fields.${e}.fields`,
         n.fields.length,
-        $a[C],
+        Ba[C],
         l,
-        a
+        s
       );
     },
-    [e, n.fields.length, l, a]
-  ), E = Ji(x);
-  return /* @__PURE__ */ s(Zt, { draggableId: n.identifier, index: e, children: (C) => /* @__PURE__ */ s(
+    [e, n.fields.length, l, s]
+  ), E = Zi(x);
+  return /* @__PURE__ */ a(en, { draggableId: n.identifier, index: e, children: (C) => /* @__PURE__ */ a(
     Ue,
     {
       ref: C.innerRef,
@@ -4001,9 +4024,9 @@ const er = O((t) => {
       className: "mb-4 w-full",
       children: /* @__PURE__ */ y("div", { className: "flex items-center justify-between gap-3 w-full", children: [
         /* @__PURE__ */ y("div", { className: "flex grow flex-col gap-2 w-full", children: [
-          !r && /* @__PURE__ */ s(yn, { ...m }),
-          /* @__PURE__ */ s(
-            Jt,
+          !r && /* @__PURE__ */ a(bn, { ...m }),
+          /* @__PURE__ */ a(
+            Zt,
             {
               droppableId: n.identifier,
               type: "SECTION",
@@ -4015,8 +4038,8 @@ const er = O((t) => {
                   ref: I.innerRef,
                   ...I.droppableProps,
                   children: [
-                    n.fields.map((L, R) => /* @__PURE__ */ s(
-                      Zi,
+                    n.fields.map((L, R) => /* @__PURE__ */ a(
+                      er,
                       {
                         field: L,
                         index: R,
@@ -4029,11 +4052,11 @@ const er = O((t) => {
                     )),
                     I.placeholder,
                     /* @__PURE__ */ y(M.Root, { children: [
-                      /* @__PURE__ */ s(M.ClickTrigger, { children: /* @__PURE__ */ y(X, { type: "button", variant: "solid", children: [
-                        /* @__PURE__ */ s(T, { icon: "RiAddLine" }),
+                      /* @__PURE__ */ a(M.ClickTrigger, { children: /* @__PURE__ */ y(X, { type: "button", variant: "soft", children: [
+                        /* @__PURE__ */ a(T, { icon: "RiAddLine" }),
                         " Add field"
                       ] }) }),
-                      /* @__PURE__ */ s(M.Content, { children: E.flat().map((L) => /* @__PURE__ */ y(M.Item, { onSelect: L.onSelect, children: [
+                      /* @__PURE__ */ a(M.Content, { children: E.flat().map((L) => /* @__PURE__ */ y(M.Item, { onSelect: L.onSelect, children: [
                         L.icon,
                         L.children
                       ] }, L.value)) })
@@ -4044,8 +4067,8 @@ const er = O((t) => {
             }
           )
         ] }),
-        !r && /* @__PURE__ */ s(
-          vn,
+        !r && /* @__PURE__ */ a(
+          yn,
           {
             index: e,
             type: n.type,
@@ -4058,14 +4081,14 @@ const er = O((t) => {
     }
   ) });
 });
-er.displayName = "FieldSectionWithActions";
+tr.displayName = "FieldSectionWithActions";
 const Vn = (t, n) => {
   for (const [e, i] of Object.entries(t))
     if (i.identifier === n) return [i, e];
-}, tr = O((t) => {
-  const { fieldsOnly: n } = t, { values: e, setFieldValue: i } = ye(), [r, o] = dr(Ga, e.fields, $n), { reorderSection: a, reorderField: l } = fn();
+}, nr = O((t) => {
+  const { fieldsOnly: n } = t, { values: e, setFieldValue: i } = be(), [r, o] = ur(Xa, e.fields, Bn), { reorderSection: s, reorderField: l } = mn();
   K(() => {
-    o({ type: "update", state: $n(e.fields) });
+    o({ type: "update", state: Bn(e.fields) });
   }, [o, e.fields]);
   const f = N((u) => {
     u.type === "SECTION" && o({ type: "hold", fieldId: u.draggableId });
@@ -4074,7 +4097,7 @@ const Vn = (t, n) => {
       const { source: h, destination: g, type: b, reason: m, draggableId: v } = u;
       if (o({ type: "release" }), !g || m === "CANCEL") return;
       if (b === "ROOT") {
-        a(r, v, h.index, g.index, e, i);
+        s(r, v, h.index, g.index, e, i);
         return;
       }
       if (b !== "SECTION") throw new Error("Unexpected droppable type.");
@@ -4089,23 +4112,23 @@ const Vn = (t, n) => {
         i
       );
     },
-    [e, l, i, a, r]
+    [e, l, i, s, r]
   ), d = N(
     (u) => {
-      Ia(u + 1, e, i);
+      Sa(u + 1, e, i);
     },
     [e, i]
   );
-  return /* @__PURE__ */ s(Gn, { onDragStart: f, onDragEnd: c, children: /* @__PURE__ */ s(Jt, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ y(
+  return /* @__PURE__ */ a(Xn, { onDragStart: f, onDragEnd: c, children: /* @__PURE__ */ a(Zt, { droppableId: "droppable", type: "ROOT", children: (u) => /* @__PURE__ */ y(
     "div",
     {
       className: "flex flex-col gap-0",
       ref: u.innerRef,
       ...u.droppableProps,
       children: [
-        e.fields.map((h, g) => /* @__PURE__ */ y(ur, { children: [
-          /* @__PURE__ */ s(
-            er,
+        e.fields.map((h, g) => /* @__PURE__ */ y(fr, { children: [
+          /* @__PURE__ */ a(
+            tr,
             {
               field: h,
               index: g,
@@ -4124,7 +4147,7 @@ const Vn = (t, n) => {
                 d(g);
               },
               children: [
-                /* @__PURE__ */ s(T, { icon: "RiAddLine" }),
+                /* @__PURE__ */ a(T, { icon: "RiAddLine" }),
                 " Add section"
               ]
             }
@@ -4141,7 +4164,7 @@ const Vn = (t, n) => {
               d(e.fields.length);
             },
             children: [
-              /* @__PURE__ */ s(T, { icon: "RiAddLine" }),
+              /* @__PURE__ */ a(T, { icon: "RiAddLine" }),
               " Add section"
             ]
           }
@@ -4151,39 +4174,39 @@ const Vn = (t, n) => {
     }
   ) }) });
 });
-tr.displayName = "FieldsEditor";
-const Ka = () => {
+nr.displayName = "FieldsEditor";
+const Ya = () => {
   alert("This is a form preview, your data will not be saved.");
-}, bs = O(
+}, ws = O(
   qe((t, n) => {
     const {
       onCancel: e,
       onSave: i,
       revision: r,
       initialTitle: o,
-      showExplainerText: a = !0,
+      showExplainerText: s = !0,
       showFormTitle: l = !0,
       fieldsOnly: f = !1,
       showTabs: c = !0,
       tabsListClassName: d,
       hydrateRevisionWithImages: u
-    } = t, { showError: h } = Ht(), g = N(
+    } = t, { showError: h } = Gt(), g = N(
       (E) => {
         const S = {};
         E.title || (S.title = "Title is required."), (!E.fields || E.fields.length === 0) && (S.fields = "At least one field is required.");
         let C = [];
         for (const [L, R] of E.fields.entries()) {
-          const B = Bt.section.getFieldCreationSchema(
-            Mi(E.fields, L),
+          const V = Wt.section.getFieldCreationSchema(
+            zi(E.fields, L),
             `fields.${L}`
-          ).map((z) => z.field);
-          C = [...C, ...B];
-          for (const [z, P] of R.fields.entries()) {
-            const _ = Bt[P.type].getFieldCreationSchema(`fields.${L}.fields.${z}`).map((Z) => Z.field);
-            C = [...C, ..._];
+          ).map((_) => _.field);
+          C = [...C, ...V];
+          for (const [_, P] of R.fields.entries()) {
+            const z = Wt[P.type].getFieldCreationSchema(`fields.${L}.fields.${_}`).map((Z) => Z.field);
+            C = [...C, ...z];
           }
         }
-        const I = pn(
+        const I = gn(
           {
             fields: C
           },
@@ -4200,57 +4223,57 @@ const Ka = () => {
       () => ({
         title: o ?? "",
         description: "",
-        fields: [{ ...dt(un(null, "")), label: "" }]
+        fields: [{ ...ut(fn(null, "")), label: "" }]
       }),
       [o]
-    ), m = r ? u(r) : void 0, v = Kt({
-      initialValues: Ea(m) ?? b,
+    ), m = r ? u(r) : void 0, v = Yt({
+      initialValues: Ia(m) ?? b,
       validate: g,
       onSubmit: i,
       validateOnChange: !1,
       validateOnBlur: !1
-    }), x = A(() => Ua(v.values), [v.values]);
-    return /* @__PURE__ */ s(Ee.Root, { ref: n, defaultValue: "edit", children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
+    }), x = A(() => ja(v.values), [v.values]);
+    return /* @__PURE__ */ a(Ie.Root, { ref: n, defaultValue: "edit", children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
       c && /* @__PURE__ */ y(
-        Ee.List,
+        Ie.List,
         {
-          className: Be("sticky top-0 z-[2000] flex bg-(--color-background)", d),
+          className: Ve("sticky top-0 z-[2000] flex bg-(--color-background)", d),
           children: [
-            /* @__PURE__ */ s(Ee.Trigger, { className: "grow", value: "edit", children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(T, { icon: "RiPencilLine" }),
+            /* @__PURE__ */ a(Ie.Trigger, { className: "grow", value: "edit", children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a(T, { icon: "RiPencilLine" }),
               "Edit form"
             ] }) }),
-            /* @__PURE__ */ s(Ee.Trigger, { className: "grow", value: "preview", children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(T, { icon: "RiEyeLine" }),
+            /* @__PURE__ */ a(Ie.Trigger, { className: "grow", value: "preview", children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a(T, { icon: "RiEyeLine" }),
               "Preview form"
             ] }) })
           ]
         }
       ),
-      /* @__PURE__ */ y(Ee.Content, { value: "edit", children: [
-        a && /* @__PURE__ */ y("span", { children: [
+      /* @__PURE__ */ y(Ie.Content, { value: "edit", children: [
+        s && /* @__PURE__ */ y(ye, { children: [
           "Create your form using various field types. Sections can be",
           " ",
-          /* @__PURE__ */ s("strong", { children: "conditionally rendered" }),
+          /* @__PURE__ */ a("strong", { children: "conditionally rendered" }),
           " based on",
           " ",
-          /* @__PURE__ */ s("strong", { children: "answers to fields in preceding sections. " })
+          /* @__PURE__ */ a("strong", { children: "answers to fields in preceding sections. " })
         ] }),
         /* @__PURE__ */ y("form", { className: "mt-3 flex flex-col gap-2", id: rt, onSubmit: v.handleSubmit, children: [
-          /* @__PURE__ */ y(Yt, { value: v, children: [
+          /* @__PURE__ */ y(Qt, { value: v, children: [
             l && /* @__PURE__ */ y(he, { children: [
-              /* @__PURE__ */ s(
-                $e,
+              /* @__PURE__ */ a(
+                Be,
                 {
                   name: "title",
-                  render: ({ setValue: E, value: S, meta: C }) => /* @__PURE__ */ s(Li, { severity: "danger", helpText: C.error ?? null, children: /* @__PURE__ */ s(
-                    ue.Root,
+                  render: ({ setValue: E, value: S, meta: C }) => /* @__PURE__ */ a(Fi, { severity: "danger", helpText: C.error ?? null, children: /* @__PURE__ */ a(
+                    de.Root,
                     {
                       variant: "outline",
-                      size: "lg",
-                      accentColor: C.error ? ae.danger : "primary",
-                      children: /* @__PURE__ */ s(
-                        ue.Field,
+                      size: "md",
+                      accentColor: C.error ? ue.danger : "primary",
+                      children: /* @__PURE__ */ a(
+                        de.Field,
                         {
                           placeholder: "Form title",
                           value: S,
@@ -4264,12 +4287,12 @@ const Ka = () => {
                   ) })
                 }
               ),
-              /* @__PURE__ */ s(
-                $e,
+              /* @__PURE__ */ a(
+                Be,
                 {
                   name: "description",
-                  render: ({ setValue: E, value: S }) => /* @__PURE__ */ s(
-                    Bn,
+                  render: ({ setValue: E, value: S }) => /* @__PURE__ */ a(
+                    Un,
                     {
                       className: "field-sizing-content",
                       placeholder: "Explain the purpose of this form",
@@ -4278,97 +4301,98 @@ const Ka = () => {
                         E(C.target.value);
                       },
                       resize: "vertical",
-                      maxLength: 1e3
+                      maxLength: 1e3,
+                      size: "md"
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ s(tr, { fieldsOnly: f }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(nr, { fieldsOnly: f }),
+            /* @__PURE__ */ a(
               "span",
               {
-                "data-accent-color": ae.danger,
+                "data-accent-color": ue.danger,
                 className: "text-xs text-(--accent-a11)",
                 children: typeof v.errors.fields == "string" && v.errors.fields
               }
             )
           ] }),
           /* @__PURE__ */ y("div", { className: "flex items-center justify-end gap-2", children: [
-            e && /* @__PURE__ */ s(X, { type: "button", variant: "solid", accentColor: "base", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ s(X, { type: "submit", children: "Save form" })
+            e && /* @__PURE__ */ a(X, { type: "button", variant: "solid", accentColor: "base", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ a(X, { type: "submit", children: "Save form" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ s(Ee.Content, { value: "preview", children: /* @__PURE__ */ s(qa, { schema: x, onSubmit: Ka, hideTitle: !l }) })
+      /* @__PURE__ */ a(Ie.Content, { value: "preview", children: /* @__PURE__ */ a(Ha, { schema: x, onSubmit: Ya, hideTitle: !l }) })
     ] }) });
   })
-), Ya = Object.values(qn), Qa = 1;
-async function Ja(t, n, e, i) {
-  const r = t.getContext("2d", {}), o = new Image(i.width, i.height), a = new Image(i.width, i.height), l = new mr();
+), Qa = Object.values(Hn), Ja = 1;
+async function Za(t, n, e, i) {
+  const r = t.getContext("2d", {}), o = new Image(i.width, i.height), s = new Image(i.width, i.height), l = new hr();
   return o.onload = function() {
-    r.drawImage(o, 0, 0, i.width, i.height), a.src = URL.createObjectURL(e), a.onload = async function() {
-      r.drawImage(a, 0, 0, i.width, i.height);
-      const f = t.toDataURL("image/jpeg", Qa), c = await Hn(f), d = new File([c], n.name, { type: "image/jpeg" });
+    r.drawImage(o, 0, 0, i.width, i.height), s.src = URL.createObjectURL(e), s.onload = async function() {
+      r.drawImage(s, 0, 0, i.width, i.height);
+      const f = t.toDataURL("image/jpeg", Ja), c = await Gn(f), d = new File([c], n.name, { type: "image/jpeg" });
       l.resolve(d);
     };
   }, o.src = URL.createObjectURL(n), l;
 }
-const Za = O((t) => {
-  const { file: n, onClose: e, onSave: i, onDelete: r, dirty: o, onDirty: a } = t;
+const es = O((t) => {
+  const { file: n, onClose: e, onSave: i, onDelete: r, dirty: o, onDirty: s } = t;
   n.objectURL || (n.objectURL = URL.createObjectURL(n));
-  const l = ne(null), f = ne(null), [c, d] = H(qn.red), [u, h] = H(null), [g, b] = H(!1), [m, v] = H(!1), x = ne(null), E = Un(x);
+  const l = ne(null), f = ne(null), [c, d] = H(Hn.red), [u, h] = H(null), [g, b] = H(!1), [m, v] = H(!1), x = ne(null), E = jn(x);
   K(() => {
-    const _ = new Image();
-    _.onload = function() {
-      h({ width: _.naturalWidth, height: _.naturalHeight });
-    }, _.src = URL.createObjectURL(n);
+    const z = new Image();
+    z.onload = function() {
+      h({ width: z.naturalWidth, height: z.naturalHeight });
+    }, z.src = URL.createObjectURL(n);
   }, [n]), K(() => {
     !m && (E != null && E.width) && E.height && v(!0);
   }, [E, m]);
   const S = N(async () => {
     o || e();
-    const _ = l.current;
-    if (!_) return;
+    const z = l.current;
+    if (!z) return;
     if (!u)
       throw new Error("Original image size not loaded yet");
-    const Z = await _.exportImage("png"), we = new Image(u.width, u.height);
-    we.onload = async function() {
-      const je = await Hn(Z), Ct = new File([je], n.name, { type: n.type }), le = f.current, Ce = await Ja(le, n, Ct, u);
-      Ce.objectURL = URL.createObjectURL(Ce);
-      const He = await xn(n);
-      await xn(Ce) !== He && i(Ce), b(!1), e();
-    }, b(!0), we.src = Z;
+    const Z = await z.exportImage("png"), Ce = new Image(u.width, u.height);
+    Ce.onload = async function() {
+      const je = await Gn(Z), Et = new File([je], n.name, { type: n.type }), se = f.current, xe = await Za(se, n, Et, u);
+      xe.objectURL = URL.createObjectURL(xe);
+      const He = await En(n);
+      await En(xe) !== He && i(xe), b(!1), e();
+    }, b(!0), Ce.src = Z;
   }, [o, n, e, i, u]), C = N(() => {
     r(n);
   }, [n, r]), I = N(() => {
     e();
   }, [e]), L = N(() => {
-    a(!0);
-  }, [a]), R = N(() => {
+    s(!0);
+  }, [s]), R = N(() => {
     l.current && l.current.redo();
   }, []), F = N(() => {
     l.current && l.current.undo();
-  }, []), B = N(() => {
-    l.current && (a(!1), l.current.clearCanvas());
-  }, [a]), z = N((_) => {
-    l.current && l.current.eraseMode(_);
+  }, []), V = N(() => {
+    l.current && (s(!1), l.current.clearCanvas());
+  }, [s]), _ = N((z) => {
+    l.current && l.current.eraseMode(z);
   }, []), P = N(() => {
     S();
   }, [S]), $ = N(() => {
-    Wn(n);
+    qn(n);
   }, [n]);
-  return /* @__PURE__ */ s(sn, { open: !0, onOpenChange: e, children: /* @__PURE__ */ y(ln, { children: [
-    /* @__PURE__ */ s(
-      cn,
+  return /* @__PURE__ */ a(ln, { open: !0, onOpenChange: e, children: /* @__PURE__ */ y(cn, { children: [
+    /* @__PURE__ */ a(
+      dn,
       {
         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": ""
       }
     ),
-    /* @__PURE__ */ y(dn, { className: "absolute inset-0  py-12", "data-floating-content": "", children: [
-      /* @__PURE__ */ s(
-        Wt,
+    /* @__PURE__ */ y(un, { className: "absolute inset-0  py-12", "data-floating-content": "", children: [
+      /* @__PURE__ */ a(
+        bt,
         {
           className: "flex w-full gap-2 items-center top-0 absolute right-0 p-2",
           accentColor: "base",
@@ -4376,18 +4400,18 @@ const Za = O((t) => {
           variant: "soft",
           children: /* @__PURE__ */ y("div", { className: "grid w-full grid-cols-3", children: [
             /* @__PURE__ */ y("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ s(V, { "aria-label": "close", onClick: I, children: /* @__PURE__ */ s(T, { icon: "RiCloseLine" }) }),
-              /* @__PURE__ */ s(V, { "aria-label": `Download ${n.name}`, onClick: $, children: /* @__PURE__ */ s(T, { icon: "RiDownload2Line" }) })
+              /* @__PURE__ */ a(B, { "aria-label": "close", onClick: I, children: /* @__PURE__ */ a(T, { icon: "RiCloseLine" }) }),
+              /* @__PURE__ */ a(B, { "aria-label": `Download ${n.name}`, onClick: $, children: /* @__PURE__ */ a(T, { icon: "RiDownload2Line" }) })
             ] }),
             /* @__PURE__ */ y("div", { className: "flex items-center justify-center gap-2", children: [
-              /* @__PURE__ */ s(
-                Xn,
+              /* @__PURE__ */ a(
+                Kn,
                 {
                   selectedColor: c,
-                  allColors: Ya,
+                  allColors: Qa,
                   onFinish: d,
-                  trigger: /* @__PURE__ */ s(
-                    V,
+                  trigger: /* @__PURE__ */ a(
+                    B,
                     {
                       "aria-label": "Markup color picker",
                       type: "button",
@@ -4400,28 +4424,28 @@ const Za = O((t) => {
                   )
                 }
               ),
-              /* @__PURE__ */ s(
-                ar,
+              /* @__PURE__ */ a(
+                sr,
                 {
                   defaultPressed: !1,
                   "aria-label": "erase",
-                  onPressedChange: z,
-                  children: /* @__PURE__ */ s(T, { icon: "RiEraserFill" })
+                  onPressedChange: _,
+                  children: /* @__PURE__ */ a(T, { icon: "RiEraserFill" })
                 }
               ),
-              /* @__PURE__ */ s(qt, { orientation: "vertical", size: "full" }),
-              /* @__PURE__ */ s(V, { "aria-label": "undo", onClick: F, children: /* @__PURE__ */ s(T, { icon: "RiArrowGoBackLine" }) }),
-              /* @__PURE__ */ s(V, { "aria-label": "undo", onClick: R, children: /* @__PURE__ */ s(T, { icon: "RiArrowGoForwardLine" }) }),
-              /* @__PURE__ */ s(V, { "aria-label": "undo all", onClick: B, children: /* @__PURE__ */ s(T, { icon: "RiLoopLeftLine" }) })
+              /* @__PURE__ */ a(Ht, { orientation: "vertical", size: "full" }),
+              /* @__PURE__ */ a(B, { "aria-label": "undo", onClick: F, children: /* @__PURE__ */ a(T, { icon: "RiArrowGoBackLine" }) }),
+              /* @__PURE__ */ a(B, { "aria-label": "undo", onClick: R, children: /* @__PURE__ */ a(T, { icon: "RiArrowGoForwardLine" }) }),
+              /* @__PURE__ */ a(B, { "aria-label": "undo all", onClick: V, children: /* @__PURE__ */ a(T, { icon: "RiLoopLeftLine" }) })
             ] }),
             /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ s(V, { "aria-label": "Save markup", accentColor: "primary", onClick: P, children: /* @__PURE__ */ s(T, { icon: "RiSaveLine" }) }),
-              /* @__PURE__ */ s(V, { "aria-label": "Delete attachment", onClick: C, children: /* @__PURE__ */ s(T, { icon: "RiDeleteBin2Line" }) })
+              /* @__PURE__ */ a(B, { "aria-label": "Save markup", accentColor: "primary", onClick: P, children: /* @__PURE__ */ a(T, { icon: "RiSaveLine" }) }),
+              /* @__PURE__ */ a(B, { "aria-label": "Delete attachment", onClick: C, children: /* @__PURE__ */ a(T, { icon: "RiDeleteBin2Line" }) })
             ] })
           ] })
         }
       ),
-      u && /* @__PURE__ */ s(
+      u && /* @__PURE__ */ a(
         "canvas",
         {
           id: "attachment-markup-canvas",
@@ -4432,7 +4456,7 @@ const Za = O((t) => {
         }
       ),
       /* @__PURE__ */ y("div", { className: "relative size-full flex items-center justify-center p-4 overflow-hidden", children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           "img",
           {
             className: "max-w-full max-h-full invisible absolute",
@@ -4441,8 +4465,8 @@ const Za = O((t) => {
             src: n.objectURL
           }
         ),
-        g ? /* @__PURE__ */ s(vt, {}) : /* @__PURE__ */ s(
-          Or,
+        g ? /* @__PURE__ */ a(yt, {}) : /* @__PURE__ */ a(
+          Pr,
           {
             className: "max-w-full max-h-full aspect-square",
             backgroundImage: n.objectURL,
@@ -4456,70 +4480,70 @@ const Za = O((t) => {
     ] })
   ] }) });
 });
-Za.displayName = "AttachmentEditor";
+es.displayName = "AttachmentEditor";
 export {
   G as BaseField,
-  Qn as BaseFormElement,
+  Jn as BaseFormElement,
   We as BooleanField,
-  Fi as BooleanInput,
-  Xn as ColorPicker,
-  Pt as DateField,
-  Di as DateInput,
+  Di as BooleanInput,
+  Kn as ColorPicker,
+  zt as DateField,
+  Ai as DateInput,
   q as FieldSection,
   _r as FileBadge,
-  Yn as FileCard,
-  yt as FileIcon,
-  bs as FormBuilder,
-  qa as FormRenderer,
-  Ma as ImageCard,
-  Za as ImageMarkup,
-  Ti as ImageViewer,
-  va as ImageViewerProvider,
-  Li as InputWithHelpText,
+  Qn as FileCard,
+  wt as FileIcon,
+  ws as FormBuilder,
+  Ha as FormRenderer,
+  za as ImageCard,
+  es as ImageMarkup,
+  Li as ImageViewer,
+  ya as ImageViewerProvider,
+  Fi as InputWithHelpText,
   ie as InputWithLabel,
   re as InputWithLabelAndHelpText,
-  ht as MultiSelectField,
-  Ui as MultiSelectInput,
-  mt as MultiStringField,
+  pt as MultiSelectField,
+  ji as MultiSelectInput,
+  ht as MultiStringField,
   _i as MultiStringInput,
   ve as NumberField,
-  zi as NumberInput,
-  $e as PatchField,
-  ys as PatchFormProvider,
-  Mt as QrField,
-  $i as QrInput,
+  $i as NumberInput,
+  Be as PatchField,
+  bs as PatchFormProvider,
+  $t as QrField,
+  Bi as QrInput,
   Vi as QrScanner,
-  Pr as SUPPORTED_IMAGE_FILE_TYPES,
-  Mr as SUPPORTED_PDF_FILE_TYPES,
-  kr as SUPPORTED_SPREADSHEET_FILE_EXTENSIONS,
-  pt as SelectField,
-  ji as SelectInput,
-  _t as StringField,
-  Wi as StringInput,
-  zt as TextField,
-  qi as TextInput,
-  gs as decodeFormValues,
-  hn as deserialize,
-  Xi as deserializeField,
+  kr as SUPPORTED_IMAGE_FILE_TYPES,
+  zr as SUPPORTED_PDF_FILE_TYPES,
+  Mr as SUPPORTED_SPREADSHEET_FILE_EXTENSIONS,
+  gt as SelectField,
+  Wi as SelectInput,
+  Bt as StringField,
+  qi as StringInput,
+  Vt as TextField,
+  Hi as TextInput,
+  vs as decodeFormValues,
+  pn as deserialize,
+  Ki as deserializeField,
   Q as emptyBaseField,
-  ba as emptyBooleanField,
-  wa as emptyDateField,
-  La as emptyMultiSelectField,
-  Sa as emptyMultiStringField,
-  Ra as emptyNumberField,
-  Na as emptyQrField,
-  Fa as emptySelectField,
-  Da as emptyStringField,
-  Aa as emptyTextField,
-  vs as encodeFormValues,
-  Ki as flattenFields,
-  Ua as formRevisionToSchema,
-  gn as initialFormValues,
-  Yi as isConditionMet,
-  Oi as useFieldInput,
-  ct as useFieldInputs,
+  wa as emptyBooleanField,
+  Ca as emptyDateField,
+  Fa as emptyMultiSelectField,
+  Ra as emptyMultiStringField,
+  Na as emptyNumberField,
+  Ta as emptyQrField,
+  Da as emptySelectField,
+  Aa as emptyStringField,
+  Oa as emptyTextField,
+  ys as encodeFormValues,
+  Yi as flattenFields,
+  ja as formRevisionToSchema,
+  vn as initialFormValues,
+  Qi as isConditionMet,
+  Pi as useFieldInput,
+  dt as useFieldInputs,
   U as useFormikInput,
-  en as useImageViewer,
-  pn as validateForm,
-  Vt as valueIsFile
+  tn as useImageViewer,
+  gn as validateForm,
+  jt as valueIsFile
 };