@notmrabhi/flowforge 0.1.23 → 0.1.25

package/dist/{index-BU09HbVh.js → index-CDhW7gZx.js}

@@ -1,9 +1,9 @@
 import { jsxs as O, jsx as d, Fragment as He } from "react/jsx-runtime";
 import * as K from "react";
-import Ue, { createContext as Rt, useContext as Et, useState as M, useRef as Y, useCallback as H, useEffect as q, useMemo as se, useLayoutEffect as lo, Component as Ar, Fragment as Ut, forwardRef as dn, Suspense as Sr } from "react";
+import Ue, { createContext as Rt, useContext as Et, useState as L, useRef as Y, useCallback as H, useEffect as q, useMemo as se, useLayoutEffect as lo, Component as Ar, Fragment as Ut, forwardRef as dn, Suspense as Sr } from "react";
 import { Formik as uo, Form as co, useFormikContext as Rr } from "formik";
 import { MdInfoOutline as fo, MdDataObject as Ot, MdClose as Be, MdSearch as fn, MdKeyboardArrowRight as pn, MdContentCopy as po, MdCheckCircle as go, MdAdd as Qe, MdDeleteOutline as gn, MdUploadFile as bo, MdInsertDriveFile as ho, MdKeyboardArrowDown as mo } from "react-icons/md";
-import { Tooltip as Se, IconButton as Er, Box as N, Typography as ue, InputBase as vo, Divider as bn, Collapse as Or, Snackbar as Io, Alert as xo, Select as Fr, MenuItem as pt, TextField as wr, FormControlLabel as Tr, Switch as yo, RadioGroup as Co, Radio as Ao, Slider as So, Chip as Ro, Button as Dn } from "@mui/material";
+import { Tooltip as Se, IconButton as Er, Box as N, Typography as ce, InputBase as vo, Divider as bn, Collapse as Or, Snackbar as Io, Alert as xo, Select as Fr, MenuItem as pt, TextField as wr, FormControlLabel as Tr, Switch as yo, RadioGroup as Co, Radio as Ao, Slider as So, Chip as Ro, Button as Dn } from "@mui/material";
 import Eo, { createPortal as Oo } from "react-dom";
 import hn, { components as mn } from "react-select";
 import { jsx as _, css as Gr, keyframes as Fo } from "@emotion/react";
@@ -106,7 +106,7 @@ const de = {
   fontSize: A.FONT_SIZE_HELPER,
   marginTop: A.HELPER_MT,
   lineHeight: 1.4
-}, ce = {
+}, ue = {
   color: A.COLOR_HELPER,
   fontSize: A.FONT_SIZE_HELPER,
   marginTop: A.HELPER_MT,
@@ -347,25 +347,25 @@ function Wr(t) {
 }
 const Xr = Rt(null);
 function zo({ groups: t, children: e }) {
-  const [n, i] = M(!1), [r, a] = M(null), [o, u] = M(null), s = Y(null), l = Y(0), c = H(() => i(!0), []), f = H(() => {
+  const [n, i] = L(!1), [r, a] = L(null), [o, u] = L(null), s = Y(null), l = Y(0), c = H(() => i(!0), []), f = H(() => {
     i(!1), u(null);
-  }, []), b = H((g, v) => {
-    g ? (l.current += 1, v && u(v)) : (l.current = Math.max(0, l.current - 1), l.current === 0 && (i(!1), u(null)));
-  }, []), p = H((g) => {
-    s.current = g, a(g.fieldId);
-  }, []), m = H((g) => {
-    s.current && (s.current.savedRange = g);
-  }, []), h = H((g, v) => {
+  }, []), g = H((b, v) => {
+    b ? (l.current += 1, v && u(v)) : (l.current = Math.max(0, l.current - 1), l.current === 0 && (i(!1), u(null)));
+  }, []), p = H((b) => {
+    s.current = b, a(b.fieldId);
+  }, []), m = H((b) => {
+    s.current && (s.current.savedRange = b);
+  }, []), h = H((b, v) => {
     const C = s.current;
     if (!C) return;
     if (C.onInsert) {
-      C.onInsert(g, v);
+      C.onInsert(b, v);
       return;
     }
     const y = C.editorRef.current;
     if (!y) return;
     y.focus();
-    const I = Ho(g, v);
+    const I = Ho(b, v);
     let x = C.savedRange;
     if (!x) {
       const S = window.getSelection();
@@ -380,13 +380,13 @@ function zo({ groups: t, children: e }) {
     isOpen: n,
     openPicker: c,
     closePicker: f,
-    notifyFormulaToggle: b,
+    notifyFormulaToggle: g,
     registerField: p,
     saveRange: m,
     insertVariable: h,
     activeFieldId: r,
-    notifyFieldFocus: (g, v) => {
-      a(g), v && u(v), i(!0);
+    notifyFieldFocus: (b, v) => {
+      a(b), v && u(v), i(!0);
     },
     anchorEl: o
   }, children: e });
@@ -409,7 +409,7 @@ function zr(t, e) {
   return t.label.toLowerCase().includes(n) || t.path.toLowerCase().includes(n) || (((i = t.description) == null ? void 0 : i.toLowerCase().includes(n)) ?? !1);
 }
 function ko({ item: t }) {
-  const e = qe(), [n, i] = M(!1), r = (a) => {
+  const e = qe(), [n, i] = L(!1), r = (a) => {
     a.dataTransfer.effectAllowed = "copy", a.dataTransfer.setData(Qt, JSON.stringify({ path: t.path, label: t.label }));
     const o = document.createElement("span");
     o.textContent = `{ }  ${t.label}`, Object.assign(o.style, {
@@ -459,14 +459,14 @@ function ko({ item: t }) {
           alignItems: "center"
         }, children: /* @__PURE__ */ d(Ot, { size: 14 }) }),
         /* @__PURE__ */ O(N, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ d(ue, { sx: {
+          /* @__PURE__ */ d(ce, { sx: {
             fontSize: 13,
             fontWeight: 500,
             color: "#0f172a",
             lineHeight: 1.35,
             overflowWrap: "anywhere"
           }, children: t.label }),
-          t.description && /* @__PURE__ */ d(ue, { sx: {
+          t.description && /* @__PURE__ */ d(ce, { sx: {
             fontSize: 11,
             color: "#64748b",
             lineHeight: 1.4,
@@ -482,7 +482,7 @@ function Hr({
   group: t,
   searchQuery: e
 }) {
-  const [n, i] = M(!0), r = se(() => {
+  const [n, i] = L(!0), r = se(() => {
     const a = yn(t.items).filter((o) => !o.children);
     return e ? a.filter((o) => zr(o, e)) : t.items;
   }, [t.items, e]);
@@ -508,7 +508,7 @@ function Hr({
             display: "flex"
           }, children: /* @__PURE__ */ d(pn, { size: 14 }) }),
           t.icon && /* @__PURE__ */ d(N, { sx: { color: "#64748b", display: "flex", mr: 0.25 }, children: t.icon }),
-          /* @__PURE__ */ d(ue, { sx: {
+          /* @__PURE__ */ d(ce, { sx: {
             fontSize: 11,
             fontWeight: 700,
             color: "#64748b",
@@ -539,12 +539,12 @@ function pd({
   title: e = "Values",
   mode: n = "drawer"
 }) {
-  const i = qe(), [r, a] = M(""), [o, u] = M(null), s = Y(null);
+  const i = qe(), [r, a] = L(""), [o, u] = L(null), s = Y(null);
   if (q(() => {
     if (n !== "popover" || !(i != null && i.isOpen)) return;
-    function f(b) {
-      var g, v;
-      const p = b.target, m = (g = s.current) == null ? void 0 : g.contains(p), h = (v = i == null ? void 0 : i.anchorEl) == null ? void 0 : v.contains(p);
+    function f(g) {
+      var b, v;
+      const p = g.target, m = (b = s.current) == null ? void 0 : b.contains(p), h = (v = i == null ? void 0 : i.anchorEl) == null ? void 0 : v.contains(p);
       !m && !h && (i == null || i.closePicker());
     }
     return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
@@ -553,10 +553,10 @@ function pd({
       u(null);
       return;
     }
-    const f = i.anchorEl.getBoundingClientRect(), b = t, p = 440, m = i.anchorEl.closest(".MuiDrawer-paper") || i.anchorEl.closest(".MuiDialog-paper") || i.anchorEl.closest(".MuiPaper-root"), h = m ? m.getBoundingClientRect() : f, g = h.left - 8, v = window.innerWidth - h.right - 8, C = g >= b ? h.left - b - 8 : v >= b ? h.right + 8 : Math.max(8, h.left - b - 8), y = f.top, I = Math.min(y, window.innerHeight - p - 8);
+    const f = i.anchorEl.getBoundingClientRect(), g = t, p = 440, m = i.anchorEl.closest(".MuiDrawer-paper") || i.anchorEl.closest(".MuiDialog-paper") || i.anchorEl.closest(".MuiPaper-root"), h = m ? m.getBoundingClientRect() : f, b = h.left - 8, v = window.innerWidth - h.right - 8, C = b >= g ? h.left - g - 8 : v >= g ? h.right + 8 : Math.max(8, h.left - g - 8), y = f.top, I = Math.min(y, window.innerHeight - p - 8);
     u({ top: I, left: C });
   }, [n, i == null ? void 0 : i.anchorEl, i == null ? void 0 : i.isOpen, t]), !i || n === "popover" && !i.isOpen) return null;
-  const l = i.groups.some((f) => r ? yn(f.items).some((b) => !b.children && zr(b, r)) : !0), c = /* @__PURE__ */ O(
+  const l = i.groups.some((f) => r ? yn(f.items).some((g) => !g.children && zr(g, r)) : !0), c = /* @__PURE__ */ O(
     N,
     {
       ref: s,
@@ -586,7 +586,7 @@ function pd({
           flexShrink: 0
         }, children: [
           /* @__PURE__ */ d(Ot, { size: 16, color: "#6366f1" }),
-          /* @__PURE__ */ d(ue, { sx: { fontSize: 13, fontWeight: 700, flex: 1, color: "#e2e8f0" }, children: e }),
+          /* @__PURE__ */ d(ce, { sx: { fontSize: 13, fontWeight: 700, flex: 1, color: "#e2e8f0" }, children: e }),
           n === "popover" && /* @__PURE__ */ d(
             N,
             {
@@ -663,7 +663,7 @@ function pd({
           "&::-webkit-scrollbar-thumb": { background: "rgba(255,255,255,0.12)", borderRadius: 4 }
         }, children: /* @__PURE__ */ d(N, { sx: {
           "& .MuiTypography-root": { color: "#cbd5e1" }
-        }, children: l ? i.groups.map((f, b) => /* @__PURE__ */ d(Hr, { group: f, searchQuery: r }, b)) : /* @__PURE__ */ d(N, { sx: { px: 2, py: 3, textAlign: "center" }, children: /* @__PURE__ */ O(ue, { sx: { fontSize: 12, color: "#475569" }, children: [
+        }, children: l ? i.groups.map((f, g) => /* @__PURE__ */ d(Hr, { group: f, searchQuery: r }, g)) : /* @__PURE__ */ d(N, { sx: { px: 2, py: 3, textAlign: "center" }, children: /* @__PURE__ */ O(ce, { sx: { fontSize: 12, color: "#475569" }, children: [
           'No variables match "',
           r,
           '"'
@@ -673,7 +673,7 @@ function pd({
           py: 1,
           borderTop: "1px solid rgba(255,255,255,0.06)",
           flexShrink: 0
-        }, children: /* @__PURE__ */ d(ue, { sx: { fontSize: 10, color: "#475569", lineHeight: 1.4 }, children: "Click to insert · Drag onto any field" }) })
+        }, children: /* @__PURE__ */ d(ce, { sx: { fontSize: 10, color: "#475569", lineHeight: 1.4 }, children: "Click to insert · Drag onto any field" }) })
       ]
     }
   );
@@ -729,19 +729,19 @@ function Zr({
   onPickerOpen: l,
   compact: c
 }) {
-  const f = Y(null), b = Y(null), p = Y(""), m = Y(!1), h = t.length === 0 || t.length === 1 && t[0].type === "text" && !t[0].value, g = qe(), [v, C] = M(null), [y, I] = M(!1);
+  const f = Y(null), g = Y(null), p = Y(""), m = Y(!1), h = t.length === 0 || t.length === 1 && t[0].type === "text" && !t[0].value, b = qe(), [v, C] = L(null), [y, I] = L(!1);
   q(() => {
     const R = f.current;
     if (!R) return;
     const P = Te(t), k = `${u ? "1" : "0"}:${P}`;
     if (k === p.current) return;
     const w = /* @__PURE__ */ new Map();
-    if (g != null && g.groups) {
+    if (b != null && b.groups) {
       const Z = (oe) => {
         for (const he of oe)
           he.path && w.set(he.path, he.label), he.children && Z(he.children);
       };
-      for (const oe of g.groups) Z(oe.items);
+      for (const oe of b.groups) Z(oe.items);
     }
     const z = /* @__PURE__ */ new Map();
     R.querySelectorAll("[data-path]").forEach((Z) => {
@@ -753,7 +753,7 @@ function Zr({
       return { ...Z, label: oe };
     });
     _o(R, $), p.current = k;
-  }, [t, u, g == null ? void 0 : g.groups]);
+  }, [t, u, b == null ? void 0 : b.groups]);
   const x = H(() => {
     const R = f.current;
     if (!R) return;
@@ -789,13 +789,13 @@ function Zr({
     const $ = Pn(R, P);
     z.deleteContents(), z.insertNode($), z.setStartAfter($), z.collapse(!0), w == null || w.removeAllRanges(), w == null || w.addRange(z), x();
   }, [x]), D = H(() => {
-    !g || !o || (g.registerField({ editorRef: f, savedRange: null, fieldId: o, onInsert: F }), g.notifyFieldFocus(o, f.current));
-  }, [g, o, F]), G = H(() => {
+    !b || !o || (b.registerField({ editorRef: f, savedRange: null, fieldId: o, onInsert: F }), b.notifyFieldFocus(o, f.current));
+  }, [b, o, F]), G = H(() => {
     var P;
-    if (!g) return;
+    if (!b) return;
     const R = window.getSelection();
-    R && R.rangeCount > 0 && ((P = f.current) != null && P.contains(R.anchorNode)) && g.saveRange(R.getRangeAt(0).cloneRange());
-  }, [g]);
+    R && R.rangeCount > 0 && ((P = f.current) != null && P.contains(R.anchorNode)) && b.saveRange(R.getRangeAt(0).cloneRange());
+  }, [b]);
   q(() => {
     document.addEventListener("selectionchange", G);
     const R = f.current;
@@ -803,7 +803,7 @@ function Zr({
       document.removeEventListener("selectionchange", G), R && R.removeEventListener("input", E);
     };
   }, [G, E]);
-  const L = H((R) => {
+  const M = H((R) => {
     r || !R.dataTransfer.types.includes(Qt) || (R.preventDefault(), R.dataTransfer.dropEffect = "copy", C("valid"));
   }, [r]), V = H(() => {
     C(null);
@@ -862,7 +862,7 @@ function Zr({
             boxShadow: a ? "0 0 0 2px rgba(211,47,47,0.2)" : "0 0 0 2px rgba(25,118,210,0.2)"
           }
         },
-        onDragOver: L,
+        onDragOver: M,
         onDragLeave: V,
         onDrop: j,
         onClick: () => {
@@ -871,7 +871,7 @@ function Zr({
         },
         children: [
           h && i && /* @__PURE__ */ d(
-            ue,
+            ce,
             {
               component: "span",
               sx: {
@@ -945,11 +945,11 @@ function Zr({
             {
               component: "button",
               type: "button",
-              ref: b,
+              ref: g,
               onClick: (R) => {
                 R.stopPropagation();
                 const P = !u;
-                g == null || g.notifyFormulaToggle(P, P ? b.current : null), s();
+                b == null || b.notifyFormulaToggle(P, P ? g.current : null), s();
               },
               sx: {
                 border: "none",
@@ -1033,15 +1033,15 @@ function _r({
   onFormulaConfigChange: u,
   inlineLabel: s
 }) {
-  const l = { ...t, multiline: t.multiline || t.type === "textarea" }, c = l.id ?? l.name ?? "", f = l.formula === !0, b = qe(), [p, m] = M(
+  const l = { ...t, multiline: t.multiline || t.type === "textarea" }, c = l.id ?? l.name ?? "", f = l.formula === !0, g = qe(), [p, m] = L(
     () => f && c in (o ?? {})
   ), h = Y(p);
   h.current = p, q(() => () => {
-    h.current && (b == null || b.notifyFormulaToggle(!1));
+    h.current && (g == null || g.notifyFormulaToggle(!1));
   }, []);
-  const [g, v] = M(
+  const [b, v] = L(
     () => f ? we(String(e ?? ""), c in (o ?? {})) : []
-  ), [C, y] = M(() => String(e ?? "")), I = Y(e);
+  ), [C, y] = L(() => String(e ?? "")), I = Y(e);
   q(() => {
     if (e === I.current) return;
     I.current = e;
@@ -1055,12 +1055,12 @@ function _r({
   }, E = () => {
     const R = !p;
     if (m(R), R) {
-      const P = Te(g), k = we(P, !0);
+      const P = Te(b), k = we(P, !0);
       v(k);
       const w = gt(k);
       I.current = w, n(w), u == null || u({ ...o, [c]: Vr() });
     } else {
-      const P = Te(g);
+      const P = Te(b);
       I.current = P, n(P);
       const k = { ...o };
       delete k[c], u == null || u(k);
@@ -1077,13 +1077,13 @@ function _r({
     }
   );
   if (f) {
-    const R = l.helperText && !s ? /* @__PURE__ */ d("small", { style: ce, children: l.helperText }) : null, P = /* @__PURE__ */ O(He, { children: [
+    const R = l.helperText && !s ? /* @__PURE__ */ d("small", { style: ue, children: l.helperText }) : null, P = /* @__PURE__ */ O(He, { children: [
       R,
       /* @__PURE__ */ d(
         Zr,
         {
           id: c,
-          expression: g,
+          expression: b,
           onExpressionChange: x,
           onBlur: i,
           placeholder: l.formulaPlaceholder ?? "Type or paste a variable expression...",
@@ -1104,7 +1104,7 @@ function _r({
       P
     ] });
   }
-  const W = !!l.prefix, F = !!l.suffix, D = !!l.copyable, G = F || D, L = {
+  const W = !!l.prefix, F = !!l.suffix, D = !!l.copyable, G = F || D, M = {
     width: "100%",
     fontSize: 14,
     color: "#374151",
@@ -1228,7 +1228,7 @@ function _r({
     {
       id: c,
       name: c,
-      style: { ...L, minHeight: 72, height: void 0, padding: "8px 12px" },
+      style: { ...M, minHeight: 72, height: void 0, padding: "8px 12px" },
       placeholder: l.placeholder ?? "",
       value: C,
       disabled: T,
@@ -1258,7 +1258,7 @@ function _r({
       id: c,
       name: c,
       type: l.inputType ?? "text",
-      style: L,
+      style: M,
       placeholder: l.placeholder ?? "",
       value: C,
       disabled: T,
@@ -1282,7 +1282,7 @@ function _r({
       }
     }
   ), ie = /* @__PURE__ */ O(He, { children: [
-    l.helperText && !S && !s && /* @__PURE__ */ d("small", { style: ce, children: l.helperText }),
+    l.helperText && !S && !s && /* @__PURE__ */ d("small", { style: ue, children: l.helperText }),
     re,
     S && /* @__PURE__ */ d("small", { "data-testid": `${c}-error`, style: de, children: r })
   ] });
@@ -1644,11 +1644,11 @@ function zn(t, e, n, i) {
   const u = Ia() ? va(a) : mt(0);
   let s = (r.left + u.x) / o.x, l = (r.top + u.y) / o.y, c = r.width / o.x, f = r.height / o.y;
   if (a) {
-    const b = Re(a), p = i;
-    let m = b, h = en(m);
+    const g = Re(a), p = i;
+    let m = g, h = en(m);
     for (; h && i && p !== m; ) {
-      const g = Xn(h), v = h.getBoundingClientRect(), C = Sn(h), y = v.left + (h.clientLeft + parseFloat(C.paddingLeft)) * g.x, I = v.top + (h.clientTop + parseFloat(C.paddingTop)) * g.y;
-      s *= g.x, l *= g.y, c *= g.x, f *= g.y, s += y, l += I, m = Re(h), h = en(m);
+      const b = Xn(h), v = h.getBoundingClientRect(), C = Sn(h), y = v.left + (h.clientLeft + parseFloat(C.paddingLeft)) * b.x, I = v.top + (h.clientTop + parseFloat(C.paddingTop)) * b.y;
+      s *= b.x, l *= b.y, c *= b.x, f *= b.y, s += y, l += I, m = Re(h), h = en(m);
     }
   }
   return da({
@@ -1673,13 +1673,13 @@ function xa(t, e) {
     const l = t.getBoundingClientRect(), {
       left: c,
       top: f,
-      width: b,
+      width: g,
       height: p
     } = l;
-    if (u || e(), !b || !p)
+    if (u || e(), !g || !p)
       return;
-    const m = tt(f), h = tt(r.clientWidth - (c + b)), g = tt(r.clientHeight - (f + p)), v = tt(c), y = {
-      rootMargin: -m + "px " + -h + "px " + -g + "px " + -v + "px",
+    const m = tt(f), h = tt(r.clientWidth - (c + g)), b = tt(r.clientHeight - (f + p)), v = tt(c), y = {
+      rootMargin: -m + "px " + -h + "px " + -b + "px " + -v + "px",
       threshold: ca(0, ua(1, s)) || 1
     };
     let I = !0;
@@ -1722,19 +1722,19 @@ function ya(t, e, n, i) {
     }), a && v.addEventListener("resize", n);
   });
   const f = l && u ? xa(l, n) : null;
-  let b = -1, p = null;
+  let g = -1, p = null;
   o && (p = new ResizeObserver((v) => {
     let [C] = v;
-    C && C.target === l && p && e && (p.unobserve(e), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
+    C && C.target === l && p && e && (p.unobserve(e), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var y;
       (y = p) == null || y.observe(e);
     })), n();
   }), l && !s && p.observe(l), e && p.observe(e));
   let m, h = s ? zn(t) : null;
-  s && g();
-  function g() {
+  s && b();
+  function b() {
     const v = zn(t);
-    h && !ei(h, v) && n(), h = v, m = requestAnimationFrame(g);
+    h && !ei(h, v) && n(), h = v, m = requestAnimationFrame(b);
   }
   return n(), () => {
     var v;
@@ -1880,7 +1880,7 @@ function Ma(t) {
     maxHeight: e
   };
   if (!n || !n.offsetParent) return l;
-  var c = s.getBoundingClientRect(), f = c.height, b = n.getBoundingClientRect(), p = b.bottom, m = b.height, h = b.top, g = n.offsetParent.getBoundingClientRect(), v = g.top, C = o ? window.innerHeight : Ea(s), y = ni(s), I = parseInt(getComputedStyle(n).marginBottom, 10), x = parseInt(getComputedStyle(n).marginTop, 10), E = v - x, S = C - h, T = E + y, B = f - y - h, W = p - C + y + I, F = y + h - x, D = 160;
+  var c = s.getBoundingClientRect(), f = c.height, g = n.getBoundingClientRect(), p = g.bottom, m = g.height, h = g.top, b = n.offsetParent.getBoundingClientRect(), v = b.top, C = o ? window.innerHeight : Ea(s), y = ni(s), I = parseInt(getComputedStyle(n).marginBottom, 10), x = parseInt(getComputedStyle(n).marginTop, 10), E = v - x, S = C - h, T = E + y, B = f - y - h, W = p - C + y + I, F = y + h - x, D = 160;
   switch (r) {
     case "auto":
     case "bottom":
@@ -1903,10 +1903,10 @@ function Ma(t) {
         };
       }
       if (r === "auto" || o) {
-        var L = e, V = o ? E : T;
-        return V >= i && (L = Math.min(V - I - u, e)), {
+        var M = e, V = o ? E : T;
+        return V >= i && (M = Math.min(V - I - u, e)), {
           placement: "top",
-          maxHeight: L
+          maxHeight: M
         };
       }
       if (r === "bottom")
@@ -1963,7 +1963,7 @@ var ii = function(e) {
     marginTop: u.menuGutter
   });
 }, oi = /* @__PURE__ */ Rt(null), za = function(e) {
-  var n = e.children, i = e.minMenuHeight, r = e.maxMenuHeight, a = e.menuPlacement, o = e.menuPosition, u = e.menuShouldScrollIntoView, s = e.theme, l = Et(oi) || {}, c = l.setPortalPlacement, f = Y(null), b = M(r), p = ae(b, 2), m = p[0], h = p[1], g = M(null), v = ae(g, 2), C = v[0], y = v[1], I = s.spacing.controlHeight;
+  var n = e.children, i = e.minMenuHeight, r = e.maxMenuHeight, a = e.menuPlacement, o = e.menuPosition, u = e.menuShouldScrollIntoView, s = e.theme, l = Et(oi) || {}, c = l.setPortalPlacement, f = Y(null), g = L(r), p = ae(g, 2), m = p[0], h = p[1], b = L(null), v = ae(b, 2), C = v[0], y = v[1], I = s.spacing.controlHeight;
   return tn(function() {
     var x = f.current;
     if (x) {
@@ -2048,19 +2048,19 @@ var ii = function(e) {
     zIndex: 1
   };
 }, Qa = function(e) {
-  var n = e.appendTo, i = e.children, r = e.controlElement, a = e.innerProps, o = e.menuPlacement, u = e.menuPosition, s = Y(null), l = Y(null), c = M(ii(o)), f = ae(c, 2), b = f[0], p = f[1], m = se(function() {
+  var n = e.appendTo, i = e.children, r = e.controlElement, a = e.innerProps, o = e.menuPlacement, u = e.menuPosition, s = Y(null), l = Y(null), c = L(ii(o)), f = ae(c, 2), g = f[0], p = f[1], m = se(function() {
     return {
       setPortalPlacement: p
     };
-  }, []), h = M(null), g = ae(h, 2), v = g[0], C = g[1], y = H(function() {
+  }, []), h = L(null), b = ae(h, 2), v = b[0], C = b[1], y = H(function() {
     if (r) {
-      var S = wa(r), T = u === "fixed" ? 0 : window.pageYOffset, B = S[b] + T;
+      var S = wa(r), T = u === "fixed" ? 0 : window.pageYOffset, B = S[g] + T;
       (B !== (v == null ? void 0 : v.offset) || S.left !== (v == null ? void 0 : v.rect.left) || S.width !== (v == null ? void 0 : v.rect.width)) && C({
         offset: B,
         rect: S
       });
     }
-  }, [r, u, b, v == null ? void 0 : v.offset, v == null ? void 0 : v.rect.left, v == null ? void 0 : v.rect.width]);
+  }, [r, u, g, v == null ? void 0 : v.offset, v == null ? void 0 : v.rect.left, v == null ? void 0 : v.rect.width]);
   tn(function() {
     y();
   }, [y]);
@@ -2638,13 +2638,13 @@ var tl = process.env.NODE_ENV === "production" ? {
     }
   },
   onFocus: function(e) {
-    var n = e.context, i = e.focused, r = e.options, a = e.label, o = a === void 0 ? "" : a, u = e.selectValue, s = e.isDisabled, l = e.isSelected, c = e.isAppleDevice, f = function(h, g) {
-      return h && h.length ? "".concat(h.indexOf(g) + 1, " of ").concat(h.length) : "";
+    var n = e.context, i = e.focused, r = e.options, a = e.label, o = a === void 0 ? "" : a, u = e.selectValue, s = e.isDisabled, l = e.isSelected, c = e.isAppleDevice, f = function(h, b) {
+      return h && h.length ? "".concat(h.indexOf(b) + 1, " of ").concat(h.length) : "";
     };
     if (n === "value" && u)
       return "value ".concat(o, " focused, ").concat(f(u, i), ".");
     if (n === "menu" && c) {
-      var b = s ? " disabled" : "", p = "".concat(l ? " selected" : "").concat(b);
+      var g = s ? " disabled" : "", p = "".concat(l ? " selected" : "").concat(g);
       return "".concat(o).concat(p, ", ").concat(f(r, i), ".");
     }
     return "";
@@ -2654,14 +2654,14 @@ var tl = process.env.NODE_ENV === "production" ? {
     return "".concat(i).concat(n ? " for search term " + n : "", ".");
   }
 }, il = function(e) {
-  var n = e.ariaSelection, i = e.focusedOption, r = e.focusedValue, a = e.focusableOptions, o = e.isFocused, u = e.selectValue, s = e.selectProps, l = e.id, c = e.isAppleDevice, f = s.ariaLiveMessages, b = s.getOptionLabel, p = s.inputValue, m = s.isMulti, h = s.isOptionDisabled, g = s.isSearchable, v = s.menuIsOpen, C = s.options, y = s.screenReaderStatus, I = s.tabSelectsValue, x = s.isLoading, E = s["aria-label"], S = s["aria-live"], T = se(function() {
+  var n = e.ariaSelection, i = e.focusedOption, r = e.focusedValue, a = e.focusableOptions, o = e.isFocused, u = e.selectValue, s = e.selectProps, l = e.id, c = e.isAppleDevice, f = s.ariaLiveMessages, g = s.getOptionLabel, p = s.inputValue, m = s.isMulti, h = s.isOptionDisabled, b = s.isSearchable, v = s.menuIsOpen, C = s.options, y = s.screenReaderStatus, I = s.tabSelectsValue, x = s.isLoading, E = s["aria-label"], S = s["aria-live"], T = se(function() {
     return X(X({}, rl), f || {});
   }, [f]), B = se(function() {
     var V = "";
     if (n && T.onChange) {
       var j = n.option, U = n.options, Q = n.removedValue, re = n.removedValues, ie = n.value, R = function(oe) {
         return Array.isArray(oe) ? null : oe;
-      }, P = Q || j || R(ie), k = P ? b(P) : "", w = U || re || void 0, z = w ? w.map(b) : [], $ = X({
+      }, P = Q || j || R(ie), k = P ? g(P) : "", w = U || re || void 0, z = w ? w.map(g) : [], $ = X({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: P && h(P, u),
@@ -2671,12 +2671,12 @@ var tl = process.env.NODE_ENV === "production" ? {
       V = T.onChange($);
     }
     return V;
-  }, [n, T, h, u, b]), W = se(function() {
+  }, [n, T, h, u, g]), W = se(function() {
     var V = "", j = i || r, U = !!(i && u && u.includes(i));
     if (j && T.onFocus) {
       var Q = {
         focused: j,
-        label: b(j),
+        label: g(j),
         isDisabled: h(j, u),
         isSelected: U,
         options: a,
@@ -2687,7 +2687,7 @@ var tl = process.env.NODE_ENV === "production" ? {
       V = T.onFocus(Q);
     }
     return V;
-  }, [i, r, b, h, T, a, u, c]), F = se(function() {
+  }, [i, r, g, h, T, a, u, c]), F = se(function() {
     var V = "";
     if (v && C.length && !x && T.onFilter) {
       var j = y({
@@ -2708,13 +2708,13 @@ var tl = process.env.NODE_ENV === "production" ? {
         context: j,
         isDisabled: i && h(i, u),
         isMulti: m,
-        isSearchable: g,
+        isSearchable: b,
         tabSelectsValue: I,
         isInitialFocus: D
       });
     }
     return V;
-  }, [E, i, r, m, h, g, v, T, u, I, D]), L = _(Ut, null, _("span", {
+  }, [E, i, r, m, h, b, v, T, u, I, D]), M = _(Ut, null, _("span", {
     id: "aria-selection"
   }, B), _("span", {
     id: "aria-focused"
@@ -2725,12 +2725,12 @@ var tl = process.env.NODE_ENV === "production" ? {
   }, G));
   return _(Ut, null, _(Jn, {
     id: l
-  }, D && L), _(Jn, {
+  }, D && M), _(Jn, {
     "aria-live": S,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
     role: "log"
-  }, o && !D && L));
+  }, o && !D && M));
 }, ol = il, nn = [{
   base: "A",
   letters: "AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
@@ -3042,37 +3042,37 @@ var fl = function(e) {
   e.cancelable && e.preventDefault(), e.stopPropagation();
 };
 function pl(t) {
-  var e = t.isEnabled, n = t.onBottomArrive, i = t.onBottomLeave, r = t.onTopArrive, a = t.onTopLeave, o = Y(!1), u = Y(!1), s = Y(0), l = Y(null), c = H(function(g, v) {
+  var e = t.isEnabled, n = t.onBottomArrive, i = t.onBottomLeave, r = t.onTopArrive, a = t.onTopLeave, o = Y(!1), u = Y(!1), s = Y(0), l = Y(null), c = H(function(b, v) {
     if (l.current !== null) {
       var C = l.current, y = C.scrollTop, I = C.scrollHeight, x = C.clientHeight, E = l.current, S = v > 0, T = I - x - y, B = !1;
-      T > v && o.current && (i && i(g), o.current = !1), S && u.current && (a && a(g), u.current = !1), S && v > T ? (n && !o.current && n(g), E.scrollTop = I, B = !0, o.current = !0) : !S && -v > y && (r && !u.current && r(g), E.scrollTop = 0, B = !0, u.current = !0), B && fl(g);
-    }
-  }, [n, i, r, a]), f = H(function(g) {
-    c(g, g.deltaY);
-  }, [c]), b = H(function(g) {
-    s.current = g.changedTouches[0].clientY;
-  }, []), p = H(function(g) {
-    var v = s.current - g.changedTouches[0].clientY;
-    c(g, v);
-  }, [c]), m = H(function(g) {
-    if (g) {
+      T > v && o.current && (i && i(b), o.current = !1), S && u.current && (a && a(b), u.current = !1), S && v > T ? (n && !o.current && n(b), E.scrollTop = I, B = !0, o.current = !0) : !S && -v > y && (r && !u.current && r(b), E.scrollTop = 0, B = !0, u.current = !0), B && fl(b);
+    }
+  }, [n, i, r, a]), f = H(function(b) {
+    c(b, b.deltaY);
+  }, [c]), g = H(function(b) {
+    s.current = b.changedTouches[0].clientY;
+  }, []), p = H(function(b) {
+    var v = s.current - b.changedTouches[0].clientY;
+    c(b, v);
+  }, [c]), m = H(function(b) {
+    if (b) {
       var v = Ba ? {
         passive: !1
       } : !1;
-      g.addEventListener("wheel", f, v), g.addEventListener("touchstart", b, v), g.addEventListener("touchmove", p, v);
+      b.addEventListener("wheel", f, v), b.addEventListener("touchstart", g, v), b.addEventListener("touchmove", p, v);
     }
-  }, [p, b, f]), h = H(function(g) {
-    g && (g.removeEventListener("wheel", f, !1), g.removeEventListener("touchstart", b, !1), g.removeEventListener("touchmove", p, !1));
-  }, [p, b, f]);
+  }, [p, g, f]), h = H(function(b) {
+    b && (b.removeEventListener("wheel", f, !1), b.removeEventListener("touchstart", g, !1), b.removeEventListener("touchmove", p, !1));
+  }, [p, g, f]);
   return q(function() {
     if (e) {
-      var g = l.current;
-      return m(g), function() {
-        h(g);
+      var b = l.current;
+      return m(b), function() {
+        h(b);
       };
     }
-  }, [e, m, h]), function(g) {
-    l.current = g;
+  }, [e, m, h]), function(b) {
+    l.current = b;
   };
 }
 var jn = ["boxSizing", "height", "overflow", "paddingRight", "position"], $n = {
@@ -3107,7 +3107,7 @@ function gl(t) {
         var h = c && c[m];
         r.current[m] = h;
       }), i && Ye < 1) {
-        var f = parseInt(r.current.paddingRight, 10) || 0, b = document.body ? document.body.clientWidth : 0, p = window.innerWidth - b + f || 0;
+        var f = parseInt(r.current.paddingRight, 10) || 0, g = document.body ? document.body.clientWidth : 0, p = window.innerWidth - g + f || 0;
         Object.keys($n).forEach(function(m) {
           var h = $n[m];
           c && (c[m] = h);
@@ -3119,8 +3119,8 @@ function gl(t) {
     if (er) {
       var l = document.body, c = l && l.style;
       Ye = Math.max(Ye - 1, 0), i && Ye < 1 && jn.forEach(function(f) {
-        var b = r.current[f];
-        c && (c[f] = b);
+        var g = r.current[f];
+        c && (c[f] = g);
       }), l && Kn() && (l.removeEventListener("touchmove", Un, Pe), s && (s.removeEventListener("touchstart", qn, Pe), s.removeEventListener("touchmove", Qn, Pe)));
     }
   }, [i]);
@@ -3451,14 +3451,14 @@ var Ai = function(e) {
     }, r.inputRef = null, r.getInputRef = function(s) {
       r.inputRef = s;
     }, r.focus = r.focusInput, r.blur = r.blurInput, r.onChange = function(s, l) {
-      var c = r.props, f = c.onChange, b = c.name;
-      l.name = b, r.ariaOnChange(s, l), f(s, l);
+      var c = r.props, f = c.onChange, g = c.name;
+      l.name = g, r.ariaOnChange(s, l), f(s, l);
     }, r.setValue = function(s, l, c) {
-      var f = r.props, b = f.closeMenuOnSelect, p = f.isMulti, m = f.inputValue;
+      var f = r.props, g = f.closeMenuOnSelect, p = f.isMulti, m = f.inputValue;
       r.onInputChange("", {
         action: "set-value",
         prevInputValue: m
-      }), b && (r.setState({
+      }), g && (r.setState({
         inputIsHiddenAfterUpdate: !p
       }), r.onMenuClose()), r.setState({
         clearFocusValueOnUpdate: !0
@@ -3467,11 +3467,11 @@ var Ai = function(e) {
         option: c
       });
     }, r.selectOption = function(s) {
-      var l = r.props, c = l.blurInputOnSelect, f = l.isMulti, b = l.name, p = r.state.selectValue, m = f && r.isOptionSelected(s, p), h = r.isOptionDisabled(s, p);
+      var l = r.props, c = l.blurInputOnSelect, f = l.isMulti, g = l.name, p = r.state.selectValue, m = f && r.isOptionSelected(s, p), h = r.isOptionDisabled(s, p);
       if (m) {
-        var g = r.getOptionValue(s);
+        var b = r.getOptionValue(s);
         r.setValue(p.filter(function(v) {
-          return r.getOptionValue(v) !== g;
+          return r.getOptionValue(v) !== b;
         }), "deselect-option", s);
       } else if (!h)
         f ? r.setValue([].concat(ze(p), [s]), "select-option", s) : r.setValue(s, "select-option");
@@ -3479,15 +3479,15 @@ var Ai = function(e) {
         r.ariaOnChange(s, {
           action: "select-option",
           option: s,
-          name: b
+          name: g
         });
         return;
       }
       c && r.blurInput();
     }, r.removeValue = function(s) {
-      var l = r.props.isMulti, c = r.state.selectValue, f = r.getOptionValue(s), b = c.filter(function(m) {
+      var l = r.props.isMulti, c = r.state.selectValue, f = r.getOptionValue(s), g = c.filter(function(m) {
         return r.getOptionValue(m) !== f;
-      }), p = je(l, b, b[0] || null);
+      }), p = je(l, g, g[0] || null);
       r.onChange(p, {
         action: "remove-value",
         removedValue: s
@@ -3499,8 +3499,8 @@ var Ai = function(e) {
         removedValues: s
       });
     }, r.popValue = function() {
-      var s = r.props.isMulti, l = r.state.selectValue, c = l[l.length - 1], f = l.slice(0, l.length - 1), b = je(s, f, f[0] || null);
-      c && r.onChange(b, {
+      var s = r.props.isMulti, l = r.state.selectValue, c = l[l.length - 1], f = l.slice(0, l.length - 1), g = je(s, f, f[0] || null);
+      c && r.onChange(g, {
         action: "pop-value",
         removedValue: c
       });
@@ -3521,8 +3521,8 @@ var Ai = function(e) {
     }, r.getStyles = function(s, l) {
       var c = r.props.unstyled, f = wl[s](l, c);
       f.boxSizing = "border-box";
-      var b = r.props.styles[s];
-      return b ? b(f, l) : f;
+      var g = r.props.styles[s];
+      return g ? g(f, l) : f;
     }, r.getClassNames = function(s, l) {
       var c, f;
       return (c = (f = r.props.classNames)[s]) === null || c === void 0 ? void 0 : c.call(f, l);
@@ -3576,8 +3576,8 @@ var Ai = function(e) {
     }, r.onTouchMove = function(s) {
       var l = s.touches, c = l && l.item(0);
       if (c) {
-        var f = Math.abs(c.clientX - r.initialTouchX), b = Math.abs(c.clientY - r.initialTouchY), p = 5;
-        r.userIsDragging = f > p || b > p;
+        var f = Math.abs(c.clientX - r.initialTouchX), g = Math.abs(c.clientY - r.initialTouchY), p = 5;
+        r.userIsDragging = f > p || g > p;
       }
     }, r.onTouchEnd = function(s) {
       r.userIsDragging || (r.controlRef && !r.controlRef.contains(s.target) && r.menuListRef && !r.menuListRef.contains(s.target) && r.blurInput(), r.initialTouchX = 0, r.initialTouchY = 0);
@@ -3626,7 +3626,7 @@ var Ai = function(e) {
     }, r.onValueInputFocus = function(s) {
       s.preventDefault(), s.stopPropagation(), r.focus();
     }, r.onKeyDown = function(s) {
-      var l = r.props, c = l.isMulti, f = l.backspaceRemovesValue, b = l.escapeClearsValue, p = l.inputValue, m = l.isClearable, h = l.isDisabled, g = l.menuIsOpen, v = l.onKeyDown, C = l.tabSelectsValue, y = l.openMenuOnFocus, I = r.state, x = I.focusedOption, E = I.focusedValue, S = I.selectValue;
+      var l = r.props, c = l.isMulti, f = l.backspaceRemovesValue, g = l.escapeClearsValue, p = l.inputValue, m = l.isClearable, h = l.isDisabled, b = l.menuIsOpen, v = l.onKeyDown, C = l.tabSelectsValue, y = l.openMenuOnFocus, I = r.state, x = I.focusedOption, E = I.focusedValue, S = I.selectValue;
       if (!h && !(typeof v == "function" && (v(s), s.defaultPrevented))) {
         switch (r.blockOptionHover = !0, s.key) {
           case "ArrowLeft":
@@ -3648,7 +3648,7 @@ var Ai = function(e) {
             }
             break;
           case "Tab":
-            if (r.isComposing || s.shiftKey || !g || !C || !x || // don't capture the event if the menu opens on focus and the focused
+            if (r.isComposing || s.shiftKey || !b || !C || !x || // don't capture the event if the menu opens on focus and the focused
             // option is already selected; it breaks the flow of navigation
             y && r.isOptionSelected(x, S))
               return;
@@ -3657,24 +3657,24 @@ var Ai = function(e) {
           case "Enter":
             if (s.keyCode === 229)
               break;
-            if (g) {
+            if (b) {
               if (!x || r.isComposing) return;
               r.selectOption(x);
               break;
             }
             return;
           case "Escape":
-            g ? (r.setState({
+            b ? (r.setState({
               inputIsHiddenAfterUpdate: !1
             }), r.onInputChange("", {
               action: "menu-close",
               prevInputValue: p
-            }), r.onMenuClose()) : m && b && r.clearValue();
+            }), r.onMenuClose()) : m && g && r.clearValue();
             break;
           case " ":
             if (p)
               return;
-            if (!g) {
+            if (!b) {
               r.openMenu("first");
               break;
             }
@@ -3682,25 +3682,25 @@ var Ai = function(e) {
             r.selectOption(x);
             break;
           case "ArrowUp":
-            g ? r.focusOption("up") : r.openMenu("last");
+            b ? r.focusOption("up") : r.openMenu("last");
             break;
           case "ArrowDown":
-            g ? r.focusOption("down") : r.openMenu("first");
+            b ? r.focusOption("down") : r.openMenu("first");
             break;
           case "PageUp":
-            if (!g) return;
+            if (!b) return;
             r.focusOption("pageup");
             break;
           case "PageDown":
-            if (!g) return;
+            if (!b) return;
             r.focusOption("pagedown");
             break;
           case "Home":
-            if (!g) return;
+            if (!b) return;
             r.focusOption("first");
             break;
           case "End":
-            if (!g) return;
+            if (!b) return;
             r.focusOption("last");
             break;
           default:
@@ -3843,7 +3843,7 @@ var Ai = function(e) {
   }, {
     key: "getCommonProps",
     value: function() {
-      var r = this.clearValue, a = this.cx, o = this.getStyles, u = this.getClassNames, s = this.getValue, l = this.selectOption, c = this.setValue, f = this.props, b = f.isMulti, p = f.isRtl, m = f.options, h = this.hasValue();
+      var r = this.clearValue, a = this.cx, o = this.getStyles, u = this.getClassNames, s = this.getValue, l = this.selectOption, c = this.setValue, f = this.props, g = f.isMulti, p = f.isRtl, m = f.options, h = this.hasValue();
       return {
         clearValue: r,
         cx: a,
@@ -3851,7 +3851,7 @@ var Ai = function(e) {
         getClassNames: u,
         getValue: s,
         hasValue: h,
-        isMulti: b,
+        isMulti: g,
         isRtl: p,
         options: m,
         selectOption: l,
@@ -3950,7 +3950,7 @@ var Ai = function(e) {
       // Renderers
       // ==============================
       function() {
-        var r = this.props, a = r.isDisabled, o = r.isSearchable, u = r.inputId, s = r.inputValue, l = r.tabIndex, c = r.form, f = r.menuIsOpen, b = r.required, p = this.getComponents(), m = p.Input, h = this.state, g = h.inputIsHidden, v = h.ariaSelection, C = this.commonProps, y = u || this.getElementId("input"), I = X(X(X({
+        var r = this.props, a = r.isDisabled, o = r.isSearchable, u = r.inputId, s = r.inputValue, l = r.tabIndex, c = r.form, f = r.menuIsOpen, g = r.required, p = this.getComponents(), m = p.Input, h = this.state, b = h.inputIsHidden, v = h.ariaSelection, C = this.commonProps, y = u || this.getElementId("input"), I = X(X(X({
           "aria-autocomplete": "list",
           "aria-expanded": f,
           "aria-haspopup": !0,
@@ -3958,7 +3958,7 @@ var Ai = function(e) {
           "aria-invalid": this.props["aria-invalid"],
           "aria-label": this.props["aria-label"],
           "aria-labelledby": this.props["aria-labelledby"],
-          "aria-required": b,
+          "aria-required": g,
           role: "combobox",
           "aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
         }, f && {
@@ -3977,7 +3977,7 @@ var Ai = function(e) {
           id: y,
           innerRef: this.getInputRef,
           isDisabled: a,
-          isHidden: g,
+          isHidden: b,
           onBlur: this.onInputBlur,
           onChange: this.handleInputChange,
           onFocus: this.onInputFocus,
@@ -4003,9 +4003,9 @@ var Ai = function(e) {
   }, {
     key: "renderPlaceholderOrValue",
     value: function() {
-      var r = this, a = this.getComponents(), o = a.MultiValue, u = a.MultiValueContainer, s = a.MultiValueLabel, l = a.MultiValueRemove, c = a.SingleValue, f = a.Placeholder, b = this.commonProps, p = this.props, m = p.controlShouldRenderValue, h = p.isDisabled, g = p.isMulti, v = p.inputValue, C = p.placeholder, y = this.state, I = y.selectValue, x = y.focusedValue, E = y.isFocused;
+      var r = this, a = this.getComponents(), o = a.MultiValue, u = a.MultiValueContainer, s = a.MultiValueLabel, l = a.MultiValueRemove, c = a.SingleValue, f = a.Placeholder, g = this.commonProps, p = this.props, m = p.controlShouldRenderValue, h = p.isDisabled, b = p.isMulti, v = p.inputValue, C = p.placeholder, y = this.state, I = y.selectValue, x = y.focusedValue, E = y.isFocused;
       if (!this.hasValue() || !m)
-        return v ? null : /* @__PURE__ */ K.createElement(f, J({}, b, {
+        return v ? null : /* @__PURE__ */ K.createElement(f, J({}, g, {
           key: "placeholder",
           isDisabled: h,
           isFocused: E,
@@ -4013,10 +4013,10 @@ var Ai = function(e) {
             id: this.getElementId("placeholder")
           }
         }), C);
-      if (g)
+      if (b)
         return I.map(function(T, B) {
           var W = T === x, F = "".concat(r.getOptionLabel(T), "-").concat(r.getOptionValue(T));
-          return /* @__PURE__ */ K.createElement(o, J({}, b, {
+          return /* @__PURE__ */ K.createElement(o, J({}, g, {
             components: {
               Container: u,
               Label: s,
@@ -4043,7 +4043,7 @@ var Ai = function(e) {
       if (v)
         return null;
       var S = I[0];
-      return /* @__PURE__ */ K.createElement(c, J({}, b, {
+      return /* @__PURE__ */ K.createElement(c, J({}, g, {
         data: S,
         isDisabled: h
       }), this.formatOptionLabel(S, "value"));
@@ -4108,7 +4108,7 @@ var Ai = function(e) {
   }, {
     key: "renderMenu",
     value: function() {
-      var r = this, a = this.getComponents(), o = a.Group, u = a.GroupHeading, s = a.Menu, l = a.MenuList, c = a.MenuPortal, f = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, m = this.commonProps, h = this.state.focusedOption, g = this.props, v = g.captureMenuScroll, C = g.inputValue, y = g.isLoading, I = g.loadingMessage, x = g.minMenuHeight, E = g.maxMenuHeight, S = g.menuIsOpen, T = g.menuPlacement, B = g.menuPosition, W = g.menuPortalTarget, F = g.menuShouldBlockScroll, D = g.menuShouldScrollIntoView, G = g.noOptionsMessage, L = g.onMenuScrollToTop, V = g.onMenuScrollToBottom;
+      var r = this, a = this.getComponents(), o = a.Group, u = a.GroupHeading, s = a.Menu, l = a.MenuList, c = a.MenuPortal, f = a.LoadingMessage, g = a.NoOptionsMessage, p = a.Option, m = this.commonProps, h = this.state.focusedOption, b = this.props, v = b.captureMenuScroll, C = b.inputValue, y = b.isLoading, I = b.loadingMessage, x = b.minMenuHeight, E = b.maxMenuHeight, S = b.menuIsOpen, T = b.menuPlacement, B = b.menuPosition, W = b.menuPortalTarget, F = b.menuShouldBlockScroll, D = b.menuShouldScrollIntoView, G = b.noOptionsMessage, M = b.onMenuScrollToTop, V = b.onMenuScrollToBottom;
       if (!S) return null;
       var j = function(k, w) {
         var z = k.type, $ = k.data, Z = k.isDisabled, oe = k.isSelected, he = k.label, Vt = k.value, Ke = h === $, Ze = Z ? void 0 : function() {
@@ -4169,7 +4169,7 @@ var Ai = function(e) {
           inputValue: C
         });
         if (re === null) return null;
-        U = /* @__PURE__ */ K.createElement(b, m, re);
+        U = /* @__PURE__ */ K.createElement(g, m, re);
       }
       var ie = {
         minMenuHeight: x,
@@ -4189,7 +4189,7 @@ var Ai = function(e) {
           placement: z
         }), /* @__PURE__ */ K.createElement(vl, {
           captureEnabled: v,
-          onTopArrive: L,
+          onTopArrive: M,
           onBottomArrive: V,
           lockEnabled: F
         }, function(Z) {
@@ -4227,18 +4227,18 @@ var Ai = function(e) {
       if (!(!l || u))
         if (s)
           if (o) {
-            var b = f.map(function(h) {
+            var g = f.map(function(h) {
               return r.getOptionValue(h);
             }).join(o);
             return /* @__PURE__ */ K.createElement("input", {
               name: l,
               type: "hidden",
-              value: b
+              value: g
             });
           } else {
-            var p = f.length > 0 ? f.map(function(h, g) {
+            var p = f.length > 0 ? f.map(function(h, b) {
               return /* @__PURE__ */ K.createElement("input", {
-                key: "i-".concat(g),
+                key: "i-".concat(b),
                 name: l,
                 type: "hidden",
                 value: r.getOptionValue(h)
@@ -4277,14 +4277,14 @@ var Ai = function(e) {
   }, {
     key: "render",
     value: function() {
-      var r = this.getComponents(), a = r.Control, o = r.IndicatorsContainer, u = r.SelectContainer, s = r.ValueContainer, l = this.props, c = l.className, f = l.id, b = l.isDisabled, p = l.menuIsOpen, m = this.state.isFocused, h = this.commonProps = this.getCommonProps();
+      var r = this.getComponents(), a = r.Control, o = r.IndicatorsContainer, u = r.SelectContainer, s = r.ValueContainer, l = this.props, c = l.className, f = l.id, g = l.isDisabled, p = l.menuIsOpen, m = this.state.isFocused, h = this.commonProps = this.getCommonProps();
       return /* @__PURE__ */ K.createElement(u, J({}, h, {
         className: c,
         innerProps: {
           id: f,
           onKeyDown: this.onKeyDown
         },
-        isDisabled: b,
+        isDisabled: g,
         isFocused: m
       }), this.renderLiveRegion(), /* @__PURE__ */ K.createElement(a, J({}, h, {
         innerRef: this.getControlRef,
@@ -4292,21 +4292,21 @@ var Ai = function(e) {
           onMouseDown: this.onControlMouseDown,
           onTouchEnd: this.onControlTouchEnd
         },
-        isDisabled: b,
+        isDisabled: g,
         isFocused: m,
         menuIsOpen: p
       }), /* @__PURE__ */ K.createElement(s, J({}, h, {
-        isDisabled: b
+        isDisabled: g
       }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ K.createElement(o, J({}, h, {
-        isDisabled: b
+        isDisabled: g
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
   }], [{
     key: "getDerivedStateFromProps",
     value: function(r, a) {
-      var o = a.prevProps, u = a.clearFocusValueOnUpdate, s = a.inputIsHiddenAfterUpdate, l = a.ariaSelection, c = a.isFocused, f = a.prevWasFocused, b = a.instancePrefix, p = r.options, m = r.value, h = r.menuIsOpen, g = r.inputValue, v = r.isMulti, C = xt(m), y = {};
-      if (o && (m !== o.value || p !== o.options || h !== o.menuIsOpen || g !== o.inputValue)) {
-        var I = h ? Pl(r, C) : [], x = h ? nr(at(r, C), "".concat(b, "-option")) : [], E = u ? Ll(a, C) : null, S = Ml(a, I), T = kt(x, S);
+      var o = a.prevProps, u = a.clearFocusValueOnUpdate, s = a.inputIsHiddenAfterUpdate, l = a.ariaSelection, c = a.isFocused, f = a.prevWasFocused, g = a.instancePrefix, p = r.options, m = r.value, h = r.menuIsOpen, b = r.inputValue, v = r.isMulti, C = xt(m), y = {};
+      if (o && (m !== o.value || p !== o.options || h !== o.menuIsOpen || b !== o.inputValue)) {
+        var I = h ? Pl(r, C) : [], x = h ? nr(at(r, C), "".concat(g, "-option")) : [], E = u ? Ll(a, C) : null, S = Ml(a, I), T = kt(x, S);
         y = {
           selectValue: C,
           focusedOption: S,
@@ -4335,14 +4335,14 @@ var Ai = function(e) {
 Tt.defaultProps = Nl;
 var Xl = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function Fn(t) {
-  var e = t.defaultInputValue, n = e === void 0 ? "" : e, i = t.defaultMenuIsOpen, r = i === void 0 ? !1 : i, a = t.defaultValue, o = a === void 0 ? null : a, u = t.inputValue, s = t.menuIsOpen, l = t.onChange, c = t.onInputChange, f = t.onMenuClose, b = t.onMenuOpen, p = t.value, m = ve(t, Xl), h = M(u !== void 0 ? u : n), g = ae(h, 2), v = g[0], C = g[1], y = M(s !== void 0 ? s : r), I = ae(y, 2), x = I[0], E = I[1], S = M(p !== void 0 ? p : o), T = ae(S, 2), B = T[0], W = T[1], F = H(function(Q, re) {
+  var e = t.defaultInputValue, n = e === void 0 ? "" : e, i = t.defaultMenuIsOpen, r = i === void 0 ? !1 : i, a = t.defaultValue, o = a === void 0 ? null : a, u = t.inputValue, s = t.menuIsOpen, l = t.onChange, c = t.onInputChange, f = t.onMenuClose, g = t.onMenuOpen, p = t.value, m = ve(t, Xl), h = L(u !== void 0 ? u : n), b = ae(h, 2), v = b[0], C = b[1], y = L(s !== void 0 ? s : r), I = ae(y, 2), x = I[0], E = I[1], S = L(p !== void 0 ? p : o), T = ae(S, 2), B = T[0], W = T[1], F = H(function(Q, re) {
     typeof l == "function" && l(Q, re), W(Q);
   }, [l]), D = H(function(Q, re) {
     var ie;
     typeof c == "function" && (ie = c(Q, re)), C(ie !== void 0 ? ie : Q);
   }, [c]), G = H(function() {
-    typeof b == "function" && b(), E(!0);
-  }, [b]), L = H(function() {
+    typeof g == "function" && g(), E(!0);
+  }, [g]), M = H(function() {
     typeof f == "function" && f(), E(!1);
   }, [f]), V = u !== void 0 ? u : v, j = s !== void 0 ? s : x, U = p !== void 0 ? p : B;
   return X(X({}, m), {}, {
@@ -4350,7 +4350,7 @@ function Fn(t) {
     menuIsOpen: j,
     onChange: F,
     onInputChange: D,
-    onMenuClose: L,
+    onMenuClose: M,
     onMenuOpen: G,
     value: U
   });
@@ -4359,7 +4359,7 @@ var zl = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function Si(t) {
   var e = t.defaultOptions, n = e === void 0 ? !1 : e, i = t.cacheOptions, r = i === void 0 ? !1 : i, a = t.loadOptions;
   t.options;
-  var o = t.isLoading, u = o === void 0 ? !1 : o, s = t.onInputChange, l = t.filterOption, c = l === void 0 ? null : l, f = ve(t, zl), b = f.inputValue, p = Y(void 0), m = Y(!1), h = M(Array.isArray(n) ? n : void 0), g = ae(h, 2), v = g[0], C = g[1], y = M(typeof b < "u" ? b : ""), I = ae(y, 2), x = I[0], E = I[1], S = M(n === !0), T = ae(S, 2), B = T[0], W = T[1], F = M(void 0), D = ae(F, 2), G = D[0], L = D[1], V = M([]), j = ae(V, 2), U = j[0], Q = j[1], re = M(!1), ie = ae(re, 2), R = ie[0], P = ie[1], k = M({}), w = ae(k, 2), z = w[0], $ = w[1], Z = M(void 0), oe = ae(Z, 2), he = oe[0], Vt = oe[1], Ke = M(void 0), Ze = ae(Ke, 2), Dt = Ze[0], et = Ze[1];
+  var o = t.isLoading, u = o === void 0 ? !1 : o, s = t.onInputChange, l = t.filterOption, c = l === void 0 ? null : l, f = ve(t, zl), g = f.inputValue, p = Y(void 0), m = Y(!1), h = L(Array.isArray(n) ? n : void 0), b = ae(h, 2), v = b[0], C = b[1], y = L(typeof g < "u" ? g : ""), I = ae(y, 2), x = I[0], E = I[1], S = L(n === !0), T = ae(S, 2), B = T[0], W = T[1], F = L(void 0), D = ae(F, 2), G = D[0], M = D[1], V = L([]), j = ae(V, 2), U = j[0], Q = j[1], re = L(!1), ie = ae(re, 2), R = ie[0], P = ie[1], k = L({}), w = ae(k, 2), z = w[0], $ = w[1], Z = L(void 0), oe = ae(Z, 2), he = oe[0], Vt = oe[1], Ke = L(void 0), Ze = ae(Ke, 2), Dt = Ze[0], et = Ze[1];
   r !== Dt && ($({}), et(r)), n !== he && (C(Array.isArray(n) ? n : void 0), Vt(n)), q(function() {
     return m.current = !0, function() {
       m.current = !1;
@@ -4380,15 +4380,15 @@ function Si(t) {
   var oo = H(function(Je, Ne) {
     var ge = Ra(Je, Ne, s);
     if (!ge) {
-      p.current = void 0, E(""), L(""), Q([]), W(!1), P(!1);
+      p.current = void 0, E(""), M(""), Q([]), W(!1), P(!1);
       return;
     }
     if (r && z[ge])
-      E(ge), L(ge), Q(z[ge]), W(!1), P(!1);
+      E(ge), M(ge), Q(z[ge]), W(!1), P(!1);
     else {
       var so = p.current = {};
       E(ge), W(!0), P(!G), _e(ge, function(Nt) {
-        m && so === p.current && (p.current = void 0, W(!1), L(ge), Q(Nt || []), P(!1), $(Nt ? X(X({}, z), {}, We({}, ge, Nt)) : z));
+        m && so === p.current && (p.current = void 0, W(!1), M(ge), Q(Nt || []), P(!1), $(Nt ? X(X({}, z), {}, We({}, ge, Nt)) : z));
       });
     }
   }, [r, _e, G, z, s]), ao = R ? [] : x && G ? U : v || [];
@@ -4427,7 +4427,7 @@ var Hl = /* @__PURE__ */ dn(function(t, e) {
   }
 };
 function Ri(t) {
-  var e = t.allowCreateWhileLoading, n = e === void 0 ? !1 : e, i = t.createOptionPosition, r = i === void 0 ? "last" : i, a = t.formatCreateLabel, o = a === void 0 ? Zt.formatCreateLabel : a, u = t.isValidNewOption, s = u === void 0 ? Zt.isValidNewOption : u, l = t.getNewOptionData, c = l === void 0 ? Zt.getNewOptionData : l, f = t.onCreateOption, b = t.options, p = b === void 0 ? [] : b, m = t.onChange, h = ve(t, Zl), g = h.getOptionValue, v = g === void 0 ? hi : g, C = h.getOptionLabel, y = C === void 0 ? bi : C, I = h.inputValue, x = h.isLoading, E = h.isMulti, S = h.value, T = h.name, B = se(function() {
+  var e = t.allowCreateWhileLoading, n = e === void 0 ? !1 : e, i = t.createOptionPosition, r = i === void 0 ? "last" : i, a = t.formatCreateLabel, o = a === void 0 ? Zt.formatCreateLabel : a, u = t.isValidNewOption, s = u === void 0 ? Zt.isValidNewOption : u, l = t.getNewOptionData, c = l === void 0 ? Zt.getNewOptionData : l, f = t.onCreateOption, g = t.options, p = g === void 0 ? [] : g, m = t.onChange, h = ve(t, Zl), b = h.getOptionValue, v = b === void 0 ? hi : b, C = h.getOptionLabel, y = C === void 0 ? bi : C, I = h.inputValue, x = h.isLoading, E = h.isMulti, S = h.value, T = h.name, B = se(function() {
     return s(I, xt(S), p, {
       getOptionValue: v,
       getOptionLabel: y
@@ -4437,8 +4437,8 @@ function Ri(t) {
   }, [n, r, x, B, p]), F = H(function(D, G) {
     if (G.action !== "select-option")
       return m(D, G);
-    var L = Array.isArray(D) ? D : [D];
-    if (L[L.length - 1] === B) {
+    var M = Array.isArray(D) ? D : [D];
+    if (M[M.length - 1] === B) {
       if (f) f(I);
       else {
         var V = c(I, I), j = {
@@ -4480,7 +4480,7 @@ function Ei({
   onFormulaConfigChange: s,
   renderNative: l
 }) {
-  const c = t.formula === !0, f = qe(), b = Y(null), [p, m] = M(
+  const c = t.formula === !0, f = qe(), g = Y(null), [p, m] = L(
     () => c && e in (u ?? {})
   ), h = Y(p);
   h.current = p, q(() => {
@@ -4489,15 +4489,15 @@ function Ei({
         h.current && f.notifyFormulaToggle(!1);
       };
   }, []);
-  const g = p, [v, C] = M(
+  const b = p, [v, C] = L(
     () => c && p ? we(String(n ?? ""), !0) : []
   ), y = Y(n), I = (E) => {
     C(E);
-    const S = g ? gt(E) : Te(E);
+    const S = b ? gt(E) : Te(E);
     y.current = S, i(S);
   }, x = H(() => {
     const E = !p;
-    if (m(E), f == null || f.notifyFormulaToggle(E, E ? b.current : null), E) {
+    if (m(E), f == null || f.notifyFormulaToggle(E, E ? g.current : null), E) {
       const S = String(n ?? ""), T = we(S, !0);
       C(T);
       const B = gt(T);
@@ -4532,7 +4532,7 @@ function Ei({
             {
               component: "button",
               type: "button",
-              ref: b,
+              ref: g,
               onClick: x,
               sx: {
                 border: "none",
@@ -4562,7 +4562,7 @@ function Ei({
         }
       )
     ] }),
-    o && /* @__PURE__ */ d("small", { style: ce, children: o }),
+    o && /* @__PURE__ */ d("small", { style: ue, children: o }),
     p ? /* @__PURE__ */ d(
       Zr,
       {
@@ -4573,7 +4573,7 @@ function Ei({
         placeholder: t.formulaPlaceholder ?? "Type or paste a variable expression...",
         disabled: t.disabled === !0,
         error: a,
-        formulaConfigEnabled: g
+        formulaConfigEnabled: b
       }
     ) : l()
   ] }) : /* @__PURE__ */ O("div", { children: [
@@ -4588,29 +4588,29 @@ function Ei({
         dataTestId: t.dataTestId
       }
     ),
-    o && /* @__PURE__ */ d("small", { style: ce, children: o }),
+    o && /* @__PURE__ */ d("small", { style: ue, children: o }),
     l()
   ] });
 }
 function $l({ field: t, value: e, values: n, onChange: i, onBlur: r, error: a, touched: o, formulaConfig: u, onFormulaConfigChange: s }) {
   var W;
-  const l = t, c = !!(o && a), f = l.disabled === !0, b = (F) => l.getOptionValue ? l.getOptionValue(F) : F.value ?? F.id, p = se(
+  const l = t, c = !!(o && a), f = l.disabled === !0, g = (F) => l.getOptionValue ? l.getOptionValue(F) : F.value ?? F.id, p = se(
     () => (l.options ?? []).map((F) => ({
       ...F,
-      value: b(F)
+      value: g(F)
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [l.options]
-  ), [m, h] = M(0), g = ((W = l.dependsOn) == null ? void 0 : W.map((F) => n[F])) ?? [];
+  ), [m, h] = L(0), b = ((W = l.dependsOn) == null ? void 0 : W.map((F) => n[F])) ?? [];
   q(() => {
     var F;
     (F = l.dependsOn) != null && F.length && h((D) => D + 1);
-  }, g);
-  const v = !!l.loadOptions, [C, y] = M(null), I = Y(!1);
+  }, b);
+  const v = !!l.loadOptions, [C, y] = L(null), I = Y(!1);
   q(() => {
     if (!v || I.current || e == null || e === "" || Array.isArray(e) && e.length === 0) return;
     const F = Array.isArray(e) ? e : [e];
-    I.current = !0, (l.loadValue ? l.loadValue(F) : l.loadOptions("").then((G) => G.filter((L) => F.some((V) => String(b(L)) === String(V))))).then((G) => {
+    I.current = !0, (l.loadValue ? l.loadValue(F) : l.loadOptions("").then((G) => G.filter((M) => F.some((V) => String(g(M)) === String(V))))).then((G) => {
       G.length !== 0 && y(l.isMulti ? G : G[0]);
     }).catch(() => {
       I.current = !1;
@@ -4621,10 +4621,10 @@ function $l({ field: t, value: e, values: n, onChange: i, onBlur: r, error: a, t
     if (v) return C;
     if (l.isMulti) {
       const F = Array.isArray(e) ? e : [e];
-      return p.filter((D) => F.includes(b(D)));
+      return p.filter((D) => F.includes(g(D)));
     }
-    return p.find((F) => String(b(F)) === String(e)) ?? null;
-  }, [e, p, l.isMulti, v, C]), E = (F) => (v && y(F), F ? l.isMulti ? i(F.map(b)) : i(b(F)) : i(l.isMulti ? [] : null)), S = {
+    return p.find((F) => String(g(F)) === String(e)) ?? null;
+  }, [e, p, l.isMulti, v, C]), E = (F) => (v && y(F), F ? l.isMulti ? i(F.map(g)) : i(g(F)) : i(l.isMulti ? [] : null)), S = {
     inputId: l.id ?? l.name,
     name: l.id ?? l.name,
     placeholder: l.placeholder ?? "Select...",
@@ -4846,7 +4846,7 @@ function tu({
       value: v.id ?? v.value
     })),
     [t.options]
-  ), b = Array.isArray(e) ? e : e != null ? [e] : [], p = se(() => new Set(b.map((v) => String(v))), [b]), m = se(() => l ? f.filter((v) => p.has(String(v.value ?? ""))) : f.find((v) => String(v.value ?? "") === String(e ?? "")) ?? null, [l, f, e, p]), g = /* @__PURE__ */ O(He, { children: [
+  ), g = Array.isArray(e) ? e : e != null ? [e] : [], p = se(() => new Set(g.map((v) => String(v))), [g]), m = se(() => l ? f.filter((v) => p.has(String(v.value ?? ""))) : f.find((v) => String(v.value ?? "") === String(e ?? "")) ?? null, [l, f, e, p]), b = /* @__PURE__ */ O(He, { children: [
     /* @__PURE__ */ d(
       hn,
       {
@@ -4889,7 +4889,7 @@ function tu({
       helperText: t.helperText,
       formulaConfig: o,
       onFormulaConfigChange: u,
-      renderNative: () => g
+      renderNative: () => b
     }
   ) });
 }
@@ -4995,7 +4995,7 @@ function Fi({
   return /* @__PURE__ */ d(N, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: t.map((a) => {
     const o = a.id ?? a.name ?? "", u = a.colSpan ?? Math.max(2, Math.floor(12 / t.length)), s = `${Math.round(u / 12 * 100)}%`;
     return /* @__PURE__ */ O(N, { sx: { flex: `0 0 calc(${s} - 8px)`, minWidth: 100 }, children: [
-      a.label && /* @__PURE__ */ O(ue, { sx: { fontSize: 11, color: "#64748b", mb: 0.25, fontWeight: 500 }, children: [
+      a.label && /* @__PURE__ */ O(ce, { sx: { fontSize: 11, color: "#64748b", mb: 0.25, fontWeight: 500 }, children: [
         a.label,
         a.required && /* @__PURE__ */ d("span", { style: { color: "#ef4444" }, children: " *" })
       ] }),
@@ -5066,25 +5066,48 @@ function wi({
 }) {
   return /* @__PURE__ */ O(N, { sx: {
     position: "relative",
-    px: 1,
-    pt: 0.75,
-    pb: 0.5,
+    // Match the breathing room of the host's "Conditional / Fallback" blocks:
+    // generous interior padding, comfortable inter-block gap.
+    px: 2,
+    pt: 1.75,
+    pb: 1.5,
     bgcolor: "#fff",
     border: "1px solid #e2e8f0",
-    borderRadius: "6px",
-    mb: 0.5,
+    borderRadius: "8px",
+    mb: 1.5,
     // Children render with normal 32px bottom margin (ff-form-mb-4) so siblings
     // are well-separated. Kill the LAST child's trailing margin so the row hugs
     // its content with no extra gap below.
     "& .ff-form-mb-4:last-of-type": { marginBottom: "0 !important" }
   }, children: [
-    e && /* @__PURE__ */ O(ue, { sx: { fontSize: 11, fontWeight: 600, color: "#94a3b8", mb: 0.5, textTransform: "uppercase", letterSpacing: 0.5 }, children: [
-      e,
-      " ",
-      t + 1
-    ] }),
+    e && // Pill chip — visually consistent with the host's "Conditional" /
+    // "Fallback" tags. Sits above the first field with a 12px gap.
+    /* @__PURE__ */ O(
+      N,
+      {
+        component: "span",
+        sx: {
+          display: "inline-block",
+          fontSize: 11,
+          fontWeight: 600,
+          color: "#475569",
+          bgcolor: "#e2e8f0",
+          px: 1,
+          py: "2px",
+          borderRadius: "6px",
+          mb: 1.5,
+          textTransform: "uppercase",
+          letterSpacing: 0.5
+        },
+        children: [
+          e,
+          " ",
+          t + 1
+        ]
+      }
+    ),
     r,
-    /* @__PURE__ */ d(Se, { title: "Remove", children: /* @__PURE__ */ d("span", { style: { position: "absolute", top: 6, right: 6 }, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ d(Se, { title: "Remove", children: /* @__PURE__ */ d("span", { style: { position: "absolute", top: 10, right: 10 }, children: /* @__PURE__ */ d(
       Er,
       {
         size: "small",
@@ -5117,18 +5140,18 @@ function su({
   depth: l,
   compact: c,
   renderFieldRouter: f,
-  disabled: b,
+  disabled: g,
   minItems: p,
   maxItems: m
 }) {
-  const [h, g] = M(() => i.map(() => Oe()));
+  const [h, b] = L(() => i.map(() => Oe()));
   q(() => {
-    h.length !== i.length && g((I) => i.length > I.length ? [...I, ...Array.from({ length: i.length - I.length }, () => Oe())] : I.slice(0, i.length));
+    h.length !== i.length && b((I) => i.length > I.length ? [...I, ...Array.from({ length: i.length - I.length }, () => Oe())] : I.slice(0, i.length));
   }, [i.length]);
   const v = H(() => {
-    i.length >= m || (u(e, [...i, Ti(n)]), g((I) => [...I, Oe()]));
+    i.length >= m || (u(e, [...i, Ti(n)]), b((I) => [...I, Oe()]));
   }, [i, m, u, e, n]), C = H((I) => {
-    i.length <= p || (u(e, i.filter((x, E) => E !== I)), g((x) => x.filter((E, S) => S !== I)));
+    i.length <= p || (u(e, i.filter((x, E) => E !== I)), b((x) => x.filter((E, S) => S !== I)));
   }, [i, p, u, e]), y = t;
   return /* @__PURE__ */ O(N, { children: [
     /* @__PURE__ */ d(
@@ -5141,7 +5164,7 @@ function su({
         htmlFor: t.id
       }
     ),
-    t.helperText && /* @__PURE__ */ d(ue, { sx: { fontSize: 12, color: "#6c757d", mb: 0.75 }, children: t.helperText }),
+    t.helperText && /* @__PURE__ */ d(ce, { sx: { fontSize: 12, color: "#6c757d", mb: 0.75 }, children: t.helperText }),
     i.length === 0 && /* @__PURE__ */ d(N, { sx: {
       py: 2.5,
       textAlign: "center",
@@ -5156,7 +5179,7 @@ function su({
       {
         index: x,
         itemLabel: y.itemLabel,
-        canRemove: i.length > p && !b,
+        canRemove: i.length > p && !g,
         onRemove: () => C(x),
         children: /* @__PURE__ */ d(N, { children: n.map((E) => {
           const S = E.id ?? E.name ?? "", T = `${e}.${x}.${S}`;
@@ -5186,7 +5209,7 @@ function su({
         component: "button",
         type: "button",
         onClick: v,
-        disabled: b,
+        disabled: g,
         sx: {
           display: "inline-flex",
           alignItems: "center",
@@ -5194,12 +5217,12 @@ function su({
           border: "1px dashed #cbd5e1",
           borderRadius: "6px",
           background: "none",
-          cursor: b ? "not-allowed" : "pointer",
+          cursor: g ? "not-allowed" : "pointer",
           px: 1.5,
           py: 0.6,
           fontSize: 12.5,
           color: "#6366f1",
-          opacity: b ? 0.5 : 1,
+          opacity: g ? 0.5 : 1,
           "&:hover:not(:disabled)": { borderColor: "#6366f1", bgcolor: "#f5f3ff" }
         },
         children: [
@@ -5223,9 +5246,9 @@ function Gt(t) {
     parentSetFieldTouched: l,
     depth: c = 0,
     compact: f,
-    renderFieldRouter: b
-  } = t, p = e, m = e.disabled === !0, h = p.itemType ?? "text", g = p.minItems ?? 0, v = p.maxItems ?? 1 / 0, C = e.children ?? p.itemFields;
-  if (!!b && typeof r == "string" && Array.isArray(C) && C.length > 0)
+    renderFieldRouter: g
+  } = t, p = e, m = e.disabled === !0, h = p.itemType ?? "text", b = p.minItems ?? 0, v = p.maxItems ?? 1 / 0, C = e.children ?? p.itemFields;
+  if (!!g && typeof r == "string" && Array.isArray(C) && C.length > 0)
     return /* @__PURE__ */ d(
       su,
       {
@@ -5242,13 +5265,13 @@ function Gt(t) {
         }),
         depth: c,
         compact: f,
-        renderFieldRouter: b,
+        renderFieldRouter: g,
         disabled: m,
-        minItems: g,
+        minItems: b,
         maxItems: v
       }
     );
-  const [I, x] = M(() => _t(it(n))), E = Y(JSON.stringify(Jt(I)));
+  const [I, x] = L(() => _t(it(n))), E = Y(JSON.stringify(Jt(I)));
   q(() => {
     if (JSON.stringify(it(n)) !== E.current) {
       const D = _t(it(n));
@@ -5263,8 +5286,8 @@ function Gt(t) {
   }, [i]), T = H(() => {
     I.length >= v || S([...I, ru(h, p.itemFields)]);
   }, [I, h, p.itemFields, v, S]), B = H((F) => {
-    I.length <= g || S(I.filter((D) => Yt(D) !== F));
-  }, [I, g, S]), W = H((F, D) => {
+    I.length <= b || S(I.filter((D) => Yt(D) !== F));
+  }, [I, b, S]), W = H((F, D) => {
     S(I.map((G) => Yt(G) !== F ? G : D !== null && typeof D == "object" && !Array.isArray(D) ? { ...D, [Ce]: F } : { [Ce]: F, __value: D }));
   }, [I, S]);
   return /* @__PURE__ */ O(N, { children: [
@@ -5278,7 +5301,7 @@ function Gt(t) {
         htmlFor: e.id
       }
     ),
-    e.helperText && /* @__PURE__ */ d(ue, { sx: { fontSize: 12, color: "#6c757d", mb: 0.75 }, children: e.helperText }),
+    e.helperText && /* @__PURE__ */ d(ce, { sx: { fontSize: 12, color: "#6c757d", mb: 0.75 }, children: e.helperText }),
     I.length === 0 && /* @__PURE__ */ d(N, { sx: {
       py: 2.5,
       textAlign: "center",
@@ -5289,26 +5312,26 @@ function Gt(t) {
       fontSize: 13
     }, children: "No items yet — click Add to start" }),
     I.map((F, D) => {
-      const G = Yt(F), L = iu(F);
+      const G = Yt(F), M = iu(F);
       return /* @__PURE__ */ d(
         wi,
         {
           index: D,
           itemLabel: p.itemLabel,
-          canRemove: I.length > g && !m,
+          canRemove: I.length > b && !m,
           onRemove: () => B(G),
           children: h === "object" && p.itemFields ? /* @__PURE__ */ d(
             Fi,
             {
               fields: p.itemFields,
-              value: L ?? {},
+              value: M ?? {},
               onChange: (V) => W(G, V),
               disabled: m
             }
           ) : h === "select" ? /* @__PURE__ */ d(
             au,
             {
-              value: L,
+              value: M,
               onChange: (V) => W(G, V),
               options: p.itemOptions ?? [],
               disabled: m
@@ -5322,7 +5345,7 @@ function Gt(t) {
                 type: "array",
                 label: void 0
               },
-              value: L,
+              value: M,
               values: {},
               onChange: (V) => W(G, V),
               onBlur: () => {
@@ -5331,7 +5354,7 @@ function Gt(t) {
           ) : /* @__PURE__ */ d(
             ou,
             {
-              value: L,
+              value: M,
               onChange: (V) => W(G, h === "number" ? V === "" ? "" : Number(V) : V),
               inputType: h,
               placeholder: p.itemPlaceholder,
@@ -5424,8 +5447,8 @@ function cu({ field: t, value: e, onChange: n, onBlur: i }) {
   const r = t.children ?? [], a = e ?? {}, o = or(r, a), u = Y(a);
   u.current = a;
   function s(l, c) {
-    const b = { ...or(r, u.current), [l]: c };
-    u.current = b, n(b);
+    const g = { ...or(r, u.current), [l]: c };
+    u.current = g, n(g);
   }
   return /* @__PURE__ */ O(N, { children: [
     /* @__PURE__ */ d(
@@ -5437,7 +5460,7 @@ function cu({ field: t, value: e, onChange: n, onBlur: i }) {
         info: t.info
       }
     ),
-    t.helperText && /* @__PURE__ */ d(ue, { sx: { fontSize: 12, color: "#6c757d", mb: 0.75 }, children: t.helperText }),
+    t.helperText && /* @__PURE__ */ d(ce, { sx: { fontSize: 12, color: "#6c757d", mb: 0.75 }, children: t.helperText }),
     r.length === 0 ? /* @__PURE__ */ d(N, { sx: {
       py: 2.5,
       textAlign: "center",
@@ -5474,13 +5497,13 @@ function du({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = M(
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = L(
     () => e == null || e === "" ? "" : String(e)
-  ), b = Y(e);
+  ), g = Y(e);
   q(() => {
-    e !== b.current && (b.current = e, f(e == null || e === "" ? "" : String(e)));
+    e !== g.current && (g.current = e, f(e == null || e === "" ? "" : String(e)));
   }, [e]);
-  const p = !!o.prefix, m = !!o.suffix, h = p || m, g = {
+  const p = !!o.prefix, m = !!o.suffix, h = p || m, b = {
     flex: 1,
     border: "none",
     outline: "none",
@@ -5530,7 +5553,7 @@ function du({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ O(
       "div",
       {
@@ -5553,8 +5576,8 @@ function du({
               placeholder: o.placeholder ?? "",
               value: c,
               "data-testid": o.dataTestId ?? `${u}-input`,
-              style: h ? g : {
-                ...g,
+              style: h ? b : {
+                ...b,
                 border: s ? A.BORDER_ERROR : A.BORDER,
                 borderRadius: A.BORDER_RADIUS,
                 backgroundColor: l ? A.COLOR_DISABLED_BG : "#fff"
@@ -5563,7 +5586,7 @@ function du({
                 const E = x.target.value;
                 f(E);
                 const S = E === "" ? null : Number(E);
-                b.current = S, n(S);
+                g.current = S, n(S);
               },
               onFocus: h ? void 0 : (x) => {
                 x.currentTarget.style.borderColor = s ? A.BORDER_COLOR_ERROR : A.BORDER_COLOR_FOCUS, x.currentTarget.style.boxShadow = s ? A.FOCUS_SHADOW_ERROR : A.FOCUS_SHADOW;
@@ -5597,8 +5620,8 @@ function fu({
           id: u,
           name: u,
           checked: !!e,
-          onChange: (b) => {
-            n(b.target.checked);
+          onChange: (g) => {
+            n(g.target.checked);
           },
           onBlur: i,
           disabled: l,
@@ -5616,7 +5639,7 @@ function fu({
   );
   return /* @__PURE__ */ O("div", { children: [
     f,
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     s && /* @__PURE__ */ d("small", { "data-testid": `${u}-error`, style: de, children: r })
   ] });
 }
@@ -5641,7 +5664,7 @@ function pu({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ d(
       Co,
       {
@@ -5685,9 +5708,9 @@ function wn({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = o.inputType === "datetime" ? "datetime-local" : o.inputType === "time" ? "time" : "date", [f, b] = M(() => String(e ?? "")), p = Y(e);
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = o.inputType === "datetime" ? "datetime-local" : o.inputType === "time" ? "time" : "date", [f, g] = L(() => String(e ?? "")), p = Y(e);
   q(() => {
-    e !== p.current && (p.current = e, b(String(e ?? "")));
+    e !== p.current && (p.current = e, g(String(e ?? "")));
   }, [e]);
   const m = {
     width: "100%",
@@ -5714,7 +5737,7 @@ function wn({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ d(
       "input",
       {
@@ -5729,7 +5752,7 @@ function wn({
         readOnly: o.readOnly,
         "data-testid": o.dataTestId ?? `${u}-input`,
         onChange: (h) => {
-          b(h.target.value), p.current = h.target.value, n(h.target.value);
+          g(h.target.value), p.current = h.target.value, n(h.target.value);
         },
         onBlur: i,
         onFocus: (h) => {
@@ -5751,9 +5774,9 @@ function gu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = Array.isArray(e) ? e : [], [f, b] = M(""), [p, m] = M(!1), h = Y(null), g = (I) => {
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = Array.isArray(e) ? e : [], [f, g] = L(""), [p, m] = L(!1), h = Y(null), b = (I) => {
     const x = I.trim();
-    !x || c.includes(x) || o.maxTags && c.length >= o.maxTags || (n([...c, x]), b(""));
+    !x || c.includes(x) || o.maxTags && c.length >= o.maxTags || (n([...c, x]), g(""));
   }, v = (I) => {
     n(c.filter((x, E) => E !== I));
   }, C = s ? A.BORDER_COLOR_ERROR : p ? A.BORDER_COLOR_FOCUS : A.BORDER_COLOR, y = p ? s ? A.FOCUS_SHADOW_ERROR : A.FOCUS_SHADOW : "none";
@@ -5769,7 +5792,7 @@ function gu({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ O(
       "div",
       {
@@ -5846,13 +5869,13 @@ function gu({
                 padding: "2px 4px",
                 cursor: l ? "not-allowed" : void 0
               },
-              onChange: (I) => b(I.target.value),
+              onChange: (I) => g(I.target.value),
               onKeyDown: (I) => {
-                (I.key === "Enter" || I.key === ",") && (I.preventDefault(), g(f)), I.key === "Backspace" && !f && c.length > 0 && v(c.length - 1);
+                (I.key === "Enter" || I.key === ",") && (I.preventDefault(), b(f)), I.key === "Backspace" && !f && c.length > 0 && v(c.length - 1);
               },
               onFocus: () => m(!0),
               onBlur: () => {
-                m(!1), f.trim() && g(f), i();
+                m(!1), f.trim() && b(f), i();
               }
             }
           )
@@ -5870,7 +5893,7 @@ function bu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = o.min ?? 0, f = o.max ?? 100, b = o.step ?? 1, [p, m] = M(
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = o.min ?? 0, f = o.max ?? 100, g = o.step ?? 1, [p, m] = L(
     () => typeof e == "number" ? e : c
   ), h = Y(e);
   return q(() => {
@@ -5887,7 +5910,7 @@ function bu({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ O("div", { style: { display: "flex", alignItems: "center", gap: 12, px: 1 }, children: [
       /* @__PURE__ */ d(
         So,
@@ -5896,10 +5919,10 @@ function bu({
           value: p,
           min: c,
           max: f,
-          step: b,
+          step: g,
           disabled: l,
           marks: o.marks,
-          onChange: (g, v) => {
+          onChange: (b, v) => {
             const C = Array.isArray(v) ? v[0] : v;
             m(C), h.current = C, n(C);
           },
@@ -5930,12 +5953,12 @@ function hu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = M(() => String(e ?? "#6366f1")), b = Y(e);
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = L(() => String(e ?? "#6366f1")), g = Y(e);
   q(() => {
-    e !== b.current && (b.current = e, f(String(e ?? "#6366f1")));
+    e !== g.current && (g.current = e, f(String(e ?? "#6366f1")));
   }, [e]);
   const p = (m) => {
-    f(m), b.current = m, n(m);
+    f(m), g.current = m, n(m);
   };
   return /* @__PURE__ */ O("div", { children: [
     /* @__PURE__ */ d(
@@ -5949,7 +5972,7 @@ function hu({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ O("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ O(
         "div",
@@ -6002,7 +6025,7 @@ function hu({
           placeholder: "#000000",
           onChange: (m) => {
             const h = m.target.value;
-            f(h), /^#[0-9a-fA-F]{6}$/.test(h) && (b.current = h, n(h));
+            f(h), /^#[0-9a-fA-F]{6}$/.test(h) && (g.current = h, n(h));
           },
           onBlur: i,
           style: {
@@ -6036,7 +6059,7 @@ function vu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = Y(null), [f, b] = M(!1), [p, m] = M(null), h = e instanceof File ? [e] : Array.isArray(e) ? e : [], g = (y) => {
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, c = Y(null), [f, g] = L(!1), [p, m] = L(null), h = e instanceof File ? [e] : Array.isArray(e) ? e : [], b = (y) => {
     if (!y) return;
     const I = Array.from(y);
     if (o.maxSizeMb) {
@@ -6062,7 +6085,7 @@ function vu({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ O(
       "div",
       {
@@ -6071,11 +6094,11 @@ function vu({
           return !l && ((y = c.current) == null ? void 0 : y.click());
         },
         onDragOver: (y) => {
-          y.preventDefault(), l || b(!0);
+          y.preventDefault(), l || g(!0);
         },
-        onDragLeave: () => b(!1),
+        onDragLeave: () => g(!1),
         onDrop: (y) => {
-          y.preventDefault(), b(!1), l || g(y.dataTransfer.files);
+          y.preventDefault(), g(!1), l || b(y.dataTransfer.files);
         },
         style: {
           border: `1px dashed ${C}`,
@@ -6099,7 +6122,7 @@ function vu({
               "data-testid": o.dataTestId ?? `${u}-input`,
               style: { display: "none" },
               onChange: (y) => {
-                g(y.target.files), i();
+                b(y.target.files), i();
               }
             }
           ),
@@ -6125,7 +6148,7 @@ function vu({
     (s || p) && /* @__PURE__ */ d("small", { "data-testid": `${u}-error`, style: de, children: p ?? r })
   ] });
 }
-const Iu = Ue.lazy(async () => ({ default: (await import("./index-a3QMaedZ.js")).default }));
+const Iu = Ue.lazy(async () => ({ default: (await import("./index-aY0_Mo-L.js")).default }));
 async function xu(t) {
   switch (t) {
     case "python":
@@ -6159,8 +6182,8 @@ function Gi({
       p = !1;
     };
   }, [t]);
-  const b = se(() => /* @__PURE__ */ d("div", { style: { minHeight: l ?? i, padding: 8, color: "#9ca3af", fontSize: 12 }, children: "Loading editor…" }), [l, i]);
-  return c ? /* @__PURE__ */ d(Sr, { fallback: b, children: /* @__PURE__ */ d(
+  const g = se(() => /* @__PURE__ */ d("div", { style: { minHeight: l ?? i, padding: 8, color: "#9ca3af", fontSize: 12 }, children: "Loading editor…" }), [l, i]);
+  return c ? /* @__PURE__ */ d(Sr, { fallback: g, children: /* @__PURE__ */ d(
     Iu,
     {
       value: e,
@@ -6174,7 +6197,7 @@ function Gi({
       onBlur: u,
       style: s
     }
-  ) }) : b;
+  ) }) : g;
 }
 function yu({
   field: t,
@@ -6184,7 +6207,7 @@ function yu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = M(null), [b, p] = M(() => typeof e == "string" ? e : e != null ? JSON.stringify(e, null, 2) : ""), m = Y(e);
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = L(null), [g, p] = L(() => typeof e == "string" ? e : e != null ? JSON.stringify(e, null, 2) : ""), m = Y(e);
   q(() => {
     e !== m.current && (m.current = e, typeof e == "string" ? p(e) : e != null ? p(JSON.stringify(e, null, 2)) : p(""));
   }, [e]);
@@ -6196,9 +6219,9 @@ function yu({
       f(E.message);
     }
     m.current = x, n(x);
-  }, g = () => {
+  }, b = () => {
     try {
-      const x = JSON.stringify(JSON.parse(b), null, 2);
+      const x = JSON.stringify(JSON.parse(g), null, 2);
       p(x), f(null), m.current = x, n(x);
     } catch {
     }
@@ -6220,13 +6243,13 @@ function yu({
         "button",
         {
           type: "button",
-          onClick: g,
+          onClick: b,
           style: { fontSize: 11, fontWeight: 600, color: "#6366f1", background: "none", border: "none", cursor: "pointer", padding: "0 0 4px" },
           children: "Format"
         }
       )
     ] }),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ d(
       "div",
       {
@@ -6242,7 +6265,7 @@ function yu({
           Gi,
           {
             language: "json",
-            value: b,
+            value: g,
             readOnly: l || o.readOnly,
             minHeight: C,
             maxHeight: y,
@@ -6271,13 +6294,13 @@ function Au({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = M(() => String(e ?? "")), b = Y(e);
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = L(() => String(e ?? "")), g = Y(e);
   q(() => {
-    e !== b.current && (b.current = e, f(String(e ?? "")));
+    e !== g.current && (g.current = e, f(String(e ?? "")));
   }, [e]);
   const p = (C) => {
-    f(C), b.current = C, n(C);
-  }, m = o.rows ?? 8, h = `${m * 22}px`, g = `${m * 22}px`, v = Cu[o.language ?? "javascript"] ?? "CODE";
+    f(C), g.current = C, n(C);
+  }, m = o.rows ?? 8, h = `${m * 22}px`, b = `${m * 22}px`, v = Cu[o.language ?? "javascript"] ?? "CODE";
   return /* @__PURE__ */ O("div", { children: [
     /* @__PURE__ */ O("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ d(
@@ -6303,7 +6326,7 @@ function Au({
         marginBottom: 4
       }, children: v })
     ] }),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ d(
       "div",
       {
@@ -6321,7 +6344,7 @@ function Au({
             value: c,
             readOnly: l || o.readOnly,
             minHeight: h,
-            maxHeight: g,
+            maxHeight: b,
             basicSetup: { lineNumbers: !0, foldGutter: !0, autocompletion: !0 },
             onChange: p,
             onBlur: i,
@@ -6334,7 +6357,7 @@ function Au({
   ] });
 }
 const Su = Ue.lazy(
-  () => import("./index-Da5NHCS2.js").then((t) => t.i).then((t) => (Promise.resolve({               }), { default: t.default }))
+  () => import("./index-CSWLKuPF.js").then((t) => t.i).then((t) => (Promise.resolve({               }), { default: t.default }))
 ), Ru = [
   [{ header: [1, 2, 3, !1] }],
   ["bold", "italic", "underline", "strike"],
@@ -6350,12 +6373,12 @@ function Eu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = M(() => String(e ?? "")), b = Y(e);
+  const o = t, u = o.id ?? o.name ?? "", s = !!(a && r), l = o.disabled === !0, [c, f] = L(() => String(e ?? "")), g = Y(e);
   q(() => {
-    e !== b.current && (b.current = e, f(String(e ?? "")));
+    e !== g.current && (g.current = e, f(String(e ?? "")));
   }, [e]);
-  const p = (g) => {
-    f(g), b.current = g, n(g);
+  const p = (b) => {
+    f(b), g.current = b, n(b);
   }, m = (o.rows ?? 6) * 24, h = o.toolbar !== !1;
   return /* @__PURE__ */ O("div", { children: [
     /* @__PURE__ */ d(
@@ -6369,7 +6392,7 @@ function Eu({
         dataTestId: o.dataTestId
       }
     ),
-    o.helperText && !s && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !s && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ d(
       "div",
       {
@@ -6452,13 +6475,13 @@ function wu() {
   } });
 }
 function Tu({ loadPage: t, loadSelected: e, currentValues: n, isOpen: i }) {
-  const [r, a] = M([]), [o, u] = M(0), [s, l] = M(!0), [c, f] = M(!1), b = Y(/* @__PURE__ */ new Map()), [p, m] = M(0), [h, g] = M(""), [v, C] = M(""), y = Y(null), I = Y(null), x = Y(null), E = H((G) => {
-    g(G), y.current && clearTimeout(y.current), y.current = setTimeout(() => C(G), 300);
+  const [r, a] = L([]), [o, u] = L(0), [s, l] = L(!0), [c, f] = L(!1), g = Y(/* @__PURE__ */ new Map()), [p, m] = L(0), [h, b] = L(""), [v, C] = L(""), y = Y(null), I = Y(null), x = Y(null), E = H((G) => {
+    b(G), y.current && clearTimeout(y.current), y.current = setTimeout(() => C(G), 300);
   }, []);
   q(() => {
-    var L;
+    var M;
     if (!i || x.current === v) return;
-    x.current = v, (L = I.current) == null || L.abort();
+    x.current = v, (M = I.current) == null || M.abort();
     const G = new AbortController();
     return I.current = G, a([]), u(0), l(!0), f(!0), t({ page: 1, search: v, signal: G.signal }).then((V) => {
       if (G.signal.aborted) return;
@@ -6474,9 +6497,9 @@ function Tu({ loadPage: t, loadSelected: e, currentValues: n, isOpen: i }) {
     (V = I.current) == null || V.abort();
     const G = new AbortController();
     I.current = G, f(!0);
-    const L = o + 1;
-    t({ page: L, search: v, signal: G.signal }).then((j) => {
-      G.signal.aborted || (a((U) => ar([...U, ...j.options])), u(L), l(j.hasMore), f(!1));
+    const M = o + 1;
+    t({ page: M, search: v, signal: G.signal }).then((j) => {
+      G.signal.aborted || (a((U) => ar([...U, ...j.options])), u(M), l(j.hasMore), f(!1));
     }).catch((j) => {
       sr(j) || f(!1);
     });
@@ -6484,24 +6507,24 @@ function Tu({ loadPage: t, loadSelected: e, currentValues: n, isOpen: i }) {
   q(() => {
     if (!e || n.length === 0) return;
     const G = n.filter(
-      (L) => !b.current.has(L) && !T.current.has(L)
+      (M) => !g.current.has(M) && !T.current.has(M)
     );
-    G.length !== 0 && (G.forEach((L) => T.current.add(L)), e(G).then((L) => {
-      L.forEach((V) => b.current.set(V.value, V)), m((V) => V + 1);
+    G.length !== 0 && (G.forEach((M) => T.current.add(M)), e(G).then((M) => {
+      M.forEach((V) => g.current.set(V.value, V)), m((V) => V + 1);
     }).catch(() => {
     }).finally(() => {
-      G.forEach((L) => T.current.delete(L));
+      G.forEach((M) => T.current.delete(M));
     }));
   }, [n.join("|")]);
   const B = H(() => {
     var G;
-    x.current = null, g(""), C(""), y.current && clearTimeout(y.current), (G = I.current) == null || G.abort();
+    x.current = null, b(""), C(""), y.current && clearTimeout(y.current), (G = I.current) == null || G.abort();
   }, []), W = se(() => r, [r, p]), F = H((G) => {
-    const L = r.find((V) => V.value === G);
-    return L || b.current.get(G);
+    const M = r.find((V) => V.value === G);
+    return M || g.current.get(G);
   }, [r, p]), D = H((G) => {
     if (!G) return;
-    (Array.isArray(G) ? G : [G]).forEach((V) => b.current.set(V.value, V));
+    (Array.isArray(G) ? G : [G]).forEach((V) => g.current.set(V.value, V));
   }, []);
   return {
     options: W,
@@ -6533,17 +6556,17 @@ function Gu({
   error: r,
   touched: a
 }) {
-  const o = t, u = o.isMulti ?? !1, s = o.id ?? o.name ?? "", l = !!(a && r), c = o.disabled === !0, f = Y(`ff-inf-${Math.random().toString(36).slice(2)}`).current, [b, p] = M(!1);
+  const o = t, u = o.isMulti ?? !1, s = o.id ?? o.name ?? "", l = !!(a && r), c = o.disabled === !0, f = Y(`ff-inf-${Math.random().toString(36).slice(2)}`).current, [g, p] = L(!1);
   q(() => {
     const U = (Q) => {
       Q.detail !== f && p(!1);
     };
     return window.addEventListener(rn, U), () => window.removeEventListener(rn, U);
   }, [f]), q(() => {
-    b && Ou(f);
-  }, [b, f]);
+    g && Ou(f);
+  }, [g, f]);
   const m = H(() => p(!0), []), h = se(() => lr(e), [e]), {
-    options: g,
+    options: b,
     lookupOption: v,
     isLoading: C,
     hasMore: y,
@@ -6556,13 +6579,13 @@ function Gu({
     loadPage: o.loadPage,
     loadSelected: o.loadSelected,
     currentValues: h,
-    isOpen: b
+    isOpen: g
   }), B = Y(S);
   B.current = S;
   const W = Y(!1);
   q(() => {
-    W.current && !b && B.current(), W.current = b;
-  }, [b]);
+    W.current && !g && B.current(), W.current = g;
+  }, [g]);
   const F = H(() => p(!1), []), D = se(() => e == null || e === "" || Array.isArray(e) && e.length === 0 ? u ? [] : null : u ? lr(e).map((U) => v(U)).filter((U) => !!U) : v(String(e)) ?? null, [e, v, u]), G = H((U) => {
     if (u) {
       const Q = U ?? [];
@@ -6571,17 +6594,17 @@ function Gu({
       const Q = U;
       Q && T(Q), n(Q ? Q.value : null);
     }
-  }, [u, n, T]), L = Y({ loadMore: E, isLoading: C, hasMore: y });
-  L.current = { loadMore: E, isLoading: C, hasMore: y };
+  }, [u, n, T]), M = Y({ loadMore: E, isLoading: C, hasMore: y });
+  M.current = { loadMore: E, isLoading: C, hasMore: y };
   const V = Y(
     function(Q) {
       return /* @__PURE__ */ d(
         Fu,
         {
           ...Q,
-          onScrollBottom: () => L.current.loadMore(),
-          isLoading: L.current.isLoading,
-          hasMore: L.current.hasMore
+          onScrollBottom: () => M.current.loadMore(),
+          isLoading: M.current.isLoading,
+          hasMore: M.current.hasMore
         }
       );
     }
@@ -6600,7 +6623,7 @@ function Gu({
         htmlFor: s
       }
     ),
-    o.helperText && !l && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !l && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     /* @__PURE__ */ d(
       hn,
       {
@@ -6610,13 +6633,13 @@ function Gu({
         onInputChange: x,
         onChange: G,
         onBlur: i,
-        options: g,
+        options: b,
         isMulti: u,
         isDisabled: c,
         isClearable: o.isClearable ?? !1,
         isSearchable: !0,
         filterOption: null,
-        menuIsOpen: b,
+        menuIsOpen: g,
         onMenuOpen: m,
         onMenuClose: F,
         placeholder: o.placeholder ?? "Search…",
@@ -6742,13 +6765,13 @@ function Di(t, e) {
   return i;
   function s(l, c, f) {
     if (f.has(l)) {
-      var b;
+      var g;
       try {
-        b = ", node was:" + JSON.stringify(l);
+        g = ", node was:" + JSON.stringify(l);
       } catch {
-        b = "";
+        g = "";
       }
-      throw new Error("Cyclic dependency" + b);
+      throw new Error("Cyclic dependency" + g);
     }
     if (!u.has(l))
       throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: " + JSON.stringify(l));
@@ -7008,13 +7031,13 @@ function Le(t) {
       name: l,
       test: c,
       params: f,
-      message: b,
+      message: g,
       skipAbsent: p
     } = t;
     let {
       parent: m,
       context: h,
-      abortEarly: g = o.spec.abortEarly,
+      abortEarly: b = o.spec.abortEarly,
       disableStackTrace: v = o.spec.disableStackTrace
     } = r;
     const C = {
@@ -7030,10 +7053,10 @@ function Le(t) {
         path: F.path || i,
         spec: o.spec,
         disableStackTrace: F.disableStackTrace || v
-      }, f, F.params), C), G = new fe(fe.formatError(F.message || b, D), n, D.path, F.type || l, D.disableStackTrace);
+      }, f, F.params), C), G = new fe(fe.formatError(F.message || g, D), n, D.path, F.type || l, D.disableStackTrace);
       return G.params = D, G;
     }
-    const I = g ? u : s;
+    const I = b ? u : s;
     let x = {
       path: i,
       parent: m,
@@ -7088,12 +7111,12 @@ function ic(t, e, n, i = n) {
       parent: r,
       value: n
     });
-    let f = t.type === "tuple", b = l ? parseInt(c, 10) : 0;
+    let f = t.type === "tuple", g = l ? parseInt(c, 10) : 0;
     if (t.innerType || f) {
       if (f && !l) throw new Error(`Yup.reach cannot implicitly index into a tuple type. the path part "${o}" must contain an index to the tuple element, e.g. "${o}[0]"`);
-      if (n && b >= n.length)
+      if (n && g >= n.length)
         throw new Error(`Yup.reach cannot resolve an array item at index: ${u}, in the path: ${e}. because there is no value at that index. `);
-      r = n, n = n && n[b], t = f ? t.spec.types[b] : t.innerType;
+      r = n, n = n && n[g], t = f ? t.spec.types[g] : t.innerType;
     }
     if (!l) {
       if (!t.fields || !t.fields[c]) throw new Error(`The schema does not contain the path: ${e}. (failed at: ${o} which is a type: "${t.type}")`);
@@ -7339,8 +7362,8 @@ attempted value: ${o}
       r || (r = !0, n(h, o));
     }, f = (h) => {
       r || (r = !0, i(h, o));
-    }, b = a.length, p = [];
-    if (!b) return f([]);
+    }, g = a.length, p = [];
+    if (!g) return f([]);
     let m = {
       value: o,
       originalValue: u,
@@ -7349,9 +7372,9 @@ attempted value: ${o}
       schema: this
     };
     for (let h = 0; h < a.length; h++) {
-      const g = a[h];
-      g(m, c, function(C) {
-        C && (Array.isArray(C) ? p.push(...C) : p.push(C)), --b <= 0 && f(p);
+      const b = a[h];
+      b(m, c, function(C) {
+        C && (Array.isArray(C) ? p.push(...C) : p.push(C)), --g <= 0 && f(p);
       });
     }
   }
@@ -7383,7 +7406,7 @@ attempted value: ${o}
       [s ? "index" : "key"]: u,
       path: s || u.includes(".") ? `${r || ""}[${s ? u : `"${u}"`}]` : (r ? `${r}.` : "") + e
     });
-    return (f, b, p) => this.resolve(c)._validate(l, c, b, p);
+    return (f, g, p) => this.resolve(c)._validate(l, c, g, p);
   }
   validate(e, n) {
     var i;
@@ -8178,20 +8201,20 @@ class $i extends be {
       __validating: n.__validating || !1
     }), c = !1;
     for (const f of u) {
-      let b = a[f], p = f in r, m = r[f];
-      if (b) {
+      let g = a[f], p = f in r, m = r[f];
+      if (g) {
         let h;
-        l.path = (n.path ? `${n.path}.` : "") + f, b = b.resolve({
+        l.path = (n.path ? `${n.path}.` : "") + f, g = g.resolve({
           value: m,
           context: n.context,
           parent: s
         });
-        let g = b instanceof be ? b.spec : void 0, v = g == null ? void 0 : g.strict;
-        if (g != null && g.strip) {
+        let b = g instanceof be ? g.spec : void 0, v = b == null ? void 0 : b.strict;
+        if (b != null && b.strip) {
           c = c || f in r;
           continue;
         }
-        h = !n.__validating || !v ? b.cast(m, l) : m, h !== void 0 && (s[f] = h);
+        h = !n.__validating || !v ? g.cast(m, l) : m, h !== void 0 && (s[f] = h);
       } else p && !o && (s[f] = m);
       (p !== f in s || s[f] !== m) && (c = !0);
     }
@@ -8214,8 +8237,8 @@ class $i extends be {
       o = o || l;
       let c = [];
       for (let f of this._nodes) {
-        let b = this.fields[f];
-        !b || De.isRef(b) || c.push(b.asNestedTest({
+        let g = this.fields[f];
+        !g || De.isRef(g) || c.push(g.asNestedTest({
           options: n,
           key: f,
           parent: l,
@@ -8427,13 +8450,13 @@ class Ui extends be {
       }
       let f = new Array(l.length);
       for (let p = 0; p < l.length; p++) {
-        var b;
+        var g;
         f[p] = o.asNestedTest({
           options: n,
           index: p,
           parent: l,
           parentPath: n.path,
-          originalParent: (b = n.originalValue) != null ? b : e
+          originalParent: (g = n.originalValue) != null ? g : e
         });
       }
       this.runTests({
@@ -8784,7 +8807,7 @@ function mr({ checked: t, onChange: e, indeterminate: n, disabled: i }) {
   );
 }
 function Oc({ selected: t, onRemove: e, onClose: n }) {
-  const [i, r] = M(""), a = t.filter(
+  const [i, r] = L(""), a = t.filter(
     (o) => o.label.toLowerCase().includes(i.toLowerCase())
   );
   return /* @__PURE__ */ d("div", { style: ee.overlay, onClick: n, children: /* @__PURE__ */ O("div", { style: ee.modal, onClick: (o) => o.stopPropagation(), children: [
@@ -8826,11 +8849,11 @@ function Oc({ selected: t, onRemove: e, onClose: n }) {
   ] }) });
 }
 function Fc({ field: t, value: e, onChange: n, onBlur: i, error: r, touched: a }) {
-  const o = t, u = !!(a && r), s = o.isMulti ?? !1, l = o.pageSize ?? Ec, c = o.id ?? o.name ?? "", [f, b] = M(""), [p, m] = M(1), [h, g] = M([]), [v, C] = M(!1), [y, I] = M(!1), [x, E] = M(null), [S, T] = M(!1), B = Y(null), W = Y(0), F = Y(!0);
+  const o = t, u = !!(a && r), s = o.isMulti ?? !1, l = o.pageSize ?? Ec, c = o.id ?? o.name ?? "", [f, g] = L(""), [p, m] = L(1), [h, b] = L([]), [v, C] = L(!1), [y, I] = L(!1), [x, E] = L(null), [S, T] = L(!1), B = Y(null), W = Y(0), F = Y(!0);
   q(() => () => {
     F.current = !1, B.current && clearTimeout(B.current);
   }, []);
-  const D = s ? Array.isArray(e) ? e : [] : e ? [e] : [], G = D.length, L = H(
+  const D = s ? Array.isArray(e) ? e : [] : e ? [e] : [], G = D.length, M = H(
     (w, z) => {
       if (o.fetchOptions) return o.fetchOptions(w, z);
       if (o.dataSource) {
@@ -8844,22 +8867,22 @@ function Fc({ field: t, value: e, onChange: n, onBlur: i, error: r, touched: a }
   ), V = H(
     (w, z) => {
       const $ = ++W.current;
-      I(!0), L(w, z).then((Z) => {
-        !F.current || $ !== W.current || (g(Z.options.slice(0, l)), C(Z.hasNextPage));
+      I(!0), M(w, z).then((Z) => {
+        !F.current || $ !== W.current || (b(Z.options.slice(0, l)), C(Z.hasNextPage));
       }).catch(() => {
-        !F.current || $ !== W.current || (g([]), C(!1));
+        !F.current || $ !== W.current || (b([]), C(!1));
       }).finally(() => {
         !F.current || $ !== W.current || I(!1);
       });
     },
-    [L, l]
+    [M, l]
   );
   q(() => {
     V("", 1);
   }, []);
   const j = (w) => {
     const z = w.target.value;
-    b(z), m(1), B.current && clearTimeout(B.current), B.current = setTimeout(() => V(z, 1), 300);
+    g(z), m(1), B.current && clearTimeout(B.current), B.current = setTimeout(() => V(z, 1), 300);
   }, U = (w) => {
     if (s) {
       const z = Array.isArray(e) ? e : [], $ = z.some((Z) => Z.value === w.value);
@@ -9017,7 +9040,7 @@ function Fc({ field: t, value: e, onChange: n, onBlur: i, error: r, touched: a }
         ] })
       ] })
     ] }),
-    o.helperText && !u && /* @__PURE__ */ d("small", { style: ce, children: o.helperText }),
+    o.helperText && !u && /* @__PURE__ */ d("small", { style: ue, children: o.helperText }),
     u && /* @__PURE__ */ d("small", { "data-testid": `${c}-error`, style: de, children: r }),
     S && /* @__PURE__ */ d(
       Oc,
@@ -9260,7 +9283,7 @@ function Dc({
   compact: s,
   renderFieldRouter: l
 }) {
-  const [c, f] = M(!0), b = t.children ?? [], p = Ki(b), m = Gc(t, e), h = typeof t.helperText == "string" ? t.helperText : void 0, g = `${p} field${p === 1 ? "" : "s"}`;
+  const [c, f] = L(!0), g = t.children ?? [], p = Ki(g), m = Gc(t, e), h = typeof t.helperText == "string" ? t.helperText : void 0, b = `${p} field${p === 1 ? "" : "s"}`;
   return /* @__PURE__ */ O(N, { sx: Bc(n, s), children: [
     /* @__PURE__ */ O(N, { onClick: () => f((v) => !v), sx: Vc(n, c), children: [
       /* @__PURE__ */ d(
@@ -9283,7 +9306,7 @@ function Dc({
       /* @__PURE__ */ O(N, { sx: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ O(N, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
           /* @__PURE__ */ d(
-            ue,
+            ce,
             {
               sx: {
                 fontSize: n >= 2 ? 13 : 14,
@@ -9298,7 +9321,7 @@ function Dc({
           /* @__PURE__ */ d(
             Ro,
             {
-              label: g,
+              label: b,
               size: "small",
               sx: {
                 height: 20,
@@ -9312,7 +9335,7 @@ function Dc({
           )
         ] }),
         h && /* @__PURE__ */ d(
-          ue,
+          ce,
           {
             sx: {
               mt: 0.35,
@@ -9340,7 +9363,7 @@ function Dc({
             sx: {
               pl: n === 0 ? 0 : n === 1 ? 1 : 0
             },
-            children: b.map((v) => {
+            children: g.map((v) => {
               const C = v.id ?? v.name ?? "", y = e ? `${e}.${C}` : C;
               return l({
                 field: v,
@@ -9378,11 +9401,11 @@ function Lc({
   renderFieldRouter: l
 }) {
   var T;
-  const c = t.tabs ?? [], [f, b] = M(((T = c[0]) == null ? void 0 : T.id) ?? "");
+  const c = t.tabs ?? [], [f, g] = L(((T = c[0]) == null ? void 0 : T.id) ?? "");
   q(() => {
-    c.length !== 0 && (c.some((B) => B.id === f) || b(c[0].id));
+    c.length !== 0 && (c.some((B) => B.id === f) || g(c[0].id));
   }, [c, f]);
-  const p = Pc(), m = t.id ?? t.name ?? "", h = t.variant ?? "line", g = t.alignment ?? "left", v = t.height ?? "auto", C = t.margin ?? "normal", y = t.activeColor ?? "#6366f1", I = t.activeTextColor ?? (h === "pill" ? "#ffffff" : y), x = t.inactiveTextColor ?? "#64748b", E = {
+  const p = Pc(), m = t.id ?? t.name ?? "", h = t.variant ?? "line", b = t.alignment ?? "left", v = t.height ?? "auto", C = t.margin ?? "normal", y = t.activeColor ?? "#6366f1", I = t.activeTextColor ?? (h === "pill" ? "#ffffff" : y), x = t.inactiveTextColor ?? "#64748b", E = {
     left: "flex-start",
     "center-left": "flex-start",
     center: "center",
@@ -9404,7 +9427,7 @@ function Lc({
   }, children: [
     /* @__PURE__ */ d(N, { sx: {
       display: "flex",
-      justifyContent: E[g] ?? "flex-start",
+      justifyContent: E[b] ?? "flex-start",
       alignItems: "center",
       gap: 0,
       px: 1.5,
@@ -9415,15 +9438,15 @@ function Lc({
       const W = B.id === f, F = e ? `${e}.${B.id}` : B.id, D = B.fields.some((Q) => {
         const re = Q.id ?? Q.name ?? "";
         return !!`${F}.${re}`.split(".").reduce((P, k) => P && typeof P == "object" ? P[k] : void 0, r);
-      }), G = { bgcolor: y, color: I, borderRadius: "20px", border: "none" }, L = { bgcolor: "transparent", color: x, borderRadius: "20px", border: "none" }, V = { borderBottom: `2px solid ${y}`, color: I, border: "none" };
+      }), G = { bgcolor: y, color: I, borderRadius: "20px", border: "none" }, M = { bgcolor: "transparent", color: x, borderRadius: "20px", border: "none" }, V = { borderBottom: `2px solid ${y}`, color: I, border: "none" };
       return /* @__PURE__ */ O(
         N,
         {
           component: "button",
           type: "button",
-          onClick: () => b(B.id),
+          onClick: () => g(B.id),
           sx: {
-            ...h === "pill" ? W ? G : L : W ? V : { borderBottom: "2px solid transparent", color: x, border: "none" },
+            ...h === "pill" ? W ? G : M : W ? V : { borderBottom: "2px solid transparent", color: x, border: "none" },
             background: h === "pill" && W ? y : "none",
             cursor: "pointer",
             px: 1.5,
@@ -9603,7 +9626,7 @@ function Xc({ connector: t, onChange: e }) {
   )) });
 }
 function zc({ colDef: t, entry: e, onChange: n, cellId: i }) {
-  const [r, a] = M({}), o = t.id === "value" && !xr(e.operator);
+  const [r, a] = L({}), o = t.id === "value" && !xr(e.operator);
   if (t.type === "operator") {
     const s = te.get("select");
     return s ? /* @__PURE__ */ d(
@@ -9663,7 +9686,7 @@ function zc({ colDef: t, entry: e, onChange: n, cellId: i }) {
   ) : null;
 }
 function Hc({ node: t, conditionDef: e, depth: n, fieldPath: i, onUpdate: r, onRemove: a }) {
-  const [o, u] = M(!1), s = to(t.entries);
+  const [o, u] = L(!1), s = to(t.entries);
   return /* @__PURE__ */ O(N, { sx: {
     border: "1px solid #e9e9e9",
     borderLeft: "3px solid #d1d5db",
@@ -9687,8 +9710,8 @@ function Hc({ node: t, conditionDef: e, depth: n, fieldPath: i, onUpdate: r, onR
         onClick: () => u((l) => !l),
         children: [
           /* @__PURE__ */ d(N, { sx: { color: "#94a3b8", display: "flex", alignItems: "center" }, children: o ? /* @__PURE__ */ d(pn, { size: 15 }) : /* @__PURE__ */ d(mo, { size: 15 }) }),
-          /* @__PURE__ */ d(ue, { sx: { fontSize: 11, fontWeight: 700, color: "#94a3b8", fontFamily: "monospace", letterSpacing: -1 }, children: "( )" }),
-          /* @__PURE__ */ O(ue, { sx: { fontSize: 11, color: "#64748b" }, children: [
+          /* @__PURE__ */ d(ce, { sx: { fontSize: 11, fontWeight: 700, color: "#94a3b8", fontFamily: "monospace", letterSpacing: -1 }, children: "( )" }),
+          /* @__PURE__ */ O(ce, { sx: { fontSize: 11, color: "#64748b" }, children: [
             "Group",
             o && /* @__PURE__ */ O(N, { component: "span", sx: { ml: 0.5, color: "#94a3b8" }, children: [
               "· ",
@@ -9727,22 +9750,22 @@ function no({ conditionDef: t, entries: e, onUpdate: n, depth: i = 0, fieldPath:
     type: "group",
     connector: "and",
     entries: [Ir()]
-  }]), s = (b) => n(e.filter((p, m) => m !== b)), l = (b, p) => n(e.map((m, h) => h === b ? { ...m, connector: p } : m)), c = (b, p) => n(e.map((m, h) => h === b ? { ...m, ...p } : m)), f = (b, p) => n(e.map(
-    (m, h) => h === b ? { ...m, entries: p } : m
+  }]), s = (g) => n(e.filter((p, m) => m !== g)), l = (g, p) => n(e.map((m, h) => h === g ? { ...m, connector: p } : m)), c = (g, p) => n(e.map((m, h) => h === g ? { ...m, ...p } : m)), f = (g, p) => n(e.map(
+    (m, h) => h === g ? { ...m, entries: p } : m
   ));
-  return /* @__PURE__ */ O(N, { sx: { mt: i === 0 ? 0.75 : 0.25 }, children: [
-    e.map((b, p) => /* @__PURE__ */ O(N, { children: [
-      p > 0 && /* @__PURE__ */ d(N, { sx: { display: "flex", alignItems: "center", my: "8px" }, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ O(N, { sx: { mt: i === 0 ? 1.25 : 0.25 }, children: [
+    e.map((g, p) => /* @__PURE__ */ O(N, { children: [
+      p > 0 && /* @__PURE__ */ d(N, { sx: { display: "flex", alignItems: "center", my: "10px" }, children: /* @__PURE__ */ d(
         Xc,
         {
-          connector: b.connector ?? "and",
+          connector: g.connector ?? "and",
           onChange: (m) => l(p, m)
         }
       ) }),
-      eo(b) ? /* @__PURE__ */ d(
+      eo(g) ? /* @__PURE__ */ d(
         Hc,
         {
-          node: b,
+          node: g,
           conditionDef: t,
           depth: i,
           fieldPath: `${r}__g${p}`,
@@ -9750,13 +9773,13 @@ function no({ conditionDef: t, entries: e, onUpdate: n, depth: i = 0, fieldPath:
           onRemove: () => s(p)
         }
       ) : /* @__PURE__ */ O(N, { children: [
-        p === 0 && /* @__PURE__ */ d(ue, { sx: { fontSize: 11, fontWeight: 700, color: "#64748b", mb: 0.5 }, children: "When" }),
+        p === 0 && /* @__PURE__ */ d(ce, { sx: { fontSize: 12, fontWeight: 600, color: "#475569", mb: 0.75 }, children: "When" }),
         /* @__PURE__ */ O(N, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
           /* @__PURE__ */ d(N, { sx: { display: "grid", gridTemplateColumns: "repeat(12, 1fr)", gap: 0.75, flex: 1 }, children: t.fields.map((m) => /* @__PURE__ */ d(N, { sx: { gridColumn: `span ${m.colSpan ?? 4}` }, children: /* @__PURE__ */ d(
             zc,
             {
               colDef: m,
-              entry: b,
+              entry: g,
               onChange: (h) => c(p, h),
               cellId: `${r}__${p}__${m.id}`
             }
@@ -9775,7 +9798,7 @@ function no({ conditionDef: t, entries: e, onUpdate: n, depth: i = 0, fieldPath:
         ] })
       ] })
     ] }, p)),
-    /* @__PURE__ */ O(N, { sx: { display: "flex", alignItems: "center", gap: 1, mt: e.length > 0 ? 1 : 0 }, children: [
+    /* @__PURE__ */ O(N, { sx: { display: "flex", alignItems: "center", gap: 1, mt: e.length > 0 ? 1.5 : 0 }, children: [
       /* @__PURE__ */ d(
         Dn,
         {
@@ -9842,56 +9865,54 @@ function _c({ onValidityChange: t }) {
   }, [e, t]), null;
 }
 function Jc(t) {
-  var i;
+  var u;
   if ("form" in t && t.form) {
-    const { form: r } = t, a = {
-      formulaConfig: r._formulaConfig,
-      onFormulaConfigChange: r._onFormulaConfigChange,
-      conditionConfig: r._conditionConfig,
-      onConditionConfigChange: r._onConditionConfigChange
+    const { form: s } = t, l = {
+      formulaConfig: s._formulaConfig,
+      onFormulaConfigChange: s._onFormulaConfigChange,
+      conditionConfig: s._conditionConfig,
+      onConditionConfigChange: s._onConditionConfigChange
     };
-    return /* @__PURE__ */ d($t, { ...a, children: /* @__PURE__ */ d(Cr, { schema: r._schema, formik: r._formik }) });
-  }
-  const e = {
-    formulaConfig: t.formulaConfig ?? {},
-    onFormulaConfigChange: t.onFormulaConfigChange ?? (() => {
-    }),
-    conditionConfig: t.conditionConfig ?? {},
-    onConditionConfigChange: t.onConditionConfigChange ?? (() => {
-    })
-  }, n = t.formik ? /* @__PURE__ */ d($t, { ...e, children: /* @__PURE__ */ d(Cr, { schema: t.schema, formik: t.formik }) }) : /* @__PURE__ */ d(
+    return /* @__PURE__ */ d($t, { ...l, children: /* @__PURE__ */ d(Cr, { schema: s._schema, formik: s._formik }) });
+  }
+  const [e, n] = L({}), [i, r] = L({}), a = {
+    formulaConfig: t.formulaConfig ?? e,
+    onFormulaConfigChange: t.onFormulaConfigChange ?? n,
+    conditionConfig: t.conditionConfig ?? i,
+    onConditionConfigChange: t.onConditionConfigChange ?? r
+  }, o = t.formik ? /* @__PURE__ */ d($t, { ...a, children: /* @__PURE__ */ d(Cr, { schema: t.schema, formik: t.formik }) }) : /* @__PURE__ */ d(
     uo,
     {
       initialValues: t.initialValues,
       onSubmit: t.onSubmit,
-      validationSchema: t.validationSchema ?? ((i = t.schema) != null && i.fields ? qi(t.schema.fields) : void 0),
+      validationSchema: t.validationSchema ?? ((u = t.schema) != null && u.fields ? qi(t.schema.fields) : void 0),
       initialTouched: t.initialTouched,
       validateOnMount: !!t.initialTouched,
       enableReinitialize: !0,
       validateOnChange: !0,
       validateOnBlur: !0,
-      children: ({ values: r, errors: a, touched: o, isSubmitting: u, setFieldValue: s, setFieldTouched: l }) => {
-        var c;
+      children: ({ values: s, errors: l, touched: c, isSubmitting: f, setFieldValue: g, setFieldTouched: p }) => {
+        var m;
         return /* @__PURE__ */ O(co, { id: t.formId, children: [
           t.onValuesChange && /* @__PURE__ */ d(Zc, { onValuesChange: t.onValuesChange }),
           t.onValidityChange && /* @__PURE__ */ d(_c, { onValidityChange: t.onValidityChange }),
-          /* @__PURE__ */ d($t, { ...e, children: /* @__PURE__ */ d(
+          /* @__PURE__ */ d($t, { ...a, children: /* @__PURE__ */ d(
             io,
             {
               schema: t.schema,
-              values: r,
-              errors: a,
-              touched: o,
-              setFieldValue: s,
-              setFieldTouched: l
+              values: s,
+              errors: l,
+              touched: c,
+              setFieldValue: g,
+              setFieldTouched: p
             }
           ) }),
-          (c = t.children) == null ? void 0 : c.call(t, { isSubmitting: u })
+          (m = t.children) == null ? void 0 : m.call(t, { isSubmitting: f })
         ] });
       }
     }
   );
-  return t.variableGroups ? /* @__PURE__ */ d(zo, { groups: t.variableGroups, children: n }) : n;
+  return t.variableGroups ? /* @__PURE__ */ d(zo, { groups: t.variableGroups, children: o }) : o;
 }
 function Cr({
   schema: t,
@@ -9960,7 +9981,7 @@ function ft({
   inlineLabel: l
 }) {
   var h;
-  const { formulaConfig: c, onFormulaConfigChange: f, conditionConfig: b, onConditionConfigChange: p } = kc(), m = { values: i };
+  const { formulaConfig: c, onFormulaConfigChange: f, conditionConfig: g, onConditionConfigChange: p } = kc(), m = { values: i };
   return ((h = t.shouldHide) == null ? void 0 : h.call(t, m)) ?? t.hidden ? null : t.type === "object" ? /* @__PURE__ */ d($e, { field: t, compact: s, children: /* @__PURE__ */ d(
     Dc,
     {
@@ -9973,21 +9994,21 @@ function ft({
       setFieldValue: o,
       setFieldTouched: u,
       compact: s,
-      renderFieldRouter: (g) => /* @__PURE__ */ d(
+      renderFieldRouter: (b) => /* @__PURE__ */ d(
         ft,
         {
-          field: g.field,
-          pathPrefix: g.pathPrefix,
-          depth: g.depth,
-          values: g.values,
-          errors: g.errors,
-          touched: g.touched,
-          setFieldValue: g.setFieldValue,
-          setFieldTouched: g.setFieldTouched,
-          compact: g.compact,
-          inlineLabel: g.inlineLabel
+          field: b.field,
+          pathPrefix: b.pathPrefix,
+          depth: b.depth,
+          values: b.values,
+          errors: b.errors,
+          touched: b.touched,
+          setFieldValue: b.setFieldValue,
+          setFieldTouched: b.setFieldTouched,
+          compact: b.compact,
+          inlineLabel: b.inlineLabel
         },
-        g.pathPrefix
+        b.pathPrefix
       )
     }
   ) }) : t.type === "array" && Array.isArray(t.children ?? t.itemFields) ? /* @__PURE__ */ d($e, { field: t, compact: s, children: /* @__PURE__ */ d(
@@ -9996,7 +10017,7 @@ function ft({
       field: t,
       value: dt(i, e),
       values: i,
-      onChange: (g) => o(e, g),
+      onChange: (b) => o(e, b),
       onBlur: () => u(e, !0),
       pathPrefix: e,
       depth: n,
@@ -10005,21 +10026,21 @@ function ft({
       parentTouched: a,
       parentSetFieldValue: o,
       parentSetFieldTouched: u,
-      renderFieldRouter: (g) => /* @__PURE__ */ d(
+      renderFieldRouter: (b) => /* @__PURE__ */ d(
         ft,
         {
-          field: g.field,
-          pathPrefix: g.pathPrefix,
-          depth: g.depth,
-          values: g.values,
-          errors: g.errors,
-          touched: g.touched,
-          setFieldValue: g.setFieldValue,
-          setFieldTouched: g.setFieldTouched,
-          compact: g.compact,
-          inlineLabel: g.inlineLabel
+          field: b.field,
+          pathPrefix: b.pathPrefix,
+          depth: b.depth,
+          values: b.values,
+          errors: b.errors,
+          touched: b.touched,
+          setFieldValue: b.setFieldValue,
+          setFieldTouched: b.setFieldTouched,
+          compact: b.compact,
+          inlineLabel: b.inlineLabel
         },
-        g.pathPrefix
+        b.pathPrefix
       )
     }
   ) }) : t.type === "tabs" ? /* @__PURE__ */ d($e, { field: t, compact: s, children: /* @__PURE__ */ d(
@@ -10034,21 +10055,21 @@ function ft({
       setFieldValue: o,
       setFieldTouched: u,
       compact: s,
-      renderFieldRouter: (g) => /* @__PURE__ */ d(
+      renderFieldRouter: (b) => /* @__PURE__ */ d(
         ft,
         {
-          field: g.field,
-          pathPrefix: g.pathPrefix,
-          depth: g.depth,
-          values: g.values,
-          errors: g.errors,
-          touched: g.touched,
-          setFieldValue: g.setFieldValue,
-          setFieldTouched: g.setFieldTouched,
-          compact: g.compact,
-          inlineLabel: g.inlineLabel
+          field: b.field,
+          pathPrefix: b.pathPrefix,
+          depth: b.depth,
+          values: b.values,
+          errors: b.errors,
+          touched: b.touched,
+          setFieldValue: b.setFieldValue,
+          setFieldTouched: b.setFieldTouched,
+          compact: b.compact,
+          inlineLabel: b.inlineLabel
         },
-        g.pathPrefix
+        b.pathPrefix
       )
     }
   ) }) : /* @__PURE__ */ d(
@@ -10065,7 +10086,7 @@ function ft({
       inlineLabel: l,
       formulaConfig: c,
       onFormulaConfigChange: f,
-      conditionConfig: b,
+      conditionConfig: g,
       onConditionConfigChange: p
     }
   );
@@ -10083,31 +10104,31 @@ function jc({
   formulaConfig: l,
   onFormulaConfigChange: c,
   conditionConfig: f,
-  onConditionConfigChange: b
+  onConditionConfigChange: g
 }) {
   var F, D, G;
   const p = { values: n }, m = dt(n, e), h = Y(t.compute);
   h.current = t.compute, q(() => {
-    const L = h.current;
-    if (!L) return;
-    const V = L({ values: n });
+    const M = h.current;
+    if (!M) return;
+    const V = M({ values: n });
     V !== m && a(e, V);
   }, [n, m, e, a]);
-  const g = te.get(t.type);
-  if (!g)
+  const b = te.get(t.type);
+  if (!b)
     return null;
-  const v = typeof t.disabled == "function" ? t.disabled(p) : ((F = t.shouldDisable) == null ? void 0 : F.call(t, p)) ?? t.disabled ?? !1, C = dt(i, e), y = !!dt(r, e), I = (D = t.compute) == null ? void 0 : D.call(t, p), x = I !== void 0 ? I : m, E = (G = t.transform) != null && G.in ? t.transform.in(x) : x, S = (L) => {
+  const v = typeof t.disabled == "function" ? t.disabled(p) : ((F = t.shouldDisable) == null ? void 0 : F.call(t, p)) ?? t.disabled ?? !1, C = dt(i, e), y = !!dt(r, e), I = (D = t.compute) == null ? void 0 : D.call(t, p), x = I !== void 0 ? I : m, E = (G = t.transform) != null && G.in ? t.transform.in(x) : x, S = (M) => {
     var j, U;
     if (t.compute) return;
-    const V = (j = t.transform) != null && j.out ? t.transform.out(L) : L;
+    const V = (j = t.transform) != null && j.out ? t.transform.out(M) : M;
     a(e, V), o(e, !0), (U = t.onChange) == null || U.call(t, V, { values: n, setFieldValue: a });
-  }, T = t.condition && f ? f[e] ?? [] : [], B = (L) => {
-    if (!(!b || !f))
-      if (L.length === 0) {
+  }, T = t.condition && f ? f[e] ?? [] : [], B = (M) => {
+    if (!(!g || !f))
+      if (M.length === 0) {
         const V = { ...f };
-        delete V[e], b(V);
+        delete V[e], g(V);
       } else
-        b({ ...f, [e]: L });
+        g({ ...f, [e]: M });
   }, W = {
     field: { ...t, disabled: v, id: e, name: e },
     value: E,
@@ -10119,8 +10140,8 @@ function jc({
     formulaConfig: l,
     onFormulaConfigChange: c
   };
-  return s ? /* @__PURE__ */ d(g, { ...W, inlineLabel: !0 }) : /* @__PURE__ */ O($e, { field: t, compact: u, children: [
-    /* @__PURE__ */ d(g, { ...W, touched: y }),
+  return s ? /* @__PURE__ */ d(b, { ...W, inlineLabel: !0 }) : /* @__PURE__ */ O($e, { field: t, compact: u, children: [
+    /* @__PURE__ */ d(b, { ...W, touched: y }),
     t.condition && /* @__PURE__ */ d(
       no,
       {
@@ -10162,7 +10183,7 @@ export {
   Go as m,
   te as n,
   sd as o,
-  ce as p,
+  ue as p,
   rd as q,
   ud as r,
   we as s,