dynamic-mui 2.5.1 → 2.5.2

package/dist/{collection-HUYkt74J.mjs → collection-D6iGJnXe.mjs}

@@ -1,145 +1,145 @@
 import { jsxs as h, jsx as n, Fragment as St } from "react/jsx-runtime";
-import { useRef as Xe, useState as Z, Fragment as De } from "react";
-import { R as we, S as Ct, T as kt, U as wt, W as At, X as Je, Y as Tt, Z as It, _ as zt, $ as Ye, a0 as Mt, a1 as _t, a2 as $t, a3 as qt, a4 as jt, a5 as Wt, a6 as Et, a7 as Dt, a8 as Ze, a9 as Ot, aa as Rt, ab as Bt, ac as Lt, ad as Pt, ae as Ft, af as _e, ag as Vt, ah as Qe, F as Gt, ai as Ht, aj as ae, ak as Nt, al as Ut, am as Ae, an as et, j as Oe, ao as Kt } from "./AIForm-BVJ7qhP5.mjs";
-import { ButtonBase as tt, Icon as q, Button as Q, Typography as O, Box as f, Tooltip as U, useMediaQuery as nt, Dialog as rt, IconButton as X, DialogContent as at, DialogActions as ot, Menu as Xt, MenuItem as de, ListItemIcon as pe, ListItemText as xe, Table as Jt, TableHead as Yt, TableRow as me, TableCell as K, TableBody as Zt, Collapse as it } from "@mui/material";
+import { useRef as Je, useState as Y, Fragment as Re } from "react";
+import { R as Ae, S as Ct, T as kt, U as wt, W as At, X as Ye, Y as Tt, Z as It, _ as zt, $ as Ze, a0 as Mt, a1 as _t, a2 as $t, a3 as qt, a4 as jt, a5 as Wt, a6 as Et, a7 as Dt, a8 as Qe, a9 as Rt, aa as Ot, ab as Bt, ac as Lt, ad as Pt, ae as Ft, af as $e, ag as Vt, ah as et, F as Gt, ai as Ht, aj as oe, ak as Nt, al as Ut, am as Te, an as tt, j as Oe, ao as Kt } from "./AIForm-DhR29Z6d.mjs";
+import { ButtonBase as nt, Icon as j, Button as Z, Typography as R, Box as f, Tooltip as U, useMediaQuery as rt, Dialog as at, IconButton as X, DialogContent as ot, DialogActions as it, Menu as Xt, MenuItem as pe, ListItemIcon as xe, ListItemText as me, Table as Jt, TableHead as Yt, TableRow as he, TableCell as K, TableBody as Zt, Collapse as lt } from "@mui/material";
 import { alpha as p, useTheme as J } from "@mui/material/styles";
 let Qt = 0;
-const oe = () => `dmui-col-${++Qt}`, lt = (e) => (e.collections || []).map((t) => t.id), en = (e) => Object.fromEntries(lt(e).map((t) => [t, []])), Te = (e, t) => we(e).map((r) => {
-  const a = new Set(lt(t)), i = Object.fromEntries(Object.entries(r).filter(([c]) => !a.has(c))), l = Object.fromEntries(
-    (t.collections || []).map((c) => [c.id, Te(r[c.id], c)])
+const ie = () => `dmui-col-${++Qt}`, st = (e) => (e.collections || []).map((t) => t.id), en = (e) => Object.fromEntries(st(e).map((t) => [t, []])), Ie = (e, t) => Ae(e).map((r) => {
+  const a = new Set(st(t)), i = Object.fromEntries(Object.entries(r).filter(([c]) => !a.has(c))), l = Object.fromEntries(
+    (t.collections || []).map((c) => [c.id, Ie(r[c.id], c)])
   );
-  return { key: oe(), data: i, children: l };
-}), Ie = (e, t) => e.map((r) => {
+  return { key: ie(), data: i, children: l };
+}), ze = (e, t) => e.map((r) => {
   const a = { ...r.data };
   return (t.collections || []).forEach((i) => {
-    a[i.id] = Ie(r.children[i.id] || [], i);
+    a[i.id] = ze(r.children[i.id] || [], i);
   }), a;
-}), st = (e) => ({
-  key: oe(),
+}), ct = (e) => ({
+  key: ie(),
   data: Ct(e.data),
-  children: Object.fromEntries(Object.entries(e.children).map(([t, r]) => [t, r.map(st)]))
+  children: Object.fromEntries(Object.entries(e.children).map(([t, r]) => [t, r.map(ct)]))
 });
-var he, Re;
-function ct() {
-  if (Re) return he;
-  Re = 1;
+var fe, Be;
+function dt() {
+  if (Be) return fe;
+  Be = 1;
   var e = kt(), t = wt();
   function r(a, i, l) {
     (l !== void 0 && !t(a[i], l) || l === void 0 && !(i in a)) && e(a, i, l);
   }
-  return he = r, he;
+  return fe = r, fe;
 }
-var fe, Be;
+var ge, Le;
 function tn() {
-  if (Be) return fe;
-  Be = 1;
-  var e = At(), t = Je();
+  if (Le) return ge;
+  Le = 1;
+  var e = At(), t = Ye();
   function r(a) {
     return t(a) && e(a);
   }
-  return fe = r, fe;
+  return ge = r, ge;
 }
-var ge, Le;
+var be, Pe;
 function nn() {
-  if (Le) return ge;
-  Le = 1;
-  var e = Tt(), t = It(), r = Je(), a = "[object Object]", i = Function.prototype, l = Object.prototype, c = i.toString, x = l.hasOwnProperty, g = c.call(Object);
-  function d(u) {
-    if (!r(u) || e(u) != a)
+  if (Pe) return be;
+  Pe = 1;
+  var e = Tt(), t = It(), r = Ye(), a = "[object Object]", i = Function.prototype, l = Object.prototype, c = i.toString, x = l.hasOwnProperty, g = c.call(Object);
+  function d(y) {
+    if (!r(y) || e(y) != a)
       return !1;
-    var b = t(u);
+    var b = t(y);
     if (b === null)
       return !0;
     var o = x.call(b, "constructor") && b.constructor;
     return typeof o == "function" && o instanceof o && c.call(o) == g;
   }
-  return ge = d, ge;
+  return be = d, be;
 }
-var be, Pe;
-function dt() {
-  if (Pe) return be;
-  Pe = 1;
+var ue, Fe;
+function pt() {
+  if (Fe) return ue;
+  Fe = 1;
   function e(t, r) {
     if (!(r === "constructor" && typeof t[r] == "function") && r != "__proto__")
       return t[r];
   }
-  return be = e, be;
+  return ue = e, ue;
 }
-var ue, Fe;
+var ye, Ve;
 function rn() {
-  if (Fe) return ue;
-  Fe = 1;
-  var e = zt(), t = Ye();
+  if (Ve) return ye;
+  Ve = 1;
+  var e = zt(), t = Ze();
   function r(a) {
     return e(a, t(a));
   }
-  return ue = r, ue;
+  return ye = r, ye;
 }
-var ye, Ve;
+var ve, Ge;
 function an() {
-  if (Ve) return ye;
-  Ve = 1;
-  var e = ct(), t = Mt(), r = _t(), a = $t(), i = qt(), l = jt(), c = Wt(), x = tn(), g = Et(), d = Dt(), u = Ze(), b = nn(), o = Ot(), y = dt(), v = rn();
-  function I(A, k, M, W, P, $, j) {
-    var w = y(A, M), S = y(k, M), F = j.get(S);
-    if (F) {
-      e(A, M, F);
+  if (Ge) return ve;
+  Ge = 1;
+  var e = dt(), t = Mt(), r = _t(), a = $t(), i = qt(), l = jt(), c = Wt(), x = tn(), g = Et(), d = Dt(), y = Qe(), b = nn(), o = Rt(), v = pt(), S = rn();
+  function I(A, k, M, W, P, q, _) {
+    var w = v(A, M), C = v(k, M), V = _.get(C);
+    if (V) {
+      e(A, M, V);
       return;
     }
-    var _ = $ ? $(w, S, M + "", A, k, j) : void 0, E = _ === void 0;
+    var $ = q ? q(w, C, M + "", A, k, _) : void 0, E = $ === void 0;
     if (E) {
-      var D = c(S), R = !D && g(S), H = !D && !R && o(S);
-      _ = S, D || R || H ? c(w) ? _ = w : x(w) ? _ = a(w) : R ? (E = !1, _ = t(S, !0)) : H ? (E = !1, _ = r(S, !0)) : _ = [] : b(S) || l(S) ? (_ = w, l(w) ? _ = v(w) : (!u(w) || d(w)) && (_ = i(S))) : E = !1;
+      var D = c(C), O = !D && g(C), N = !D && !O && o(C);
+      $ = C, D || O || N ? c(w) ? $ = w : x(w) ? $ = a(w) : O ? (E = !1, $ = t(C, !0)) : N ? (E = !1, $ = r(C, !0)) : $ = [] : b(C) || l(C) ? ($ = w, l(w) ? $ = S(w) : (!y(w) || d(w)) && ($ = i(C))) : E = !1;
     }
-    E && (j.set(S, _), P(_, S, W, $, j), j.delete(S)), e(A, M, _);
+    E && (_.set(C, $), P($, C, W, q, _), _.delete(C)), e(A, M, $);
   }
-  return ye = I, ye;
+  return ve = I, ve;
 }
-var ve, Ge;
+var Se, He;
 function on() {
-  if (Ge) return ve;
-  Ge = 1;
-  var e = Rt(), t = ct(), r = Bt(), a = an(), i = Ze(), l = Ye(), c = dt();
-  function x(g, d, u, b, o) {
-    g !== d && r(d, function(y, v) {
-      if (o || (o = new e()), i(y))
-        a(g, d, v, u, x, b, o);
+  if (He) return Se;
+  He = 1;
+  var e = Ot(), t = dt(), r = Bt(), a = an(), i = Qe(), l = Ze(), c = pt();
+  function x(g, d, y, b, o) {
+    g !== d && r(d, function(v, S) {
+      if (o || (o = new e()), i(v))
+        a(g, d, S, y, x, b, o);
       else {
-        var I = b ? b(c(g, v), y, v + "", g, d, o) : void 0;
-        I === void 0 && (I = y), t(g, v, I);
+        var I = b ? b(c(g, S), v, S + "", g, d, o) : void 0;
+        I === void 0 && (I = v), t(g, S, I);
       }
     }, l);
   }
-  return ve = x, ve;
+  return Se = x, Se;
 }
-var Se, He;
+var Ce, Ne;
 function ln() {
-  if (He) return Se;
-  He = 1;
+  if (Ne) return Ce;
+  Ne = 1;
   var e = Lt(), t = Pt();
   function r(a) {
     return e(function(i, l) {
       var c = -1, x = l.length, g = x > 1 ? l[x - 1] : void 0, d = x > 2 ? l[2] : void 0;
       for (g = a.length > 3 && typeof g == "function" ? (x--, g) : void 0, d && t(l[0], l[1], d) && (g = x < 3 ? void 0 : g, x = 1), i = Object(i); ++c < x; ) {
-        var u = l[c];
-        u && a(i, u, c, g);
+        var y = l[c];
+        y && a(i, y, c, g);
       }
       return i;
     });
   }
-  return Se = r, Se;
+  return Ce = r, Ce;
 }
-var Ce, Ne;
+var ke, Ue;
 function sn() {
-  if (Ne) return Ce;
-  Ne = 1;
+  if (Ue) return ke;
+  Ue = 1;
   var e = on(), t = ln(), r = t(function(a, i, l) {
     e(a, i, l);
   });
-  return Ce = r, Ce;
+  return ke = r, ke;
 }
 var cn = sn();
-const dn = /* @__PURE__ */ Ft(cn), pt = (e, t) => {
+const dn = /* @__PURE__ */ Ft(cn), xt = (e, t) => {
   const r = e.palette[t || "primary"];
   if (r && typeof r == "object" && r.main) return r;
   try {
@@ -147,7 +147,7 @@ const dn = /* @__PURE__ */ Ft(cn), pt = (e, t) => {
   } catch {
     return e.palette.primary;
   }
-}, xt = (e, t) => e.palette.mode === "dark" ? t.light : t.dark, pn = {
+}, mt = (e, t) => e.palette.mode === "dark" ? t.light : t.dark, pn = {
   add: "Add {label}",
   addMore: "Add another {labelLower}",
   emptyTitle: "No {pluralLower} yet",
@@ -186,8 +186,8 @@ const dn = /* @__PURE__ */ Ft(cn), pt = (e, t) => {
   if (e == null) return `repeat(auto-fill, minmax(min(${t}px, 100%), 1fr))`;
   const r = (a) => `repeat(${Math.max(1, a)}, minmax(0, 1fr))`;
   return typeof e == "number" ? r(e) : Object.fromEntries(Object.entries(e).map(([a, i]) => [a, r(Number(i))]));
-}, Ue = (e) => e == null ? [] : Array.isArray(e) ? e : [e], hn = (e, t, r, a = {}) => {
-  const i = r > 0, l = pt(e, t.color), c = _e(t), x = Vt(t), g = { ...pn, ...a, ...t.texts || {} }, d = t.styles || {}, u = {
+}, Ke = (e) => e == null ? [] : Array.isArray(e) ? e : [e], hn = (e, t, r, a = {}) => {
+  const i = r > 0, l = xt(e, t.color), c = $e(t), x = Vt(t), g = { ...pn, ...a, ...t.texts || {} }, d = t.styles || {}, y = {
     label: c,
     labelLower: c.toLowerCase(),
     plural: x,
@@ -199,7 +199,7 @@ const dn = /* @__PURE__ */ Ft(cn), pt = (e, t) => {
     depth: r,
     nested: i,
     accent: l,
-    ink: xt(e, l),
+    ink: mt(e, l),
     icon: t.icon || (i ? "label" : "folder_open"),
     itemLabel: c,
     plural: x,
@@ -214,8 +214,8 @@ const dn = /* @__PURE__ */ Ft(cn), pt = (e, t) => {
     },
     // Simple by default: edit + delete. Duplicate / move / collapse are opt-in.
     actions: { edit: !0, delete: !0, duplicate: !1, move: !1, collapse: !1, ...t.actions || {} },
-    t: (b, o = {}) => xn(String(g[b] ?? ""), { ...u, ...o }),
-    sx: (b, o) => [...Ue(o), ...Ue(d[b])],
+    t: (b, o = {}) => xn(String(g[b] ?? ""), { ...y, ...o }),
+    sx: (b, o) => [...Ke(o), ...Ke(d[b])],
     merged: (b, o = {}) => dn({}, o, d[b] || {})
   };
 }, ee = "cubic-bezier(0.4, 0, 0.2, 1)";
@@ -256,10 +256,10 @@ function bn({ ui: e, mode: t, title: r, index: a }) {
     bgcolor: p(e.accent.main, 0.1),
     color: e.ink,
     "& .MuiIcon-root": { fontSize: 20 }
-  }), children: t === "initials" ? gn(r) : t === "index" ? a + 1 : /* @__PURE__ */ n(q, { children: e.icon }) });
+  }), children: t === "initials" ? gn(r) : t === "index" ? a + 1 : /* @__PURE__ */ n(j, { children: e.icon }) });
 }
 function un({ ui: e, text: t, color: r }) {
-  const a = J(), i = r === "default" ? null : pt(a, r);
+  const a = J(), i = r === "default" ? null : xt(a, r);
   return /* @__PURE__ */ n(
     f,
     {
@@ -277,7 +277,7 @@ function un({ ui: e, text: t, color: r }) {
         whiteSpace: "nowrap",
         letterSpacing: "0.02em",
         bgcolor: i ? p(i.main, 0.1) : p(a.palette.text.primary, 0.06),
-        color: i ? xt(a, i) : "text.secondary",
+        color: i ? mt(a, i) : "text.secondary",
         border: `1px solid ${i ? p(i.main, 0.25) : p(a.palette.text.primary, 0.12)}`,
         "&::before": {
           content: '""',
@@ -292,12 +292,12 @@ function un({ ui: e, text: t, color: r }) {
     }
   );
 }
-function Ke({ ui: e, placement: t, empty: r, disabled: a, onClick: i }) {
-  const { variant: l, icon: c, size: x, fullWidth: g } = e.addButton, d = t === "footer" && !r ? e.t("addMore") : e.t("add"), u = e.config.max != null && a, b = !!g || l === "dashed" && g !== !1, o = (v) => /* @__PURE__ */ n(U, { title: u ? e.t("maxReached") : "", children: /* @__PURE__ */ n(f, { component: "span", sx: { display: b ? "block" : "inline-flex", flexShrink: 0 }, children: v }) });
+function Xe({ ui: e, placement: t, empty: r, disabled: a, onClick: i }) {
+  const { variant: l, icon: c, size: x, fullWidth: g } = e.addButton, d = t === "footer" && !r ? e.t("addMore") : e.t("add"), y = e.config.max != null && a, b = !!g || l === "dashed" && g !== !1, o = (S) => /* @__PURE__ */ n(U, { title: y ? e.t("maxReached") : "", children: /* @__PURE__ */ n(f, { component: "span", sx: { display: b ? "block" : "inline-flex", flexShrink: 0 }, children: S }) });
   if (l === "dashed")
     return o(
       /* @__PURE__ */ h(
-        tt,
+        nt,
         {
           onClick: i,
           disabled: a,
@@ -322,13 +322,13 @@ function Ke({ ui: e, placement: t, empty: r, disabled: a, onClick: i }) {
             "& .MuiIcon-root": { fontSize: 19 }
           }),
           children: [
-            /* @__PURE__ */ n(q, { children: c }),
+            /* @__PURE__ */ n(j, { children: c }),
             d
           ]
         }
       )
     );
-  const y = {
+  const v = {
     contained: { bgcolor: e.accent.main, color: e.accent.contrastText, "&:hover": { bgcolor: e.accent.dark } },
     outlined: { color: e.ink, borderColor: p(e.accent.main, 0.5), "&:hover": { borderColor: e.accent.main, bgcolor: p(e.accent.main, 0.05) } },
     text: { color: e.ink, "&:hover": { bgcolor: p(e.accent.main, 0.07) } },
@@ -336,7 +336,7 @@ function Ke({ ui: e, placement: t, empty: r, disabled: a, onClick: i }) {
   }[l] || {};
   return o(
     /* @__PURE__ */ n(
-      Q,
+      Z,
       {
         onClick: i,
         disabled: a,
@@ -345,14 +345,14 @@ function Ke({ ui: e, placement: t, empty: r, disabled: a, onClick: i }) {
         size: x || (e.nested ? "small" : "medium"),
         fullWidth: g,
         disableElevation: !0,
-        startIcon: /* @__PURE__ */ n(q, { children: c }),
+        startIcon: /* @__PURE__ */ n(j, { children: c }),
         sx: e.sx("addButton", {
           textTransform: "none",
           fontWeight: 600,
           borderRadius: "8px",
           px: e.nested ? 1.5 : 2,
           whiteSpace: "nowrap",
-          ...y
+          ...v
         }),
         children: d
       }
@@ -361,12 +361,12 @@ function Ke({ ui: e, placement: t, empty: r, disabled: a, onClick: i }) {
 }
 const yn = (e) => /^[aeiou]/i.test(e) ? "an" : "a", vn = (e) => e.length <= 1 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`, Sn = (e) => {
   if (e.nested) return "";
-  const t = e.itemLabel.toLowerCase(), r = (e.config.collections || []).map((a) => Qe(_e(a)).toLowerCase());
+  const t = e.itemLabel.toLowerCase(), r = (e.config.collections || []).map((a) => et($e(a)).toLowerCase());
   return r.length ? `Add ${yn(t)} ${t}, then add its ${vn(r)}.` : `Add your first ${t} to get started.`;
 };
 function Cn({ ui: e, readOnly: t, error: r }) {
   const a = J(), i = e.texts.emptyText != null ? e.t("emptyText") : Sn(e);
-  return e.nested ? /* @__PURE__ */ n(O, { sx: e.sx("empty", {
+  return e.nested ? /* @__PURE__ */ n(R, { sx: e.sx("empty", {
     fontSize: 13,
     color: "text.disabled",
     fontStyle: "italic",
@@ -395,31 +395,31 @@ function Cn({ ui: e, readOnly: t, error: r }) {
           justifyContent: "center",
           mx: "auto",
           mb: 1.5
-        }, children: /* @__PURE__ */ n(q, { sx: { color: e.ink, fontSize: "22px !important" }, children: e.icon || "inbox" }) }),
-        /* @__PURE__ */ n(O, { sx: e.sx("emptyTitle", { fontSize: 15, fontWeight: 600, color: "text.primary" }), children: e.t("emptyTitle") }),
-        i && !t && /* @__PURE__ */ n(O, { sx: e.sx("emptyText", { fontSize: 13.5, color: "text.secondary", mt: 0.5, maxWidth: 380, mx: "auto" }), children: i })
+        }, children: /* @__PURE__ */ n(j, { sx: { color: e.ink, fontSize: "22px !important" }, children: e.icon || "inbox" }) }),
+        /* @__PURE__ */ n(R, { sx: e.sx("emptyTitle", { fontSize: 15, fontWeight: 600, color: "text.primary" }), children: e.t("emptyTitle") }),
+        i && !t && /* @__PURE__ */ n(R, { sx: e.sx("emptyText", { fontSize: 13.5, color: "text.secondary", mt: 0.5, maxWidth: 380, mx: "auto" }), children: i })
       ]
     }
   );
 }
 function kn({ ui: e, open: t, mode: r, guid: a, session: i, initial: l, context: c, onClose: x, onSave: g }) {
-  const d = J(), u = e.config.dialog || {}, b = nt(d.breakpoints.down("sm")), o = u.fullScreen === !0 || u.fullScreen !== !1 && b, y = Xe(null), [v, I] = Z(0), { accent: A } = e, k = e.t(r === "add" ? "dialogAddTitle" : r === "edit" ? "dialogEditTitle" : "dialogViewTitle"), M = `${a}-dialog-${i}-${v}`, W = e.t("dialogContext"), [P, $] = W.includes("{parent}") ? W.split("{parent}") : [W, null], j = (w) => {
-    const S = y.current;
-    !S || !S.validate() || (g({ ...S.getValues() }, w), w && I((F) => F + 1));
+  const d = J(), y = e.config.dialog || {}, b = rt(d.breakpoints.down("sm")), o = y.fullScreen === !0 || y.fullScreen !== !1 && b, v = Je(null), [S, I] = Y(0), { accent: A } = e, k = e.t(r === "add" ? "dialogAddTitle" : r === "edit" ? "dialogEditTitle" : "dialogViewTitle"), M = `${a}-dialog-${i}-${S}`, W = e.t("dialogContext"), [P, q] = W.includes("{parent}") ? W.split("{parent}") : [W, null], _ = (w) => {
+    const C = v.current;
+    !C || !C.validate() || (g({ ...C.getValues() }, w), w && I((V) => V + 1));
   };
   return /* @__PURE__ */ h(
-    rt,
+    at,
     {
       open: t,
-      onClose: (w, S) => {
-        S !== "backdropClick" && x();
+      onClose: (w, C) => {
+        C !== "backdropClick" && x();
       },
       fullScreen: o,
       fullWidth: !0,
-      maxWidth: u.maxWidth || "sm",
+      maxWidth: y.maxWidth || "sm",
       "aria-labelledby": `${a}-dialog-title`,
       onKeyDown: (w) => {
-        r !== "view" && w.key === "Enter" && (w.metaKey || w.ctrlKey) && (w.preventDefault(), j(!1));
+        r !== "view" && w.key === "Enter" && (w.metaKey || w.ctrlKey) && (w.preventDefault(), _(!1));
       },
       sx: {
         "& .MuiDialog-paper": e.merged("dialog", {
@@ -438,55 +438,55 @@ function kn({ ui: e, open: t, mode: r, guid: a, session: i, initial: l, context:
           borderBottom: `1px solid ${d.palette.divider}`
         }), children: [
           /* @__PURE__ */ h(f, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ n(O, { id: `${a}-dialog-title`, sx: e.sx("dialogTitle", { fontWeight: 600, fontSize: 18, lineHeight: 1.3 }), children: k }),
-            c && /* @__PURE__ */ h(O, { sx: e.sx("dialogContext", { fontSize: 13.5, color: "text.secondary", mt: 0.25 }), children: [
+            /* @__PURE__ */ n(R, { id: `${a}-dialog-title`, sx: e.sx("dialogTitle", { fontWeight: 600, fontSize: 18, lineHeight: 1.3 }), children: k }),
+            c && /* @__PURE__ */ h(R, { sx: e.sx("dialogContext", { fontSize: 13.5, color: "text.secondary", mt: 0.25 }), children: [
               P,
-              $ !== null && /* @__PURE__ */ n(f, { component: "strong", sx: { color: "text.primary", fontWeight: 600 }, children: c }),
-              $
+              q !== null && /* @__PURE__ */ n(f, { component: "strong", sx: { color: "text.primary", fontWeight: 600 }, children: c }),
+              q
             ] }),
-            u.description && /* @__PURE__ */ n(O, { sx: e.sx("dialogDescription", { fontSize: 13.5, color: "text.secondary", mt: 0.25 }), children: u.description })
+            y.description && /* @__PURE__ */ n(R, { sx: e.sx("dialogDescription", { fontSize: 13.5, color: "text.secondary", mt: 0.25 }), children: y.description })
           ] }),
-          /* @__PURE__ */ n(X, { "aria-label": e.t("closeAria"), onClick: x, size: "small", sx: { mt: -0.5, mr: -1, color: "text.secondary" }, children: /* @__PURE__ */ n(q, { children: "close" }) })
+          /* @__PURE__ */ n(X, { "aria-label": e.t("closeAria"), onClick: x, size: "small", sx: { mt: -0.5, mr: -1, color: "text.secondary" }, children: /* @__PURE__ */ n(j, { children: "close" }) })
         ] }),
-        /* @__PURE__ */ n(at, { sx: e.sx("dialogContent", { px: { xs: 2, sm: 3 }, pt: "20px !important", pb: 3 }), children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(ot, { sx: e.sx("dialogContent", { px: { xs: 2, sm: 3 }, pt: "20px !important", pb: 3 }), children: /* @__PURE__ */ n(
           Gt,
           {
             guid: M,
             data: e.config.fields || [],
             patch: r === "add" ? {} : l || {},
-            apiRef: y,
+            apiRef: v,
             readOnly: r === "view",
-            MuiGridAttributes: { spacing: u.spacing ?? 2 }
+            MuiGridAttributes: { spacing: y.spacing ?? 2 }
           },
           M
         ) }),
-        /* @__PURE__ */ n(ot, { sx: e.sx("dialogActions", {
+        /* @__PURE__ */ n(it, { sx: e.sx("dialogActions", {
           px: { xs: 2, sm: 3 },
           py: 1.5,
           gap: 1,
           flexWrap: "wrap",
           borderTop: `1px solid ${d.palette.divider}`,
           "& .MuiButton-root": { textTransform: "none", fontWeight: 600, borderRadius: "8px", px: 2, whiteSpace: "nowrap", ml: "0 !important" }
-        }), children: r === "view" ? /* @__PURE__ */ n(Q, { variant: "contained", disableElevation: !0, onClick: x, sx: e.sx("dialogSave", { bgcolor: A.main, color: A.contrastText, "&:hover": { bgcolor: A.dark } }), children: e.t("close") }) : /* @__PURE__ */ h(St, { children: [
-          /* @__PURE__ */ n(Q, { onClick: x, color: "inherit", sx: e.sx("dialogCancel", { color: "text.secondary" }), children: e.t("cancel") }),
-          r === "add" && u.addAnother !== !1 && /* @__PURE__ */ n(
-            Q,
+        }), children: r === "view" ? /* @__PURE__ */ n(Z, { variant: "contained", disableElevation: !0, onClick: x, sx: e.sx("dialogSave", { bgcolor: A.main, color: A.contrastText, "&:hover": { bgcolor: A.dark } }), children: e.t("close") }) : /* @__PURE__ */ h(St, { children: [
+          /* @__PURE__ */ n(Z, { onClick: x, color: "inherit", sx: e.sx("dialogCancel", { color: "text.secondary" }), children: e.t("cancel") }),
+          r === "add" && y.addAnother !== !1 && /* @__PURE__ */ n(
+            Z,
             {
               variant: "outlined",
               color: "inherit",
-              onClick: () => j(!0),
+              onClick: () => _(!0),
               sx: e.sx("dialogSaveAnother", { color: e.ink, borderColor: p(A.main, 0.5), "&:hover": { borderColor: A.main, bgcolor: p(A.main, 0.06) } }),
               children: e.t("saveAndAddAnother")
             }
           ),
           /* @__PURE__ */ n(U, { title: e.t("shortcut"), placement: "top", describeChild: !0, children: /* @__PURE__ */ n(
-            Q,
+            Z,
             {
               variant: "contained",
               color: "inherit",
               disableElevation: !0,
-              startIcon: /* @__PURE__ */ n(q, { children: r === "add" ? "add" : "check" }),
-              onClick: () => j(!1),
+              startIcon: /* @__PURE__ */ n(j, { children: r === "add" ? "add" : "check" }),
+              onClick: () => _(!1),
               sx: e.sx("dialogSave", { bgcolor: A.main, color: A.contrastText, "&:hover": { bgcolor: A.dark } }),
               children: r === "add" ? e.t("save") : e.t("saveChanges")
             }
@@ -511,11 +511,11 @@ function wn({ ui: e, count: t, required: r, action: a, alone: i = !1 }) {
           alignItems: "center",
           justifyContent: "center",
           flexShrink: 0
-        }, children: /* @__PURE__ */ n(q, { sx: e.sx("headerIcon", {
+        }, children: /* @__PURE__ */ n(j, { sx: e.sx("headerIcon", {
           color: e.ink,
           fontSize: `${l ? 14 : 18}px !important`
         }), children: e.icon }) }),
-        /* @__PURE__ */ h(O, { sx: e.sx("headerTitle", {
+        /* @__PURE__ */ h(R, { sx: e.sx("headerTitle", {
           fontWeight: 700,
           fontSize: l ? 14 : 19,
           lineHeight: 1.3,
@@ -526,7 +526,7 @@ function wn({ ui: e, count: t, required: r, action: a, alone: i = !1 }) {
         ] }),
         /* @__PURE__ */ n(fn, { ui: e, n: t })
       ] }),
-      e.config.description && /* @__PURE__ */ n(O, { sx: e.sx("headerDescription", {
+      e.config.description && /* @__PURE__ */ n(R, { sx: e.sx("headerDescription", {
         fontSize: 13.5,
         color: "text.secondary",
         mt: 0.5,
@@ -536,9 +536,9 @@ function wn({ ui: e, count: t, required: r, action: a, alone: i = !1 }) {
     a
   ] });
 }
-function ze({ ui: e, title: t, canEdit: r, onOpen: a, size: i }) {
+function Me({ ui: e, title: t, canEdit: r, onOpen: a, size: i }) {
   return /* @__PURE__ */ n(
-    tt,
+    nt,
     {
       onClick: a,
       "aria-label": r ? void 0 : e.t("viewAria", { title: t }),
@@ -560,32 +560,32 @@ function ze({ ui: e, title: t, canEdit: r, onOpen: a, size: i }) {
     }
   );
 }
-function Me({ ui: e, data: t }) {
+function _e({ ui: e, data: t }) {
   const r = e.config.display || {}, a = typeof r.badge == "string" ? { field: r.badge } : r.badge;
   if (!a) return null;
-  const i = t[a.field], l = et(Ae(e.config.fields || [], a.field), i);
+  const i = t[a.field], l = tt(Te(e.config.fields || [], a.field), i);
   if (!l) return null;
   const c = a.colors?.[String(i)] ?? a.colors?.[l] ?? "default";
   return /* @__PURE__ */ n(un, { ui: e, text: l, color: c });
 }
 function An({ ui: e, title: t, readOnly: r, open: a, canToggle: i, onEdit: l, onDelete: c, onMenu: x, onToggle: g }) {
-  const d = J(), u = !r && e.actions.edit, b = !r && e.actions.delete, o = !r && (e.actions.duplicate || e.actions.move), y = (v, I) => ({
+  const d = J(), y = !r && e.actions.edit, b = !r && e.actions.delete, o = !r && (e.actions.duplicate || e.actions.move), v = (S, I) => ({
     width: 30,
     height: 30,
     borderRadius: "8px",
-    color: v,
+    color: S,
     transition: `background-color .15s ${ee}, color .15s ${ee}`,
     "&:hover": { bgcolor: I }
   });
   return /* @__PURE__ */ h(f, { sx: e.sx("actions", { display: "flex", alignItems: "center", gap: 0.25, flexShrink: 0 }), children: [
-    u && /* @__PURE__ */ n(U, { title: e.t("edit"), children: /* @__PURE__ */ n(
+    y && /* @__PURE__ */ n(U, { title: e.t("edit"), children: /* @__PURE__ */ n(
       X,
       {
         size: "small",
         "aria-label": e.t("editAria", { title: t }),
         onClick: l,
-        sx: e.sx("actionButton", y(e.ink, p(e.accent.main, 0.1))),
-        children: /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "edit" })
+        sx: e.sx("actionButton", v(e.ink, p(e.accent.main, 0.1))),
+        children: /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "edit" })
       }
     ) }),
     b && /* @__PURE__ */ n(U, { title: e.t("delete"), children: /* @__PURE__ */ n(
@@ -594,8 +594,8 @@ function An({ ui: e, title: t, readOnly: r, open: a, canToggle: i, onEdit: l, on
         size: "small",
         "aria-label": e.t("deleteAria", { title: t }),
         onClick: c,
-        sx: e.sx("actionButton", y(d.palette.error.main, p(d.palette.error.main, 0.08))),
-        children: /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "delete_outline" })
+        sx: e.sx("actionButton", v(d.palette.error.main, p(d.palette.error.main, 0.08))),
+        children: /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "delete_outline" })
       }
     ) }),
     o && /* @__PURE__ */ n(U, { title: e.t("more"), children: /* @__PURE__ */ n(
@@ -603,9 +603,9 @@ function An({ ui: e, title: t, readOnly: r, open: a, canToggle: i, onEdit: l, on
       {
         size: "small",
         "aria-label": e.t("moreAria", { title: t }),
-        onClick: (v) => x(v.currentTarget),
-        sx: e.sx("actionButton", y(d.palette.text.secondary, p(d.palette.text.primary, 0.07))),
-        children: /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "more_vert" })
+        onClick: (S) => x(S.currentTarget),
+        sx: e.sx("actionButton", v(d.palette.text.secondary, p(d.palette.text.primary, 0.07))),
+        children: /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "more_vert" })
       }
     ) }),
     i && /* @__PURE__ */ n(U, { title: a ? e.t("collapse") : e.t("expand"), children: /* @__PURE__ */ n(
@@ -615,15 +615,15 @@ function An({ ui: e, title: t, readOnly: r, open: a, canToggle: i, onEdit: l, on
         "aria-label": e.t(a ? "collapseAria" : "expandAria", { title: t }),
         "aria-expanded": a,
         onClick: g,
-        sx: e.sx("actionButton", y(d.palette.text.secondary, p(d.palette.text.primary, 0.07))),
-        children: /* @__PURE__ */ n(q, { sx: { fontSize: "19px !important", transition: `transform .2s ${ee}`, transform: a ? "rotate(180deg)" : "none" }, children: "expand_more" })
+        sx: e.sx("actionButton", v(d.palette.text.secondary, p(d.palette.text.primary, 0.07))),
+        children: /* @__PURE__ */ n(j, { sx: { fontSize: "19px !important", transition: `transform .2s ${ee}`, transform: a ? "rotate(180deg)" : "none" }, children: "expand_more" })
       }
     ) })
   ] });
 }
-function mt({ ui: e, node: t, guid: r, readOnly: a, issues: i, showErrors: l, texts: c, parentTitle: x, onChildChange: g }) {
-  const d = J(), u = e.config.collections || [];
-  return /* @__PURE__ */ n(f, { sx: e.sx("sections", { display: "grid", gridTemplateColumns: mn(e.config.sectionColumns ?? 1, 320) }), children: u.map((b, o) => /* @__PURE__ */ n(
+function ht({ ui: e, node: t, guid: r, readOnly: a, issues: i, showErrors: l, texts: c, parentTitle: x, onChildChange: g }) {
+  const d = J(), y = e.config.collections || [];
+  return /* @__PURE__ */ n(f, { sx: e.sx("sections", { display: "grid", gridTemplateColumns: mn(e.config.sectionColumns ?? 1, 320) }), children: y.map((b, o) => /* @__PURE__ */ n(
     f,
     {
       sx: e.sx("section", {
@@ -634,15 +634,15 @@ function mt({ ui: e, node: t, guid: r, readOnly: a, issues: i, showErrors: l, te
         ...o > 0 ? { borderLeft: `1px solid ${d.palette.divider}` } : {}
       }),
       children: /* @__PURE__ */ n(f, { sx: { px: { xs: 2, sm: 2.5 }, pt: { xs: 1.5, sm: 1.75 }, pb: { xs: 1.25, sm: 1.5 } }, children: /* @__PURE__ */ n(
-        ht,
+        ft,
         {
           config: b,
           nodes: t.children[b.id] || [],
-          onChange: (y) => g(b.id, y),
+          onChange: (v) => g(b.id, v),
           guid: `${r}-${t.key}`,
           depth: e.depth + 1,
           readOnly: a,
-          issues: i.filter((y) => y.path[0] === b.id).map((y) => ({ ...y, path: y.path.slice(1) })),
+          issues: i.filter((v) => v.path[0] === b.id).map((v) => ({ ...v, path: v.path.slice(1) })),
           showErrors: l,
           parentTitle: x,
           texts: c
@@ -652,28 +652,28 @@ function mt({ ui: e, node: t, guid: r, readOnly: a, issues: i, showErrors: l, te
     b.id
   )) });
 }
-function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issues: c, showErrors: x, texts: g, onOpen: d, onDelete: u, onMenu: b, onToggle: o, onChildChange: y }) {
-  const v = J(), { config: I } = e, A = I.display || {}, { title: k, subtitle: M, details: W } = ae(t.data, I, r), P = I.collections || [], $ = P.length > 0, j = x && c.length > 0, w = A.avatar || "none", S = !i && e.actions.edit, F = !i && e.actions.delete, _ = !i && (e.actions.duplicate || e.actions.move), E = W.length > 0 || $, D = !l, R = j ? p(v.palette.error.main, 0.05) : p(e.accent.main, 0.05), H = j ? p(v.palette.error.main, 0.2) : p(e.accent.main, 0.15), V = (m, C) => ({
+function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issues: c, showErrors: x, texts: g, onOpen: d, onDelete: y, onMenu: b, onToggle: o, onChildChange: v }) {
+  const S = J(), { config: I } = e, A = I.display || {}, { title: k, subtitle: M, details: W } = oe(t.data, I, r), P = I.collections || [], q = P.length > 0, _ = x && c.length > 0, w = A.avatar || "none", C = !i && e.actions.edit, V = !i && e.actions.delete, $ = !i && (e.actions.duplicate || e.actions.move), E = W.length > 0 || q, D = !l, O = _ ? p(S.palette.error.main, 0.05) : p(e.accent.main, 0.05), N = _ ? p(S.palette.error.main, 0.2) : p(e.accent.main, 0.15), G = (m, u) => ({
     width: 30,
     height: 30,
     borderRadius: "8px",
     color: m,
     transition: `background-color .15s ${ee}`,
-    "&:hover": { bgcolor: C }
+    "&:hover": { bgcolor: u }
   });
   return /* @__PURE__ */ h(f, { sx: e.sx("item", {
-    border: `1px solid ${j ? v.palette.error.main : v.palette.divider}`,
+    border: `1px solid ${_ ? S.palette.error.main : S.palette.divider}`,
     borderRadius: "14px",
     overflow: "hidden",
     bgcolor: "background.paper",
-    boxShadow: `0 1px 3px ${p(v.palette.common.black, 0.06)}, 0 4px 12px ${p(v.palette.common.black, 0.04)}`
+    boxShadow: `0 1px 3px ${p(S.palette.common.black, 0.06)}, 0 4px 12px ${p(S.palette.common.black, 0.04)}`
   }), children: [
     /* @__PURE__ */ h(f, { sx: e.sx("itemHeader", {
       px: { xs: 2, sm: 2.5 },
       pt: { xs: 1.75, sm: 2 },
       pb: { xs: 1.5, sm: 1.75 },
-      bgcolor: R,
-      borderBottom: D && E ? `1px solid ${H}` : "1px solid transparent",
+      bgcolor: O,
+      borderBottom: D && E ? `1px solid ${N}` : "1px solid transparent",
       transition: `border-color .2s ${ee}`,
       display: "flex",
       alignItems: "flex-start",
@@ -682,10 +682,10 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
       w !== "none" && /* @__PURE__ */ n(bn, { ui: e, mode: w, title: k, index: r }),
       /* @__PURE__ */ h(f, { sx: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ h(f, { sx: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 0.75, mb: M ? 0.25 : 0 }, children: [
-          /* @__PURE__ */ n(ze, { ui: e, title: k, canEdit: S, onOpen: d, size: 15.5 }),
-          /* @__PURE__ */ n(Me, { ui: e, data: t.data })
+          /* @__PURE__ */ n(Me, { ui: e, title: k, canEdit: C, onOpen: d, size: 15.5 }),
+          /* @__PURE__ */ n(_e, { ui: e, data: t.data })
         ] }),
-        M && /* @__PURE__ */ h(O, { sx: e.sx("subtitle", {
+        M && /* @__PURE__ */ h(R, { sx: e.sx("subtitle", {
           display: "flex",
           alignItems: "center",
           gap: 0.4,
@@ -694,11 +694,11 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
           wordBreak: "break-word",
           "& .MuiIcon-root": { fontSize: 14, color: "text.disabled" }
         }), children: [
-          A.subtitleIcon && /* @__PURE__ */ n(q, { children: A.subtitleIcon }),
+          A.subtitleIcon && /* @__PURE__ */ n(j, { children: A.subtitleIcon }),
           M
         ] }),
-        !D && $ && /* @__PURE__ */ n(f, { sx: { display: "flex", flexWrap: "wrap", gap: 0.75, mt: 0.6 }, children: P.map((m) => {
-          const C = (t.children[m.id] || []).length;
+        !D && q && /* @__PURE__ */ n(f, { sx: { display: "flex", flexWrap: "wrap", gap: 0.75, mt: 0.6 }, children: P.map((m) => {
+          const u = (t.children[m.id] || []).length;
           return /* @__PURE__ */ h(f, { component: "span", sx: {
             fontSize: 12,
             fontWeight: 600,
@@ -709,41 +709,41 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
             color: e.ink,
             border: `1px solid ${p(e.accent.main, 0.18)}`
           }, children: [
-            C,
+            u,
             " ",
-            Qe(_e(m), C).toLowerCase()
+            et($e(m), u).toLowerCase()
           ] }, m.id);
         }) })
       ] }),
       /* @__PURE__ */ h(f, { sx: { display: "flex", alignItems: "center", flexShrink: 0, gap: 0.25, mt: -0.25 }, children: [
-        S && /* @__PURE__ */ n(U, { title: e.t("edit"), children: /* @__PURE__ */ n(
+        C && /* @__PURE__ */ n(U, { title: e.t("edit"), children: /* @__PURE__ */ n(
           X,
           {
             size: "small",
             "aria-label": e.t("editAria", { title: k }),
             onClick: d,
-            sx: V(e.ink, p(e.accent.main, 0.1)),
-            children: /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "edit" })
+            sx: G(e.ink, p(e.accent.main, 0.1)),
+            children: /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "edit" })
           }
         ) }),
-        F && /* @__PURE__ */ n(U, { title: e.t("delete"), children: /* @__PURE__ */ n(
+        V && /* @__PURE__ */ n(U, { title: e.t("delete"), children: /* @__PURE__ */ n(
           X,
           {
             size: "small",
             "aria-label": e.t("deleteAria", { title: k }),
-            onClick: u,
-            sx: V(v.palette.error.main, p(v.palette.error.main, 0.08)),
-            children: /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "delete_outline" })
+            onClick: y,
+            sx: G(S.palette.error.main, p(S.palette.error.main, 0.08)),
+            children: /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "delete_outline" })
           }
         ) }),
-        _ && /* @__PURE__ */ n(U, { title: e.t("more"), children: /* @__PURE__ */ n(
+        $ && /* @__PURE__ */ n(U, { title: e.t("more"), children: /* @__PURE__ */ n(
           X,
           {
             size: "small",
             "aria-label": e.t("moreAria", { title: k }),
             onClick: (m) => b(m.currentTarget),
-            sx: V(v.palette.text.secondary, p(v.palette.text.primary, 0.07)),
-            children: /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "more_vert" })
+            sx: G(S.palette.text.secondary, p(S.palette.text.primary, 0.07)),
+            children: /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "more_vert" })
           }
         ) }),
         E && /* @__PURE__ */ n(U, { title: D ? e.t("collapse") : e.t("expand"), children: /* @__PURE__ */ n(
@@ -752,8 +752,8 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
             size: "small",
             "aria-label": e.t(D ? "collapseAria" : "expandAria", { title: k }),
             onClick: o,
-            sx: V(v.palette.text.secondary, p(v.palette.text.primary, 0.07)),
-            children: /* @__PURE__ */ n(q, { sx: {
+            sx: G(S.palette.text.secondary, p(S.palette.text.primary, 0.07)),
+            children: /* @__PURE__ */ n(j, { sx: {
               fontSize: "19px !important",
               transition: `transform .25s ${ee}`,
               transform: D ? "rotate(180deg)" : "none"
@@ -762,13 +762,13 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
         ) })
       ] })
     ] }),
-    E && /* @__PURE__ */ h(it, { in: D, timeout: 220, children: [
+    E && /* @__PURE__ */ h(lt, { in: D, timeout: 220, children: [
       W.length > 0 && /* @__PURE__ */ n(f, { sx: e.sx("details", {
         display: "flex",
         overflowX: "auto",
-        borderBottom: $ ? `1px solid ${v.palette.divider}` : "none",
+        borderBottom: q ? `1px solid ${S.palette.divider}` : "none",
         "&::-webkit-scrollbar": { height: 0 }
-      }), children: W.map((m, C) => /* @__PURE__ */ h(
+      }), children: W.map((m, u) => /* @__PURE__ */ h(
         f,
         {
           sx: e.sx("detail", {
@@ -777,10 +777,10 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
             maxWidth: 220,
             px: { xs: 2, sm: 2.5 },
             py: 1.5,
-            borderLeft: C > 0 ? `1px solid ${v.palette.divider}` : "none"
+            borderLeft: u > 0 ? `1px solid ${S.palette.divider}` : "none"
           }),
           children: [
-            /* @__PURE__ */ h(O, { sx: e.sx("detailLabel", {
+            /* @__PURE__ */ h(R, { sx: e.sx("detailLabel", {
               fontSize: 10.5,
               fontWeight: 700,
               letterSpacing: "0.07em",
@@ -792,10 +792,10 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
               gap: 0.4,
               whiteSpace: "nowrap"
             }), children: [
-              m.icon && /* @__PURE__ */ n(q, { sx: { fontSize: "11px !important" }, children: m.icon }),
+              m.icon && /* @__PURE__ */ n(j, { sx: { fontSize: "11px !important" }, children: m.icon }),
               m.label
             ] }),
-            /* @__PURE__ */ n(O, { sx: e.sx("detailValue", {
+            /* @__PURE__ */ n(R, { sx: e.sx("detailValue", {
               fontSize: 13.5,
               fontWeight: 600,
               color: m.value ? "text.primary" : "text.disabled",
@@ -806,8 +806,8 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
         },
         m.id
       )) }),
-      $ && /* @__PURE__ */ n(
-        mt,
+      q && /* @__PURE__ */ n(
+        ht,
         {
           ui: e,
           node: t,
@@ -817,83 +817,100 @@ function Tn({ ui: e, node: t, index: r, guid: a, readOnly: i, collapsed: l, issu
           showErrors: x,
           texts: g,
           parentTitle: k,
-          onChildChange: y
+          onChildChange: v
         }
       )
     ] })
   ] });
 }
-function In({ ui: e, nodes: t, guid: r, readOnly: a, issues: i, showErrors: l, texts: c, isCollapsed: x, onToggle: g, onOpen: d, onDelete: u, onMenu: b, onChildChange: o }) {
-  const y = J(), v = nt(y.breakpoints.down("sm")), { config: I } = e, A = I.fields || [], k = I.display || {}, M = Nt(I), W = typeof k.badge == "string" ? k.badge : k.badge?.field, P = typeof k.badge == "object" && k.badge?.label || (W ? Ut(Ae(A, W)) || W : ""), $ = (I.collections || []).length > 0, j = !a && e.actions.edit, w = !a && (e.actions.edit || e.actions.delete || e.actions.duplicate || e.actions.move), S = (m) => i.filter((C) => C.path[0] === m).map((C) => ({ ...C, path: C.path.slice(1) })), F = /* @__PURE__ */ n(f, { component: "span", sx: { color: "text.disabled" }, children: "—" }), _ = (m, C, L) => $ && /* @__PURE__ */ n(it, { in: !x(m.key), timeout: 200, unmountOnExit: !0, children: /* @__PURE__ */ n(
-    mt,
+function In({ ui: e, nodes: t, guid: r, readOnly: a, issues: i, showErrors: l, texts: c, isCollapsed: x, onToggle: g, onOpen: d, onDelete: y, onMenu: b, onChildChange: o }) {
+  const v = J(), S = rt(v.breakpoints.down("sm")), { config: I } = e, A = I.fields || [], k = I.display || {}, M = Nt(I), W = typeof k.badge == "string" ? k.badge : k.badge?.field, P = typeof k.badge == "object" && k.badge?.label || (W ? Ut(Te(A, W)) || W : ""), q = (I.collections || []).length > 0, _ = !a && e.actions.edit, w = !a && (e.actions.edit || e.actions.delete || e.actions.duplicate || e.actions.move), C = (m) => i.filter((u) => u.path[0] === m).map((u) => ({ ...u, path: u.path.slice(1) })), V = /* @__PURE__ */ n(f, { component: "span", sx: { color: "text.disabled" }, children: "—" }), $ = (m, u, L) => q && /* @__PURE__ */ n(lt, { in: !x(m.key), timeout: 200, unmountOnExit: !0, children: /* @__PURE__ */ n(
+    ht,
     {
       ui: e,
       node: m,
       guid: r,
       readOnly: a,
-      issues: S(C),
+      issues: C(u),
       showErrors: l,
       texts: c,
       parentTitle: L,
-      onChildChange: (G, Y) => o(C, G, Y)
+      onChildChange: (F, Q) => o(u, F, Q)
     }
-  ) }), E = (m, C, L) => /* @__PURE__ */ n(
+  ) }), E = (m, u, L) => /* @__PURE__ */ n(
     An,
     {
       ui: e,
       title: L,
       readOnly: a,
       open: !x(m.key),
-      canToggle: $,
-      onEdit: () => d(C),
-      onDelete: () => u(C),
-      onMenu: (G) => b(G, C),
+      canToggle: q,
+      onEdit: () => d(u),
+      onDelete: () => y(u),
+      onMenu: (F) => b(F, u),
       onToggle: () => g(m.key)
     }
-  ), D = p(y.palette.error.main, 0.06);
-  if (v)
-    return /* @__PURE__ */ n(f, { sx: e.sx("table", { border: `1px solid ${y.palette.divider}`, borderRadius: "8px", overflow: "hidden", bgcolor: "background.paper" }), children: t.map((m, C) => {
-      const { title: L, details: G } = ae(m.data, I, C), Y = l && S(C).length > 0;
-      return /* @__PURE__ */ h(f, { sx: e.sx("mobileRow", { borderTop: C ? `1px solid ${y.palette.divider}` : "none", ...Y ? { bgcolor: D } : {} }), children: [
+  ), D = p(v.palette.error.main, 0.06);
+  if (S)
+    return /* @__PURE__ */ n(f, { sx: e.sx("table", { border: `1px solid ${v.palette.divider}`, borderRadius: "8px", overflow: "hidden", bgcolor: "background.paper" }), children: t.map((m, u) => {
+      const { title: L, details: F } = oe(m.data, I, u), Q = l && C(u).length > 0;
+      return /* @__PURE__ */ h(f, { sx: e.sx("mobileRow", { borderTop: u ? `1px solid ${v.palette.divider}` : "none", ...Q ? { bgcolor: D } : {} }), children: [
         /* @__PURE__ */ h(f, { sx: { display: "flex", alignItems: "flex-start", gap: 1, p: 1.5 }, children: [
           /* @__PURE__ */ h(f, { sx: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ h(f, { sx: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 1 }, children: [
-              /* @__PURE__ */ n(ze, { ui: e, title: L, canEdit: j, onOpen: () => d(C), size: 14.5 }),
-              /* @__PURE__ */ n(Me, { ui: e, data: m.data })
+              /* @__PURE__ */ n(Me, { ui: e, title: L, canEdit: _, onOpen: () => d(u), size: 14.5 }),
+              /* @__PURE__ */ n(_e, { ui: e, data: m.data })
             ] }),
-            G.length > 0 && /* @__PURE__ */ n(f, { sx: { display: "grid", gridTemplateColumns: "auto 1fr", columnGap: 1.5, rowGap: 0.25, mt: 0.75 }, children: G.map((N) => /* @__PURE__ */ h(De, { children: [
-              /* @__PURE__ */ n(O, { sx: e.sx("detailLabel", { fontSize: 13, color: "text.secondary" }), children: N.label }),
-              /* @__PURE__ */ n(O, { sx: e.sx("detailValue", { fontSize: 13, fontWeight: 500, wordBreak: "break-word" }), children: N.value })
-            ] }, N.id)) })
+            F.length > 0 && /* @__PURE__ */ n(f, { sx: { display: "grid", gridTemplateColumns: "auto 1fr", columnGap: 1.5, rowGap: 0.25, mt: 0.75 }, children: F.map((H) => /* @__PURE__ */ h(Re, { children: [
+              /* @__PURE__ */ n(R, { sx: e.sx("detailLabel", { fontSize: 13, color: "text.secondary" }), children: H.label }),
+              /* @__PURE__ */ n(R, { sx: e.sx("detailValue", { fontSize: 13, fontWeight: 500, wordBreak: "break-word" }), children: H.value })
+            ] }, H.id)) })
           ] }),
-          (w || $) && E(m, C, L)
+          (w || q) && E(m, u, L)
         ] }),
-        _(m, C, L)
+        $(m, u, L)
       ] }, m.key);
     }) });
-  const R = e.sx("tableHeadCell", { fontSize: 12.5, fontWeight: 600, color: "text.secondary", whiteSpace: "nowrap", py: 1, px: 1.75 }), H = e.sx("tableCell", { fontSize: 14, color: "text.primary", whiteSpace: "nowrap", py: 1.1, px: 1.75 }), V = 1 + M.length + (W ? 1 : 0) + (w || $ ? 1 : 0);
-  return /* @__PURE__ */ n(f, { sx: e.sx("table", { border: `1px solid ${y.palette.divider}`, borderRadius: "8px", overflowX: "auto", bgcolor: "background.paper" }), children: /* @__PURE__ */ h(Jt, { size: "small", children: [
-    /* @__PURE__ */ n(Yt, { children: /* @__PURE__ */ h(me, { sx: e.sx("tableHead", { bgcolor: p(y.palette.text.primary, y.palette.mode === "dark" ? 0.05 : 0.03) }), children: [
-      /* @__PURE__ */ n(K, { sx: R, children: k.titleLabel || e.itemLabel }),
-      M.map((m) => /* @__PURE__ */ n(K, { sx: R, children: m.label }, m.id)),
-      W && /* @__PURE__ */ n(K, { sx: R, children: P }),
-      (w || $) && /* @__PURE__ */ n(K, { sx: R })
+  const O = e.sx("tableHeadCell", { fontSize: 12.5, fontWeight: 600, color: "text.secondary", whiteSpace: "nowrap", py: 1, px: 1.75 }), N = e.sx("tableCell", { fontSize: 14, color: "text.primary", whiteSpace: "nowrap", py: 1.1, px: 1.75 }), G = 1 + M.length + (W ? 1 : 0) + (w || q ? 1 : 0);
+  return /* @__PURE__ */ n(f, { sx: e.sx("table", { border: `1px solid ${v.palette.divider}`, borderRadius: "8px", overflowX: "auto", bgcolor: "background.paper" }), children: /* @__PURE__ */ h(Jt, { size: "small", children: [
+    /* @__PURE__ */ n(Yt, { children: /* @__PURE__ */ h(he, { sx: e.sx("tableHead", { bgcolor: p(v.palette.text.primary, v.palette.mode === "dark" ? 0.05 : 0.03) }), children: [
+      /* @__PURE__ */ n(K, { sx: O, children: k.titleLabel || e.itemLabel }),
+      M.map((m) => /* @__PURE__ */ n(K, { sx: O, children: m.label }, m.id)),
+      W && /* @__PURE__ */ n(K, { sx: O, children: P }),
+      (w || q) && /* @__PURE__ */ n(K, { sx: O })
     ] }) }),
-    /* @__PURE__ */ n(Zt, { children: t.map((m, C) => {
-      const { title: L } = ae(m.data, I, C), G = l && S(C).length > 0, Y = C === t.length - 1, N = Y && !($ && !x(m.key)) ? { "& > td": { borderBottom: 0 } } : {};
-      return /* @__PURE__ */ h(De, { children: [
-        /* @__PURE__ */ h(me, { hover: !0, sx: e.sx("tableRow", { ...N, ...G ? { bgcolor: D } : {} }), children: [
-          /* @__PURE__ */ n(K, { sx: H, children: /* @__PURE__ */ n(ze, { ui: e, title: L, canEdit: j, onOpen: () => d(C), size: 14 }) }),
-          M.map((te) => /* @__PURE__ */ n(K, { sx: H, children: et(Ae(A, te.id), m.data[te.id]) || F }, te.id)),
-          W && /* @__PURE__ */ n(K, { sx: H, children: /* @__PURE__ */ n(Me, { ui: e, data: m.data }) }),
-          (w || $) && /* @__PURE__ */ n(K, { align: "right", sx: e.sx("rowActions", { width: "1%", whiteSpace: "nowrap", py: 0.25 }), children: /* @__PURE__ */ n(f, { sx: { display: "inline-flex" }, children: E(m, C, L) }) })
+    /* @__PURE__ */ n(Zt, { children: t.map((m, u) => {
+      const { title: L, rawTitle: F } = oe(m.data, I, u), Q = l && C(u).length > 0, H = u === t.length - 1, re = H && !(q && !x(m.key)) ? { "& > td": { borderBottom: 0 } } : {};
+      return /* @__PURE__ */ h(Re, { children: [
+        /* @__PURE__ */ h(he, { hover: !0, sx: e.sx("tableRow", { ...re, ...Q ? { bgcolor: D } : {} }), children: [
+          /* @__PURE__ */ n(K, { sx: N, children: F ? /* @__PURE__ */ n(Me, { ui: e, title: F, canEdit: _, onOpen: () => d(u), size: 14 }) : /* @__PURE__ */ n(
+            f,
+            {
+              component: _ ? "button" : "span",
+              type: _ ? "button" : void 0,
+              onClick: _ ? () => d(u) : void 0,
+              "aria-label": _ ? e.t("editAria", { title: L }) : void 0,
+              sx: {
+                background: "none",
+                border: 0,
+                p: 0,
+                font: "inherit",
+                color: "text.disabled",
+                cursor: _ ? "pointer" : "default"
+              },
+              children: "—"
+            }
+          ) }),
+          M.map((te) => /* @__PURE__ */ n(K, { sx: N, children: tt(Te(A, te.id), m.data[te.id]) || V }, te.id)),
+          W && /* @__PURE__ */ n(K, { sx: N, children: /* @__PURE__ */ n(_e, { ui: e, data: m.data }) }),
+          (w || q) && /* @__PURE__ */ n(K, { align: "right", sx: e.sx("rowActions", { width: "1%", whiteSpace: "nowrap", py: 0.25 }), children: /* @__PURE__ */ n(f, { sx: { display: "inline-flex" }, children: E(m, u, L) }) })
         ] }),
-        $ && !x(m.key) && /* @__PURE__ */ n(me, { children: /* @__PURE__ */ n(K, { colSpan: V, sx: { p: 0, ...Y ? { borderBottom: 0 } : {} }, children: _(m, C, L) }) })
+        q && !x(m.key) && /* @__PURE__ */ n(he, { children: /* @__PURE__ */ n(K, { colSpan: G, sx: { p: 0, ...H ? { borderBottom: 0 } : {} }, children: $(m, u, L) }) })
       ] }, m.key);
     }) })
   ] }) });
 }
-function ht({
+function ft({
   config: e,
   nodes: t,
   onChange: r,
@@ -904,40 +921,40 @@ function ht({
   showErrors: x = !1,
   required: g = !1,
   parentTitle: d,
-  texts: u
+  texts: y
 }) {
-  const b = J(), o = hn(b, e, i, u), { emptyTitle: y, emptyText: v, ...I } = { ...u || {}, ...e.texts || {} }, A = e.max != null ? Number(e.max) : void 0, k = !l && (A === void 0 || t.length < A), M = l ? "none" : o.addButton.position, W = M === "header" || M === "both", P = M === "footer" || M === "both", $ = e.showEmpty ?? !o.nested, j = t.length === 0 && $ && !(P && o.addButton.variant === "dashed"), w = t.length === 0 && !j && !P, [S, F] = Z({ open: !1, mode: "add", index: -1, session: 0 }), [_, E] = Z({ open: !1, index: -1, title: "", detail: "" }), [D, R] = Z(null), [H, V] = Z({}), m = (s, T = -1) => F((z) => ({ open: !0, mode: s, index: T, session: z.session + 1 })), C = () => F((s) => ({ ...s, open: !1 })), L = () => m("add"), G = (s) => m(!l && o.actions.edit ? "edit" : "view", s), Y = e.defaultCollapsed ?? o.layout === "table", N = (s) => H[s] ?? Y, te = (s) => V((T) => ({ ...T, [s]: !N(s) })), ft = (s, T) => {
-    if (S.mode === "add") {
-      const z = { key: oe(), data: s, children: en(e) };
-      o.layout === "cards" && V((ce) => ({ ...ce, [z.key]: !1 })), r([...t, z]);
+  const b = J(), o = hn(b, e, i, y), { emptyTitle: v, emptyText: S, ...I } = { ...y || {}, ...e.texts || {} }, A = e.max != null ? Number(e.max) : void 0, k = !l && (A === void 0 || t.length < A), M = l ? "none" : o.addButton.position, W = M === "header" || M === "both", P = M === "footer" || M === "both", q = e.showEmpty ?? !o.nested, _ = t.length === 0 && q && !(P && o.addButton.variant === "dashed"), w = t.length === 0 && !_ && !P, [C, V] = Y({ open: !1, mode: "add", index: -1, session: 0 }), [$, E] = Y({ open: !1, index: -1, title: "", detail: "" }), [D, O] = Y(null), [N, G] = Y({}), m = (s, T = -1) => V((z) => ({ open: !0, mode: s, index: T, session: z.session + 1 })), u = () => V((s) => ({ ...s, open: !1 })), L = () => m("add"), F = (s) => m(!l && o.actions.edit ? "edit" : "view", s), Q = e.defaultCollapsed ?? o.layout === "table", H = (s) => N[s] ?? Q, re = (s) => G((T) => ({ ...T, [s]: !H(s) })), te = (s, T) => {
+    if (C.mode === "add") {
+      const z = { key: ie(), data: s, children: en(e) };
+      o.layout === "cards" && G((de) => ({ ...de, [z.key]: !1 })), r([...t, z]);
       const B = A !== void 0 && t.length + 1 >= A;
-      (!T || B) && C();
+      (!T || B) && u();
       return;
     }
-    S.mode === "edit" && r(t.map((z, B) => B === S.index ? { ...z, data: s } : z)), C();
-  }, $e = (s) => r(t.filter((T, z) => z !== s)), qe = (s) => {
+    C.mode === "edit" && r(t.map((z, B) => B === C.index ? { ...z, data: s } : z)), u();
+  }, qe = (s) => r(t.filter((T, z) => z !== s)), je = (s) => {
     if (e.confirmDelete === !1) {
-      $e(s);
+      qe(s);
       return;
     }
     const T = t[s];
     E({
       open: !0,
       index: s,
-      title: ae(T.data, e, s).title,
+      title: oe(T.data, e, s).title,
       detail: Ht({ ...T.data, ...T.children }, e)
     });
   }, gt = (s) => {
     const T = [...t];
-    T.splice(s + 1, 0, st(t[s])), r(T);
-  }, je = (s, T) => {
+    T.splice(s + 1, 0, ct(t[s])), r(T);
+  }, We = (s, T) => {
     const z = s + T;
     if (z < 0 || z >= t.length) return;
     const B = [...t];
     [B[s], B[z]] = [B[z], B[s]], r(B);
-  }, We = (s, T, z) => r(t.map((B, ce) => ce === s ? { ...B, children: { ...B.children, [T]: z } } : B)), re = x ? c.find((s) => s.path.length === 0)?.message : void 0, bt = S.index >= 0 ? t[S.index] : void 0, ne = D?.index ?? -1, ie = (s) => {
-    R(null), s();
-  }, ut = () => V(Object.fromEntries(t.map((s) => [s.key, !0]))), yt = () => V(Object.fromEntries(t.map((s) => [s.key, !1]))), le = t.length > 0 && t.every((s) => N(s.key)), se = o.t("deleteMessage", { detail: _.detail ? o.t("deleteDetail", { detail: _.detail }) : "" }), [vt, Ee] = se.includes("{title}") ? se.split("{title}") : [se, null];
+  }, Ee = (s, T, z) => r(t.map((B, de) => de === s ? { ...B, children: { ...B.children, [T]: z } } : B)), ae = x ? c.find((s) => s.path.length === 0)?.message : void 0, bt = C.index >= 0 ? t[C.index] : void 0, ne = D?.index ?? -1, le = (s) => {
+    O(null), s();
+  }, ut = () => G(Object.fromEntries(t.map((s) => [s.key, !0]))), yt = () => G(Object.fromEntries(t.map((s) => [s.key, !1]))), se = t.length > 0 && t.every((s) => H(s.key)), ce = o.t("deleteMessage", { detail: $.detail ? o.t("deleteDetail", { detail: $.detail }) : "" }), [vt, De] = ce.includes("{title}") ? ce.split("{title}") : [ce, null];
   return /* @__PURE__ */ h(f, { "data-collection": e.id, sx: o.sx("root", { width: "100%", minWidth: 0 }), children: [
     /* @__PURE__ */ n(
       wn,
@@ -945,14 +962,14 @@ function ht({
         ui: o,
         count: t.length,
         required: g || (Number(e.min) || 0) > 0,
-        alone: w && !re,
+        alone: w && !ae,
         action: /* @__PURE__ */ h(f, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
           o.layout === "cards" && t.length >= 2 && /* @__PURE__ */ n(
-            Q,
+            Z,
             {
               size: "small",
               variant: "text",
-              onClick: le ? yt : ut,
+              onClick: se ? yt : ut,
               sx: {
                 fontSize: 12.5,
                 fontWeight: 600,
@@ -962,26 +979,26 @@ function ht({
                 textTransform: "none",
                 "&:hover": { color: "text.primary", bgcolor: p(b.palette.text.primary, 0.05) }
               },
-              startIcon: /* @__PURE__ */ n(q, { sx: { fontSize: "15px !important" }, children: le ? "unfold_more" : "unfold_less" }),
-              children: le ? "Expand all" : "Collapse all"
+              startIcon: /* @__PURE__ */ n(j, { sx: { fontSize: "15px !important" }, children: se ? "unfold_more" : "unfold_less" }),
+              children: se ? "Expand all" : "Collapse all"
             }
           ),
-          W && /* @__PURE__ */ n(Ke, { ui: o, placement: "header", empty: t.length === 0, disabled: !k, onClick: L })
+          W && /* @__PURE__ */ n(Xe, { ui: o, placement: "header", empty: t.length === 0, disabled: !k, onClick: L })
         ] })
       }
     ),
-    re && /* @__PURE__ */ h(
-      O,
+    ae && /* @__PURE__ */ h(
+      R,
       {
         role: "alert",
         sx: o.sx("error", { display: "flex", alignItems: "center", gap: 0.5, color: "error.main", fontSize: 13, fontWeight: 500, mt: -0.5, mb: 1.25 }),
         children: [
-          /* @__PURE__ */ n(q, { sx: { fontSize: "17px !important" }, children: "error_outline" }),
-          re
+          /* @__PURE__ */ n(j, { sx: { fontSize: "17px !important" }, children: "error_outline" }),
+          ae
         ]
       }
     ),
-    j && /* @__PURE__ */ n(Cn, { ui: o, readOnly: l, error: !!re }),
+    _ && /* @__PURE__ */ n(Cn, { ui: o, readOnly: l, error: !!ae }),
     t.length > 0 && o.layout === "table" && /* @__PURE__ */ n(
       In,
       {
@@ -992,12 +1009,12 @@ function ht({
         issues: c,
         showErrors: x,
         texts: I,
-        isCollapsed: N,
-        onToggle: te,
-        onOpen: G,
-        onDelete: qe,
-        onMenu: (s, T) => R({ anchor: s, index: T }),
-        onChildChange: We
+        isCollapsed: H,
+        onToggle: re,
+        onOpen: F,
+        onDelete: je,
+        onMenu: (s, T) => O({ anchor: s, index: T }),
+        onChildChange: Ee
       }
     ),
     t.length > 0 && o.layout === "cards" && /* @__PURE__ */ n(f, { sx: o.sx("list", { display: "flex", flexDirection: "column", gap: 2 }), children: t.map((s, T) => /* @__PURE__ */ n(
@@ -1008,31 +1025,31 @@ function ht({
         index: T,
         guid: a,
         readOnly: l,
-        collapsed: N(s.key),
+        collapsed: H(s.key),
         issues: c.filter((z) => z.path[0] === T).map((z) => ({ ...z, path: z.path.slice(1) })),
         showErrors: x,
         texts: I,
-        onOpen: () => G(T),
-        onDelete: () => qe(T),
-        onMenu: (z) => R({ anchor: z, index: T }),
-        onToggle: () => te(s.key),
-        onChildChange: (z, B) => We(T, z, B)
+        onOpen: () => F(T),
+        onDelete: () => je(T),
+        onMenu: (z) => O({ anchor: z, index: T }),
+        onToggle: () => re(s.key),
+        onChildChange: (z, B) => Ee(T, z, B)
       },
       s.key
     )) }),
-    P && /* @__PURE__ */ n(f, { sx: { mt: t.length || o.addButton.variant !== "dashed" ? 1.25 : 0 }, children: /* @__PURE__ */ n(Ke, { ui: o, placement: "footer", empty: t.length === 0, disabled: !k, onClick: L }) }),
+    P && /* @__PURE__ */ n(f, { sx: { mt: t.length || o.addButton.variant !== "dashed" ? 1.25 : 0 }, children: /* @__PURE__ */ n(Xe, { ui: o, placement: "footer", empty: t.length === 0, disabled: !k, onClick: L }) }),
     /* @__PURE__ */ n(
       kn,
       {
         ui: o,
-        open: S.open,
-        mode: S.mode,
-        session: S.session,
+        open: C.open,
+        mode: C.mode,
+        session: C.session,
         guid: `${a}-${e.id}`,
         initial: bt?.data,
         context: d,
-        onClose: C,
-        onSave: ft
+        onClose: u,
+        onSave: te
       }
     ),
     /* @__PURE__ */ h(
@@ -1040,53 +1057,53 @@ function ht({
       {
         anchorEl: D?.anchor,
         open: !!D,
-        onClose: () => R(null),
+        onClose: () => O(null),
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
         sx: { "& .MuiPaper-root": o.merged("menu", { borderRadius: "10px", minWidth: 170 }) },
         children: [
-          o.actions.duplicate && /* @__PURE__ */ h(de, { sx: o.sx("menuItem"), disabled: !k, onClick: () => ie(() => gt(ne)), children: [
-            /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(q, { fontSize: "small", children: "content_copy" }) }),
-            /* @__PURE__ */ n(xe, { children: o.t("duplicate") })
+          o.actions.duplicate && /* @__PURE__ */ h(pe, { sx: o.sx("menuItem"), disabled: !k, onClick: () => le(() => gt(ne)), children: [
+            /* @__PURE__ */ n(xe, { children: /* @__PURE__ */ n(j, { fontSize: "small", children: "content_copy" }) }),
+            /* @__PURE__ */ n(me, { children: o.t("duplicate") })
           ] }),
-          o.actions.move && /* @__PURE__ */ h(de, { sx: o.sx("menuItem"), disabled: ne <= 0, onClick: () => ie(() => je(ne, -1)), children: [
-            /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(q, { fontSize: "small", children: "arrow_upward" }) }),
-            /* @__PURE__ */ n(xe, { children: o.t("moveUp") })
+          o.actions.move && /* @__PURE__ */ h(pe, { sx: o.sx("menuItem"), disabled: ne <= 0, onClick: () => le(() => We(ne, -1)), children: [
+            /* @__PURE__ */ n(xe, { children: /* @__PURE__ */ n(j, { fontSize: "small", children: "arrow_upward" }) }),
+            /* @__PURE__ */ n(me, { children: o.t("moveUp") })
           ] }),
-          o.actions.move && /* @__PURE__ */ h(de, { sx: o.sx("menuItem"), disabled: ne >= t.length - 1, onClick: () => ie(() => je(ne, 1)), children: [
-            /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(q, { fontSize: "small", children: "arrow_downward" }) }),
-            /* @__PURE__ */ n(xe, { children: o.t("moveDown") })
+          o.actions.move && /* @__PURE__ */ h(pe, { sx: o.sx("menuItem"), disabled: ne >= t.length - 1, onClick: () => le(() => We(ne, 1)), children: [
+            /* @__PURE__ */ n(xe, { children: /* @__PURE__ */ n(j, { fontSize: "small", children: "arrow_downward" }) }),
+            /* @__PURE__ */ n(me, { children: o.t("moveDown") })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ h(
-      rt,
+      at,
       {
-        open: _.open,
+        open: $.open,
         onClose: () => E((s) => ({ ...s, open: !1 })),
         maxWidth: "xs",
         fullWidth: !0,
         sx: { "& .MuiDialog-paper": o.merged("confirm", { borderRadius: "12px", backgroundImage: "none" }) },
         children: [
-          /* @__PURE__ */ h(at, { sx: { pt: 3, pb: 1 }, children: [
-            /* @__PURE__ */ n(O, { sx: o.sx("confirmTitle", { fontWeight: 600, fontSize: 17 }), children: o.t("deleteTitle") }),
-            /* @__PURE__ */ h(O, { sx: o.sx("confirmText", { fontSize: 14, color: "text.secondary", mt: 1 }), children: [
+          /* @__PURE__ */ h(ot, { sx: { pt: 3, pb: 1 }, children: [
+            /* @__PURE__ */ n(R, { sx: o.sx("confirmTitle", { fontWeight: 600, fontSize: 17 }), children: o.t("deleteTitle") }),
+            /* @__PURE__ */ h(R, { sx: o.sx("confirmText", { fontSize: 14, color: "text.secondary", mt: 1 }), children: [
               vt,
-              Ee !== null && /* @__PURE__ */ n(f, { component: "strong", sx: { color: "text.primary", fontWeight: 600 }, children: _.title }),
-              Ee
+              De !== null && /* @__PURE__ */ n(f, { component: "strong", sx: { color: "text.primary", fontWeight: 600 }, children: $.title }),
+              De
             ] })
           ] }),
-          /* @__PURE__ */ h(ot, { sx: { px: 3, pb: 2.5, pt: 2, gap: 1, "& .MuiButton-root": { textTransform: "none", fontWeight: 600, borderRadius: "8px" } }, children: [
-            /* @__PURE__ */ n(Q, { color: "inherit", onClick: () => E((s) => ({ ...s, open: !1 })), sx: o.sx("confirmCancel", { color: "text.secondary" }), children: o.t("cancel") }),
+          /* @__PURE__ */ h(it, { sx: { px: 3, pb: 2.5, pt: 2, gap: 1, "& .MuiButton-root": { textTransform: "none", fontWeight: 600, borderRadius: "8px" } }, children: [
+            /* @__PURE__ */ n(Z, { color: "inherit", onClick: () => E((s) => ({ ...s, open: !1 })), sx: o.sx("confirmCancel", { color: "text.secondary" }), children: o.t("cancel") }),
             /* @__PURE__ */ n(
-              Q,
+              Z,
               {
                 variant: "contained",
                 color: "error",
                 disableElevation: !0,
                 onClick: () => {
-                  $e(_.index), E((s) => ({ ...s, open: !1 }));
+                  qe($.index), E((s) => ({ ...s, open: !1 }));
                 },
                 sx: o.sx("confirmDelete"),
                 children: o.t("deleteConfirm")
@@ -1098,7 +1115,7 @@ function ht({
     )
   ] });
 }
-const zn = ["mandatory", "mandatoryselect"], ke = (e) => {
+const zn = ["mandatory", "mandatoryselect"], we = (e) => {
   try {
     return JSON.stringify(e);
   } catch {
@@ -1106,26 +1123,26 @@ const zn = ["mandatory", "mandatoryselect"], ke = (e) => {
   }
 };
 function Wn({ attributes: e = {}, rules: t = {}, onChange: r, submitTick: a }) {
-  const { id: i = "", value: l } = e, c = { ...e, id: i, fields: e.fields || [] }, x = !!(e.readOnly || e.disabled || e.MuiAttributes?.disabled), g = t?.validation?.find((k) => zn.includes(k.rule)), [d] = Z(oe), [u, b] = Z(() => Te(l, c)), [o, y] = Z(!1), v = Xe(ke(we(l)));
+  const { id: i = "", value: l } = e, c = { ...e, id: i, fields: e.fields || [] }, x = !!(e.readOnly || e.disabled || e.MuiAttributes?.disabled), g = t?.validation?.find((k) => zn.includes(k.rule)), [d] = Y(ie), [y, b] = Y(() => Ie(l, c)), [o, v] = Y(!1), S = Je(we(Ae(l)));
   Oe(() => {
-    const k = ke(we(l));
-    k !== v.current && (v.current = k, b(Te(l, c)));
+    const k = we(Ae(l));
+    k !== S.current && (S.current = k, b(Ie(l, c)));
   }, [l]), Oe(() => {
-    a && y(!0);
+    a && v(!0);
   }, [a]);
   const I = (k) => {
     b(k);
-    const M = Ie(k, c);
-    v.current = ke(M), r?.({ id: i, value: M });
-  }, A = Kt(Ie(u, c), c, {
+    const M = ze(k, c);
+    S.current = we(M), r?.({ id: i, value: M });
+  }, A = Kt(ze(y, c), c, {
     required: !!g,
     requiredMessage: g?.message
   });
   return /* @__PURE__ */ n(
-    ht,
+    ft,
     {
       config: c,
-      nodes: u,
+      nodes: y,
       onChange: I,
       guid: `${d}-${i}`,
       readOnly: x,