@michelangelo-ai/core 0.7.0 → 0.8.0-rc.2

package/dist/michelangelo-core.js

@@ -469,15 +469,15 @@ function Pr(i, e, t, n) {
       headers: []
     }, m = [];
     f.forEach((y) => {
-      const b = [...m].reverse()[0], x = y.column.depth === p.depth;
-      let v, C = !1;
-      if (x && y.column.parent ? v = y.column.parent : (v = y.column, C = !0), b && (b == null ? void 0 : b.column) === v)
+      const b = [...m].reverse()[0], v = y.column.depth === p.depth;
+      let x, C = !1;
+      if (v && y.column.parent ? x = y.column.parent : (x = y.column, C = !0), b && (b == null ? void 0 : b.column) === x)
         b.subHeaders.push(y);
       else {
-        const S = Ac(t, v, {
-          id: [n, d, v.id, y == null ? void 0 : y.id].filter(Boolean).join("_"),
+        const S = Ac(t, x, {
+          id: [n, d, x.id, y == null ? void 0 : y.id].filter(Boolean).join("_"),
           isPlaceholder: C,
-          placeholderId: C ? `${m.filter((k) => k.column === v).length}` : void 0,
+          placeholderId: C ? `${m.filter((k) => k.column === x).length}` : void 0,
           depth: d,
           index: m.length
         });
@@ -492,15 +492,15 @@ function Pr(i, e, t, n) {
   c(u, o - 1), a.reverse();
   const h = (f) => f.filter((p) => p.column.getIsVisible()).map((p) => {
     let m = 0, y = 0, b = [0];
-    p.subHeaders && p.subHeaders.length ? (b = [], h(p.subHeaders).forEach((v) => {
+    p.subHeaders && p.subHeaders.length ? (b = [], h(p.subHeaders).forEach((x) => {
       let {
         colSpan: C,
         rowSpan: S
-      } = v;
+      } = x;
       m += C, b.push(S);
     })) : m = 1;
-    const x = Math.min(...b);
-    return y = y + x, p.colSpan = m, p.rowSpan = y, {
+    const v = Math.min(...b);
+    return y = y + v, p.colSpan = m, p.rowSpan = y, {
       colSpan: m,
       rowSpan: y
     };
@@ -1007,25 +1007,25 @@ const Dr = {
       return (s) => {
         if (!n || !r || (s.persist == null || s.persist(), wo(s) && s.touches && s.touches.length > 1))
           return;
-        const o = i.getSize(), l = i ? i.getLeafHeaders().map((b) => [b.column.id, b.column.getSize()]) : [[n.id, n.getSize()]], a = wo(s) ? Math.round(s.touches[0].clientX) : s.clientX, c = {}, u = (b, x) => {
-          typeof x == "number" && (e.setColumnSizingInfo((v) => {
+        const o = i.getSize(), l = i ? i.getLeafHeaders().map((b) => [b.column.id, b.column.getSize()]) : [[n.id, n.getSize()]], a = wo(s) ? Math.round(s.touches[0].clientX) : s.clientX, c = {}, u = (b, v) => {
+          typeof v == "number" && (e.setColumnSizingInfo((x) => {
             var C, S;
-            const k = e.options.columnResizeDirection === "rtl" ? -1 : 1, E = (x - ((C = v == null ? void 0 : v.startOffset) != null ? C : 0)) * k, O = Math.max(E / ((S = v == null ? void 0 : v.startSize) != null ? S : 0), -0.999999);
-            return v.columnSizingStart.forEach((R) => {
+            const k = e.options.columnResizeDirection === "rtl" ? -1 : 1, E = (v - ((C = x == null ? void 0 : x.startOffset) != null ? C : 0)) * k, O = Math.max(E / ((S = x == null ? void 0 : x.startSize) != null ? S : 0), -0.999999);
+            return x.columnSizingStart.forEach((R) => {
               let [z, F] = R;
               c[z] = Math.round(Math.max(F + F * O, 0) * 100) / 100;
             }), {
-              ...v,
+              ...x,
               deltaOffset: E,
               deltaPercentage: O
             };
-          }), (e.options.columnResizeMode === "onChange" || b === "end") && e.setColumnSizing((v) => ({
-            ...v,
+          }), (e.options.columnResizeMode === "onChange" || b === "end") && e.setColumnSizing((x) => ({
+            ...x,
             ...c
           })));
         }, h = (b) => u("move", b), f = (b) => {
-          u("end", b), e.setColumnSizingInfo((x) => ({
-            ...x,
+          u("end", b), e.setColumnSizingInfo((v) => ({
+            ...v,
             isResizingColumn: !1,
             startOffset: null,
             startSize: null,
@@ -1041,8 +1041,8 @@ const Dr = {
         }, m = {
           moveHandler: (b) => (b.cancelable && (b.preventDefault(), b.stopPropagation()), h(b.touches[0].clientX), !1),
           upHandler: (b) => {
-            var x;
-            d == null || d.removeEventListener("touchmove", m.moveHandler), d == null || d.removeEventListener("touchend", m.upHandler), b.cancelable && (b.preventDefault(), b.stopPropagation()), f((x = b.touches[0]) == null ? void 0 : x.clientX);
+            var v;
+            d == null || d.removeEventListener("touchmove", m.moveHandler), d == null || d.removeEventListener("touchend", m.upHandler), b.cancelable && (b.preventDefault(), b.stopPropagation()), f((v = b.touches[0]) == null ? void 0 : v.clientX);
           }
         }, y = Py() ? {
           passive: !1
@@ -1848,8 +1848,8 @@ function qy(i) {
     getAllColumns: q(() => [r._getColumnDefs()], (f) => {
       const d = function(p, m, y) {
         return y === void 0 && (y = 0), p.map((b) => {
-          const x = fy(r, b, y, m), v = b;
-          return x.columns = v.columns ? d(v.columns, x, y + 1) : [], x;
+          const v = fy(r, b, y, m), x = b;
+          return v.columns = x.columns ? d(x.columns, v, y + 1) : [], v;
         });
       };
       return d(f);
@@ -2041,17 +2041,17 @@ function Zy() {
         return a.map((p) => (p.depth = c, r.push(p), s[p.id] = p, p.subRows && (p.subRows = o(p.subRows, c + 1, p.id)), p));
       const h = n[c], f = eb(a, h);
       return Array.from(f.entries()).map((p, m) => {
-        let [y, b] = p, x = `${h}:${y}`;
-        x = u ? `${u}>${x}` : x;
-        const v = o(b, c + 1, x);
-        v.forEach((k) => {
-          k.parentId = x;
+        let [y, b] = p, v = `${h}:${y}`;
+        v = u ? `${u}>${v}` : v;
+        const x = o(b, c + 1, v);
+        x.forEach((k) => {
+          k.parentId = v;
         });
-        const C = c ? pf(b, (k) => k.subRows) : b, S = to(i, x, C[0].original, m, c, void 0, u);
+        const C = c ? pf(b, (k) => k.subRows) : b, S = to(i, v, C[0].original, m, c, void 0, u);
         return Object.assign(S, {
           groupingColumnId: h,
           groupingValue: y,
-          subRows: v,
+          subRows: x,
           leafRows: C,
           getValue: (k) => {
             if (n.includes(k)) {
@@ -2069,7 +2069,7 @@ function Zy() {
             if (R)
               return S._groupingValuesCache[k] = R(k, C, b), S._groupingValuesCache[k];
           }
-        }), v.forEach((k) => {
+        }), x.forEach((k) => {
           r.push(k), s[k.id] = k;
         }), S;
       });
@@ -2149,17 +2149,17 @@ function ib() {
         for (let d = 0; d < s.length; d += 1) {
           var f;
           const p = s[d], m = o[p.id], y = m.sortUndefined, b = (f = p == null ? void 0 : p.desc) != null ? f : !1;
-          let x = 0;
+          let v = 0;
           if (y) {
-            const v = u.getValue(p.id), C = h.getValue(p.id), S = v === void 0, k = C === void 0;
+            const x = u.getValue(p.id), C = h.getValue(p.id), S = x === void 0, k = C === void 0;
             if (S || k) {
               if (y === "first") return S ? -1 : 1;
               if (y === "last") return S ? 1 : -1;
-              x = S && k ? 0 : S ? y : -y;
+              v = S && k ? 0 : S ? y : -y;
             }
           }
-          if (x === 0 && (x = m.sortingFn(u, h, p.id)), x !== 0)
-            return b && (x *= -1), m.invertSorting && (x *= -1), x;
+          if (v === 0 && (v = m.sortingFn(u, h, p.id)), v !== 0)
+            return b && (v *= -1), m.invertSorting && (v *= -1), v;
         }
         return u.index - h.index;
       }), c.forEach((u) => {
@@ -3250,16 +3250,16 @@ function Lf(i) {
     return (
       // cast: TypeScript cannot simplify Omit<P & WithStickySidesProps, keyof WithStickySidesProps>
       // back to P after rest destructuring
-      /* @__PURE__ */ g.jsx(i, { ...c, ref: f, children: ue.Children.map(a, (b, x) => {
-        const v = y[x];
-        if (!v || !ue.isValidElement(b)) return b;
+      /* @__PURE__ */ g.jsx(i, { ...c, ref: f, children: ue.Children.map(a, (b, v) => {
+        const x = y[v];
+        if (!x || !ue.isValidElement(b)) return b;
         const C = {
           ...m,
-          [v.stickySide]: `${v.position}px !important`
+          [x.stickySide]: `${x.position}px !important`
         };
         return ue.cloneElement(b, {
-          className: `${u(C)} ${u(Jb(v.shadowSide, o))}`,
-          "data-testid": `sticky-cell-${v.stickySide}-sticky`
+          className: `${u(C)} ${u(Jb(x.shadowSide, o))}`,
+          "data-testid": `sticky-cell-${x.stickySide}-sticky`
         });
       }) })
     );
@@ -3689,7 +3689,7 @@ function vv(i) {
   });
 }
 function Ia(i) {
-  var b, x, v, C;
+  var b, v, x, C;
   const e = pv(i), t = Ub(e.columns), [n, r] = G(), { state: s, initialState: o } = yv(e.state ?? {}), { enableRowSelection: l, setRowSelectionEnabled: a } = Yb({
     state: s,
     initialState: o
@@ -3709,7 +3709,7 @@ function Ia(i) {
     getFilteredRowModel: Jy(),
     ...e.disableSorting ? { enableSorting: !1 } : { getSortedRowModel: ib() },
     ...e.disablePagination ? {} : { getPaginationRowModel: tb() },
-    ...(b = o.grouping) != null && b.length || (x = s.grouping) != null && x.length ? {
+    ...(b = o.grouping) != null && b.length || (v = s.grouping) != null && v.length ? {
       getGroupedRowModel: Zy(),
       getExpandedRowModel: Tc()
     } : {},
@@ -3735,7 +3735,7 @@ function Ia(i) {
     hasFiltersApplied: (
       // cast: TanStack types globalFilter as any; always string, the value passed to
       // setGlobalFilter
-      ((v = f.getState().globalFilter) == null ? void 0 : v.length) > 0 || (((C = f.getState().columnFilters) == null ? void 0 : C.length) ?? 0) > 0
+      ((x = f.getState().globalFilter) == null ? void 0 : x.length) > 0 || (((C = f.getState().columnFilters) == null ? void 0 : C.length) ?? 0) > 0
     ),
     filteredLength: f.getRowModel().rows.length,
     columnsLength: t.length
@@ -4023,13 +4023,13 @@ var Ov = function i(e, t, n, r, s) {
   }
   if (!Array.isArray(e))
     throw new Error("Cannot set a numeric property on an object");
-  var y = e[d], b = i(y, t + 1, n, r, s), x = [].concat(e);
+  var y = e[d], b = i(y, t + 1, n, r, s), v = [].concat(e);
   if (s && b === void 0) {
-    if (x.splice(d, 1), x.length === 0)
+    if (v.splice(d, 1), v.length === 0)
       return;
   } else
-    x[d] = b;
-  return x;
+    v[d] = b;
+  return v;
 }, gt = function(e, t, n, r) {
   if (r === void 0 && (r = !1), e == null)
     throw new Error("Cannot call setIn() with " + String(e) + " state");
@@ -4038,7 +4038,7 @@ var Ov = function i(e, t, n, r, s) {
   return Ov(e, 0, Nf(t), n, r);
 }, Jn = "FINAL_FORM/form-error", ln = "FINAL_FORM/array-error";
 function Pc(i, e) {
-  var t = i.errors, n = i.initialValues, r = i.lastSubmittedValues, s = i.submitErrors, o = i.submitFailed, l = i.submitSucceeded, a = i.submitting, c = i.values, u = e.active, h = e.blur, f = e.change, d = e.data, p = e.focus, m = e.modified, y = e.modifiedSinceLastSubmit, b = e.name, x = e.touched, v = e.validating, C = e.visited, S = ye(c, b), k = ye(t, b);
+  var t = i.errors, n = i.initialValues, r = i.lastSubmittedValues, s = i.submitErrors, o = i.submitFailed, l = i.submitSucceeded, a = i.submitting, c = i.values, u = e.active, h = e.blur, f = e.change, d = e.data, p = e.focus, m = e.modified, y = e.modifiedSinceLastSubmit, b = e.name, v = e.touched, x = e.validating, C = e.visited, S = ye(c, b), k = ye(t, b);
   k && k[ln] && (k = k[ln]);
   var E = s && ye(s, b), O = n && ye(n, b), R = e.isEqual(O, S), z = !!(r && !e.isEqual(ye(r, b), S)), F = !k && !E;
   return {
@@ -4061,11 +4061,11 @@ function Pc(i, e) {
     submitFailed: o,
     submitSucceeded: l,
     submitting: a,
-    touched: x,
+    touched: v,
     valid: F,
     value: S,
     visited: C,
-    validating: v
+    validating: x
   };
 }
 var La = ["active", "data", "dirty", "dirtySinceLastSubmit", "error", "initial", "invalid", "length", "modified", "modifiedSinceLastSubmit", "pristine", "submitError", "submitFailed", "submitSucceeded", "submitting", "touched", "valid", "value", "visited", "validating"], jt = function(e, t) {
@@ -4196,7 +4196,7 @@ function Bv(i) {
   }, b = function(w, M, I) {
     var L = ye(w.formState.values, M), Y = I(L);
     w.formState.values = gt(w.formState.values, M, Y) || {};
-  }, x = function(w, M, I) {
+  }, v = function(w, M, I) {
     if (w.fields[M]) {
       var L, Y;
       w.fields = Se({}, w.fields, (L = {}, L[I] = Se({}, w.fields[M], {
@@ -4216,7 +4216,7 @@ function Bv(i) {
       var J = ye(w.formState.values, M);
       w.formState.values = gt(w.formState.values, M, void 0) || {}, w.formState.values = gt(w.formState.values, I, J), delete w.lastFormState;
     }
-  }, v = function(w) {
+  }, x = function(w) {
     return function() {
       if (s) {
         for (var M = {
@@ -4229,7 +4229,7 @@ function Bv(i) {
         var J = s[w](L, M, {
           changeValue: b,
           getIn: ye,
-          renameField: x,
+          renameField: v,
           resetFieldState: Z.resetFieldState,
           setIn: gt,
           shallowEqual: jt
@@ -4240,7 +4240,7 @@ function Bv(i) {
       }
     };
   }, C = s ? Object.keys(s).reduce(function($, w) {
-    return $[w] = v(w), $;
+    return $[w] = x(w), $;
   }, {}) : {}, S = function(w) {
     var M = [];
     if (l) {
@@ -4578,7 +4578,7 @@ function Bv(i) {
           s = M, M ? (Object.keys(C).forEach(function(I) {
             I in M || delete C[I];
           }), Object.keys(M).forEach(function(I) {
-            C[I] = v(I);
+            C[I] = x(I);
           })) : Object.keys(C).forEach(function(I) {
             delete C[I];
           });
@@ -4741,12 +4741,12 @@ function Uv(i) {
   }, b = zv(function() {
     var O = s || Bv(y);
     return O.pauseValidation(), O;
-  }), x = ke.useState(function() {
+  }), v = ke.useState(function() {
     var O = {};
     return b.subscribe(function(R) {
       O = R;
     }, f)(), O;
-  }), v = x[0], C = x[1], S = $f(v);
+  }), x = v[0], C = v[1], S = $f(x);
   ke.useEffect(function() {
     b.isValidationPaused() && b.resumeValidation();
     var O = [b.subscribe(function(R) {
@@ -4792,7 +4792,7 @@ function Uv(i) {
     }),
     handleSubmit: k
   };
-  return Hf(E, v), /* @__PURE__ */ ke.createElement(zf.Provider, {
+  return Hf(E, x), /* @__PURE__ */ ke.createElement(zf.Provider, {
     value: b
   }, Vv(Se({}, m, {
     __versions: Wv
@@ -4875,7 +4875,7 @@ var Qv = La.reduce(function(i, e) {
 };
 function Wf(i, e) {
   e === void 0 && (e = {});
-  var t = e, n = t.afterSubmit, r = t.allowNull, s = t.component, o = t.data, l = t.defaultValue, a = t.format, c = a === void 0 ? Oo : a, u = t.formatOnBlur, h = t.initialValue, f = t.multiple, d = t.parse, p = d === void 0 ? Jv : d, m = t.subscription, y = m === void 0 ? Qv : m, b = t.type, x = t.validateFields, v = t.value, C = no("useField"), S = $f(e), k = function(H, X) {
+  var t = e, n = t.afterSubmit, r = t.allowNull, s = t.component, o = t.data, l = t.defaultValue, a = t.format, c = a === void 0 ? Oo : a, u = t.formatOnBlur, h = t.initialValue, f = t.multiple, d = t.parse, p = d === void 0 ? Jv : d, m = t.subscription, y = m === void 0 ? Qv : m, b = t.type, v = t.validateFields, x = t.value, C = no("useField"), S = $f(e), k = function(H, X) {
     return (
       // avoid using `state` const in any closures created inside `register`
       // because they would refer `state` from current execution context
@@ -4902,7 +4902,7 @@ function Wf(i, e) {
           return (S.current.isEqual || Zv)(me, te);
         },
         silent: X,
-        validateFields: x
+        validateFields: v
       })
     );
   }, E = ke.useRef(!0), O = ke.useState(function() {
@@ -4938,14 +4938,14 @@ function Wf(i, e) {
     name: i,
     get value() {
       var D = R.value;
-      return u ? s === "input" && (D = Oo(D)) : D = c(D, i), D === null && !r && (D = ""), b === "checkbox" || b === "radio" ? v : s === "select" && f ? D || [] : D;
+      return u ? s === "input" && (D = Oo(D)) : D = c(D, i), D === null && !r && (D = ""), b === "checkbox" || b === "radio" ? x : s === "select" && f ? D || [] : D;
     },
     get checked() {
       var D = R.value;
       if (b === "checkbox")
-        return D = c(D, i), v === void 0 ? !!D : !!(Array.isArray(D) && ~D.indexOf(v));
+        return D = c(D, i), x === void 0 ? !!D : !!(Array.isArray(D) && ~D.indexOf(x));
       if (b === "radio")
-        return c(D, i) === v;
+        return c(D, i) === x;
     },
     onBlur: Mo(function(D) {
       if (R.blur(), u) {
@@ -4955,11 +4955,11 @@ function Wf(i, e) {
     }),
     onChange: Mo(function(D) {
       if (process.env.NODE_ENV !== "production" && D && D.target) {
-        var H = D.target.type, X = ~["checkbox", "radio", "select-multiple"].indexOf(H) && !b && s !== "select", fe = H === "select-multiple" ? R.value : v;
+        var H = D.target.type, X = ~["checkbox", "radio", "select-multiple"].indexOf(H) && !b && s !== "select", fe = H === "select-multiple" ? R.value : x;
         X && console.error('You must pass `type="' + (H === "select-multiple" ? "select" : H) + '"` prop to your Field(' + i + `) component.
 ` + ("Without it we don't know how to unpack your `value` prop - " + (Array.isArray(fe) ? "[" + fe + "]" : '"' + fe + '"') + "."));
       }
-      var me = D && D.target ? Xv(D, R.value, v, Kv) : D;
+      var me = D && D.target ? Xv(D, R.value, x, Kv) : D;
       R.change(p(me, i));
     }),
     onFocus: Mo(function(D) {
@@ -5015,12 +5015,17 @@ function wt(i, e) {
   return { input: s, meta: o };
 }
 function rx(i) {
-  const { closeable: e, index: t, onRemove: n, readOnly: r, updateValue: s, value: o } = i, [, l] = G(), [a, c] = se(!1), [u, h] = se(o), f = () => {
-    h(o), c(!1);
+  const { closeable: e, index: t, onRemove: n, readOnly: r, updateValue: s, value: o } = i, [, l] = G(), [a, c] = se(!1), [u, h] = se(o), f = {
+    paddingTop: l.sizing.scale100,
+    paddingRight: l.sizing.scale100,
+    paddingBottom: l.sizing.scale100,
+    paddingLeft: l.sizing.scale100
   }, d = () => {
+    h(o), c(!1);
+  }, p = () => {
     s(u, t), c(!1);
-  }, p = (m) => {
-    m.key === "Enter" && d();
+  }, m = (y) => {
+    y.key === "Enter" && p();
   };
   return a && !r ? /* @__PURE__ */ g.jsx(
     ul,
@@ -5031,19 +5036,9 @@ function rx(i) {
           component: pe,
           // Matches the size baseui's own small Tag action icon (e.g. the remove icon)
           // renders at, so the confirm icon doesn't look oversized next to it.
-          props: { name: "check", onMouseDown: d, size: l.sizing.scale500 }
+          props: { name: "check", onMouseDown: p, size: l.sizing.scale500 }
         },
-        // Tighter padding than the shared Tag's default, to suit a compact tag-input list.
-        // Spacing between tags is handled by the container's `gap` (see StringTagInput) rather
-        // than margin here, since Tag's own overrides always win margin conflicts when merged.
-        Root: {
-          style: {
-            paddingTop: l.sizing.scale100,
-            paddingRight: l.sizing.scale200,
-            paddingBottom: l.sizing.scale100,
-            paddingLeft: l.sizing.scale200
-          }
-        }
+        Root: { style: f }
       },
       behavior: Vm.selection,
       hierarchy: wc.secondary,
@@ -5052,9 +5047,9 @@ function rx(i) {
         {
           $adjoined: rf.none,
           autoFocus: !0,
-          onBlur: f,
-          onChange: (m) => h(m.target.value),
-          onKeyDown: p,
+          onBlur: d,
+          onChange: (y) => h(y.target.value),
+          onKeyDown: m,
           size: u.length + 1,
           $size: Ca.compact,
           style: { padding: 0 },
@@ -5069,17 +5064,7 @@ function rx(i) {
       onActionClick: n,
       onClick: () => c(!0),
       overrides: {
-        // Tighter padding than the shared Tag's default, to suit a compact tag-input list.
-        // Spacing between tags is handled by the container's `gap` (see StringTagInput) rather
-        // than margin here, since Tag's own overrides always win margin conflicts when merged.
-        Root: {
-          style: {
-            paddingTop: l.sizing.scale100,
-            paddingRight: l.sizing.scale200,
-            paddingBottom: l.sizing.scale100,
-            paddingLeft: l.sizing.scale200
-          }
-        }
+        Root: { style: f }
       },
       hierarchy: wc.primary,
       children: o
@@ -5158,19 +5143,19 @@ function ox({
     label: e,
     format: f,
     parse: d
-  }), [y, b] = se(""), x = Array.isArray(p.value) ? p.value : [], v = (R) => {
-    p.onChange([...x, R]), b("");
-  }, C = (R) => p.onChange(x.filter((z, F) => F !== R)), S = (R, z) => {
-    const F = [...x];
+  }), [y, b] = se(""), v = Array.isArray(p.value) ? p.value : [], x = (R) => {
+    p.onChange([...v, R]), b("");
+  }, C = (R) => p.onChange(v.filter((z, F) => F !== R)), S = (R, z) => {
+    const F = [...v];
     F[z] = R, p.onChange(F);
   }, k = () => {
     p.onChange([]), b("");
   }, E = (R) => {
     if (o) return;
-    const z = R.key === "Enter" && y, F = R.key === "Backspace" && x.length > 0 && !y;
-    z ? (R.preventDefault(), v(y)) : F && C(x.length - 1);
+    const z = R.key === "Enter" && y, F = R.key === "Backspace" && v.length > 0 && !y;
+    z ? (R.preventDefault(), x(y)) : F && C(v.length - 1);
   }, O = () => {
-    p.onBlur(), y && v(y);
+    p.onBlur(), y && x(y);
   };
   return /* @__PURE__ */ g.jsx(
     ht,
@@ -5188,7 +5173,8 @@ function ox({
           id: i,
           value: y,
           onChange: (R) => b(R.currentTarget.value),
-          placeholder: !l && !o && x.length === 0 ? a : "",
+          onBlur: O,
+          placeholder: !l && !o && v.length === 0 ? a : "",
           readOnly: o,
           disabled: l,
           overrides: {
@@ -5199,12 +5185,11 @@ function ox({
               component: sx,
               props: {
                 clear: k,
-                onBlur: O,
                 onKeyDown: E,
                 readOnly: o,
                 removeValue: C,
                 updateValue: S,
-                valueList: x
+                valueList: v
               },
               style: { width: "auto", flexGrow: 1, padding: 0 }
             }
@@ -5329,9 +5314,9 @@ var Kf = function(e, t, n) {
             source: t.fields[r + "[" + (y - 1) + "]" + h]
           });
         }
-      var x = r + "[" + o + "]" + h;
+      var v = r + "[" + o + "]" + h;
       c({
-        destKey: x,
+        destKey: v,
         source: d
       });
     }
@@ -5789,7 +5774,7 @@ const Dx = ({
   rows: p,
   maxLength: m
 }) => {
-  var v;
+  var x;
   const { input: y, meta: b } = wt(i, {
     required: r,
     validate: s,
@@ -5798,7 +5783,7 @@ const Dx = ({
     label: e,
     format: f,
     parse: d
-  }), x = ((v = y.value) == null ? void 0 : v.length) ?? 0;
+  }), v = ((x = y.value) == null ? void 0 : x.length) ?? 0;
   return /* @__PURE__ */ g.jsx(
     ht,
     {
@@ -5808,7 +5793,7 @@ const Dx = ({
       labelEndEnhancer: h,
       caption: u,
       error: b.touched && b.error ? b.error : void 0,
-      counter: m ? { length: x, maxLength: m } : void 0,
+      counter: m ? { length: v, maxLength: m } : void 0,
       children: /* @__PURE__ */ g.jsx(
         uf,
         {
@@ -8268,11 +8253,11 @@ function bS(i) {
     } else F == -3 ? c = O : F == -4 && (u = O);
     return E;
   }
-  let x = [], v = [];
+  let v = [], x = [];
   for (; l.pos > 0; )
-    h(i.start || 0, i.bufferStart || 0, x, v, -1, 0);
-  let C = (e = i.length) !== null && e !== void 0 ? e : x.length ? v[0] + x[0].length : 0;
-  return new Oe(a[i.topID], x.reverse(), v.reverse(), C);
+    h(i.start || 0, i.bufferStart || 0, v, x, -1, 0);
+  let C = (e = i.length) !== null && e !== void 0 ? e : v.length ? x[0] + v[0].length : 0;
+  return new Oe(a[i.topID], v.reverse(), x.reverse(), C);
 }
 const $c = /* @__PURE__ */ new WeakMap();
 function os(i, e) {
@@ -8300,27 +8285,27 @@ function Ha(i, e, t, n, r, s, o, l, a) {
     c * 1.5 / 8
     /* Balance.BranchFactor */
   ), h = [], f = [];
-  function d(p, m, y, b, x) {
-    for (let v = y; v < b; ) {
-      let C = v, S = m[v], k = os(i, p[v]);
-      for (v++; v < b; v++) {
-        let E = os(i, p[v]);
+  function d(p, m, y, b, v) {
+    for (let x = y; x < b; ) {
+      let C = x, S = m[x], k = os(i, p[x]);
+      for (x++; x < b; x++) {
+        let E = os(i, p[x]);
         if (k + E >= u)
           break;
         k += E;
       }
-      if (v == C + 1) {
+      if (x == C + 1) {
         if (k > u) {
           let E = p[C];
-          d(E.children, E.positions, 0, E.children.length, m[C] + x);
+          d(E.children, E.positions, 0, E.children.length, m[C] + v);
           continue;
         }
         h.push(p[C]);
       } else {
-        let E = m[v - 1] + p[v - 1].length - S;
-        h.push(Ha(i, p, m, C, v, S, E, null, a));
+        let E = m[x - 1] + p[x - 1].length - S;
+        h.push(Ha(i, p, m, C, x, S, E, null, a));
       }
-      f.push(S + x - s);
+      f.push(S + v - s);
     }
   }
   return d(e, t, n, r, 0), (l || a)(h, f, o);
@@ -9896,13 +9881,13 @@ class FS {
     if (f && f.overlay) {
       let d = e.node.enter(f.overlay[0].from + l, 1), p = this.highlighters.filter((y) => !y.scope || y.scope(f.tree.type)), m = e.firstChild();
       for (let y = 0, b = l; ; y++) {
-        let x = y < f.overlay.length ? f.overlay[y] : null, v = x ? x.from + l : a, C = Math.max(t, b), S = Math.min(n, v);
+        let v = y < f.overlay.length ? f.overlay[y] : null, x = v ? v.from + l : a, C = Math.max(t, b), S = Math.min(n, x);
         if (C < S && m)
-          for (; e.from < S && (this.highlightRange(e, C, S, r, s), this.startSpan(Math.min(S, e.to), c), !(e.to >= v || !e.nextSibling())); )
+          for (; e.from < S && (this.highlightRange(e, C, S, r, s), this.startSpan(Math.min(S, e.to), c), !(e.to >= x || !e.nextSibling())); )
             ;
-        if (!x || v > n)
+        if (!v || x > n)
           break;
-        b = x.to + l, b > t && (this.highlightRange(d.cursor(), Math.max(t, x.from + l), Math.min(n, b), "", p), this.startSpan(Math.min(n, b), c));
+        b = v.to + l, b > t && (this.highlightRange(d.cursor(), Math.max(t, v.from + l), Math.min(n, b), "", p), this.startSpan(Math.min(n, b), c));
       }
       m && e.parent();
     } else if (e.firstChild()) {
@@ -13350,40 +13335,40 @@ function u1(i, e, t, n, r, s, o, l) {
           u = u.assignedSlot || u.parentNode;
           continue;
         }
-        let x = u.getBoundingClientRect();
-        ({ scaleX: p, scaleY: m } = Ud(u, x)), f = {
-          left: x.left,
-          right: x.left + u.clientWidth * p,
-          top: x.top,
-          bottom: x.top + u.clientHeight * m
+        let v = u.getBoundingClientRect();
+        ({ scaleX: p, scaleY: m } = Ud(u, v)), f = {
+          left: v.left,
+          right: v.left + u.clientWidth * p,
+          top: v.top,
+          bottom: v.top + u.clientHeight * m
         };
       }
       let y = 0, b = 0;
       if (r == "nearest")
         e.top < f.top ? (b = e.top - (f.top + o), t > 0 && e.bottom > f.bottom + b && (b = e.bottom - f.bottom + o)) : e.bottom > f.bottom && (b = e.bottom - f.bottom + o, t < 0 && e.top - b < f.top && (b = e.top - (f.top + o)));
       else {
-        let x = e.bottom - e.top, v = f.bottom - f.top;
-        b = (r == "center" && x <= v ? e.top + x / 2 - v / 2 : r == "start" || r == "center" && t < 0 ? e.top - o : e.bottom - v + o) - f.top;
+        let v = e.bottom - e.top, x = f.bottom - f.top;
+        b = (r == "center" && v <= x ? e.top + v / 2 - x / 2 : r == "start" || r == "center" && t < 0 ? e.top - o : e.bottom - x + o) - f.top;
       }
       if (n == "nearest" ? e.left < f.left ? (y = e.left - (f.left + s), t > 0 && e.right > f.right + y && (y = e.right - f.right + s)) : e.right > f.right && (y = e.right - f.right + s, t < 0 && e.left < f.left + y && (y = e.left - (f.left + s))) : y = (n == "center" ? e.left + (e.right - e.left) / 2 - (f.right - f.left) / 2 : n == "start" == l ? e.left - s : e.right - (f.right - f.left) + s) - f.left, y || b)
         if (d)
           c.scrollBy(y, b);
         else {
-          let x = 0, v = 0;
+          let v = 0, x = 0;
           if (b) {
             let C = u.scrollTop;
-            u.scrollTop += b / m, v = (u.scrollTop - C) * m;
+            u.scrollTop += b / m, x = (u.scrollTop - C) * m;
           }
           if (y) {
             let C = u.scrollLeft;
-            u.scrollLeft += y / p, x = (u.scrollLeft - C) * p;
+            u.scrollLeft += y / p, v = (u.scrollLeft - C) * p;
           }
           e = {
-            left: e.left - x,
-            top: e.top - v,
-            right: e.right - x,
-            bottom: e.bottom - v
-          }, x && Math.abs(x - y) < 1 && (n = "nearest"), v && Math.abs(v - b) < 1 && (r = "nearest");
+            left: e.left - v,
+            top: e.top - x,
+            right: e.right - v,
+            bottom: e.bottom - x
+          }, v && Math.abs(v - y) < 1 && (n = "nearest"), x && Math.abs(x - b) < 1 && (r = "nearest");
         }
       if (d)
         break;
@@ -15125,8 +15110,8 @@ class gu extends he {
         S.breakAtStart ? k.breakAfter = 1 : S.content.length && k.merge(k.length, k.length, S.content[0], !1, S.openStart, 0) && (k.breakAfter = S.content[0].breakAfter, S.content.shift()), C.content.length && k.merge(0, 0, C.content[C.content.length - 1], !0, 0, C.openEnd) && C.content.pop(), f = C.content.concat(k).concat(S.content);
       } else
         ({ content: f, breakAtStart: d, openStart: p, openEnd: m } = qn.build(this.view.state.doc, u, h, this.decorations, this.dynamicDecorationMap));
-      let { i: y, off: b } = s.findPos(c, 1), { i: x, off: v } = s.findPos(a, -1);
-      Zd(this, x, v, y, b, f, d, p, m);
+      let { i: y, off: b } = s.findPos(c, 1), { i: v, off: x } = s.findPos(a, -1);
+      Zd(this, v, x, y, b, f, d, p, m);
     }
     n && this.fixCompositionDOM(n);
   }
@@ -15545,10 +15530,10 @@ function Xl(i, e, t) {
     for (let y = 0; y < m.length; y++) {
       let b = m[y];
       r && _o(r, b) && (b = pu(mu(b, r.bottom), r.top));
-      let x = V1(e, b), v = z1(t, b);
-      if (x == 0 && v == 0)
+      let v = V1(e, b), x = z1(t, b);
+      if (v == 0 && x == 0)
         return p.nodeType == 3 ? yu(p, e, t) : Xl(p, e, t);
-      (!n || o > v || o == v && s > x) && (n = p, r = b, s = x, o = v, l = x ? e < b.left ? y > 0 : y < m.length - 1 : !0), x == 0 ? t > b.bottom && (!u || u.bottom < b.bottom) ? (a = p, u = b) : t < b.top && (!h || h.top > b.top) && (c = p, h = b) : u && _o(u, b) ? u = mu(u, b.bottom) : h && _o(h, b) && (h = pu(h, b.top));
+      (!n || o > x || o == x && s > v) && (n = p, r = b, s = v, o = x, l = v ? e < b.left ? y > 0 : y < m.length - 1 : !0), v == 0 ? t > b.bottom && (!u || u.bottom < b.bottom) ? (a = p, u = b) : t < b.top && (!h || h.top > b.top) && (c = p, h = b) : u && _o(u, b) ? u = mu(u, b.bottom) : h && _o(h, b) && (h = pu(h, b.top));
     }
   }
   if (u && u.bottom >= t ? (n = a, r = u) : h && h.top <= t && (n = c, r = h), !n)
@@ -15602,31 +15587,31 @@ function Rg(i, e, t, n = -1) {
     return i.viewport.to == i.state.doc.length ? i.state.doc.length : t ? null : bu(i, o, a, u, h);
   let p = i.dom.ownerDocument, m = i.root.elementFromPoint ? i.root : p, y = m.elementFromPoint(u, h);
   y && !i.contentDOM.contains(y) && (y = null), y || (u = Math.max(o.left + 1, Math.min(o.right - 1, u)), y = m.elementFromPoint(u, h), y && !i.contentDOM.contains(y) && (y = null));
-  let b, x = -1;
+  let b, v = -1;
   if (y && ((r = i.docView.nearest(y)) === null || r === void 0 ? void 0 : r.isEditable) != !1) {
     if (p.caretPositionFromPoint) {
       let C = p.caretPositionFromPoint(u, h);
-      C && ({ offsetNode: b, offset: x } = C);
+      C && ({ offsetNode: b, offset: v } = C);
     } else if (p.caretRangeFromPoint) {
       let C = p.caretRangeFromPoint(u, h);
-      C && ({ startContainer: b, startOffset: x } = C);
+      C && ({ startContainer: b, startOffset: v } = C);
     }
-    b && (!i.contentDOM.contains(b) || j.safari && $1(b, x, u) || j.chrome && _1(b, x, u)) && (b = void 0), b && (x = Math.min(Ut(b), x));
+    b && (!i.contentDOM.contains(b) || j.safari && $1(b, v, u) || j.chrome && _1(b, v, u)) && (b = void 0), b && (v = Math.min(Ut(b), v));
   }
   if (!b || !i.docView.dom.contains(b)) {
     let C = Me.find(i.docView, d);
     if (!C)
       return f > a.top + a.height / 2 ? a.to : a.from;
-    ({ node: b, offset: x } = Xl(C.dom, u, h));
+    ({ node: b, offset: v } = Xl(C.dom, u, h));
   }
-  let v = i.docView.nearest(b);
-  if (!v)
+  let x = i.docView.nearest(b);
+  if (!x)
     return null;
-  if (v.isWidget && ((s = v.dom) === null || s === void 0 ? void 0 : s.nodeType) == 1) {
-    let C = v.dom.getBoundingClientRect();
-    return e.y < C.top || e.y <= C.bottom && e.x <= (C.left + C.right) / 2 ? v.posAtStart : v.posAtEnd;
+  if (x.isWidget && ((s = x.dom) === null || s === void 0 ? void 0 : s.nodeType) == 1) {
+    let C = x.dom.getBoundingClientRect();
+    return e.y < C.top || e.y <= C.bottom && e.x <= (C.left + C.right) / 2 ? x.posAtStart : x.posAtEnd;
   } else
-    return v.localPosFromDOM(b, x) + v.posAtStart;
+    return x.localPosFromDOM(b, v) + x.posAtStart;
 }
 function bu(i, e, t, n, r) {
   let s = Math.round((n - e.left) * i.defaultCharacterWidth);
@@ -15970,10 +15955,10 @@ function X1(i, e, t) {
         // ignored.
         m.to >= h.from && m.from <= h.to)
           return { range: m };
-        let x = r.changes({ from: b, to: y, insert: e.insert }), v = m.to - s.to;
+        let v = r.changes({ from: b, to: y, insert: e.insert }), x = m.to - s.to;
         return {
-          changes: x,
-          range: c ? T.range(Math.max(0, c.anchor + v), Math.max(0, c.head + v)) : m.map(x)
+          changes: v,
+          range: c ? T.range(Math.max(0, c.anchor + x), Math.max(0, c.head + x)) : m.map(v)
         };
       });
     } else
@@ -17073,12 +17058,12 @@ class Iu {
     let b = this.pixelViewport.bottom > this.pixelViewport.top && this.pixelViewport.right > this.pixelViewport.left;
     if (b != this.inView && (this.inView = b, b && (a = !0)), !this.inView && !this.scrollTarget && !Cw(e.dom))
       return 0;
-    let x = l.width;
-    if ((this.contentDOMWidth != x || this.editorHeight != e.scrollDOM.clientHeight) && (this.contentDOMWidth = l.width, this.editorHeight = e.scrollDOM.clientHeight, c |= 16), a) {
+    let v = l.width;
+    if ((this.contentDOMWidth != v || this.editorHeight != e.scrollDOM.clientHeight) && (this.contentDOMWidth = l.width, this.editorHeight = e.scrollDOM.clientHeight, c |= 16), a) {
       let C = e.docView.measureVisibleLineHeights(this.viewport);
-      if (r.mustRefreshForHeights(C) && (o = !0), o || r.lineWrapping && Math.abs(x - this.contentDOMWidth) > r.charWidth) {
+      if (r.mustRefreshForHeights(C) && (o = !0), o || r.lineWrapping && Math.abs(v - this.contentDOMWidth) > r.charWidth) {
         let { lineHeight: S, charWidth: k, textHeight: E } = e.docView.measureTextSize();
-        o = S > 0 && r.refresh(s, S, k, E, Math.max(5, x / k), C), o && (e.docView.minWidth = 0, c |= 16);
+        o = S > 0 && r.refresh(s, S, k, E, Math.max(5, v / k), C), o && (e.docView.minWidth = 0, c |= 16);
       }
       m > 0 && y > 0 ? u = Math.max(m, y) : m < 0 && y < 0 && (u = Math.min(m, y)), Pu();
       for (let S of this.viewports) {
@@ -17087,8 +17072,8 @@ class Iu {
       }
       wn && (c |= 2);
     }
-    let v = !this.viewportIsAppropriate(this.viewport, u) || this.scrollTarget && (this.scrollTarget.range.head < this.viewport.from || this.scrollTarget.range.head > this.viewport.to);
-    return v && (c & 2 && (c |= this.updateScaler()), this.viewport = this.getViewport(u, this.scrollTarget), c |= this.updateForViewport()), (c & 2 || v) && this.updateViewportLines(), (this.lineGaps.length || this.viewport.to - this.viewport.from > 4e3) && this.updateLineGaps(this.ensureLineGaps(o ? [] : this.lineGaps, e)), c |= this.computeVisibleRanges(), this.mustEnforceCursorAssoc && (this.mustEnforceCursorAssoc = !1, e.docView.enforceCursorAssoc()), c;
+    let x = !this.viewportIsAppropriate(this.viewport, u) || this.scrollTarget && (this.scrollTarget.range.head < this.viewport.from || this.scrollTarget.range.head > this.viewport.to);
+    return x && (c & 2 && (c |= this.updateScaler()), this.viewport = this.getViewport(u, this.scrollTarget), c |= this.updateForViewport()), (c & 2 || x) && this.updateViewportLines(), (this.lineGaps.length || this.viewport.to - this.viewport.from > 4e3) && this.updateLineGaps(this.ensureLineGaps(o ? [] : this.lineGaps, e)), c |= this.computeVisibleRanges(), this.mustEnforceCursorAssoc && (this.mustEnforceCursorAssoc = !1, e.docView.enforceCursorAssoc()), c;
   }
   get visibleTop() {
     return this.scaler.fromDOM(this.pixelViewport.top);
@@ -17156,14 +17141,14 @@ class Iu {
           a(u, b - 10, f, d), a(b + 10, h, f, d);
           return;
         }
-      let y = Ew(e, (b) => b.from >= f.from && b.to <= f.to && Math.abs(b.from - u) < s && Math.abs(b.to - h) < s && !m.some((x) => b.from < x && b.to > x));
+      let y = Ew(e, (b) => b.from >= f.from && b.to <= f.to && Math.abs(b.from - u) < s && Math.abs(b.to - h) < s && !m.some((v) => b.from < v && b.to > v));
       if (!y) {
-        if (h < f.to && t && n && t.visibleRanges.some((v) => v.from <= h && v.to >= h)) {
-          let v = t.moveToLineBoundary(T.cursor(h), !1, !0).head;
-          v > u && (h = v);
+        if (h < f.to && t && n && t.visibleRanges.some((x) => x.from <= h && x.to >= h)) {
+          let x = t.moveToLineBoundary(T.cursor(h), !1, !0).head;
+          x > u && (h = x);
         }
-        let b = this.gapSize(f, u, h, d), x = n || b < 2e6 ? b : 2e6;
-        y = new Go(u, h, b, x);
+        let b = this.gapSize(f, u, h, d), v = n || b < 2e6 ? b : 2e6;
+        y = new Go(u, h, b, v);
       }
       l.push(y);
     }, c = (u) => {
@@ -17176,8 +17161,8 @@ class Iu {
       if (n) {
         let m = r / this.heightOracle.lineLength * this.heightOracle.lineHeight, y, b;
         if (f != null) {
-          let x = Yr(h, f), v = ((this.visibleBottom - this.visibleTop) / 2 + m) / u.height;
-          y = x - v, b = x + v;
+          let v = Yr(h, f), x = ((this.visibleBottom - this.visibleTop) / 2 + m) / u.height;
+          y = v - x, b = v + x;
         } else
           y = (this.visibleTop - u.top - m) / u.height, b = (this.visibleBottom - u.top + m) / u.height;
         d = Kr(h, y), p = Kr(h, b);
@@ -17186,12 +17171,12 @@ class Iu {
         if (m > 2e6)
           for (let k of e)
             k.from >= u.from && k.from < u.to && k.size != k.displaySize && k.from * this.heightOracle.charWidth + b < this.pixelViewport.left && (b = k.size - k.displaySize);
-        let x = this.pixelViewport.left + b, v = this.pixelViewport.right + b, C, S;
+        let v = this.pixelViewport.left + b, x = this.pixelViewport.right + b, C, S;
         if (f != null) {
-          let k = Yr(h, f), E = ((v - x) / 2 + y) / m;
+          let k = Yr(h, f), E = ((x - v) / 2 + y) / m;
           C = k - E, S = k + E;
         } else
-          C = (x - y) / m, S = (v + y) / m;
+          C = (v - y) / m, S = (x + y) / m;
         d = Kr(h, C), p = Kr(h, S);
       }
       d > u.from && a(u.from, d, u, h), p < u.to && a(p, u.to, u, h);
@@ -18843,12 +18828,12 @@ function Vw(i, e = Lw) {
     var h, f;
     let d = t[o] || (t[o] = /* @__PURE__ */ Object.create(null)), p = l.split(/ (?!$)/).map((b) => Fw(b, e));
     for (let b = 1; b < p.length; b++) {
-      let x = p.slice(0, b).join(" ");
-      r(x, !0), d[x] || (d[x] = {
+      let v = p.slice(0, b).join(" ");
+      r(v, !0), d[v] || (d[v] = {
         preventDefault: !0,
         stopPropagation: !1,
-        run: [(v) => {
-          let C = gi = { view: v, prefix: x, scope: o };
+        run: [(x) => {
+          let C = gi = { view: x, prefix: v, scope: o };
           return setTimeout(() => {
             gi == C && (gi = null);
           }, jw), !0;
@@ -18954,21 +18939,21 @@ function zw(i, e, t) {
     return [];
   let n = Math.max(t.from, i.viewport.from), r = Math.min(t.to, i.viewport.to), s = i.textDirection == ve.LTR, o = i.contentDOM, l = o.getBoundingClientRect(), a = Gg(i), c = o.querySelector(".cm-line"), u = c && window.getComputedStyle(c), h = l.left + (u ? parseInt(u.paddingLeft) + Math.min(0, parseInt(u.textIndent)) : 0), f = l.right - (u ? parseInt(u.paddingRight) : 0), d = Ql(i, n, 1), p = Ql(i, r, -1), m = d.type == Qe.Text ? d : null, y = p.type == Qe.Text ? p : null;
   if (m && (i.lineWrapping || d.widgetLineBreaks) && (m = zu(i, n, 1, m)), y && (i.lineWrapping || p.widgetLineBreaks) && (y = zu(i, r, -1, y)), m && y && m.from == y.from && m.to == y.to)
-    return x(v(t.from, t.to, m));
+    return v(x(t.from, t.to, m));
   {
-    let S = m ? v(t.from, null, m) : C(d, !1), k = y ? v(null, t.to, y) : C(p, !0), E = [];
-    return (m || d).to < (y || p).from - (m && y ? 1 : 0) || d.widgetLineBreaks > 1 && S.bottom + i.defaultLineHeight / 2 < k.top ? E.push(b(h, S.bottom, f, k.top)) : S.bottom < k.top && i.elementAtHeight((S.bottom + k.top) / 2).type == Qe.Text && (S.bottom = k.top = (S.bottom + k.top) / 2), x(S).concat(E).concat(x(k));
+    let S = m ? x(t.from, null, m) : C(d, !1), k = y ? x(null, t.to, y) : C(p, !0), E = [];
+    return (m || d).to < (y || p).from - (m && y ? 1 : 0) || d.widgetLineBreaks > 1 && S.bottom + i.defaultLineHeight / 2 < k.top ? E.push(b(h, S.bottom, f, k.top)) : S.bottom < k.top && i.elementAtHeight((S.bottom + k.top) / 2).type == Qe.Text && (S.bottom = k.top = (S.bottom + k.top) / 2), v(S).concat(E).concat(v(k));
   }
   function b(S, k, E, O) {
     return new Rr(e, S - a.left, k - a.top, E - S, O - k);
   }
-  function x({ top: S, bottom: k, horizontal: E }) {
+  function v({ top: S, bottom: k, horizontal: E }) {
     let O = [];
     for (let R = 0; R < E.length; R += 2)
       O.push(b(E[R], S, E[R + 1], k));
     return O;
   }
-  function v(S, k, E) {
+  function x(S, k, E) {
     let O = 1e9, R = -1e9, z = [];
     function F(D, H, X, fe, me) {
       let te = i.coordsAtPos(D, D == E.to ? -2 : 2), Z = i.coordsAtPos(X, X == E.from ? 2 : -2);
@@ -19680,7 +19665,7 @@ const qo = /* @__PURE__ */ V.define({
         u.style.top = Jr;
         continue;
       }
-      let d = a.arrow ? c.dom.querySelector(".cm-tooltip-arrow") : null, p = d ? 7 : 0, m = f.right - f.left, y = (e = Wu.get(c)) !== null && e !== void 0 ? e : f.bottom - f.top, b = c.offset || xC, x = this.view.textDirection == ve.LTR, v = f.width > n.right - n.left ? x ? n.left : n.right - f.width : x ? Math.max(n.left, Math.min(h.left - (d ? 14 : 0) + b.x, n.right - m)) : Math.min(Math.max(n.left, h.left - m + (d ? 14 : 0) - b.x), n.right - m), C = this.above[l];
+      let d = a.arrow ? c.dom.querySelector(".cm-tooltip-arrow") : null, p = d ? 7 : 0, m = f.right - f.left, y = (e = Wu.get(c)) !== null && e !== void 0 ? e : f.bottom - f.top, b = c.offset || xC, v = this.view.textDirection == ve.LTR, x = f.width > n.right - n.left ? v ? n.left : n.right - f.width : v ? Math.max(n.left, Math.min(h.left - (d ? 14 : 0) + b.x, n.right - m)) : Math.min(Math.max(n.left, h.left - m + (d ? 14 : 0) - b.x), n.right - m), C = this.above[l];
       !a.strictSide && (C ? h.top - y - p - b.y < n.top : h.bottom + y + p + b.y > n.bottom) && C == n.bottom - h.bottom > h.top - n.top && (C = this.above[l] = !C);
       let S = (C ? h.top - n.top : n.bottom - h.bottom) - p;
       if (S < y && c.resize !== !1) {
@@ -19690,15 +19675,15 @@ const qo = /* @__PURE__ */ V.define({
         }
         Wu.set(c, y), u.style.height = (y = S) / s + "px";
       } else u.style.height && (u.style.height = "");
-      let k = C ? h.top - y - p - b.y : h.bottom + p + b.y, E = v + m;
+      let k = C ? h.top - y - p - b.y : h.bottom + p + b.y, E = x + m;
       if (c.overlap !== !0)
         for (let O of o)
-          O.left < E && O.right > v && O.top < k + y && O.bottom > k && (k = C ? O.top - y - 2 - p : O.bottom + p + 2);
-      if (this.position == "absolute" ? (u.style.top = (k - i.parent.top) / s + "px", Uu(u, (v - i.parent.left) / r)) : (u.style.top = k / s + "px", Uu(u, v / r)), d) {
-        let O = h.left + (x ? b.x : -b.x) - (v + 14 - 7);
+          O.left < E && O.right > x && O.top < k + y && O.bottom > k && (k = C ? O.top - y - 2 - p : O.bottom + p + 2);
+      if (this.position == "absolute" ? (u.style.top = (k - i.parent.top) / s + "px", Uu(u, (x - i.parent.left) / r)) : (u.style.top = k / s + "px", Uu(u, x / r)), d) {
+        let O = h.left + (v ? b.x : -b.x) - (x + 14 - 7);
         d.style.left = O / r + "px";
       }
-      c.overlap !== !0 && o.push({ left: v, top: k, right: E, bottom: k + y }), u.classList.toggle("cm-tooltip-above", C), u.classList.toggle("cm-tooltip-below", !C), c.positioned && c.positioned(i.space);
+      c.overlap !== !0 && o.push({ left: x, top: k, right: E, bottom: k + y }), u.classList.toggle("cm-tooltip-above", C), u.classList.toggle("cm-tooltip-below", !C), c.positioned && c.positioned(i.space);
     }
   }
   maybeMeasure() {
@@ -23431,31 +23416,31 @@ class RA {
       return null;
     let { chars: t, folded: n, any: r, precise: s, byWord: o } = this;
     if (t.length == 1) {
-      let x = Ze(e, 0), v = zt(x), C = v == e.length ? 0 : -100;
-      if (x != t[0]) if (x == n[0])
+      let v = Ze(e, 0), x = zt(v), C = x == e.length ? 0 : -100;
+      if (v != t[0]) if (v == n[0])
         C += -200;
       else
         return null;
-      return this.ret(C, [0, v]);
+      return this.ret(C, [0, x]);
     }
     let l = e.indexOf(this.pattern);
     if (l == 0)
       return this.ret(e.length == this.pattern.length ? 0 : -100, [0, this.pattern.length]);
     let a = t.length, c = 0;
     if (l < 0) {
-      for (let x = 0, v = Math.min(e.length, 200); x < v && c < a; ) {
-        let C = Ze(e, x);
-        (C == t[c] || C == n[c]) && (r[c++] = x), x += zt(C);
+      for (let v = 0, x = Math.min(e.length, 200); v < x && c < a; ) {
+        let C = Ze(e, v);
+        (C == t[c] || C == n[c]) && (r[c++] = v), v += zt(C);
       }
       if (c < a)
         return null;
     }
     let u = 0, h = 0, f = !1, d = 0, p = -1, m = -1, y = /[a-z]/.test(e), b = !0;
-    for (let x = 0, v = Math.min(e.length, 200), C = 0; x < v && h < a; ) {
-      let S = Ze(e, x);
-      l < 0 && (u < a && S == t[u] && (s[u++] = x), d < a && (S == t[d] || S == n[d] ? (d == 0 && (p = x), m = x + 1, d++) : d = 0));
+    for (let v = 0, x = Math.min(e.length, 200), C = 0; v < x && h < a; ) {
+      let S = Ze(e, v);
+      l < 0 && (u < a && S == t[u] && (s[u++] = v), d < a && (S == t[d] || S == n[d] ? (d == 0 && (p = v), m = v + 1, d++) : d = 0));
       let k, E = S < 255 ? S >= 48 && S <= 57 || S >= 97 && S <= 122 ? 2 : S >= 65 && S <= 90 ? 1 : 0 : (k = Ga(S)) != k.toLowerCase() ? 1 : k != k.toUpperCase() ? 2 : 0;
-      (!x || E == 1 && y || C == 0 && E != 0) && (t[h] == S || n[h] == S && (f = !0) ? o[h++] = x : o.length && (b = !1)), C = E, x += zt(S);
+      (!v || E == 1 && y || C == 0 && E != 0) && (t[h] == S || n[h] == S && (f = !0) ? o[h++] = v : o.length && (b = !1)), C = E, v += zt(S);
     }
     return h == a && o[0] == 0 && b ? this.result(-100 + (f ? -200 : 0), o, e) : d == a && p == 0 ? this.ret(-200 - e.length + (m == e.length ? 0 : -100), [0, m]) : l > -1 ? this.ret(-700 - e.length, [l, l + this.pattern.length]) : d == a ? this.ret(-900 - e.length, [p, m]) : h == a ? this.result(-100 + (f ? -200 : 0) + -700 + (b ? 0 : -1100), o, e) : t.length == 2 ? null : this.result((r[0] ? -700 : 0) + -200 + -1100, r, e);
   }
@@ -23524,8 +23509,8 @@ function EA(i, e, t, n, r, s) {
       (o ? e.right : r.right - e.left) - 30
       /* Info.Margin */
     );
-    let x = r.bottom - e.bottom;
-    x >= m || x > e.top ? u = t.bottom - e.top : (c = "bottom", u = e.bottom - t.top);
+    let v = r.bottom - e.bottom;
+    v >= m || v > e.top ? u = t.bottom - e.top : (c = "bottom", u = e.bottom - t.top);
   }
   let y = (e.bottom - e.top) / s.offsetHeight, b = (e.right - e.left) / s.offsetWidth;
   return {
@@ -23740,8 +23725,8 @@ function DA(i, e) {
           if (d = p.match(m.label)) {
             let y = m.displayLabel ? h ? h(m, d.matched) : [] : d.matched, b = d.score + (m.boost || 0);
             if (s(new xh(m, u.source, y, b)), typeof m.section == "object" && m.section.rank === "dynamic") {
-              let { name: x } = m.section;
-              r || (r = /* @__PURE__ */ Object.create(null)), r[x] = Math.max(b, r[x] || -1e9);
+              let { name: v } = m.section;
+              r || (r = /* @__PURE__ */ Object.create(null)), r[v] = Math.max(b, r[v] || -1e9);
             }
           }
       }
@@ -24477,26 +24462,26 @@ class Li {
         break;
       let m, y;
       if (l.length)
-        m = a, y = l.reduce((v, C) => Math.min(v, C.to), p && p.from > m ? p.from : 1e8);
+        m = a, y = l.reduce((x, C) => Math.min(x, C.to), p && p.from > m ? p.from : 1e8);
       else {
         if (m = p.from, m > h)
           break;
         y = p.to, l.push(p), d++;
       }
       for (; d < s.length; ) {
-        let v = s[d];
-        if (v.from == m && (v.to > v.from || v.to == m))
-          l.push(v), d++, y = Math.min(v.to, y);
+        let x = s[d];
+        if (x.from == m && (x.to > x.from || x.to == m))
+          l.push(x), d++, y = Math.min(x.to, y);
         else {
-          y = Math.min(v.from, y);
+          y = Math.min(x.from, y);
           break;
         }
       }
       y = Math.min(y, h);
       let b = !1;
-      if (l.some((v) => v.from == m && (v.to == y || y == h)) && (b = m == y, !b && y - m < 10)) {
-        let v = m - (u + c.value.length);
-        v > 0 && (c.next(v), u = m);
+      if (l.some((x) => x.from == m && (x.to == y || y == h)) && (b = m == y, !b && y - m < 10)) {
+        let x = m - (u + c.value.length);
+        x > 0 && (c.next(x), u = m);
         for (let C = m; ; ) {
           if (C >= y) {
             b = !0;
@@ -24507,24 +24492,24 @@ class Li {
           C = u + c.value.length, u += c.value.length, c.next();
         }
       }
-      let x = vE(l);
+      let v = vE(l);
       if (b)
         o.add(m, m, W.widget({
-          widget: new pE(x),
+          widget: new pE(v),
           diagnostics: l.slice()
         }));
       else {
-        let v = l.reduce((C, S) => S.markClass ? C + " " + S.markClass : C, "");
+        let x = l.reduce((C, S) => S.markClass ? C + " " + S.markClass : C, "");
         o.add(m, y, W.mark({
-          class: "cm-lintRange cm-lintRange-" + x + v,
+          class: "cm-lintRange cm-lintRange-" + v + x,
           diagnostics: l.slice(),
           inclusiveEnd: l.some((C) => C.to > y)
         }));
       }
       if (a = y, a == h)
         break;
-      for (let v = 0; v < l.length; v++)
-        l[v].to <= a && l.splice(v--, 1);
+      for (let x = 0; x < l.length; x++)
+        l[x].to <= a && l.splice(x--, 1);
     }
     let f = o.finish();
     return new Li(f, t, Rn(f));
@@ -25172,8 +25157,8 @@ function VE(i) {
     maxWidth: m = null,
     placeholder: y = "",
     editable: b = !0,
-    readOnly: x = !1,
-    indentWithTab: v = !0,
+    readOnly: v = !1,
+    indentWithTab: x = !0,
     basicSetup: C = !0,
     root: S,
     initialState: k
@@ -25211,9 +25196,9 @@ function VE(i) {
   }), fe = IE({
     theme: c,
     editable: b,
-    readOnly: x,
+    readOnly: v,
     placeholder: y,
-    indentWithTab: v,
+    indentWithTab: x,
     basicSetup: C
   }), me = [X, H, ...fe];
   return o && typeof o == "function" && me.push(B.updateListener.of(o)), me = me.concat(l), s0(() => {
@@ -25245,7 +25230,7 @@ function VE(i) {
     R && R.dispatch({
       effects: Q.reconfigure.of(me)
     });
-  }, [c, l, u, h, f, d, p, m, y, b, x, v, C, n, o]), Be(() => {
+  }, [c, l, u, h, f, d, p, m, y, b, v, x, C, n, o]), Be(() => {
     if (e !== void 0) {
       var te = R ? R.state.doc.toString() : "";
       if (R && e !== te) {
@@ -25289,8 +25274,8 @@ var zE = ["className", "value", "selection", "extensions", "onChange", "onStatis
     width: m,
     minWidth: y,
     maxWidth: b,
-    basicSetup: x,
-    placeholder: v,
+    basicSetup: v,
+    placeholder: x,
     indentWithTab: C,
     editable: S,
     readOnly: k,
@@ -25312,8 +25297,8 @@ var zE = ["className", "value", "selection", "extensions", "onChange", "onStatis
     width: m,
     minWidth: y,
     maxWidth: b,
-    basicSetup: x,
-    placeholder: v,
+    basicSetup: v,
+    placeholder: x,
     indentWithTab: C,
     editable: S,
     readOnly: k,
@@ -25727,7 +25712,7 @@ function Sm({
   ), [p, m] = Xi(
     `${i}.columnVisibility`,
     (t == null ? void 0 : t.columnVisibility) ?? hi.columnVisibility
-  ), [y, b] = se(0), [x, v] = se({}), [C, S] = se(
+  ), [y, b] = se(0), [v, x] = se({}), [C, S] = se(
     (t == null ? void 0 : t.rowSelectionEnabled) ?? hi.rowSelectionEnabled
   ), [k, E] = se(
     (t == null ? void 0 : t.grouping) ?? hi.grouping
@@ -25751,8 +25736,8 @@ function Sm({
     setColumnOrder: d,
     columnVisibility: p,
     setColumnVisibility: m,
-    rowSelection: x,
-    setRowSelection: v,
+    rowSelection: v,
+    setRowSelection: x,
     rowSelectionEnabled: C,
     setRowSelectionEnabled: S,
     grouping: k,
@@ -26374,7 +26359,7 @@ function pT({
   ] });
 }
 function mT({ phases: i = Na }) {
-  const [, e] = G(), { phase: t, entity: n, entityId: r, projectId: s, entityTab: o } = ft("detail"), l = Ei(), a = i[t].entities.find((x) => x.id === n), c = br(), { data: u, isLoading: h, error: f } = yr({
+  const [, e] = G(), { phase: t, entity: n, entityId: r, projectId: s, entityTab: o } = ft("detail"), l = Ei(), a = i[t].entities.find((v) => v.id === n), c = br(), { data: u, isLoading: h, error: f } = yr({
     queryName: `Get${gn((a == null ? void 0 : a.service) ?? "")}`,
     serviceOptions: {
       namespace: s,
@@ -26384,18 +26369,18 @@ function mT({ phases: i = Na }) {
       enabled: !!(a != null && a.service) && !!r
     }
   }), d = ue.useCallback(
-    (x, v) => {
-      l(`/${s}/${t}/${n}/${r}/${x}`, v);
+    (v, x) => {
+      l(`/${s}/${t}/${n}/${r}/${v}`, x);
     },
     [l, s, t, n, r]
   ), p = () => {
     l(`/${s}/${t}/${n}`);
-  }, m = ((a == null ? void 0 : a.views) ?? []).find((x) => x.type === "detail") ?? void 0;
+  }, m = ((a == null ? void 0 : a.views) ?? []).find((v) => v.type === "detail") ?? void 0;
   if (ue.useEffect(() => {
     var C;
     if (f || h || !r || !((C = m == null ? void 0 : m.pages) != null && C.length)) return;
-    const x = m.pages.map((S) => S.id), v = x[0];
-    o ? x.includes(o) || d(v, { replace: !0 }) : d(v, { replace: !0 });
+    const v = m.pages.map((S) => S.id), x = v[0];
+    o ? v.includes(o) || d(x, { replace: !0 }) : d(x, { replace: !0 });
   }, [o, m, h, f, d]), f)
     return /* @__PURE__ */ g.jsx(
       ii,
@@ -26430,10 +26415,10 @@ function mT({ phases: i = Na }) {
       children: /* @__PURE__ */ g.jsx(
         uT,
         {
-          tabs: b.pages.map((x) => ({
-            id: x.id,
-            label: x.label,
-            content: /* @__PURE__ */ g.jsx(lT, { page: x, data: y, isLoading: h })
+          tabs: b.pages.map((v) => ({
+            id: v.id,
+            label: v.label,
+            content: /* @__PURE__ */ g.jsx(lT, { page: v, data: y, isLoading: h })
           })),
           activeTabId: o,
           onTabSelect: d
@@ -27015,8 +27000,8 @@ function YM({
   visibleOptionLimit: m,
   isLoading: y = !1,
   clearable: b = !0,
-  searchable: x = !0,
-  multi: v = !1,
+  searchable: v = !0,
+  multi: x = !1,
   creatable: C = !1
 }) {
   const { input: S, meta: k } = wt(i, {
@@ -27042,7 +27027,7 @@ function YM({
     if (y || C) return;
     const P = S.value;
     if (!(!P || Array.isArray(P) && P.length === 0))
-      if (v) {
+      if (x) {
         const _ = P, D = _.filter((H) => O(H));
         D.length !== _.length && S.onChange(D);
       } else O(P) || S.onChange("");
@@ -27050,7 +27035,7 @@ function YM({
   const z = (P) => {
     var D;
     const _ = P.value;
-    v ? S.onChange(_.map((H) => {
+    x ? S.onChange(_.map((H) => {
       var X;
       return ((X = R(H.id)) == null ? void 0 : X.id) ?? H.id;
     })) : _.length > 0 ? S.onChange(((D = R(_[0].id)) == null ? void 0 : D.id) ?? _[0].id) : S.onChange("");
@@ -27083,8 +27068,8 @@ function YM({
           placeholder: !l && !o ? h : "",
           disabled: l,
           clearable: !l && !o && b,
-          searchable: x,
-          multi: v,
+          searchable: v,
+          multi: x,
           overrides: VT(i, l, o),
           creatable: C,
           filterOptions: (P, _, D, H) => F0(P, _, D, H).slice(0, m),
@@ -27120,9 +27105,9 @@ const XM = ({
     label: e,
     format: h,
     parse: f
-  }), b = (v) => {
-    m.onChange(v.currentTarget.checked);
-  }, x = d ?? (m.value ? "Enabled" : "Disabled");
+  }), b = (x) => {
+    m.onChange(x.currentTarget.checked);
+  }, v = d ?? (m.value ? "Enabled" : "Disabled");
   return /* @__PURE__ */ g.jsx(
     ht,
     {
@@ -27144,15 +27129,15 @@ const XM = ({
           labelPlacement: R0.right,
           overrides: {
             Label: {
-              style: ({ $theme: v }) => ({
-                fontSize: v.sizing.scale550
+              style: ({ $theme: x }) => ({
+                fontSize: x.sizing.scale550
               })
             },
             Root: {
               style: o ? { cursor: "default" } : {}
             }
           },
-          children: x
+          children: v
         }
       )
     }
@@ -27206,11 +27191,11 @@ const XM = ({
     format: h,
     parse: f
   }), b = Wt(
-    () => d.findIndex((v) => v.value === m.value),
+    () => d.findIndex((x) => x.value === m.value),
     [d, m]
-  ), x = An(
-    (v, C) => {
-      v.preventDefault(), v.stopPropagation(), m.onChange(d[C].value);
+  ), v = An(
+    (x, C) => {
+      x.preventDefault(), x.stopPropagation(), m.onChange(d[C].value);
     },
     [m, d]
   );
@@ -27227,21 +27212,21 @@ const XM = ({
         X0,
         {
           kind: Q0.singleSelect,
-          onClick: x,
+          onClick: v,
           selected: b,
           disabled: l || o,
           overrides: $T,
-          children: d.map((v) => /* @__PURE__ */ g.jsx(
+          children: d.map((x) => /* @__PURE__ */ g.jsx(
             J0,
             {
               tileKind: Z0.selection,
-              leadingContent: () => /* @__PURE__ */ g.jsx(y0, { $style: { textAlign: "left" }, children: v.label }),
+              leadingContent: () => /* @__PURE__ */ g.jsx(y0, { $style: { textAlign: "left" }, children: x.label }),
               headerAlignment: Rc.left,
               bodyAlignment: Rc.left,
               overrides: _T,
-              children: /* @__PURE__ */ g.jsx(ey, { $style: { textAlign: "left", marginBottom: p.sizing.scale600 }, children: v.description })
+              children: /* @__PURE__ */ g.jsx(ey, { $style: { textAlign: "left", marginBottom: p.sizing.scale600 }, children: x.description })
             },
-            String(v.value)
+            String(x.value)
           ))
         }
       )
@@ -27264,7 +27249,7 @@ const XM = ({
   options: d,
   align: p = iy.horizontal
 }) => {
-  var v;
+  var x;
   const { input: m, meta: y } = wt(i, {
     required: r,
     validate: s,
@@ -27273,7 +27258,7 @@ const XM = ({
     label: e,
     format: h,
     parse: f
-  }), b = d.every(({ value: C }) => typeof C == "boolean"), x = An(
+  }), b = d.every(({ value: C }) => typeof C == "boolean"), v = An(
     (C) => {
       const S = C.currentTarget.value;
       m.onChange(b ? S === "true" : S);
@@ -27294,7 +27279,7 @@ const XM = ({
         {
           id: m.name,
           readOnly: !0,
-          value: ((v = d.find((C) => C.value === m.value)) == null ? void 0 : v.label) ?? "",
+          value: ((x = d.find((C) => C.value === m.value)) == null ? void 0 : x.label) ?? "",
           overrides: {
             InputContainer: {
               style: ({ $theme: C }) => ({
@@ -27321,7 +27306,7 @@ const XM = ({
           value: typeof m.value == "boolean" ? String(m.value) : m.value,
           align: p,
           disabled: l,
-          onChange: x,
+          onChange: v,
           onBlur: m.onBlur,
           onFocus: m.onFocus,
           overrides: {
@@ -27473,12 +27458,12 @@ const eO = ({
     label: e,
     format: u,
     parse: h
-  }), { value: b = [], onChange: x } = m, v = An(
+  }), { value: b = [], onChange: v } = m, x = An(
     (S) => {
       const k = b.includes(S) ? b.filter((E) => E !== S) : [...b, S];
-      x(k);
+      v(k);
     },
-    [b, x]
+    [b, v]
   ), C = f.some((S) => S.description);
   return /* @__PURE__ */ g.jsx(
     ht,
@@ -27502,7 +27487,7 @@ const eO = ({
             Zs,
             {
               checked: b.includes(S.id),
-              onChange: () => v(S.id),
+              onChange: () => x(S.id),
               disabled: o,
               overrides: {
                 Label: {
@@ -27582,8 +27567,8 @@ const tO = ({
         {
           id: y.name,
           value: y.value,
-          onChange: ({ date: x }) => {
-            at.isNil(x) && YT(y.value) || y.onChange(x);
+          onChange: ({ date: v }) => {
+            at.isNil(v) && YT(y.value) || y.onChange(v);
           },
           placeholder: !a && !o ? l ?? "MM/dd/yyyy" : "",
           formatString: "MM/dd/yyyy",
@@ -27601,8 +27586,8 @@ const tO = ({
                 },
                 overrides: {
                   InputContainer: {
-                    style: ({ $theme: x }) => ({
-                      backgroundColor: x.colors.backgroundPrimary
+                    style: ({ $theme: v }) => ({
+                      backgroundColor: v.colors.backgroundPrimary
                     })
                   }
                 }
@@ -27644,7 +27629,7 @@ const iO = ({
     label: e,
     format: f,
     parse: d
-  }), [x, v] = G(), C = ((S = y.value) == null ? void 0 : S.length) ?? 0;
+  }), [v, x] = G(), C = ((S = y.value) == null ? void 0 : S.length) ?? 0;
   return /* @__PURE__ */ g.jsx(
     ht,
     {
@@ -27658,16 +27643,16 @@ const iO = ({
       children: o ? /* @__PURE__ */ g.jsx(
         "div",
         {
-          className: x({
-            ...v.typography.font300,
+          className: v({
+            ...x.typography.font300,
             // To prevent the div from collapsing when the content is empty
-            minHeight: String(v.typography.font300.lineHeight),
-            border: `${v.sizing.scale0} solid ${v.colors.borderOpaque}`,
-            borderRadius: v.borders.radius300,
-            paddingTop: v.sizing.scale400,
-            paddingBottom: v.sizing.scale400,
-            paddingLeft: v.sizing.scale550,
-            paddingRight: v.sizing.scale550
+            minHeight: String(x.typography.font300.lineHeight),
+            border: `${x.sizing.scale0} solid ${x.colors.borderOpaque}`,
+            borderRadius: x.borders.radius300,
+            paddingTop: x.sizing.scale400,
+            paddingBottom: x.sizing.scale400,
+            paddingLeft: x.sizing.scale550,
+            paddingRight: x.sizing.scale550
           }),
           children: /* @__PURE__ */ g.jsx(oi, { children: y.value })
         }
@@ -27894,11 +27879,11 @@ var eM = ["length"], tM = ["meta", "input"], iM = La.reduce(function(i, e) {
     format: function(R) {
       return R;
     }
-  }), b = y.meta, x = b.length, v = _h(b, eM), C = y.input, S = _h(y, tM), k = function(R) {
-    for (var z = x || 0, F = 0; F < z; F++)
+  }), b = y.meta, v = b.length, x = _h(b, eM), C = y.input, S = _h(y, tM), k = function(R) {
+    for (var z = v || 0, F = 0; F < z; F++)
       R(e + "[" + F + "]", F);
   }, E = function(R) {
-    for (var z = x || 0, F = [], P = 0; P < z; P++)
+    for (var z = v || 0, F = [], P = 0; P < z; P++)
       F.push(R(e + "[" + P + "]", P));
     return F;
   };
@@ -27906,12 +27891,12 @@ var eM = ["length"], tM = ["meta", "input"], iM = La.reduce(function(i, e) {
     fields: Ks({
       name: e,
       forEach: k,
-      length: x || 0,
+      length: v || 0,
       map: E
     }, p, S, {
       value: C.value
     }),
-    meta: v
+    meta: x
   };
 };
 function Mm(i, { minItems: e = 0, readOnly: t = !1 } = {}) {
@@ -27994,12 +27979,12 @@ function lO({
   const { entries: c, handleItemAdd: u, remove: h, isRemovable: f } = Mm(i, {
     minItems: n,
     readOnly: r
-  }), d = t ?? (e ? `Add ${e.toLowerCase()}` : "Add more");
-  return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-    c.map(({ id: p, indexedFieldPath: m }, y) => /* @__PURE__ */ g.jsx(Em, { index: y, rootFieldPath: i, children: /* @__PURE__ */ g.jsx(
+  }), d = t ?? (e ? `Add ${e.toLowerCase()}` : "Add more"), [p, m] = G();
+  return /* @__PURE__ */ g.jsxs("div", { className: p({ display: "flex", flexDirection: "column", gap: m.sizing.scale800 }), children: [
+    c.map(({ id: y, indexedFieldPath: b }, v) => /* @__PURE__ */ g.jsx(Em, { index: v, rootFieldPath: i, children: /* @__PURE__ */ g.jsx(
       XT,
       {
-        title: e ? `${e} ${y + 1}` : void 0,
+        title: e ? `${e} ${v + 1}` : void 0,
         description: o,
         tooltip: l,
         collapsible: a,
@@ -28012,19 +27997,19 @@ function lO({
             size: dt.compact,
             startEnhancer: /* @__PURE__ */ g.jsx(pe, { name: "trashCan", kind: ys.PRIMARY }),
             "aria-label": "Remove",
-            onClick: () => h(y),
+            onClick: () => h(v),
             children: "Remove"
           }
         ),
         overrides: {
-          // FormGroup comes with marginBottom that intends to be applied to separate groups in the
-          // context of an entire form. Since the ArrayFormGroup has a button at the end, we need to
-          // remove the margin bottom to avoid disconnect between the form group and the button.
+          // ArrayFormGroup owns spacing between its own entries and the trailing AddButton via
+          // the wrapping flex gap above, so each entry's own marginBottom would double up
+          // (flex gap and margin are additive, not collapsing) and needs to be zeroed here.
           BoxContainer: { style: { marginBottom: 0 } }
         },
-        children: s(m, y)
+        children: s(b, v)
       }
-    ) }, p)),
+    ) }, y)),
     !r && /* @__PURE__ */ g.jsx(Tm, { label: d, shape: xt.pill, onClick: u })
   ] });
 }